/* Magazine pages share the academy typography and colors. */
.article-card h3 a{display:block;min-height:44px}.article-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}.article-cover-link{display:block;overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:16/9}.article-cover-link img{height:100%;aspect-ratio:16/9}.article-excerpt{font-size:15px;line-height:2;color:var(--text-secondary);margin:10px 0 16px}.article-nav{display:flex;align-items:center;gap:24px;font-size:15px}.article-nav a{padding-block:12px}.article-nav a:hover{text-decoration:underline;text-underline-offset:5px}.article-heading{max-width:900px;margin:36px auto 32px;padding:0 28px}.article-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary);margin-bottom:30px}.article-breadcrumb a:hover{text-decoration:underline}.article-heading h1{font-size:clamp(28px,3.1vw,43px);line-height:1.8;letter-spacing:-1px}.article-byline{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--text-secondary);font-size:13px;margin-top:22px}.article-lead{font-size:19px;line-height:2.25;margin-top:25px;color:var(--text-secondary)}.article-hero{width:min(1100px,calc(100% - 64px));margin:0 auto 42px}.article-hero img{aspect-ratio:16/9;height:auto;border-radius:var(--radius-lg)}.article-hero figcaption{font-size:12px;color:var(--text-secondary);padding:9px 5px}.article-reading{max-width:780px;margin-inline:auto;padding:0 28px 55px;overflow-wrap:anywhere}.article-reading h2{font-size:25px;line-height:1.9;letter-spacing:-.5px;margin:34px 0 12px;scroll-margin-top:130px}.article-reading p{font-size:17px;line-height:2.35;color:var(--text-secondary)}.article-toc{padding:22px 28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:38px}.article-toc h2{font-size:19px;margin:0 0 12px}.article-toc ol{padding-inline-start:22px;margin:0}.article-toc li{padding-block:4px;font-size:15px}.article-toc a:hover{color:var(--primary);text-decoration:underline}.article-faq{margin-top:40px}.article-faq details{border-bottom:1px solid var(--border);padding:15px 0}.article-faq summary{font-weight:600;font-size:16px;cursor:pointer;min-height:36px}.article-faq details p{padding-top:10px;font-size:16px}.article-sources{margin:40px 0 30px;border-top:1px solid var(--border)}.article-sources>p,.article-sources li p{font-size:14px;line-height:2.15}.article-sources ul{padding-inline-start:20px}.article-sources li{padding-block:9px}.article-sources a{font-size:14px;text-decoration:underline;text-underline-offset:4px;display:inline-block;max-width:100%;overflow-wrap:anywhere}.article-related{border-top:1px solid var(--border);padding-block:46px 64px}.article-related>.article-grid{margin-top:26px;grid-template-columns:repeat(2,minmax(0,1fr))}.article-related .article-excerpt{max-width:520px}.article-footer{border-top:1px solid var(--border);padding:28px 0;background:var(--surface)}.article-footer>.container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.article-footer p{font-size:14px;color:var(--text-secondary)}
@media(max-width:640px){.magazine-page .header{width:calc(100% - 24px);top:6px}.magazine-page .header-inner{padding:12px 16px;flex-wrap:wrap;gap:6px}.magazine-page .brand strong{font-size:25px}.magazine-page .brand-symbol{width:42px;height:44px}.article-nav{font-size:13px;gap:18px;justify-content:space-between;width:100%;border-top:1px solid var(--border);margin-top:6px}.article-heading{padding-inline:22px;margin-top:28px}.article-breadcrumb{margin-bottom:22px;font-size:12px}.article-heading h1{font-size:28px;letter-spacing:-.6px}.article-byline{gap:7px 14px;font-size:12px;margin-top:18px}.article-lead{font-size:17px;line-height:2.2}.article-hero{width:calc(100% - 24px);margin-bottom:24px}.article-hero img{border-radius:14px}.article-reading{padding-inline:22px}.article-reading h2{font-size:22px;scroll-margin-top:170px}.article-reading p{font-size:16px}.article-toc{padding:19px 21px}.article-toc h2{font-size:18px}.article-toc li{font-size:14px}.article-related>.article-grid{grid-template-columns:1fr}.article-footer p{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Comfortable independent targets for article navigation. */
.article-breadcrumb{align-items:center}.article-breadcrumb a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding-inline:4px;box-sizing:border-box}.article-toc li{padding-block:0}.article-toc a{display:block;min-height:44px;padding-block:10px;box-sizing:border-box;line-height:1.7}