
/* The Grid System — Editorial article system, shared by historical and new pages. */
:root { --reading-ink:#243941;--reading-soft:#e8e7df;--reading-accent:#cf5036; }
html { scroll-padding-top:24px; }
.breadcrumb { font: 11px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.035em;color:#62736f; }
.breadcrumb a{text-decoration:none;border-bottom:1px solid var(--line)}
.hero{position:relative;padding:20px 0 38px;background-size:8.333% 100%;}
.hero:after {content:'';position:absolute;right:0;bottom:-1px;width:46px;height:4px;background:var(--accent);}
.hero .stamp{background:#182d36;color:#fff;font-weight:700}
.hero h1 {font-size:clamp(42px,5.7vw,85px);letter-spacing:-.065em;line-height:.98;max-width:1090px;word-break:normal;overflow-wrap:break-word}
.hero .metadata{border-top:1px solid var(--line);padding-top:17px;letter-spacing:.03em}
.article-layout{grid-template-columns:minmax(0, 8.1fr) minmax(225px,3fr);gap:6.25%;padding:47px 0 85px;align-items:start}
.article-body {color:var(--reading-ink);font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.78;max-width:840px;overflow-wrap:break-word}
.article-body>p{max-width:740px}
.article-body p{margin:0 0 25px}
.article-body h2{font:800 clamp(29px,3vw,40px)/1.11 Arial,Helvetica,sans-serif;letter-spacing:-.045em;margin:56px 0 23px;color:var(--ink);scroll-margin-top:32px}
.article-body h3{font:800 25px/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.025em;margin:36px 0 15px;color:var(--ink);scroll-margin-top:32px}
.article-body a:not(.simplebtn):not(.resource-link){text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:4px}
.article-body img{border:1px solid var(--line)}
.article-body figure{margin:36px 0 39px}
.article-body figcaption{font:12px/1.65 ui-monospace,Consolas,monospace;letter-spacing:.02em;margin-top:12px;max-width:620px;color:#5d6d6a}
.article-body blockquote{margin:39px 0;padding:8px 0 8px 26px;border-left:4px solid var(--accent);font-size:clamp(22px,2.5vw,30px);letter-spacing:-.035em;line-height:1.45;color:var(--ink)}
.article-body blockquote p{margin-bottom:0}
.article-body ul,.article-body ol{padding-left:30px;margin:0 0 31px}
.article-body li{padding:2px 0 3px 3px}
.article-body hr{border:none;border-top:1px solid var(--line);margin:50px 0}
.article-body .archive-note{font:12px/1.65 Arial,Helvetica,sans-serif;padding:15px 18px;background:#e9e7df}
.article-body .simplebtn{font:700 11px/1.4 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.08em;padding:12px 17px}
.sidebar{font-family:Arial,Helvetica,sans-serif;font-size:13px}
.sidebar-block{padding:17px 0 27px;border-color:#a5aca7}
.sidebar h2{font:800 11px/1.4 ui-monospace,Consolas,monospace;color:#546764;letter-spacing:.11em}
.sidebar li{line-height:1.45}
.sidebar .tags a{border-color:#adb8b1}
.article-intro{font-size:clamp(21px,2.3vw,26px);line-height:1.5;letter-spacing:-.014em;color:#415962;max-width:730px;margin:0 0 40px}
.edition-rule{display:flex;gap:14px;align-items:center;color:#556b6e;font:11px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;padding:0 0 15px;border-bottom:1px solid var(--line);margin-bottom:33px}
.edition-rule:before{content:'';width:8px;height:8px;background:var(--accent)}
.editorial-hero-figure{margin:0 0 44px !important;}
.editorial-hero-figure img{display:block;width:100%;aspect-ratio:1.57;object-fit:cover;background:#e1e4dc}
.figure-number{display:inline-block;min-width:54px;color:var(--reading-accent);font-weight:bold}
.article-outro{border-top:1px solid var(--ink);margin-top:64px;padding:24px 0;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.article-outro h2{margin:0 0 8px;font:800 27px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.05em}
.article-outro p{font:13px/1.6 Arial,Helvetica,sans-serif;color:var(--muted);margin:0}
.article-outro a{display:inline-flex;align-items:center;background:var(--ink);padding:13px 17px;color:#fff !important;text-decoration:none !important;white-space:nowrap;font:800 11px/1.3 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.article-outro a:hover{background:var(--accent)}
.ed-sidebar-label{color:var(--accent);font:bold 11px/1.5 ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.09em;margin-bottom:17px}
.ed-sidebar-lead{font:22px/1.22 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin:0 0 15px}
.ed-sidebar-action{display:inline-block;color:var(--ink);font:800 11px/1.5 ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;border-bottom:1px solid var(--accent);padding:0 0 4px}
.ed-sidebar-small{font:12px/1.55 Arial,Helvetica,sans-serif;color:var(--muted)}
.ed-outline a{display:flex;gap:11px;align-items:baseline;line-height:1.4;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none}
.ed-outline i{font:10px/1 ui-monospace,Consolas,monospace;color:var(--accent);font-style:normal}
.ed-hero-meta{display:flex;flex-wrap:wrap;gap:12px 27px;margin-top:24px;font:11px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}
.ed-hero-meta span{display:flex;gap:8px}
.ed-hero-meta strong{color:var(--accent)}
.ed-series{display:inline-flex;align-items:center;gap:11px;font:800 11px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.ed-series:before{content:'';width:22px;height:8px;background:var(--accent)}
.article-hero-new{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333% - 1px),rgba(24,45,54,.045) calc(8.333% - 1px),rgba(24,45,54,.045) 8.333%);}
.article-hero-new h1{max-width:1020px;margin:26px 0 29px}
.ed-deck{font:22px/1.55 Georgia,Times,serif;max-width:730px;color:#51616a;margin:0 0 18px}
.ed-reading-indicator{font:bold 11px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ed-image-credit{font:11px/1.7 ui-monospace,Consolas,monospace;color:var(--muted)}
@media(max-width:900px){.article-layout{grid-template-columns:minmax(0,1fr);gap:39px}.article-body{max-width:760px}.sidebar{border-top:1px solid var(--ink);padding-top:13px}.sidebar-block{min-width:0}}
@media(max-width:540px){.hero h1{font-size:clamp(38px,10vw,57px);letter-spacing:-.055em}.hero{padding:8px 0 26px}.article-layout{padding:30px 0 70px}.article-body{font-size:17px;line-height:1.7}.article-body h2{font-size:29px;margin-top:45px}.article-body h3{font-size:22px}.article-intro{font-size:21px}.article-outro{grid-template-columns:1fr}.article-outro a{justify-content:center}.editorial-hero-figure img{aspect-ratio:1.25}.ed-deck{font-size:18px}.edition-rule{font-size:10px}}
@media print{.ed-reading-indicator,.article-outro,.sidebar{display:none!important}.article-body{max-width:none}.ed-deck{font-size:14pt}.hero h1{font-size:32pt}.editorial-hero-figure img{max-height:80mm;object-fit:contain}}
