/* Ken1357: magazine reading layer for the two reference stories only. */
body.magazine-page { --mag-ink:#1a1c20; --mag-blue:#2b639b; --mag-rule:#d7dcd9; --mag-muted:#48515a; --mag-gutter:clamp(20px,5vw,76px); }
body.magazine-page .mag-shell { width:100%; max-width:1320px; margin-inline:auto; padding-inline:var(--mag-gutter); }
body.magazine-page .mag-article { min-width:0; }
body.magazine-page .mag-article :where(h1,h2,h3,p,div,figure,blockquote,dl,dt,dd) { min-width:0; }
body.magazine-page .mag-article :where(h1,h2,h3) { overflow-wrap:break-word; hyphens:manual; }
body.magazine-page .mag-hero { display:block; position:relative; inset:auto; width:100%; height:auto; min-height:0; padding-top:clamp(34px,5vw,68px); padding-bottom:clamp(40px,5vw,68px); border:0; background:transparent; box-shadow:none; text-align:left; isolation:isolate; }
body.magazine-page .mag-hero::after { content:''; display:block; height:4px; margin-top:40px; background:linear-gradient(90deg,#4c91d6 0%,#a9cbd4 50%,#effe8b 100%); }
body.magazine-page .mag-masthead { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 32px; padding-bottom:22px; margin-bottom:clamp(34px,5vw,64px); border-bottom:1px solid var(--mag-rule); color:var(--mag-muted); font-size:12px; line-height:1.6; letter-spacing:.1em; text-transform:uppercase; }
body.magazine-page .mag-masthead a { display:inline-flex; align-items:center; min-height:36px; color:var(--mag-blue); font-weight:700; text-decoration:none; }
body.magazine-page .mag-masthead span { display:flex; align-items:center; }
body.magazine-page .mag-masthead a:hover { text-decoration:underline; text-underline-offset:5px; }
body.magazine-page .mag-cover { display:grid; grid-template-columns:minmax(0,1.62fr) minmax(250px,.78fr); align-items:end; gap:clamp(36px,5vw,72px); }
body.magazine-page .mag-eyebrow { margin:0 0 16px; color:var(--mag-blue); font-size:11px; font-weight:700; line-height:1.6; letter-spacing:.12em; text-transform:uppercase; }
body.magazine-page .mag-hero h1 { max-width:16ch; margin:0; font-size:clamp(46px,6.8vw,91px); font-weight:700; line-height:1.01; letter-spacing:-.05em; text-wrap:balance; }
body.magazine-page .mag-hero h1 em { color:var(--mag-blue); font-weight:300; }
body.magazine-page .mag-dek { max-width:34ch; margin:0 0 4px; color:#343b42; font-size:clamp(20px,1.7vw,25px); line-height:1.62; text-wrap:pretty; hyphens:manual; }
body.magazine-page .mag-edition { display:flex; flex-wrap:wrap; gap:9px 28px; margin-top:clamp(30px,4vw,50px); color:var(--mag-muted); font-size:12px; line-height:1.6; }
body.magazine-page .mag-edition span+span { padding-left:18px; border-left:1px solid var(--mag-rule); }
body.magazine-page .mag-body { padding-bottom:clamp(42px,6vw,84px); }
body.magazine-page .mag-chapter { display:grid; grid-template-columns:minmax(100px,.65fr) minmax(0,2.65fr); gap:clamp(28px,5vw,72px); max-width:1050px; margin:0 auto; padding-block:clamp(32px,4.4vw,58px); }
body.magazine-page .mag-chapter:first-child { padding-top:12px; }
body.magazine-page .mag-margin { padding-top:9px; }
/* Use the full label column: 15ch orphaned the last letter of Zusammenspiel. */
body.magazine-page .mag-margin p { max-width:100%; overflow-wrap:break-word; word-break:normal; white-space:normal; margin:0; color:var(--mag-blue); font-size:11px; font-weight:700; line-height:1.75; text-transform:uppercase; letter-spacing:.11em; }
body.magazine-page .mag-rule { display:block; width:42px; height:2px; margin-top:20px; background:linear-gradient(90deg,#4c91d6,#effe8b); }
body.magazine-page .mag-copy { max-width:715px; color:#303740; font-size:clamp(18px,1.1vw + 4px,20px); line-height:1.8; hyphens:manual; }
body.magazine-page .mag-copy h2 { max-width:29ch; margin:0 0 24px; font-size:clamp(27px,2.6vw,36px); font-weight:700; line-height:1.2; letter-spacing:-.025em; }
body.magazine-page .mag-copy p+p { margin-top:1.1em; }
body.magazine-page .mag-copy p { text-wrap:pretty; }
body.magazine-page .mag-opening .mag-copy>p:first-of-type { font-size:clamp(20px,1.6vw,23px); line-height:1.75; color:#242c34; }
body.magazine-page .mag-dropcap::first-letter { float:left; margin:.065em .12em 0 0; color:var(--mag-blue); font-size:3.35em; font-weight:700; line-height:.84; }
body.magazine-page .mag-small { color:var(--mag-muted); font-size:13px; line-height:1.7; }
body.magazine-page .mag-tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin:32px 0 18px; padding:27px 0; border-block:1px solid var(--mag-rule); }
body.magazine-page .mag-tools .mag-eyebrow { margin:0 0 10px; font-size:10px; }
body.magazine-page .mag-tools h3 { max-width:20ch; margin:0 0 10px; color:var(--mag-ink); font-size:22px; line-height:1.22; }
body.magazine-page .mag-tools p:not(.mag-eyebrow) { margin:0; font-size:16px; line-height:1.7; }
body.magazine-page .mag-pilot { display:grid; grid-template-columns:1fr 1.05fr; gap:24px 60px; margin:30px 0 32px; padding:clamp(28px,4vw,50px); border-radius:2px; background:linear-gradient(120deg,#e7f0f7 0%,#eef2e9 66%,#f0f5d5 100%); }
body.magazine-page .mag-pilot-heading h2 { margin:0 0 20px; font-size:clamp(30px,3vw,42px); line-height:1.18; }
body.magazine-page .mag-pilot-heading h2 em { color:var(--mag-blue); }
body.magazine-page .mag-pilot-heading>p:last-child { max-width:39ch; margin:0; color:#3b4550; font-size:17px; line-height:1.7; }
body.magazine-page .mag-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-content:center; gap:24px; margin:0; }
body.magazine-page .mag-facts dt { padding-bottom:14px; border-bottom:1px solid #b9c7cf; color:var(--mag-blue); font-size:clamp(35px,3.2vw,48px); font-weight:700; line-height:1.15; letter-spacing:-.05em; font-variant-numeric:lining-nums; }
body.magazine-page .mag-facts dd { margin:14px 0 0; color:#34434b; font-size:13px; line-height:1.7; }
body.magazine-page .mag-caption { grid-column:1/-1; margin:0; color:#4c5b60; font-size:11px; line-height:1.7; }
body.magazine-page .mag-quote { display:grid; grid-template-columns:70px minmax(0,1fr); gap:8px 28px; max-width:1100px; margin:clamp(24px,4vw,52px) auto; padding:clamp(30px,4.4vw,58px) clamp(22px,4.5vw,62px); border:0; border-block:1px solid #bacdda; background:linear-gradient(130deg,#eef4f9,#f7f8ee); }
body.magazine-page .mag-quote-mark { color:var(--mag-blue); font-size:116px; font-weight:700; line-height:.9; }
body.magazine-page .mag-quote blockquote { max-width:36ch; margin:0; color:#234a6e; font-size:clamp(24px,2.8vw,36px); font-weight:300; font-style:italic; line-height:1.5; letter-spacing:-.018em; text-wrap:pretty; }
body.magazine-page .mag-quote figcaption { grid-column:2; margin:22px 0 0; color:#374653; font-size:13px; line-height:1.7; }
body.magazine-page .mag-quote figcaption strong,body.magazine-page .mag-quote figcaption span { display:block; }
body.magazine-page .mag-quote figcaption strong { margin-bottom:3px; color:var(--mag-ink); font-size:15px; }
body.magazine-page .mag-quote-secondary { background:#f2f3ed; border-color:#ced3be; }
body.magazine-page .mag-survey { display:grid; grid-template-columns:minmax(140px,.8fr) minmax(0,1.4fr); align-items:center; gap:28px; margin:30px 0; padding:25px 0; border-block:1px solid var(--mag-rule); }
body.magazine-page .mag-survey-number { color:var(--mag-blue); font-size:clamp(48px,5vw,66px); font-weight:700; line-height:1; letter-spacing:-.04em; }
body.magazine-page .mag-survey-number span { display:block; margin-top:8px; color:#364757; font-size:15px; font-weight:300; line-height:1.5; letter-spacing:0; }
body.magazine-page .mag-survey>div>p { margin:0; font-size:18px; line-height:1.6; }
body.magazine-page .mag-survey>div>.mag-small { margin-top:12px; font-size:12px; }
body.magazine-page .mag-future { margin:32px 0; padding:30px clamp(22px,4vw,42px); border-left:3px solid #4c91d6; background:#eef3f6; }
body.magazine-page .mag-future h3 { margin-bottom:18px; font-size:clamp(27px,3vw,35px); line-height:1.12; }
body.magazine-page .mag-future p:last-child { margin:0; font-size:17px; }
body.magazine-page .mag-source { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px 30px; max-width:1050px; margin:30px auto 0; padding-top:22px; border-top:1px solid var(--mag-rule); font-size:12px; line-height:1.8; color:var(--mag-muted); }
body.magazine-page .mag-source p { max-width:70ch; }
body.magazine-page .mag-text-link { display:inline-flex; align-items:center; flex-wrap:wrap; gap:9px; min-height:44px; color:var(--mag-blue); font-size:13px; font-weight:700; line-height:1.6; text-decoration:underline; text-underline-offset:5px; }
body.magazine-page .mag-filetype { padding:2px 6px; border:1px solid #ccd6dc; border-radius:3px; font-size:9px; text-decoration:none; }
body.magazine-page .mag-next { padding-block:clamp(42px,6vw,80px); border-top:1px solid var(--mag-rule); background:#f0f2ed; }
body.magazine-page .mag-next>.mag-shell { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; gap:28px 60px; }
body.magazine-page .mag-next h2 { max-width:25ch; margin-bottom:18px; font-size:clamp(30px,3.7vw,48px); }
body.magazine-page .mag-next h2 a { color:inherit; text-decoration:none; }
body.magazine-page .mag-next h2 a:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:8px; }
body.magazine-page .mag-next h2 em { color:var(--mag-blue); }
body.magazine-page .mag-next p:not(.mag-eyebrow) { max-width:55ch; color:#48515a; font-size:17px; line-height:1.7; }
body.magazine-page .ref-cta { padding-block:clamp(44px,6vw,76px); }
body.magazine-page .ref-nav::after { animation:none!important; }
@media(max-width:1050px) {
 body.magazine-page .mag-cover { grid-template-columns:minmax(0,1fr); gap:28px; }
 body.magazine-page .mag-hero h1 { font-size:clamp(48px,8vw,80px); max-width:20ch; }
 body.magazine-page .mag-dek { max-width:50ch; font-size:22px; }
 body.magazine-page .mag-pilot { grid-template-columns:minmax(0,1fr); gap:32px; }
 body.magazine-page .mag-facts { max-width:620px; }
 body.magazine-page .mag-chapter { grid-template-columns:130px minmax(0,1fr); gap:30px; }
}
@media(max-width:700px) {
 body.magazine-page .mag-masthead { display:block; margin-bottom:34px; padding-bottom:15px; }
 body.magazine-page .mag-masthead span { margin-top:5px; font-size:10px; }
 body.magazine-page .mag-hero h1 { font-size:clamp(41px,8.4vw,59px); line-height:1.06; letter-spacing:-.045em; }
 body.magazine-page .mag-dek { font-size:20px; line-height:1.65; }
 body.magazine-page .mag-edition { display:block; margin-top:30px; font-size:11px; }
 body.magazine-page .mag-edition span { display:block; }
 body.magazine-page .mag-edition span+span { margin-top:5px; border:0; padding:0; }
 body.magazine-page .mag-hero::after { margin-top:28px; }
 body.magazine-page .mag-chapter { display:block; padding-block:30px; }
 body.magazine-page .mag-margin { padding:0; margin-bottom:16px; }
 body.magazine-page .mag-margin p { max-width:none; font-size:10px; }
 body.magazine-page .mag-rule { display:none; }
 body.magazine-page .mag-copy { font-size:18px; line-height:1.8; }
 body.magazine-page .mag-copy h2 { font-size:27px; line-height:1.24; margin-bottom:20px; }
 body.magazine-page .mag-opening .mag-copy>p:first-of-type { font-size:20px; }
 body.magazine-page .mag-tools { gap:20px; }
 body.magazine-page .mag-tools h3 { font-size:20px; }
 body.magazine-page .mag-tools p:not(.mag-eyebrow) { font-size:15px; }
 body.magazine-page .mag-quote { display:block; padding:26px 23px 30px; }
 body.magazine-page .mag-quote-mark { display:block; height:58px; font-size:92px; line-height:1; }
 body.magazine-page .mag-quote blockquote { font-size:25px; line-height:1.5; }
 body.magazine-page .mag-quote figcaption { margin-top:24px; font-size:12px; }
 body.magazine-page .mag-pilot { margin-block:25px; padding:26px 22px; gap:28px; }
 body.magazine-page .mag-pilot-heading h2 { font-size:30px; }
 body.magazine-page .mag-facts { gap:16px; }
 body.magazine-page .mag-facts dt { font-size:clamp(27px,6.3vw,35px); letter-spacing:-.05em; }
 body.magazine-page .mag-facts dd { font-size:11px; }
 body.magazine-page .mag-survey { grid-template-columns:105px minmax(0,1fr); gap:22px; }
 body.magazine-page .mag-survey-number { font-size:48px; }
 body.magazine-page .mag-survey>div>p { font-size:16px; }
}
@media(max-width:360px) {
 body.magazine-page .mag-tools { grid-template-columns:minmax(0,1fr); }
 body.magazine-page .mag-tools>div+div { padding-top:22px; border-top:1px solid var(--mag-rule); }
 body.magazine-page .mag-pilot { padding-inline:18px; }
 body.magazine-page .mag-facts { gap:11px; }
 body.magazine-page .mag-facts dt { font-size:26px; }
 body.magazine-page .mag-quote { padding-inline:19px; }
 body.magazine-page .mag-quote blockquote { font-size:23px; }
 body.magazine-page .mag-survey { grid-template-columns:minmax(0,1fr); gap:14px; }
}
@media(prefers-reduced-motion:reduce) { body.magazine-page *,body.magazine-page *::before,body.magazine-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media(forced-colors:active) { body.magazine-page { --mag-ink:CanvasText; --mag-blue:LinkText; --mag-rule:CanvasText; --mag-muted:CanvasText; } body.magazine-page .mag-hero::after { background:CanvasText; } body.magazine-page :where(.mag-quote,.mag-pilot,.mag-next,.mag-future) { background:Canvas; border:1px solid CanvasText; } }
@media print { body.magazine-page .mag-cover { display:block; } body.magazine-page .mag-hero h1 { font-size:38pt; } body.magazine-page .mag-chapter { display:block; } body.magazine-page .mag-copy { max-width:none; font-size:11pt; } body.magazine-page :where(.mag-tools,.mag-quote,.mag-survey) { break-inside:avoid; } body.magazine-page .mag-next,body.magazine-page .ref-cta { display:none; } }