.cnt-hero{padding:124px 0 12px;background:var(--bg-page);text-align:center}.cnt-hero-inner{max-width:820px;margin:0 auto}.cnt-hero-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-600);margin-bottom:18px}.cnt-hero h1{margin:0;font-size:clamp(38px,4.8vw,62px)}.cnt-hero-accent{color:var(--brand-600)}.cnt-hero .lede{margin:22px auto 0;max-width:58ch}.article-page .article-body-section>.wrap,.article-page .article-header>.wrap,.article-page .article-related>.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.article-header{padding:124px 0 0}.article-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-muted);margin-bottom:20px}.article-breadcrumb a{color:var(--brand-600);font-weight:500}.article-breadcrumb a:hover{text-decoration:underline}.article-breadcrumb .sep{color:var(--fg-subtle)}.article-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-600);margin-bottom:16px}.article-header h1{margin:0;font-family:var(--font-display);font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--fg-strong);max-width:18ch;text-wrap:balance}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:26px;font-size:14px;color:var(--fg-muted)}.article-meta .author{display:inline-flex;align-items:center;gap:10px;font-weight:500;color:var(--fg-default)}.article-meta .author-avatar{width:34px;height:34px;border-radius:50%;background:var(--brand-500);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;flex:none}.article-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--border-strong);flex:none}.article-body-section{padding:48px 0 24px}.article-body-grid{display:grid;grid-template-columns:240px minmax(0,1fr);grid-gap:56px;gap:56px;align-items:start}.article-toc{position:-webkit-sticky;position:sticky;top:104px}.article-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--border-subtle)}.article-toc li a{display:block;font-size:13.5px;line-height:1.4;color:var(--fg-muted);padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;transition:color var(--dur-base),border-color var(--dur-base)}.article-toc li a:hover{color:var(--fg-strong)}.article-toc li a.active{color:var(--brand-600);font-weight:600;border-left-color:var(--brand-500)}@media (max-width:980px){.article-body-grid{grid-template-columns:1fr;gap:8px}.article-toc{position:static;margin-bottom:24px}.article-toc ol{border-left:0;flex-direction:row;flex-wrap:wrap;gap:6px 8px}.article-toc li a{padding:6px 12px;border:1px solid var(--border-subtle);border-radius:999px;margin-left:0}.article-toc li a.active{border-color:var(--brand-300);border-left-color:var(--brand-300)}}@media (max-width:760px){.cnt-hero{padding-top:112px}.article-header{padding-top:104px}}.article-meta .author-avatar{overflow:hidden}.article-meta .author-avatar img{width:100%;height:100%;object-fit:cover;display:block}