.uif-blog-author, .uif-blog-related, .uif-blog-nav { font-family: var(--uif-font); color: var(--uif-ink); line-height: var(--uif-lh); box-sizing: border-box; }
.uif-blog-author, .uif-blog-related__heading { scroll-margin-top: calc(var(--uif-sp-18) + var(--uif-sp-6)); }
.uif-blog-author { display: flex; align-items: flex-start; gap: var(--uif-sp-6); margin: var(--uif-sp-10) 0; padding: var(--uif-sp-8); background: var(--uif-warm-surface); border: 1px solid var(--uif-warm-line); border-radius: var(--uif-r-card); }
.uif-blog-author__photo { width: 110px; height: 110px; flex: 0 0 110px; border-radius: var(--uif-r-pill); object-fit: cover; }
.uif-blog-author__eyebrow, .uif-blog-related__eyebrow { margin: 0 0 var(--uif-sp-2); color: var(--uif-warm-ink); font-size: var(--uif-fs-xs); font-weight: 800; letter-spacing: var(--uif-ls-kicker); text-transform: uppercase; }
.uif-blog-author .uif-blog-author__name { margin: 0 0 var(--uif-sp-1); font-size: var(--uif-fs-h3); font-weight: 800; color: var(--uif-ink); }
.uif-blog-author__role { font-weight: 700; font-size: var(--uif-fs-base); margin: 0 0 var(--uif-sp-3); }
.uif-blog-author__bio { margin: 0; font-size: var(--uif-fs-base); }
.uif-blog-related { margin: var(--uif-sp-12) 0; }
.uif-blog-related .uif-blog-related__heading { margin: 0 0 var(--uif-sp-6); font-size: var(--uif-fs-h2); font-weight: 800; color: var(--uif-ink); }
.uif-blog-related__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--uif-sp-6); }
.uif-blog-related__card { min-width: 0; margin: 0; background: var(--uif-white); border-radius: var(--uif-r-card); border: 1px solid var(--uif-line); box-shadow: var(--uif-sh-card); overflow: hidden; }
.uif-blog-related__link { display: flex; flex-direction: column; height: 100%; color: var(--uif-ink); text-decoration: none; }
.uif-blog-related__image { width: 100%; height: auto; aspect-ratio: 3/2; object-fit: contain; background: var(--uif-soft); display: block; }
.uif-blog-related__body { padding: var(--uif-sp-5); display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: var(--uif-sp-3); }
.uif-blog-related__category { background: var(--uif-warm-fill); color: var(--uif-warm-ink); border-radius: var(--uif-r-badge); padding: var(--uif-sp-1) var(--uif-sp-2); font-size: var(--uif-fs-xs); font-weight: 700; }
.uif-blog-related .uif-blog-related__title { margin: 0; font-size: var(--uif-fs-lg); line-height: 1.5; font-weight: 800; color: var(--uif-ink); }
.uif-blog-related__date { color: var(--uif-muted); font-size: var(--uif-fs-sm); }
.uif-blog-related__cta { margin-top: auto; padding-top: var(--uif-sp-3); color: var(--uif-ink); font-weight: 800; font-size: var(--uif-fs-sm); text-decoration: underline; text-underline-offset: var(--uif-sp-1); }
.uif-blog-related__link:hover { background: var(--uif-warm-surface); color: var(--uif-ink); }
.uif-blog-related__link:focus-visible { outline: 3px solid var(--uif-ink); outline-offset: -3px; }
.uif-blog-related__link:active { background: var(--uif-warm-fill); }
.uif-blog-related__link[aria-disabled="true"] { opacity: .6; pointer-events: none; }
.uif-blog-nav.uif-blog-nav--topics { margin-bottom: var(--uif-sp-8); padding: var(--uif-sp-5); border: 1px solid var(--uif-line); background: var(--uif-white); border-radius: var(--uif-r-card); box-shadow: var(--uif-sh-card); }
.uif-blog-nav .uif-blog-nav__title { font-size: var(--uif-fs-xl); font-weight: 800; color: var(--uif-ink); margin: 0 0 var(--uif-sp-4); }
.uif-blog-nav__categories { list-style: none; margin: 0; padding: 0; }
.uif-blog-nav__item { margin: 0 0 var(--uif-sp-2); padding: 0; }
.uif-blog-nav .uif-blog-nav__link { display: flex; align-items: center; justify-content: space-between; gap: var(--uif-sp-2); min-height: 44px; padding: var(--uif-sp-2); border-radius: var(--uif-r-control); color: var(--uif-ink); font-size: var(--uif-fs-sm); text-decoration: none; }
.uif-blog-nav__link--current { background: var(--uif-warm-surface); font-weight: 700; }
.uif-blog-nav__count { font-size: var(--uif-fs-xs); color: var(--uif-muted); }
.uif-blog-nav .uif-blog-nav__subtitle { font-size: var(--uif-fs-base); font-weight: 800; margin: var(--uif-sp-6) 0 var(--uif-sp-3); color: var(--uif-ink); }
.uif-blog-nav__tags { display: flex; flex-wrap: wrap; gap: var(--uif-sp-2); }
.uif-blog-nav .uif-blog-nav__tag { display: inline-flex; align-items: center; min-height: 44px; padding: var(--uif-sp-2) var(--uif-sp-3); font-size: var(--uif-fs-xs); font-weight: 700; border: 1px solid var(--uif-line); border-radius: var(--uif-r-pill); background: var(--uif-soft); color: var(--uif-ink); text-decoration: none; }
.uif-blog-nav__tag:hover, .uif-blog-nav__link:hover { color: var(--uif-ink); background: var(--uif-warm-fill); text-decoration: underline; }
.uif-blog-nav__tag:focus-visible, .uif-blog-nav__link:focus-visible { outline: 3px solid var(--uif-ink); outline-offset: 2px; }
.uif-blog-nav__tag:active, .uif-blog-nav__link:active { background: var(--uif-yellow); }
.uif-blog-nav__tag[aria-disabled="true"], .uif-blog-nav__link[aria-disabled="true"] { opacity: .6; pointer-events: none; }
.uif-blog-nav__note { margin: var(--uif-sp-4) 0 0; color: var(--uif-muted); font-size: var(--uif-fs-sm); }
@media(max-width:900px) { .uif-blog-related__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .uif-blog-related__grid { grid-template-columns: minmax(0,1fr); } .uif-blog-author { flex-direction: column; padding: var(--uif-sp-6); } }
@media(prefers-reduced-motion:reduce) { .uif-blog-related__link, .uif-blog-nav__link, .uif-blog-nav__tag { transition: none; animation: none; } }