/* Article-specific layout. Base typography, navigation, colors, CTA and footer come from ux-director.css. */
.blog-page .article-hero{padding:80px 0 88px;}
.article-kicker{font-size:.92rem;color:var(--violet-soft);margin:0 0 18px;}
.article-deck{margin:24px 0 0;max-width:62ch;font-size:1.1rem;color:#CBC4B4;}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line-dark);color:#AFA898;font-size:.84rem;}
.article-meta span:not(:last-child)::after{content:'·';margin-left:22px;color:#6F7180;}
.article-paper{background:var(--paper);padding:78px 0;scroll-margin-top:64px;}
.article-layout{display:grid;grid-template-columns:220px minmax(0,700px);gap:64px;align-items:start;justify-content:center;}
.article-toc{position:relative;}
.toc-card{position:sticky;top:92px;border-top:2px solid var(--violet);padding-top:16px;}
.toc-label{margin:0 0 12px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--violet);}
.toc-card nav{display:flex;flex-direction:column;}
.toc-card a{display:block;text-decoration:none;color:#6A7480;font-size:.82rem;line-height:1.4;padding:8px 0;border-bottom:1px solid rgba(23,36,47,.07);}
.toc-card a:hover,.toc-card a.is-active{color:var(--ink);}
.toc-card a.is-active{font-weight:600;}
.article-body{max-width:700px;}
.article-intro{padding-bottom:44px;border-bottom:1px solid var(--line-light);margin-bottom:48px;}
.article-section{padding:0 0 54px;scroll-margin-top:86px;}
.article-section:last-child{padding-bottom:0;}
.article-section .section-head{margin-bottom:18px;}
.article-section .section-head h2{font-size:clamp(1.6rem,2.8vw,2.2rem);}
.article-list{margin:4px 0 20px;padding-left:20px;color:#3C4650;font-size:1.04rem;line-height:1.6;max-width:68ch;}
.article-list li{margin:0 0 8px;}
.article-inline-teaser{margin:6px 0 58px;padding:30px 32px;background:var(--cream);border-top:2px solid var(--violet);border-bottom:1px solid var(--line-light);}
.article-inline-teaser-inner{display:grid;grid-template-columns:82px 1fr;gap:24px;align-items:start;}
.article-inline-teaser img{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid var(--violet-soft);}
.teaser-eyebrow{margin:0 0 6px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--violet);}
.article-inline-teaser h2{font-size:clamp(1.45rem,2.5vw,1.95rem);line-height:1.15;max-width:21ch;}
.article-inline-teaser p:not(.teaser-eyebrow){margin:12px 0 14px;color:#4B5763;font-size:.96rem;max-width:54ch;}
.article-inline-teaser a{color:var(--violet);text-decoration:none;border-bottom:1px solid var(--violet-soft);font-size:.9rem;}
@media(max-width:900px){
  .article-layout{grid-template-columns:1fr;gap:34px;max-width:760px;}
  .toc-card{position:relative;top:auto;background:var(--cream);padding:18px 20px;border:1px solid var(--line-light);border-top:2px solid var(--violet);}
  .toc-card nav{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;}
  .article-body{max-width:none;}
}
@media(max-width:720px){.article-paper{padding:52px 0}.blog-page .article-hero{padding:58px 0 64px;}}
@media(max-width:620px){
  .article-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;}
  .article-meta span::after{display:none;}
  .toc-card nav{grid-template-columns:1fr;}
  .article-intro{padding-bottom:34px;margin-bottom:38px;}
  .article-section{padding-bottom:44px;}
  .article-inline-teaser{padding:24px 22px;}
  .article-inline-teaser-inner{grid-template-columns:64px 1fr;gap:16px;}
  .article-inline-teaser img{width:60px;height:60px;}
}