html{overflow-x:clip;scroll-padding-top:100px}
body{padding:0;font-family:var(--font-body)}
.wrap{width:min(1380px,calc(100% - 96px))}
h1,h2,h3{font-family:var(--font-display)}
.header{background:var(--bg);border-color:var(--line)}
.header .wrap{min-height:80px;gap:var(--space-lg)}
.brand-image{display:block;width:64px;height:64px;object-fit:contain}
.nav{gap:var(--space-lg)}
.nav a{padding:var(--space-md) 0;color:var(--muted)}
.header .nav a[href='/']{color:var(--muted)}
.nav a:hover,.header .nav a:hover{color:var(--ink)}
.header-actions{display:flex;align-items:center;gap:20px;margin-left:auto}.header-signup{display:flex;align-items:center;gap:10px}
.button{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent);box-shadow:none;white-space:nowrap;transition:background .15s var(--ease-out)}
.button:hover{background:var(--panel);color:var(--ink)}
.text-link{border-color:var(--line);color:var(--color-accent)}
.eyebrow{letter-spacing:0;color:var(--color-accent)}
.hero{background:var(--bg);padding:var(--space-2xl) 0;border-bottom:1px solid var(--line)}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl)}
.hero h1{font-size:clamp(30px,3.4vw,48px);line-height:1.45;letter-spacing:-.025em;margin:0 0 var(--space-md)}
.hero p{margin-bottom:var(--space-lg);font-size:var(--text-md)}
.hero-art{border:0;box-shadow:none;min-height:0;background:transparent;border-radius:4px;overflow:visible}
.hero-art img{height:300px;object-position:center;border-radius:4px}
.art-caption{position:static;background:none;padding:var(--space-2xs) 0 0;color:var(--muted);font-size:var(--text-xs);display:block}
.section-head h1,.section-head h2{font-size:var(--text-xl);margin:0}
.categories{gap:var(--space-2xs)}
.categories a{border-radius:4px;padding:var(--space-2xs) var(--space-xs)}
.categories a:hover,.categories .active{background:var(--panel);border-color:var(--color-accent);color:var(--color-accent)}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl) var(--space-lg)}
.card{background:transparent;border:0;border-radius:0;transition:none}
.card:hover{transform:none}
.card:hover h3{color:var(--color-accent)}
.card-top{height:210px;min-height:0;border-radius:4px;background:var(--panel)}
.card-body{padding:var(--space-md) 0 0}
.card h3{font-size:var(--text-lg);line-height:1.6;margin:var(--space-2xs) 0}
.card p{line-height:1.8}
.card-foot{margin-top:var(--space-sm);padding-top:var(--space-xs);color:var(--muted)}
.guide,.faq{background:var(--bg);border-color:var(--line)}
.guide-grid{grid-template-columns:264px minmax(0,1fr);gap:var(--space-xl)}
.guide-links a{border:0;border-bottom:1px solid var(--line);background:transparent;padding:var(--space-sm) 0}
.footer{background:var(--bg);border-top:1px solid var(--line)}
.footer-top{align-items:center}
.footer-bottom{color:var(--muted)}
.article-page{display:grid;grid-template-columns:264px minmax(0,1fr);column-gap:var(--space-xl);padding-top:var(--space-xl);padding-bottom:var(--space-2xl)}
.article-page .breadcrumb{grid-column:2;padding:0;font-size:var(--text-sm)}
.article-page .article-head{grid-column:2;max-width:none;padding:var(--space-lg) 0}
.article-head h1{font-size:clamp(30px,3.4vw,48px);line-height:1.45;letter-spacing:-.025em;margin:var(--space-sm) 0}
.article-head p{line-height:1.8;font-size:var(--text-md);margin:var(--space-sm) 0}
.meta{font-size:var(--text-sm);color:var(--muted)}
.article-layout{display:contents}
.article-page .toc{grid-column:1;grid-row:1 / 4;align-self:start;position:sticky;top:112px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;padding:var(--space-lg) var(--space-lg) var(--space-lg) 0}
.toc strong{font-size:var(--text-md)}
.toc a{margin-top:var(--space-md);font-size:var(--text-sm);line-height:1.9}
.toc a:hover{color:var(--color-accent)}
.article-page .prose{grid-column:2;min-width:0}
.prose{font-size:var(--text-md);line-height:1.95}
.prose p{color:var(--ink);max-width:78ch}
.prose h2{font-size:var(--text-xl);line-height:1.6}
.prose section{scroll-margin-top:110px;margin-bottom:var(--space-xl)}
.article-image{margin-bottom:var(--space-lg)}
.article-image img{height:250px;border-radius:4px;object-position:center}
.article-image figcaption{font-size:var(--text-xs)}
.takeaway{background:transparent;border-left:2px solid var(--color-accent);padding:var(--space-xs) var(--space-md);margin-bottom:var(--space-xl)}
.takeaway p:last-child{margin-bottom:0}
.table-scroll{border-color:var(--line);border-radius:4px}
thead{background:var(--panel);color:var(--ink)}
tbody th{color:var(--ink)}
.faq summary:after{color:var(--color-accent)}
.menu summary{color:var(--ink)}
.menu nav{background:var(--panel);border-color:var(--line);top:80px}
a:focus-visible,summary:focus-visible{outline-color:var(--color-focus)}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{gap:var(--space-sm)}.article-page{grid-template-columns:210px minmax(0,1fr);column-gap:var(--space-lg)}.header .wrap{gap:var(--space-sm)}}
@media(max-width:900px){.nav{display:none}.menu{display:block}.header-signup{margin-left:auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{gap:var(--space-lg)}.guide-grid{grid-template-columns:1fr;gap:var(--space-lg)}.article-page{grid-template-columns:175px minmax(0,1fr);column-gap:var(--space-md)}.article-page .toc{padding-right:var(--space-md)}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header .wrap{gap:var(--space-xs);min-height:72px}.brand-image{width:52px;height:52px}.header-signup .button{padding:var(--space-2xs) var(--space-xs);font-size:var(--text-xs)}.menu summary{padding:var(--space-2xs);font-size:var(--text-sm)}.menu nav{top:72px}.hero{padding:var(--space-xl) 0}.hero-grid{grid-template-columns:1fr;gap:var(--space-lg)}.hero h1{font-size:32px}.hero-art img{height:220px}.hero-art{min-height:0}.hero p{font-size:var(--text-sm)}.cards{grid-template-columns:1fr;gap:var(--space-xl)}.card-top{height:220px}.article-page{display:flex;flex-direction:column;padding-top:var(--space-md);padding-bottom:var(--space-xl)}.article-page .article-head{padding:var(--space-md) 0}.article-head h1{font-size:30px}.article-head p{font-size:16px}.article-page .toc{position:static;order:0;border-right:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--space-sm) 0;margin-bottom:var(--space-lg)}.toc a{margin-top:var(--space-xs)}.article-layout{display:contents}.article-image img{height:200px}.prose{font-size:17px}.prose h2{font-size:24px}.footer-top{align-items:flex-start}.footer-links{gap:var(--space-md)}.takeaway{padding:var(--space-xs) var(--space-sm)}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
@media(min-width:1101px){.article-page{grid-template-columns:312px minmax(0,1fr)}.article-head h1{font-size:48px;text-wrap:balance}.article-page .article-head{padding:var(--space-md) 0}.article-page .toc{padding-top:var(--space-lg)}}
.article-image img{object-position:center 28%}
@media(min-width:1101px){.article-head h1{font-size:52px;text-wrap:pretty}}
@media(max-width:650px){.article-page .toc{align-self:stretch}.article-head h1{text-wrap:balance}}
.article-image img{object-position:center 20%}

/* Long-form editorial: introductions, source comparisons, Q&A and named columns. */
.article-byline{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}
.byline-person{display:flex;align-items:center;gap:12px}.byline-person img{border-radius:12px}.byline-person span{display:grid;gap:4px}.byline-person small{color:var(--muted);font-size:12px}.byline-person strong{font-size:15px;font-weight:600}.byline-dates{display:grid;gap:6px;color:var(--muted)}
.longform-page .toc{max-height:calc(100vh - 144px);overflow-y:auto;scrollbar-width:thin;padding-top:16px}.longform-page .toc a{margin-top:14px;line-height:1.65}.longform-page .toc strong{display:block;margin-bottom:20px}
.longform{max-width:920px}.longform-page .article-image img{height:340px;object-position:center 35%}.longform h2{margin-top:44px;margin-bottom:20px;font-size:30px;line-height:1.55;letter-spacing:-.015em}.longform h3{font-size:21px;line-height:1.6}.longform p{max-width:none;margin:0 0 22px}.longform .article-lead{font-size:20px;line-height:1.9;color:var(--muted)}
.article-summary{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--color-accent);border-radius:4px;padding:28px 32px;margin:32px 0}.article-summary h2{margin:8px 0 20px;font-size:24px}.article-summary ul{padding-left:24px;margin:0}.article-summary li{padding-left:6px;margin:12px 0;font-size:17px;line-height:1.85}.article-summary li::marker{color:var(--color-accent)}
.source-refs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;line-height:1.6;margin:10px 0 24px;color:var(--muted)}.source-refs a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.source-refs span{font-size:12px}
.comparison-section{padding-top:24px;border-top:1px solid var(--line)}.comparison-section h2{margin-top:10px}.table-scroll td,.table-scroll th{vertical-align:top;line-height:1.8}.comparison-section table{min-width:690px;font-size:15px;table-layout:fixed}.comparison-section th,.comparison-section td,.home-guide table th,.home-guide table td{white-space:normal;overflow-wrap:break-word}.comparison-section th:first-child{width:20%}.comparison-section th:last-child,.comparison-section td:last-child{width:84px}.comparison-section .source-refs{margin:0;gap:4px}.comparison-section .source-refs>span{display:none}.original-table{margin:28px 0}
.article-faq{border-top:1px solid var(--line);padding-top:32px}.article-section-title h2{margin-top:8px}.article-section-title>p{font-size:16px;color:var(--muted)}.article-faq details{border-bottom:1px solid var(--line);padding:0}.article-faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;padding:22px 0}.article-faq summary::-webkit-details-marker{display:none}.article-faq summary h3{margin:0;font-size:20px;font-weight:600;line-height:1.7}.article-faq summary>span{font-size:26px;font-weight:400;color:var(--color-accent)}.article-faq details[open] summary>span{transform:rotate(45deg)}.article-faq .answer{padding:0 30px 6px 0}.article-faq .answer p{font-size:17px;line-height:1.95;margin-bottom:18px}
.detailed-sources{border-top:1px solid var(--line);padding-top:32px}.detailed-sources h2{margin-top:8px}.detailed-sources ol{margin:0;padding-left:26px}.detailed-sources li{padding-left:10px;margin:28px 0;scroll-margin-top:110px}.detailed-sources li::marker{font-size:14px;color:var(--color-accent)}.detailed-sources li>a{font-size:17px;font-weight:600;line-height:1.8;color:var(--color-accent)}.source-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--muted);margin:8px 0}.detailed-sources li>p{font-size:15px;line-height:1.85;color:var(--muted);margin:10px 0}.source-date{font-size:13px;color:var(--muted)!important;margin-top:28px!important}
.author-card{display:flex;align-items:flex-start;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;margin:32px 0}.author-card>img{flex:0 0 80px;border-radius:16px}.author-card h3{margin:8px 0 12px;font-size:24px;line-height:1.6}.author-card p{font-size:16px;line-height:1.9;margin:0 0 14px;color:var(--muted)}.author-card .author-note{font-size:12px}.author-card .text-link{font-size:14px}
.related-articles{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:48px;margin-top:40px}.related-articles .section-head h2{font-size:28px}.related-articles .section-head{margin-bottom:28px}.card-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px}.card-foot span:last-child{white-space:nowrap}
.authors-page{padding-top:56px;padding-bottom:72px}.authors-page h1{font-size:42px;line-height:1.5;margin:12px 0 24px}.authors-intro{max-width:840px;font-size:18px;line-height:1.9;color:var(--muted)}.authors-page>.author-card{max-width:960px}.author-profile{display:flex;align-items:center;gap:28px;padding:40px 0;border-bottom:1px solid var(--line)}.author-profile>img{border-radius:24px}.author-profile h1{margin:8px 0 12px}.author-profile p{color:var(--muted)}.profile-prose{max-width:840px;font-size:18px;line-height:1.95;padding-top:28px}.profile-prose h2{font-size:26px;margin:28px 0 16px}
.home-guide-heading{font-size:36px;line-height:1.5;margin:0 0 20px}.home-guide-intro{font-size:19px;color:var(--muted);line-height:1.9}.home-guide .prose{max-width:920px}.home-guide .prose h2{margin-top:40px}.home-guide .guide-grid{align-items:start}.home-guide .guide-grid aside{position:sticky;top:112px}.home-faq{max-width:920px;margin-inline:auto}.home-faq>h2{font-size:32px}.home-author{max-width:920px;margin:32px auto 0}
@media(max-width:1100px){.longform-page .article-image img{height:280px}.longform h2{font-size:27px}.article-byline{gap:16px}.article-summary{padding:24px}.home-guide .guide-grid aside{position:static}}
@media(max-width:650px){.article-byline{display:grid;gap:16px;margin-top:22px}.byline-dates{font-size:12px}.longform-page .article-image img{height:220px}.longform h2{font-size:25px;margin-top:36px}.longform .article-lead{font-size:18px}.article-summary{padding:20px}.article-summary h2{font-size:21px}.article-summary li{font-size:16px}.longform-page .toc{max-height:none;overflow:visible}.longform-page .toc a{margin-top:12px}.comparison-section table{min-width:680px}.article-faq summary{gap:16px;padding:20px 0}.article-faq summary h3{font-size:18px}.article-faq .answer{padding-right:0}.author-card{gap:16px;flex-direction:column;padding:28px 0}.author-card>img{width:64px;height:64px;flex-basis:64px}.author-card h3{font-size:22px}.author-card p{font-size:15px}.related-articles .section-head{display:grid;gap:16px}.related-articles .section-head h2{font-size:25px}.authors-page{padding-top:28px}.authors-page h1{font-size:30px}.author-profile{align-items:flex-start;gap:20px;flex-direction:column}.author-profile>img{width:90px;height:90px}.authors-intro,.profile-prose{font-size:17px}.home-guide-heading{font-size:28px}.home-guide-intro{font-size:17px}}
.reading-map{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:28px 28px 20px;margin:48px 0}.reading-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.reading-map-grid>div{padding:0 20px;border-right:1px solid var(--line)}.reading-map-grid>div:first-child{padding-left:0}.reading-map-grid>div:last-child{border:0;padding-right:0}.step-number{display:block;color:var(--color-accent);font-size:36px;line-height:1.3;margin-bottom:20px}.reading-map-grid strong{display:block;font-size:17px;font-weight:600;line-height:1.6}.reading-map-grid p{font-size:14px;line-height:1.9;color:var(--muted);margin:12px 0 0}.reading-map figcaption{font-size:12px;color:var(--muted);margin-top:24px;line-height:1.8}@media(max-width:650px){.reading-map{padding:24px}.reading-map-grid{grid-template-columns:1fr;gap:24px}.reading-map-grid>div,.reading-map-grid>div:first-child,.reading-map-grid>div:last-child{padding:0 0 20px;border-right:0;border-bottom:1px solid var(--line)}.reading-map-grid>div:last-child{border:0;padding-bottom:0}.step-number{font-size:28px;margin-bottom:12px}}
.toc-mobile{display:none}@media(max-width:650px){.article-page .toc{display:none}.toc-mobile{display:block;border-block:1px solid var(--line);margin-bottom:28px}.toc-mobile summary{padding:16px 0;cursor:pointer;color:var(--color-accent);font-weight:600}.toc-mobile summary span{font-size:12px;font-weight:400;color:var(--muted);margin-left:12px}.toc-mobile nav{padding:0 0 18px}.toc-mobile nav a{display:block;font-size:14px;line-height:1.8;padding:8px 0}}
/* Language navigation shares the same article URL in both editions. */
.language-switch{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;line-height:1.5}.language-switch a{color:var(--muted);padding:6px 2px}.language-switch a[aria-current]{color:var(--ink);font-weight:700;border-bottom:1px solid var(--color-accent)}.language-switch>span{color:var(--line)}.header .nav{gap:20px;margin-left:auto}.header .wrap{gap:20px}html[lang=en] .article-head h1{font-size:clamp(30px,3.3vw,48px);line-height:1.25}html[lang=en] .prose{line-height:1.85}html[lang=en] .eyebrow{letter-spacing:.07em}html[lang=en] .article-summary li{line-height:1.7}
@media(max-width:1100px){.header .nav{display:none}.header .menu{display:block}.language-switch{margin-left:0}.header-signup{margin-left:0}}@media(max-width:650px){.header .wrap{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:8px 0}.header-actions{grid-column:1/-1;grid-row:2;justify-content:flex-end;width:100%;gap:12px}.header .menu{grid-column:2;grid-row:1}.header .menu nav{top:100%}.header-signup{gap:8px}.language-switch{gap:5px;font-size:11px}html[lang=en] .article-head h1{font-size:30px}.header-signup .button{padding:7px 10px}.menu summary{white-space:nowrap}}