:root{--journal-ink:#172235;--journal-muted:#667085;--journal-blue:#1769e0;--journal-line:#e5e9ef;--journal-soft:#f6f8fb}
.blog-page,.article-page{background:#fff;color:var(--journal-ink)}
.blog-masthead{position:relative;overflow:hidden;padding:84px 0 92px;background:#f4f7fb;border-bottom:1px solid var(--journal-line)}
.blog-masthead:after{content:"";position:absolute;right:-120px;top:-210px;width:560px;height:560px;border:1px solid #dce5f1;border-radius:50%;box-shadow:0 0 0 70px #ffffff45,0 0 0 140px #ffffff35}
.blog-masthead-copy{position:relative;z-index:1;max-width:680px}
.blog-kicker,.story-label{display:block;color:var(--journal-blue);font-size:11px;font-weight:800;letter-spacing:1.7px}
.blog-masthead h1{margin:14px 0 18px;font:800 clamp(42px,5vw,68px)/1.04 Manrope,sans-serif;letter-spacing:-2.6px}
.blog-masthead h1 em{color:var(--journal-blue);font-style:normal}
.blog-masthead p{max-width:560px;margin:0;color:var(--journal-muted);font-size:17px;line-height:1.7}
.blog-shell{padding-top:56px;padding-bottom:76px}
.lead-story{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);min-height:440px;overflow:hidden;background:var(--journal-soft);border-radius:22px}
.lead-story-media,.article-card-media{display:block;overflow:hidden;background:#e9eef5}
.lead-story-media img,.article-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.lead-story:hover .lead-story-media img,.article-card:hover .article-card-media img{transform:scale(1.025)}
.lead-story-copy{display:flex;flex-direction:column;justify-content:center;padding:50px}
.lead-story-copy h2{margin:14px 0 16px;font:800 clamp(29px,3vw,40px)/1.16 Manrope,sans-serif;letter-spacing:-1px}
.lead-story-copy h2 a,.article-card h3 a{color:var(--journal-ink);text-decoration:none}
.lead-story-copy p{margin:0 0 22px;color:var(--journal-muted);font-size:15px;line-height:1.72}
.story-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#7b8493;font-size:11px;font-weight:600}
.story-meta i{width:3px;height:3px;background:#a9b1bd;border-radius:50%}
.story-action{display:inline-flex;align-items:center;gap:9px;width:max-content;margin-top:25px;color:var(--journal-blue);font-size:12px;font-weight:800;text-decoration:none}
.story-action i{font-size:10px;transition:transform .2s}.story-action:hover i{transform:translateX(4px)}
.article-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#8298b6;background:linear-gradient(135deg,#e8eef7,#f7f9fc)}
.article-placeholder svg{width:48px;height:48px;stroke-width:1.4}
.latest-stories,.related-stories{margin-top:76px}
.blog-page .section-heading,.article-page .section-heading{display:flex;align-items:end;justify-content:space-between;width:100%;height:auto;margin-bottom:27px;padding:0 0 18px;border:0;border-bottom:1px solid var(--journal-line);background:transparent}
.section-heading h2{margin:7px 0 0;font:800 29px/1.2 Manrope,sans-serif;letter-spacing:-.7px}
.section-heading>span,.section-heading>a{color:#7a8493;font-size:12px;text-decoration:none}.section-heading>a{color:var(--journal-blue);font-weight:700}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 25px}
.article-card{min-width:0}
.article-card-media{height:220px;border-radius:13px}
.article-card-copy{padding:18px 2px 0}
.article-card h3{margin:10px 0 9px;font:800 19px/1.4 Manrope,sans-serif;letter-spacing:-.25px}
.article-card p{margin:0;color:var(--journal-muted);font-size:13px;line-height:1.7}
.article-card .story-action{margin-top:15px}
.blog-pagination{margin-top:48px}.blog-pagination nav{display:flex;justify-content:center}
.blog-empty{padding:95px 20px;text-align:center;background:var(--journal-soft);border-radius:18px}.blog-empty svg{width:42px;height:42px;color:#91a1b8}.blog-empty h2{margin:18px 0 8px;font:800 25px Manrope}.blog-empty p{color:var(--journal-muted)}
.article-page{padding:28px 0 80px}
.article-breadcrumb{display:flex;align-items:center;gap:9px;color:#929baa;font-size:11px}.article-breadcrumb a{color:#6d7787;text-decoration:none}.article-breadcrumb i{font-size:7px}
.article-page .article-header{display:block;width:100%;max-width:850px;height:auto;margin:68px auto 42px;padding:0;border:0;background:transparent;text-align:center}
.article-header h1{margin:15px 0 20px;font:800 clamp(38px,5vw,62px)/1.1 Manrope,sans-serif;letter-spacing:-2.2px}
.article-header>p{max-width:700px;margin:0 auto;color:var(--journal-muted);font-size:17px;line-height:1.7}
.article-byline{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:27px;text-align:left}
.author-mark{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:var(--journal-ink);border-radius:50%;font-size:12px;font-weight:800}
.article-byline div{display:flex;flex-direction:column;gap:2px}.article-byline strong{font-size:12px}.article-byline div span{color:#8992a0;font-size:10px}
.article-cover{height:min(54vw,580px);margin:0;overflow:hidden;border-radius:20px}.article-cover img{width:100%;height:100%;object-fit:cover}
.article-layout{position:relative;display:grid;grid-template-columns:70px minmax(0,760px) 70px;justify-content:center;margin-top:55px}
.article-aside{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:5px}.article-aside>span{margin-bottom:4px;color:#9aa3af;font-size:8px;font-weight:800;letter-spacing:1.2px;writing-mode:vertical-rl}.article-aside a{display:grid;place-items:center;width:34px;height:34px;color:#687385;border:1px solid var(--journal-line);border-radius:50%;text-decoration:none}.article-aside a:hover{color:#fff;background:var(--journal-blue);border-color:var(--journal-blue)}
.article-body{grid-column:2;color:#354052;font-size:17px;line-height:1.95;white-space:normal}.article-body::first-letter{float:left;margin:10px 9px 0 0;color:var(--journal-ink);font:800 58px/.72 Manrope,sans-serif}
.article-footer{max-width:760px;margin:48px auto 0;padding-top:25px;border-top:1px solid var(--journal-line)}.article-footer a{display:inline-flex;align-items:center;gap:9px;color:var(--journal-blue);font-size:12px;font-weight:800;text-decoration:none}
.related-stories{padding-top:52px;border-top:1px solid var(--journal-line)}
@media(max-width:991px){.lead-story{grid-template-columns:1.1fr .9fr}.lead-story-copy{padding:35px}.article-grid{gap:26px 18px}.article-card-media{height:190px}}
@media(max-width:767px){.blog-masthead{padding:58px 0 64px}.blog-masthead h1{letter-spacing:-1.8px}.blog-shell{padding-top:30px}.lead-story{grid-template-columns:1fr}.lead-story-media{height:330px}.lead-story-copy{padding:30px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-page .article-header{margin:45px auto 32px}.article-cover{border-radius:14px}.article-layout{display:block;margin-top:38px}.article-aside{display:none}.article-body{font-size:16px}.related-stories{margin-top:55px}}
@media(max-width:575px){.blog-masthead{padding:45px 0 50px}.blog-masthead h1{font-size:39px;letter-spacing:-1.4px}.blog-masthead p{font-size:14px}.blog-shell{padding-bottom:55px}.lead-story{border-radius:15px}.lead-story-media{height:235px}.lead-story-copy{padding:25px 21px}.lead-story-copy h2{font-size:27px}.latest-stories{margin-top:52px}.blog-page .section-heading,.article-page .section-heading{align-items:start}.section-heading>span{display:none}.section-heading h2{font-size:25px}.article-grid{grid-template-columns:1fr;gap:36px}.article-card-media{height:230px}.article-page{padding-top:20px}.article-page .article-header{margin-top:38px}.article-header h1{font-size:34px;letter-spacing:-1.2px}.article-header>p{font-size:15px}.article-cover{height:250px;margin-left:-12px;margin-right:-12px;border-radius:0}.article-body{font-size:16px;line-height:1.85}.related-stories{padding-top:38px}}
