/* Sourced guides extend the shared broadsheet design without changing old pages. */
.editorial{padding-top:42px;padding-bottom:64px}
.editorial-head{margin-bottom:34px;max-width:1000px}
.editorial-head h1{font-size:clamp(30px,3.8vw,46px);max-width:30ch}
.editorial-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(180px,1fr);gap:36px;align-items:start}
.editorial-body{min-width:0}
.editorial-body h2{margin-top:44px;scroll-margin-top:24px}
.editorial-body h2:first-child{margin-top:0}
.editorial-body h3{font-size:23px;margin:30px 0 12px}
.editorial-body p,.editorial-body li{line-height:1.65}
.editorial-body p{max-width:76ch}
.editorial-body a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.editorial-toc{position:sticky;top:24px;border-top:3px solid var(--ink);padding-top:16px}
.editorial-toc a{display:block;font-size:14px;line-height:1.4;padding:9px 0;border-bottom:1px solid var(--line)}
.editorial-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:20px 0;gap:12px}
.editorial-summary li{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--teal);padding:20px;font-size:15px}
.editorial-summary strong{display:block;font-family:'Source Serif 4',Georgia,serif;font-size:20px;margin-bottom:8px}
.comparison-scroll{overflow-x:auto;margin:22px 0;border:1px solid var(--line)}
.comparison-scroll table{margin:0;width:100%;min-width:680px}
.comparison-scroll th,.comparison-scroll td{vertical-align:top;white-space:normal}
.editorial-body ul:not(.editorial-summary){padding-left:22px}
.editorial-body li{margin-bottom:10px}
.skip-link{position:absolute;left:12px;top:-100px;z-index:10;background:var(--surface);padding:12px}
.skip-link:focus{top:12px}
a:focus-visible,.comparison-scroll:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
@media(max-width:900px){.editorial-layout{display:block}.editorial-toc{display:none}}
@media(max-width:600px){.editorial{padding:28px 20px 42px}.editorial-summary{grid-template-columns:1fr}.editorial-summary li{padding:16px}.editorial-body h2{font-size:25px}.editorial-body h3{font-size:21px}.editorial-head .meta-line{gap:8px 18px}.editorial-body{font-size:17px}}

.comparison-hint{display:none}
@media(max-width:700px){.comparison-hint{display:block;font-size:13px;color:var(--muted);margin:0 0 -12px}}

@media(min-width:601px){.editorial-summary:has(>li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}