.journal { --journal-ink:#203247; --journal-muted:#607084; }
.journal a:focus-visible { outline:3px solid var(--gold); outline-offset:5px; }
.journal .nav-links [aria-current] { color:var(--navy); text-decoration:underline; text-underline-offset:7px; }
.journal-review { padding:10px 20px; background:#f5eedf; color:#574424; font-size:12px; text-align:center; }
.journal-index-hero { padding:68px 0 58px; background:linear-gradient(135deg,#f5f7fa,#edf3f7); }
.journal-index-hero h1 { font-size:clamp(36px,4.5vw,60px); line-height:1.12; font-weight:650; letter-spacing:-.035em; margin:0 0 22px; }
.journal-index-hero p:not(.eyebrow) { font-size:18px; line-height:1.75; color:var(--journal-muted); margin:0; }
.journal-list,.journal-related { padding:48px 0 80px; background:#f5f7fa; }
.journal-section-label { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:26px; }
.journal-section-label h2 { font-size:23px; font-weight:650; letter-spacing:-.02em; margin:0; }
.journal-section-label span,.journal-section-label>a { font-size:14px; color:var(--journal-muted); }
.journal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.journal-card { border-radius:20px; background:#fff; overflow:hidden; border:1px solid #e0e6ec; box-shadow:0 8px 26px rgba(18,43,70,.055); display:flex; flex-direction:column; }
.journal-card-photo { position:relative; display:block; overflow:hidden; aspect-ratio:1.65; }
.journal-card-photo img { width:100%; height:100%; object-fit:cover; }
.journal-card-photo>span { position:absolute; left:20px; bottom:18px; background:rgba(255,255,255,.94); color:var(--navy); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; border-radius:20px; padding:7px 12px; }
.journal-card-copy { padding:24px; display:flex; flex-direction:column; flex:1; }
.journal .journal-meta { color:var(--journal-muted); font-size:12px; margin:0 0 14px; }
.journal-card h2 { font-size:23px; line-height:1.3; letter-spacing:-.02em; font-weight:700; margin-bottom:14px; }
.journal-card h2 a:hover { color:var(--cta); }
.journal-card-copy>p:not(.journal-meta) { font-size:15px; line-height:1.7; color:#566779; margin-bottom:24px; }
.journal-read { margin-top:auto; color:var(--cta); font-size:14px; font-weight:700; display:flex; align-items:center; gap:12px; }
.journal-article-head { display:grid; grid-template-columns:1.15fr 1fr; gap:54px; align-items:center; padding-top:48px; padding-bottom:48px; }
.journal-back { display:inline-block; font-size:13px; color:var(--journal-muted); margin-bottom:30px; }
.journal-head-copy>.eyebrow { display:flex; font-size:11px; margin-bottom:18px; }
.journal-head-copy h1 { font-size:clamp(32px,3.4vw,46px); font-weight:720; line-height:1.16; letter-spacing:-.035em; margin:0 0 20px; }
.journal-deck { font-size:17px; line-height:1.7; color:var(--journal-muted); margin-bottom:25px; }
.journal-byline { display:flex; align-items:center; gap:13px; font-size:13px; }
.journal-byline>img { width:40px; height:40px; object-fit:contain; padding:5px; border:1px solid var(--line); border-radius:50%; }
.journal-byline strong { display:block; font-weight:650; }
.journal-byline div>span { display:block; color:var(--journal-muted); font-size:12px; margin-top:3px; }
.journal-hero-photo { margin:0; }
.journal-hero-photo>img { width:100%; height:auto; aspect-ratio:1.35; object-fit:cover; border-radius:22px; box-shadow:0 18px 38px rgba(11,35,65,.12); }
.journal-hero-photo figcaption { text-align:right; font-size:10px; color:#738093; margin-top:9px; }
.journal-body { width:min(100% - 40px,740px); margin:0 auto; padding:8px 0 64px; color:#344454; font-family:Arial,Helvetica,sans-serif; font-size:18px; line-height:1.85; }
.journal-body p { margin-bottom:25px; }
.journal-opening { font-size:20px; line-height:1.8; color:#263d50; }
.journal-body>section { padding-top:28px; margin-top:26px; border-top:1px solid #e4e9ed; }
.journal-body h2 { font-family:var(--font-body); font-size:27px; line-height:1.3; letter-spacing:-.025em; font-weight:700; margin:0 0 18px; }
.journal-takeaway { border-left:3px solid var(--gold); background:#f7f8f9; padding:23px 27px; margin:36px 0; }
.journal-takeaway>span { font:700 11px var(--font-body); letter-spacing:.1em; text-transform:uppercase; color:var(--navy); }
.journal-takeaway p { margin:12px 0 0; font-size:18px; }
.journal-sources { margin-top:36px; padding-top:24px; border-top:1px solid var(--line); }
.journal-sources h2 { font-size:15px; }
.journal-sources ul { padding-left:19px; font-size:14px; }
.journal-sources a { color:var(--cta); text-decoration:underline; text-underline-offset:3px; }
.journal-sources p { font-size:12px; color:var(--journal-muted); line-height:1.7; }
.journal-conversation { margin-top:38px; padding:32px; border-radius:18px; background:#edf3f7; }
.journal-conversation p:not(.eyebrow) { font-size:16px; }
.journal-conversation .button { font:600 14px var(--font-body); gap:16px; }
.journal-related .journal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:800px; }
.blog-skip { position:absolute; top:-100px; left:16px; z-index:100; padding:12px; background:white; }
.blog-skip:focus { top:12px; }
@media(max-width:900px) { .journal-grid { gap:18px; }.journal-card-copy{padding:20px}.journal-card h2{font-size:21px}.journal-article-head{gap:30px}.journal-hero-photo>img{aspect-ratio:1} }
@media(max-width:680px) { .journal-index-hero{padding:42px 0}.journal-desktop-break{display:none}.journal-grid,.journal-related .journal-grid{grid-template-columns:1fr}.journal-section-label{align-items:flex-start}.journal-section-label>span{display:none}.journal-card-photo{aspect-ratio:1.8}.journal-article-head{grid-template-columns:1fr;padding-top:26px;padding-bottom:30px;gap:28px}.journal-head-copy h1{font-size:34px}.journal-back{margin-bottom:24px}.journal-hero-photo>img{aspect-ratio:1.6;border-radius:16px}.journal-body{font-size:17px;line-height:1.8}.journal-opening{font-size:18px}.journal-body h2{font-size:24px}.journal-conversation{padding:25px}.journal-section-label h2{font-size:21px}.journal-review{font-size:11px}.journal-list,.journal-related{padding:34px 0 48px} }