/* Journal layouts. Shared colour, navigation and controls live in brand.css. */
.journal-ui main{padding:64px 0 80px}
.journal-ui .wrap{width:calc(100% - 80px);max-width:780px;margin:auto}
.journal-index{width:calc(100% - 112px);max-width:1200px;margin:auto}
.index-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:90px;margin:10px 0 75px}
.index-hero h1{font:600 clamp(52px,6vw,84px)/1.04 var(--body);letter-spacing:-.065em;margin:0 0 26px}
.index-hero>div>p:last-child{max-width:440px;color:var(--muted);font-size:17px;line-height:1.7}
.index-hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}
.cards .card{border-top:1px solid #d7d0c2;padding:32px 0;min-width:0}
.eyebrow{display:block;margin:0 0 14px;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cards h2{font:500 25px/1.25 var(--body);letter-spacing:-.035em;margin:0 0 16px}.cards h2 a:hover{text-decoration:underline;text-underline-offset:5px}
.cards p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 18px}.cards .cmeta{font-size:12px;margin:20px 0 0}
.journal-ui article>h1{font:600 clamp(36px,4.4vw,58px)/1.1 var(--body);letter-spacing:-.05em;margin:0 0 22px;text-wrap:balance}
.meta{color:var(--muted);font-size:13px;margin:0 0 40px}
.post-body{overflow-wrap:anywhere}.post-body p,.post-body li{font-size:17px;line-height:1.8;margin:0 0 20px}.post-body .lede{font-size:21px;line-height:1.65;color:var(--muted);margin-bottom:34px}
.post-body h2{font:500 28px/1.25 var(--body);letter-spacing:-.035em;margin:46px 0 20px}.post-body h3{font:500 20px/1.4 var(--body);margin:30px 0 14px}.post-body strong{font-weight:600}.post-body ul,.post-body ol{padding-left:25px}.post-body a{color:var(--cobalt);text-decoration:underline;text-underline-offset:3px}
.post-body blockquote{margin:28px 0;padding:10px 0 10px 24px;border-left:2px solid var(--red)}.post-body blockquote p:last-child{margin:0}
.post-body code{font-size:14px;overflow-wrap:anywhere}.post-body pre{white-space:pre-wrap;background:#eae5da;border-radius:12px;padding:20px;overflow-wrap:anywhere}.post-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:14px;margin:24px 0}.post-body th,.post-body td{padding:12px;border-bottom:1px solid var(--line);text-align:left}
.cta-card{margin:56px 0 40px;padding:36px;background:#e8e2d4;border-radius:20px}.cta-card h2{font:600 38px/1.1 var(--body);letter-spacing:-.05em;margin:0 0 22px}.cta-card p:not(.public-kicker){font-size:16px;color:var(--muted);line-height:1.7;margin:0 0 24px}.cta-card strong{font-weight:600;color:var(--ink)}
.related{border-top:1px solid var(--line);padding-top:28px}.related h2{font:500 20px/1.4 var(--body);margin:0 0 18px}.related a{display:block;font-size:15px;line-height:1.6;padding:10px 0}.related a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){.index-hero{gap:36px}.cards{gap:0 32px}.journal-index{width:calc(100% - 64px)}}
@media(max-width:650px){.journal-ui main{padding:42px 0 60px}.journal-ui .wrap,.journal-index{width:calc(100% - 38px)}.index-hero{grid-template-columns:1fr;gap:24px;margin:0 0 42px}.index-hero h1{font-size:58px}.index-hero img{aspect-ratio:16/10}.cards{grid-template-columns:1fr}.cards .card{padding:28px 0}.cards h2{font-size:23px}.journal-ui article>h1{font-size:36px}.post-body p,.post-body li{font-size:16px}.post-body .lede{font-size:18px}.post-body h2{font-size:25px}.cta-card{padding:26px}.cta-card h2{font-size:34px}}