.article-hero{border-bottom:var(--border-width) solid var(--border-default);padding-block:clamp(28px,4vw,56px) clamp(36px,5vw,64px)}.article-title{max-width:28ch;font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--ls-h1);text-wrap:balance;margin-bottom:16px;font-size:clamp(34px,5.6vw,60px);line-height:1.08}.article-summary{max-width:72ch;color:var(--text-secondary);font-size:clamp(16px,1.4vw,18px);line-height:1.8}.article-meta{color:var(--text-caption);font-variant-numeric:tabular-nums;gap:24px;margin-top:20px;font-size:12px;display:flex}.breadcrumbs{color:var(--text-caption);flex-wrap:wrap;align-items:center;column-gap:10px;margin-bottom:20px;font-size:12px;line-height:1.6;display:flex}.breadcrumbs a{min-height:44px;color:var(--text-secondary);align-items:center;display:inline-flex}.breadcrumbs a:hover{color:var(--accent-text)}.article-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;column-gap:clamp(32px,5vw,72px);padding-block:clamp(32px,5vw,64px) clamp(56px,9vw,120px);display:grid}.article-body{width:100%;min-width:0;max-width:76ch}.article-body>p:first-of-type{color:var(--text-primary);font-size:clamp(17px,1.6vw,19px)}.article-body h2{border-top:var(--border-width) solid var(--border-default);margin-top:clamp(40px,5vw,64px);padding-top:24px;font-size:clamp(27px,3.2vw,38px);line-height:1.2}.article-body h3{font-family:var(--font-ui);margin-top:32px;font-size:20px;line-height:1.4}.article-body :is(h2,h3){scroll-margin-top:24px}.article-body p{margin-top:20px}.article-body strong{color:var(--text-primary);font-weight:700}.article-body li+li{margin-top:10px}.article-body li::marker{color:var(--marker)}.article-body blockquote{border-block:var(--border-width) solid var(--border-soft);color:var(--text-secondary);padding-block:16px}.article-body blockquote p{margin:0}.article-body table{font-size:14px;line-height:1.7}.article-body th{color:var(--text-caption);letter-spacing:var(--ls-meta);text-transform:uppercase;font-size:11px}.article-body td{color:var(--text-secondary);vertical-align:top;min-width:140px}.article-body td:first-child{color:var(--text-primary)}.article-body .mdx-table-scroll{overscroll-behavior-x:contain;width:100%;max-width:100%}.article-body code,.article-body a{overflow-wrap:anywhere}.article-figure{margin-bottom:32px}.article-figure--section{margin-top:20px}.article-figure img{border:var(--border-width) solid var(--border-default);border-radius:var(--radius);width:100%;height:auto;display:block}.article-figure--icon{align-items:center;gap:20px;display:flex}.article-figure--icon img{image-rendering:pixelated;border:0;border-radius:0;flex:0 0 64px}.article-figure figcaption{color:var(--text-caption);margin-top:12px;font-size:13px;line-height:1.7}.article-figure--icon figcaption{margin-top:0}.article-rail{max-height:calc(100svh - 130px);padding-right:8px;position:sticky;top:104px;overflow-y:auto}.article-rail .eyebrow{margin-bottom:16px}.article-rail a{border-left:var(--border-width) solid var(--border-soft);min-height:44px;color:var(--text-secondary);align-items:center;padding:8px 0 8px 16px;font-size:13px;line-height:1.5;display:flex}.article-rail a[aria-current],.article-rail a:hover{border-left-color:var(--accent);color:var(--accent-text)}.article-picker{display:none}.article-section-sheet{width:100%;max-width:none;max-height:80svh;padding:24px 20px calc(24px + env(safe-area-inset-bottom));border:0;border-top:var(--border-width) solid var(--border-default);background:var(--surface-page);color:var(--text-primary);border-radius:0;margin:0;position:fixed;inset:auto 0 0}.article-section-sheet::backdrop{background:var(--scrim-drawer)}.sheet-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.sheet-heading h2{font-size:24px}.sheet-heading button{width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:0 0;border:0}.article-section-sheet nav a{border-bottom:var(--border-width) solid var(--border-soft);align-items:center;min-height:44px;padding-block:10px;font-size:14px;display:flex}.article-section-sheet a[aria-current]{color:var(--accent-text)}.related-list{border-top:var(--border-width) solid var(--border-default);margin-top:20px}.related-list a{border-bottom:var(--border-width) solid var(--border-soft);min-height:44px;color:var(--text-primary);justify-content:space-between;gap:24px;padding-block:18px;font-size:16px;text-decoration:none;display:flex}.related-list a:hover{color:var(--accent-text)}.article-back-top{align-items:center;gap:12px;min-height:44px;margin-top:32px;font-size:13px;display:inline-flex}.category-guides{padding-block:clamp(32px,5vw,64px) clamp(56px,9vw,120px)}.category-guides .chapter-description{max-width:78ch}.header-nav a[aria-current=page]{color:var(--accent-text);text-underline-offset:10px;text-decoration:underline}.mobile-menu a[aria-current=page]{color:var(--accent-text)}@media (max-width:1179px){.article-layout{padding-top:0;display:block}.article-body{margin-inline:auto;padding-top:28px}.article-rail{display:none}.article-picker{z-index:100;background:var(--surface-page);border-bottom:var(--border-width) solid var(--border-default);display:block;position:sticky;top:0}.article-picker button{text-align:left;width:100%;min-height:56px;color:var(--text-primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:16px;padding:12px 0;font-size:13px;display:flex}.article-picker button>span:first-child{color:var(--text-caption);flex:none}.article-picker button>span:nth-child(2){flex:1}}@media (max-width:767px){.article-title{max-width:none}.article-summary{font-size:16px}.article-body :is(th,td){padding:12px}.breadcrumbs{font-size:11px}}@media (prefers-reduced-motion:reduce){.article-page *,.category-page *{scroll-behavior:auto}}.article-rail{top:calc(var(--h-nav-pc-scrolled) + 24px)}body:has(.site-header.is-hidden) .article-rail{top:24px}@media (max-width:1179px){.article-picker{top:var(--h-nav-pc-scrolled)}body:has(.site-header.is-hidden) .article-picker{top:0}}@media (max-width:767px){.article-picker{top:var(--h-nav-mobile)}}@media (prefers-reduced-motion:reduce){.article-rail,.article-picker{transition:none}}
