/* Editorial pages extend the approved home tokens. No additional backgrounds. */
.breadcrumbs{padding:30px 0 0;display:flex;flex-wrap:wrap;gap:9px;font-size:15px;color:var(--muted,#4b5d70)}.breadcrumbs a{color:inherit}.editorial-head{padding:46px 0 42px;background:#faf8f2;color:#102033}.editorial-head .eyebrow{color:#006b77}.editorial-head h1{font-size:clamp(34px,4vw,56px);line-height:1.13;letter-spacing:-.035em;max-width:920px;margin:12px 0 22px}.editorial-head .lead{font-size:22px;line-height:1.5;max-width:790px;margin:0}.editorial-head .breadcrumbs{padding:0;margin-bottom:34px}.editorial-head .head-actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:26px}.number-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid #d7dee4;padding-top:24px;margin-top:32px;max-width:940px}.number-strip div{display:grid;gap:3px}.number-strip strong{font-family:Manrope,sans-serif;font-size:32px;font-weight:650;color:#006b77}.number-strip span{font-size:16px}.editorial-main{background:#faf8f2;color:#102033;padding:28px 0 80px}.reading-layout{display:grid;grid-template-columns:220px minmax(0,770px);gap:64px;justify-content:space-between}.page-toc{align-self:start;position:sticky;top:104px;font-size:16px;border-top:2px solid #006b77;padding-top:15px}.page-toc summary{font-family:Manrope;font-weight:700;pointer-events:none;list-style:none}.page-toc nav{display:grid;gap:13px;margin-top:18px}.page-toc a{color:#4b5d70;text-decoration:none}.page-toc a:hover{color:#006b77;text-decoration:underline}.reading{min-width:0;font-size:18px;line-height:1.65}.reading section{margin:0 0 54px;scroll-margin-top:108px}.reading h2{font-size:32px;line-height:1.2;letter-spacing:-.025em;margin:0 0 20px}.reading h3{font-size:23px;line-height:1.3;margin:27px 0 12px}.reading p{margin:0 0 18px}.reading a:not(.button):not(.capture){color:#006b77;text-underline-offset:4px}.reading ul,.reading ol{padding-left:25px;margin:18px 0}.reading li{padding-left:4px;margin-bottom:9px}.explain-note{border-left:3px solid #006b77;padding:14px 20px;background:#edf2ef;margin:22px 0}.explain-note p:last-child{margin:0}.data-table{border-collapse:collapse;width:100%;font-size:17px;line-height:1.4;margin:22px 0}.data-table caption{text-align:left;font-weight:650;color:#4b5d70;font-size:15px;margin-bottom:12px}.data-table th,.data-table td{text-align:left;padding:15px 12px;vertical-align:top;border-bottom:1px solid #d7dee4}.data-table thead th{color:#006b77;font-family:Manrope;font-size:14px}.data-table tbody th{font-weight:600}.data-table a{font-weight:600}.round-block{margin:18px 0 26px}.round-block h3{font-size:18px;border-bottom:2px solid #006b77;padding-bottom:12px}.round-block .data-table{margin-top:0}.inline-download{margin:30px 0;padding:24px 0;border-top:1px solid #d7dee4;border-bottom:1px solid #d7dee4;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}.inline-download p{margin:0;max-width:460px}.article-faq details{border-top:1px solid #d7dee4;padding:16px 0}.article-faq summary{cursor:pointer;font-weight:650;line-height:1.4;padding:5px 0}.article-faq details p{margin:15px 0 4px}.rule-source{font-size:15px;color:#4b5d70}.related-links{display:flex;flex-wrap:wrap;gap:12px 25px}.chooser{padding:10px 0 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.chooser article{border-top:2px solid #006b77;padding-top:22px}.chooser h2{font-size:25px;margin:0 0 14px}.chooser p{font-size:18px;margin:0 0 18px;line-height:1.6}.hub-layout{max-width:1060px;margin:0 auto}.hub-layout section{scroll-margin-top:110px;margin-bottom:65px}.hub-layout h2{font-size:36px;line-height:1.2;letter-spacing:-.025em;margin:0 0 18px}.hub-layout>section>p{font-size:20px;line-height:1.6;max-width:800px}.family-comparison{background:#10243b;color:#faf8f2;padding:50px 0}.family-comparison .data-table th,.family-comparison .data-table a{color:#71e5ed}.family-comparison .data-table td,.family-comparison .data-table th{border-color:#3c4c5c}.family-comparison .data-table{font-size:18px}.family-comparison h2{font-size:36px}.family-comparison .container{max-width:1120px}.family-comparison p{max-width:720px;font-size:19px}.family-feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin:10px 0 40px}.family-feature>div>p{font-size:20px;line-height:1.6}.family-feature .mixed-demo{width:100%;max-width:none}.family-feature h2{font-size:36px}.article-screen{max-width:360px;margin:28px auto}.article-screen figcaption{font-size:16px;line-height:1.45;margin-top:12px;color:#4b5d70}.article-screen .capture img{width:100%;height:auto}.hub-shot{display:flex;gap:25px;align-items:start;margin-top:26px}.hub-shot figure{margin:0;flex:1;max-width:300px}.hub-shot figcaption{font-size:16px;margin-top:12px}.pending-guides{color:#4b5d70;font-size:16px;border-top:1px solid #d7dee4;padding-top:18px}.editorial-head .availability{color:#006b77}.reading :focus-visible,.page-toc :focus-visible,.hub-layout :focus-visible{outline:3px solid #006b77;outline-offset:5px}.download-section{scroll-margin-top:85px}
@media(max-width:1050px){.reading-layout{grid-template-columns:190px minmax(0,1fr);gap:36px}.data-table th,.data-table td{padding:13px 8px}.family-feature{gap:28px}.chooser{gap:24px}}
@media(max-width:800px){.reading-layout{display:block}.page-toc{position:static;margin-bottom:36px;padding:17px 0;border-bottom:1px solid #d7dee4}.page-toc summary{pointer-events:auto;cursor:pointer;list-style:revert}.page-toc nav{gap:12px}.reading{max-width:730px}.editorial-head{padding-top:29px}.chooser{grid-template-columns:1fr}.chooser article{padding:22px 0 2px}.family-feature{grid-template-columns:1fr}.family-feature .mixed-demo{max-width:560px}.hub-layout h2,.family-feature h2{font-size:30px}.editorial-head .lead{font-size:20px}.number-strip{gap:14px}.number-strip strong{font-size:29px}}
@media(max-width:650px){.editorial-head{padding-bottom:30px}.editorial-head h1{font-size:36px;line-height:1.16}.editorial-head .breadcrumbs{font-size:14px;margin-bottom:28px}.editorial-head .lead{font-size:19px}.number-strip{grid-template-columns:repeat(2,1fr);gap:19px 16px}.number-strip strong{font-size:30px}.number-strip span{font-size:15px}.editorial-main{padding-top:5px;padding-bottom:45px}.reading{font-size:18px;line-height:1.6}.reading section{margin-bottom:43px}.reading h2{font-size:29px}.reading h3{font-size:22px}.data-table{font-size:16px}.stack-table thead{display:none}.stack-table,.stack-table tbody{display:block}.stack-table tr{display:block;border-top:2px solid #006b77;margin-bottom:24px;padding:12px 0}.stack-table td,.stack-table th{display:block;border:0;padding:8px 0}.stack-table td::before{content:attr(data-label);display:block;font-size:13px;font-weight:650;color:#4b5d70;margin-bottom:3px}.family-comparison .stack-table td::before{color:#9ed9db}.stack-table tbody th{font-size:21px}.round-block .data-table td,.round-block .data-table th{padding:12px 6px}.round-block .data-table th:first-child{width:30px}.round-block .data-table{font-size:15px}.inline-download{align-items:stretch}.explain-note{padding:14px 16px}.article-screen{max-width:310px}.hub-layout section{margin-bottom:42px}.hub-layout>section>p{font-size:18px}.family-comparison{padding:32px 0}.family-comparison h2{font-size:30px}.hub-shot{gap:16px}.hub-shot figcaption{font-size:15px}.hub-shot figure{min-width:0}.family-feature>div>p{font-size:18px}.chooser h2{font-size:25px}}
@media(max-width:350px){.editorial-head h1{font-size:32px}.reading{font-size:17px}.reading h2{font-size:27px}.round-block .data-table{font-size:14px}.hub-shot{display:block}.hub-shot figure{max-width:100%;margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:800px){.page-toc summary{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-toc summary::after{content:'+';font-size:24px;line-height:1;color:#006b77}.page-toc[open] summary::after{content:'−'}}
@media(max-width:650px){.stack-table thead{display:block;position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
.family-comparison .data-table caption{color:#c6d8dd}
/* Editorial refinement: the existing diagram explains the format in the opening. */
.family-opening{padding-top:34px;padding-bottom:46px}.family-opening-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:58px;align-items:center}.family-opening .breadcrumbs{margin-bottom:28px}.family-opening h1{font-size:clamp(34px,3.6vw,50px);line-height:1.14}.family-opening .lead{font-size:21px;line-height:1.5}.family-opening .partnership-diagram{margin:0;width:100%;min-width:0}.family-opening .head-actions{margin-top:24px}.family-explanation{padding-top:28px}.family-explanation>div{max-width:800px}.family-explanation h2{max-width:25ch}.family-explanation p{font-size:20px;line-height:1.6}.family-explanation p:last-child{margin-bottom:0}
.ranking-default{border-top:2px solid #006b77;padding-top:20px;margin:26px 0 24px}.ranking-default>h3{margin-top:0}.ranking-order{margin-bottom:24px}.ranking-order li{padding-bottom:3px}.score-example{margin:26px 0 20px;padding:20px 0;border-top:1px solid #d7dee4;border-bottom:1px solid #d7dee4}.score-example figcaption{font:600 18px/1.45 Manrope,sans-serif;margin-bottom:14px;color:#102033}.score-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:17px;line-height:1.3}.score-table th,.score-table td{padding:12px 8px;border-bottom:1px solid #d7dee4;text-align:center;vertical-align:middle}.score-table th:first-child{width:36%;text-align:left;padding-left:0}.score-table thead th{font:600 14px/1.3 Manrope,sans-serif;color:#4b5d70}.score-table tbody th{font-weight:600}.score-table tbody td{font:650 23px/1.3 Manrope,sans-serif;color:#006b77}.score-table tbody tr:last-child td{color:#4b5d70}.score-table abbr{text-decoration:none}.score-example p.score-key{font-size:14px;line-height:1.5;color:#4b5d70;margin:12px 0 0}.ranking-options{border-top:1px solid #d7dee4;margin-top:30px;padding-top:25px}.ranking-options>.eyebrow{color:#006b77;font-size:12px;margin:0 0 16px}.ranking-options h3{font-size:22px;margin-top:28px}.ranking-options .eyebrow+h3{margin-top:0}.rule-source{border-top:1px solid #d7dee4;margin-top:30px;padding-top:17px;font-size:14px;line-height:1.5}
@media(max-width:1050px){.family-opening-grid{gap:32px}.family-opening h1{font-size:42px}.family-opening .lead{font-size:20px}}
@media(max-width:800px){.family-opening-grid{grid-template-columns:1fr;gap:30px}.family-opening .family-opening-copy{max-width:650px}.family-opening .partnership-diagram{max-width:560px;justify-self:center}.family-opening h1{font-size:40px}.family-opening .lead{font-size:20px}.family-explanation p{font-size:18px}}
@media(max-width:650px){.family-opening{padding-top:26px;padding-bottom:34px}.family-opening .breadcrumbs{margin-bottom:22px}.family-opening h1{font-size:34px;margin-bottom:18px}.family-opening .lead{font-size:18px;line-height:1.5}.family-opening .head-actions{margin-top:20px}.family-opening-grid{gap:25px}.family-opening .partnership-diagram{padding-top:17px}.family-opening .partnership-diagram>figcaption{font-size:19px;margin-bottom:18px}.family-explanation{padding-top:24px}.ranking-default{padding-top:17px;margin-top:22px}.score-example{padding:17px 0;margin-top:23px}.score-example figcaption{font-size:17px}.score-table{font-size:16px}.score-table th,.score-table td{padding:12px 4px}.score-table tbody td{font-size:21px}.score-table thead th{font-size:13px}.score-table th:first-child{width:36%}.score-example p.score-key{font-size:14px}.ranking-options h3{font-size:21px}}
@media(max-width:350px){.family-opening h1{font-size:32px}.family-opening .partnership-rounds{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:4px}.family-opening .partnership-arrow{transform:none;padding-top:26px;height:auto}.family-opening .editorial-pair{padding:10px 3px;gap:3px}.family-opening .diagram-person>span{font-size:12px}.family-opening .diagram-person strong{font-size:30px}.score-table th:first-child{width:36%}.score-table tbody th{font-size:15px}.score-table tbody td{font-size:19px}}
.score-example figcaption{text-align:left}
/* Keep the reading width stable while capturing a full page. */
html{scrollbar-gutter:stable}

/* Editorial progression, intentionally distinct from an app screenshot. */
.guide-progression{margin:32px 0 40px;padding:26px 28px;background:#eef2f2;border-left:4px solid #007d78}
.guide-progression figcaption{font-weight:800;font-size:1.3rem;color:#102638;margin-bottom:20px}
.guide-progression ol{list-style:none;padding:0;margin:0}.guide-progression li{position:relative;text-align:center;padding:15px 0 29px}
.guide-progression li:not(:last-child)::after{content:"↓";position:absolute;bottom:0;left:calc(50% - 8px);color:#006963;font-weight:800;font-size:24px}
.guide-progression li:last-child{padding-bottom:8px}.guide-progression strong,.guide-progression span{display:block}.guide-progression strong{font-size:1.15rem}.guide-progression span{font-size:.94rem;margin-top:5px;color:#344d59}
.guide-progression .flow-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.flow-split>div{border-top:2px solid #638e8b;padding-top:14px}.guide-progression>p{font-size:.88rem;color:#344d59;margin-bottom:0}
.process-list{padding-left:25px}.process-list>li{padding-left:6px;margin:24px 0}.process-list h3{margin:0 0 12px}
.schedule-detail{border-block:1px solid #c2cece;margin:24px 0;padding:15px 0}.schedule-detail>summary{cursor:pointer;font-weight:700;padding:5px 0;color:#083f43}.schedule-detail[open]>summary{margin-bottom:18px}
@media(max-width:540px){.guide-progression{padding:20px 16px;margin-inline:0}.guide-progression .flow-split{grid-template-columns:1fr;gap:14px}.guide-progression strong{font-size:1.02rem}.guide-progression span{font-size:.88rem}.process-list{padding-left:20px}}

/* Keep captions across the full width when responsive tables become blocks. */
@media(max-width:650px){.stack-table>caption{display:block;width:100%;max-width:none}}

/* Empty compatibility anchors must not become flex items. */
.header .fragment-alias{position:absolute;width:0;height:0;pointer-events:none}

.release-availability{font-size:16px;line-height:1.5;color:#4b5d70;max-width:65ch;margin:18px 0;padding:12px 0;border-top:1px solid #c7d1d4}.release-availability a{color:#006575;text-underline-offset:4px}.download-actions .release-availability{font-size:15px}.hero .release-availability{color:#faf8f2}