/* Existing article family, uncropped character illustration and native report.
   All selectors stay local to the unpublished editorial-design preview. */
.editorial-design-page .editorial-cover{padding-bottom:48px}
.editorial-design-page .editorial-cover h1{font-size:clamp(38px,4.2vw,62px);line-height:1.04;max-width:17ch;margin-top:20px}
.editorial-cover h1 em{color:#A9C1FF}
.editorial-cover .article-folio{margin-top:28px}
.preview-label{font:12px/1.6 var(--mono);color:#A9C1FF;margin-top:18px}
.editorial-design-page .article-cover-figure figcaption{position:static;width:auto;height:auto;clip-path:none;white-space:normal;overflow:visible;margin:0;padding:16px 24px;font-size:14px;line-height:1.5;color:#CFD5DE}
.editorial-design-page .editorial-opening{padding-top:48px}
.editorial-design-page .paper-chapter>p,.editorial-design-page .paper-chapter li{color:#374356}
.editorial-design-page .paper-chapter strong{color:#0E1117}
.editorial-design-page .paper-chapter :is(a,.chapter-kicker){color:#1B49A0}
.editorial-design-page .paper-chapter .editorial-detail{border-color:#9BAABD;color:#374356}
.editorial-design-page .paper-chapter .editorial-detail-body p{font-size:14px;line-height:1.65;color:#374356}
.editorial-design-page .paper-chapter .editorial-detail[open] summary{color:#0E1117}
.editorial-method{margin-block:30px;border-block:1px solid #536072}
.editorial-method>div{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:24px 0}
.editorial-method>div+div{border-top:1px solid #536072}
.editorial-method dt{font-size:24px;line-height:1.25;color:#A9C1FF;letter-spacing:-.025em}
.editorial-method dd{margin:0;color:#CFD5DE;font-size:18px;line-height:1.7}
.editorial-design-page .article-section>.editorial-comparison{max-width:1080px;margin-block:48px}
.comparison-heading{margin-bottom:18px}
.comparison-spread{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.comparison-spread>div{min-width:0}
.report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;margin-bottom:12px}
.document-label{font:14px/1.6 var(--mono);color:#DDE4EF}
.report-toolbar button,#report-zoom button{font:14px/1.5 var(--display);color:#EEF1F6;background:#202B3B;border:1px solid #8291A7;padding:10px 16px;min-height:44px;cursor:pointer}
.report-toolbar button[hidden]{display:none}
.report-toolbar button:focus-visible,#report-zoom :focus-visible{outline:3px solid #A9C1FF;outline-offset:3px}
/* One letter-size composition, proportionally reproduced at every width.
   The dialog moves the same DOM source into an 816px reading canvas. */
.report-viewport,.report-zoom-stage{container-type:inline-size;aspect-ratio:17/22}
.report-sheet{display:flex;flex-direction:column;width:100%;aspect-ratio:17/22;padding:7cqw;background:#F8F9FC;color:#374356;border-top:.8cqw solid #3B74F2;box-shadow:0 6px 14px #0003}
.report-running-head{display:flex;justify-content:space-between;align-items:center;gap:4cqw;padding-bottom:3cqw;border-bottom:.15cqw solid #ABB6C5}
.report-running-head img{width:22cqw;height:auto}
.report-running-head>span{font:1.7cqw/1.6 var(--mono);text-align:right;color:#374356}
.report-footer{display:flex;justify-content:space-between;font:1.7cqw/1.6 var(--mono);padding-top:2.5cqw;border-top:.15cqw solid #ABB6C5;color:#374356;margin-top:auto}
.editorial-design-page .report-before h3{font:600 3.9cqw/1.4 var(--display);color:#1B49A0;letter-spacing:0;margin:6cqw 0 4cqw}
.editorial-design-page .report-before h4{font:600 2.8cqw/1.5 var(--display);color:#374356;margin:0 0 2.5cqw}
.editorial-design-page .report-before p{font:2.65cqw/1.8 var(--display);color:#374356;margin:0}
.editorial-design-page .report-after h3{font:600 5.5cqw/1.12 var(--display);letter-spacing:-.035em;color:#1B49A0;margin:5cqw 0}
.editorial-design-page .report-after p{font:2.65cqw/1.65 var(--display);color:#374356;margin:1.5cqw 0 0}
.editorial-design-page .report-after strong{color:#1B49A0}
.editorial-design-page .report-after h4{font:600 2.8cqw/1.5 var(--display);color:#0E1117;margin:0;display:flex;align-items:baseline;gap:1.7cqw}
.report-finding{margin-bottom:4cqw}
.report-action{border-top:.3cqw solid #1B49A0;padding:3.5cqw 0 5cqw}
.report-marker{display:inline-flex;align-items:center;justify-content:center;width:4cqw;height:4cqw;flex:0 0 4cqw;border:.15cqw solid #1B49A0;border-radius:50%;font:2cqw var(--mono);color:#1B49A0}
#report-zoom{width:min(920px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid #8291A7;margin:auto;background:#202B3B;color:#EEF1F6;overflow:hidden}
#report-zoom::backdrop{background:#000b}
#report-zoom form{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-size:14px;line-height:1.5}
.report-zoom-scroll{overflow:auto;max-height:calc(100dvh - 110px);padding:20px;overscroll-behavior:contain}
.report-zoom-stage{width:816px;margin:auto}
.report-zoom-open{overflow:hidden}
.editorial-comparison figcaption{font-size:14px;line-height:1.6;color:#AFB8C5;margin-top:18px;max-width:740px}
.editorial-checklist{list-style:none;counter-reset:check;padding:0;margin-block:30px;border-top:1px solid #9BAABD}
.editorial-checklist li{counter-increment:check;display:flex;gap:20px;align-items:baseline;border-bottom:1px solid #BCC4D0;padding:18px 0;font-size:19px;line-height:1.6}
.editorial-checklist li::before{content:'0' counter(check);font:13px var(--mono);color:#1B49A0}
.editorial-design-page .editorial-closing{font-size:clamp(28px,4vw,42px);line-height:1.2;color:#0E1117;letter-spacing:-.035em;border-top:1px solid #9BAABD;padding-top:32px;margin-top:40px}
.editorial-closing em{color:#1B49A0}
.editorial-design-page .paper-chapter :is(a,summary):focus-visible{outline-color:#1B49A0}
.editorial-design-page .related-reading h2{font-size:30px;line-height:1.2}
.editorial-design-page .related-reading a{display:inline-block;min-height:44px;padding-block:10px;color:#A9C1FF}
@media(max-width:1120px){.editorial-design-page .article-cover-figure{order:0}.editorial-design-page .article-cover-copy{padding-top:32px}}
@media(max-width:800px){.comparison-spread{grid-template-columns:1fr;gap:28px}}
@media(max-width:760px){.editorial-method>div{grid-template-columns:1fr;gap:10px}.editorial-design-page .article-section,.editorial-design-page .editorial-opening{padding-block:48px}.editorial-design-page .article-section>p{font-size:18px}.editorial-cover .article-meta{margin-top:24px}}
@media(max-width:390px){.editorial-design-page .editorial-cover h1{font-size:34px}}
@media print{.preview-label{color:#000}.comparison-spread>div{break-inside:avoid}}
