/* Case-study posts: newspaper layout on top of guide.css. Masthead line, big headline, byline with author photo,
   a thumbnail figure, then one reading column with a facts box beside it on wide screens. */
.paper{background:var(--bg)}
.paper .wrap{padding-block:48px 24px}
.dateline{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;border-top:3px solid var(--ink);border-bottom:1px solid var(--line);padding:10px 0;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.dateline .sector{color:var(--teal)}
.paper h1{color:var(--ink);font-size:clamp(34px,5.4vw,58px);margin:22px 0 14px;max-width:20ch}
.paper .dek{color:var(--text);font-size:21px;max-width:44ch;margin-bottom:22px}
.byline{display:flex;gap:14px;align-items:center;padding:14px 0 22px;border-bottom:1px solid var(--line)}
.byline img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--tint)}
.byline strong{display:block;color:var(--ink);font-size:16px}
.byline span{font-size:14px;color:var(--muted)}
.thumb{margin:28px 0 8px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--navy)}
.thumb svg{display:block;width:100%;height:auto}
.thumb + figcaption{font-size:14px;color:var(--muted);margin:0 0 8px}
.story{display:grid;grid-template-columns:minmax(0,720px) minmax(0,300px);gap:48px;align-items:start;padding-block:28px 64px}
.story article > p:first-of-type::first-letter{float:left;font-weight:900;font-size:64px;line-height:.9;padding:6px 10px 0 0;color:var(--teal)}
.story h2{font-size:26px;color:var(--ink);margin:36px 0 10px;line-height:1.2}
.story ul{padding-left:22px}
.story li{margin:6px 0}
.facts{position:sticky;top:24px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--teal);border-radius:12px;padding:20px 20px 8px}
.facts h2{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-weight:800}
.facts dl{margin:0}
.facts dt{font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.facts dd{margin:2px 0 14px;color:var(--ink);font-weight:700;font-size:17px;line-height:1.4}
.lesson{background:var(--navy);color:var(--hero-text);border-radius:12px;padding:20px 22px;margin:32px 0}
.lesson strong{display:block;color:var(--gold);font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.lesson p{color:var(--hero-ink);margin:0;font-size:19px;line-height:1.5}
.draftflag{background:#FFF4D6;color:#5b4400;border-bottom:1px solid #e9d38c;font-size:14px;font-weight:700;text-align:center;padding:8px 16px}
@media (max-width:900px){.story{grid-template-columns:1fr}.facts{position:static;order:-1}}
/* hub cards with a thumbnail */
.ccard{padding:0 0 22px;overflow:hidden}
.ccard img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--navy);margin-bottom:6px}
.ccard .tag,.ccard strong,.ccard p,.ccard .meta2{margin-left:24px;margin-right:24px}