/* Design lab: two layout options for long-form pages. Switch with ?layout=a or ?layout=b (remembered); ?layout=0 resets. */
/* A: editorial columns. Headings left, text and figures share one right column. */
html[data-layout="a"] .case-page{max-width:1120px;padding-left:48px;padding-right:48px}
html[data-layout="a"] .story-block{grid-template-columns:230px minmax(0,660px);gap:56px;justify-content:start}
html[data-layout="a"] .story-gallery{margin-left:286px;max-width:660px;gap:18px}
html[data-layout="a"] .case-context,html[data-layout="a"] .case-takeaway,html[data-layout="a"] .case-coverage{margin-left:286px;max-width:700px}
html[data-layout="a"] .case-coverage ul{grid-template-columns:1fr}
/* B: single reading column. Everything stacks; images sit at column width. */
html:not([data-layout="a"]):not([data-layout="0"]) .case-page{max-width:760px}
html:not([data-layout="a"]):not([data-layout="0"]) .story-block{display:block;padding:30px 0}
html:not([data-layout="a"]):not([data-layout="0"]) .story-block h2{margin-bottom:14px;font-size:30px}
html:not([data-layout="a"]):not([data-layout="0"]) .story-gallery{gap:14px;margin:8px 0 34px}
html:not([data-layout="a"]):not([data-layout="0"]) .case-page h1{font-size:clamp(44px,6vw,68px)}
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage{padding:26px 0 30px}
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage h2{font-size:26px}
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage li{padding-top:14px}
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage h3{font-size:17px;line-height:1.3;margin:10px 0 8px}
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage p{font-size:14px;margin-bottom:8px}
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage .eyebrow{font-size:11px}
@media(max-width:700px){html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage ul{grid-template-columns:1fr}}
@media(max-width:760px){html[data-layout="a"] .story-block{grid-template-columns:1fr;gap:14px}html[data-layout="a"] .story-gallery,html[data-layout="a"] .case-context,html[data-layout="a"] .case-takeaway,html[data-layout="a"] .case-coverage{margin-left:0;max-width:none}html[data-layout="a"] .case-page{padding-left:24px;padding-right:24px}}
/* compact coverage: publisher, date, title only */
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage p{display:none}
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage ul{gap:16px 28px;margin-top:20px}
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage h3{margin:8px 0 4px;font-size:16px}
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage small{font-size:12px}
/* coverage as a one-line-per-note list */
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage ul{grid-template-columns:1fr;gap:0;margin-top:14px}
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage li{display:grid;grid-template-columns:210px 1fr;gap:6px 20px;align-items:baseline;border-top:1px solid #d9d9cf;padding:11px 0}
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage li .eyebrow{margin:0;font-size:11px;letter-spacing:.8px}
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage li h3{margin:0;font-size:16px}
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage li small{display:none}
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage{padding:22px 0 18px}
html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage h2{font-size:22px}
@media(max-width:700px){html:not([data-layout="a"]):not([data-layout="0"]) .case-coverage li{grid-template-columns:1fr;padding:10px 0}}