.journal { background:#fff; color:#142c4b; padding-bottom:64px; }
.journal-container { width:min(1140px,calc(100% - 48px)); margin-inline:auto; }
.journal-hero { padding:68px 0 54px; background:radial-gradient(ellipse at 90% 20%,#fff0bd,transparent 50%),#f0f5ff; }
.journal-eyebrow { margin:0 0 18px; font-size:12px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.journal h1 { font-size:clamp(36px,4.8vw,62px); line-height:1.1; letter-spacing:-.04em; margin:0; }
.journal h1 span { color:#160fbe; }
.journal-lead { font-size:18px; line-height:1.75; max-width:640px; margin:24px 0 0; }
.journal-filters { display:flex; flex-wrap:wrap; gap:10px; padding-block:30px; }
.journal-filter { cursor:pointer; font:inherit; font-size:14px; padding:10px 18px; border:1px solid #d6deec; border-radius:999px; color:#142c4b; background:#fff; }
.journal-filter[aria-pressed="true"] { color:#fff; background:#160fbe; border-color:#160fbe; }
.journal-filter:focus-visible,.journal a:focus-visible { outline:3px solid #ffc526; outline-offset:4px; }
.journal-featured { display:grid; grid-template-columns:1.15fr 1fr; overflow:hidden; border-radius:24px; background:#fff7df; }
.journal-feature-image { display:block; min-height:355px; }
.journal-feature-image img { display:block; width:100%; height:100%; object-fit:cover; }
.journal-feature-copy { padding:38px; align-self:center; }
.journal-feature-copy h2 { font-size:clamp(26px,2.6vw,36px); line-height:1.18; margin:0 0 20px; letter-spacing:-.025em; }
.journal h2 a,.journal h3 a { color:inherit; text-decoration:none; }
.journal h2 a:hover,.journal h3 a:hover { color:#160fbe; }
.journal-feature-copy > p:not(.journal-eyebrow) { font-size:16px; line-height:1.75; margin:0 0 24px; }
.journal-read-link { display:inline-flex; gap:18px; align-items:center; color:#160fbe; font-size:14px; font-weight:700; text-decoration:none; }
.journal-read-link:hover { text-decoration:underline; text-underline-offset:4px; }
.journal-section { padding-top:58px; }
.journal-section-top { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.journal-section-top h2 { margin:0; font-size:32px; line-height:1.2; letter-spacing:-.025em; }
.journal-section-top p { margin:0; font-size:14px; color:#59667a; }
.journal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.journal-card { overflow:hidden; border:1px solid #dfe5ee; border-radius:18px; background:#fff; display:flex; flex-direction:column; }
.journal-card[hidden] { display:none; }
.journal-card-image { display:block; aspect-ratio:3/2; overflow:hidden; }
.journal-card-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s; }
.journal-card-image:hover img { transform:scale(1.03); }
.journal-card-copy { padding:24px; display:flex; flex:1; flex-direction:column; align-items:flex-start; }
.journal-category { color:#160fbe; margin:0 0 12px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.journal-card h3 { font-size:23px; line-height:1.25; margin:0 0 14px; letter-spacing:-.02em; }
.journal-card-copy > p:not(.journal-category) { margin:0 0 24px; font-size:14px; line-height:1.75; color:#59667a; }
.journal-card-copy .journal-read-link { margin-top:auto; }
.journal-cta { display:flex; justify-content:space-between; align-items:center; gap:32px; padding:36px; margin-top:56px; border-radius:20px; background:#f0f5ff; }
.journal-cta h2 { font-size:30px; line-height:1.25; margin:0; letter-spacing:-.02em; }
.journal-cta p:not(.journal-eyebrow) { margin:14px 0 0; line-height:1.7; font-size:16px; }
.journal-cta .btn { flex-shrink:0; }
.journal-article-header { max-width:850px; width:calc(100% - 48px); margin:0 auto; padding:40px 0; }
.journal-back { display:inline-block; margin-bottom:36px; font-size:14px; color:#160fbe; }
.journal-article-header h1 { font-size:clamp(34px,4vw,54px); }
.journal-article-cover { width:min(1000px,calc(100% - 48px)); margin:auto; border-radius:22px; overflow:hidden; max-height:480px; }
.journal-article-cover img { width:100%; height:100%; max-height:480px; object-fit:cover; display:block; }
.journal-article-body { width:min(720px,calc(100% - 48px)); margin:36px auto 0; }
.journal-article-body p { font-size:17px; line-height:1.85; margin:0 0 24px; }
.journal-article-body .journal-article-intro { font-size:20px; }
.journal-article-body h2 { font-size:27px; line-height:1.25; margin:32px 0 14px; letter-spacing:-.02em; }
.journal-takeaway { background:#fff7df; border-radius:16px; padding:24px; margin:32px 0; }
.journal-takeaway h2 { margin-top:0; }
.journal-takeaway p { margin-bottom:0; }
.journal-sources a { color:#160fbe; font-size:14px; line-height:1.8; }
.journal-article-body .journal-editorial-note { font-size:12px; line-height:1.8; color:#657084; border-top:1px solid #dfe5ee; margin-top:24px; padding-top:20px; }
.journal-grid--related { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:900px) { .journal-featured { grid-template-columns:1fr; } .journal-feature-image { min-height:0; aspect-ratio:2/1; } .journal-feature-copy { padding:28px; } .journal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .journal-cta { flex-direction:column; align-items:flex-start; } }
@media(max-width:600px) { .journal-container { width:calc(100% - 32px); } .journal-hero { padding:42px 0 36px; } .journal-lead { font-size:16px; } .journal-filters { gap:8px; padding-block:22px; } .journal-filter { font-size:12px; padding:9px 12px; } .journal-feature-copy { padding:24px; } .journal-feature-image { aspect-ratio:3/2; } .journal-grid { grid-template-columns:1fr; } .journal-section { padding-top:38px; } .journal-section-top h2 { font-size:26px; } .journal-cta { padding:24px; margin-top:38px; } .journal-cta h2 { font-size:27px; } .journal-article-header,.journal-article-body,.journal-article-cover { width:calc(100% - 32px); } .journal-article-body p { font-size:16px; } .journal-article-body .journal-article-intro { font-size:18px; } }
@media(prefers-reduced-motion:reduce) { .journal-card-image img { transition:none; } }