.article-page { background: #fff; color: #09203f; }
.article-page .site-header { position: sticky; }
.article-page .journal-wrap { width: min(1180px, calc(100% - 64px)); margin-inline: auto; }
.article-page .journal-kicker, .article-page .journal-meta, .article-page .section-kicker { color: #0752b5; font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.article-page .journal-kicker span, .article-page .journal-meta span { margin: 0 8px; color: #9ab0c6; }
.journal-intro { padding: 74px 0 50px; background: linear-gradient(180deg,#f4f8fd,#fff); border-bottom: 1px solid #e3eaf3; }
.journal-intro h1 { margin: 17px 0 16px; font-size: clamp(48px,6vw,82px); line-height: 1.1; letter-spacing: -.075em; }
.journal-intro h1 .dot { color: #0f73cb; }
.journal-intro p:last-child { margin: 0; color: #506780; font-size: 17px; line-height: 1.8; }
.journal-feature { display: grid; grid-template-columns: 1.12fr .88fr; min-height: 425px; margin-top: 60px !important; background: #eaf3fb; }
.feature-photo { display: block; min-height: 425px; overflow: hidden; }
.feature-photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.feature-photo:hover img { transform: scale(1.035); }
.feature-copy { padding: clamp(40px,5.5vw,76px); align-self: center; }
.feature-copy h2 { margin: 18px 0; font-size: clamp(29px,3.2vw,44px); line-height: 1.22; letter-spacing: -.045em; }
.feature-copy h2 a:hover, .journal-card h3 a:hover { color: #0752b5; }
.feature-copy > p:nth-of-type(2) { color: #4f677f; font-size: 15px; line-height: 1.85; }
.journal-button { display: inline-flex; gap: 28px; align-items: center; margin-top: 22px; padding: 14px 20px; background: #0752b5; color: white; font-size: 14px; font-weight: 700; }
.journal-button:hover, .article-cta a:hover { background: #063b8b; }
.journal-list { padding-top: 92px; padding-bottom: 108px; }
.journal-list-title { display: flex; justify-content: space-between; align-items: end; gap: 30px; }
.journal-list-title h2, .related h2 { margin: 8px 0 0; font-size: clamp(30px,4vw,46px); letter-spacing: -.05em; }
.journal-list-title > p { color: #5a7087; font-size: 14px; }
.journal-filters { display: flex; gap: 11px; flex-wrap: wrap; margin: 34px 0; border-top: 1px solid #dce5ee; padding-top: 20px; }
.journal-filters a { border: 1px solid #cad8e7; padding: 8px 17px; color: #3f5872; font-size: 13px; }
.journal-filters a:hover, .journal-filters .selected { border-color: #0752b5; background: #0752b5; color: white; }
.journal-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.journal-card { display: grid; grid-template-columns: 42% 1fr; border: 1px solid #dce5ee; background: #fff; }
.journal-card-image { overflow: hidden; display: block; min-height: 235px; }
.journal-card-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.journal-card-image:hover img { transform: scale(1.04); }
.journal-card-copy { padding: 24px; display: flex; flex-direction: column; }
.journal-card h3 { margin: 12px 0; font-size: 21px; line-height: 1.42; letter-spacing: -.03em; }
.journal-card-copy > p:nth-of-type(2) { margin: 0; color: #5c7185; font-size: 13px; line-height: 1.72; }
.journal-arrow { margin-top: auto; padding-top: 20px; color: #0752b5; font-size: 13px; font-weight: 700; }
.journal-single { color: #60758b; font-size: 14px; }
.journal-empty { min-height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 58px 20px; background: #f2f7fc; text-align: center; }
.journal-empty span { color: #0b68bb; font-size: 38px; }
.journal-empty h3, .journal-empty h1 { margin: 18px 0 5px; font-size: 27px; }
.journal-empty p { color: #536b83; line-height: 1.8; }
.journal-empty a { margin-top: 13px; color: #0752b5; font-weight: 700; }
.journal-empty.unavailable { margin-block: 76px; }
.article-cta { width: min(1180px,calc(100% - 64px)); margin: 0 auto 94px; padding: 52px 60px; background: #e8f3fb; display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.article-cta h2 { margin: 6px 0 12px; font-size: clamp(27px,3.3vw,40px); letter-spacing: -.045em; }
.article-cta p:last-child { margin: 0; color: #4e6982; line-height: 1.8; }
.article-cta a { display: inline-flex; align-items: center; gap: 20px; flex: none; padding: 15px 20px; background: #0752b5; color: #fff; font-size: 14px; font-weight: 700; }
.article-risk { width: min(1180px,calc(100% - 64px)); margin: 0 auto 75px; padding: 18px 22px; border: 1px solid #e6a7ad; background: #fff4f5; }
.article-risk b { color: #9b2635; font-size: 13px; }
.article-risk p { margin: 6px 0 0; color: #6d5660; font-size: 12px; line-height: 1.8; }
.breadcrumbs { display: flex; align-items: center; gap: 10px; margin-top: 35px; color: #698098; font-size: 12px; }
.breadcrumbs a:hover { color: #0752b5; }
.story-header { max-width: 850px; margin: 82px auto 52px; text-align: center; }
.story-header h1 { margin: 20px 0; font-size: clamp(39px,5vw,64px); line-height: 1.2; letter-spacing: -.055em; }
.story-dek { max-width: 760px; margin: 0 auto; color: #50677f; font-size: 17px; line-height: 1.85; }
.story-byline { display: flex; justify-content: center; gap: 24px; margin-top: 28px; color: #6b8094; font-size: 12px; }
.story-cover { margin: 0; }
.story-cover img { display: block; width: 100%; max-height: 600px; aspect-ratio: 2.1; object-fit: cover; }
.story-cover figcaption { padding-top: 10px; color: #788da0; font-size: 11px; }
.story-layout { display: grid; grid-template-columns: minmax(0,1fr) 240px; gap: 92px; max-width: 960px; margin: 72px auto 105px; }
.story-body { min-width: 0; color: #243d55; font-size: 16px; line-height: 2.05; }
.story-body p { margin: 0 0 24px; }
.story-body h2, .story-body h3, .story-body h4 { scroll-margin-top: 112px; margin: 54px 0 20px; color: #0d2c4b; line-height: 1.4; letter-spacing: -.025em; }
.story-body h2 { font-size: 29px; }
.story-body h3 { font-size: 23px; }
.story-body h4 { font-size: 19px; }
.story-body ul { margin: 0 0 26px; padding-left: 22px; }
.story-body li { padding-left: 5px; margin-bottom: 7px; }
.story-body a { color: #0752b5; text-decoration: underline; text-underline-offset: 3px; }
.story-note { margin-top: 66px; padding: 20px 22px; border-left: 3px solid #0752b5; background: #f0f6fb; color: #526b83; font-size: 13px; line-height: 1.8; }
.story-side-inner { position: sticky; top: 114px; }
.sidebar-label { margin: 0 0 15px; color: #1a3857; font-size: 13px; font-weight: 700; }
.story-sidebar nav { display: grid; border-top: 1px solid #d9e5f0; }
.story-sidebar nav a { padding: 12px 0; border-bottom: 1px solid #d9e5f0; color: #536d85; font-size: 12px; line-height: 1.5; }
.story-sidebar nav a:hover { color: #0752b5; }
.story-side-cta { margin-top: 32px; padding: 22px; background: #eaf4fc; }
.story-side-cta b { font-size: 15px; }
.story-side-cta p { color: #526a81; font-size: 12px; line-height: 1.7; }
.story-side-cta a { color: #0752b5; font-size: 13px; font-weight: 700; }
.related { margin-bottom: 105px; }
.related .journal-grid { margin-top: 30px; }
@media(max-width:900px){.article-page .nav-shell { width: min(100% - 32px, 1180px); }.journal-feature { grid-template-columns: 1fr; }.feature-photo { min-height: 310px; max-height: 450px; }.story-layout { gap: 36px; grid-template-columns: minmax(0,1fr) 190px; }.journal-card { grid-template-columns: 1fr; }.journal-card-image { height: 230px; }}
@media(max-width:650px){.article-page .journal-wrap,.article-cta,.article-risk { width: calc(100% - 36px); }.journal-intro { padding: 51px 0 35px; }.journal-intro p:last-child { font-size: 15px; }.journal-feature { margin-top: 32px !important; }.feature-photo { min-height: 245px; }.feature-copy { padding: 28px; }.journal-list { padding: 70px 0; }.journal-list-title { display: block; }.journal-list-title > p { margin-top: 10px; }.journal-grid { grid-template-columns: 1fr; }.journal-card { grid-template-columns: 38% 1fr; }.journal-card-image { height: auto; min-height: 205px; }.journal-card-copy { padding: 18px; }.journal-card h3 { font-size: 18px; }.journal-card-copy > p:nth-of-type(2) { display: none; }.article-cta { padding: 32px 26px; margin-bottom: 48px; display: block; }.article-cta a { margin-top: 24px; justify-content: center; }.article-risk { margin-bottom: 50px; }.story-header { margin: 54px auto 36px; }.story-dek { font-size: 15px; }.story-byline { gap: 12px; flex-wrap: wrap; }.story-cover img { aspect-ratio: 1.55; }.story-layout { display: block; margin: 45px auto 70px; }.story-sidebar { display: none; }.story-body { font-size: 15px; }.related { margin-bottom: 70px; }}
@media(max-width:400px){.journal-card { grid-template-columns: 1fr; }.journal-card-image { height: 190px; }.journal-card-copy > p:nth-of-type(2) { display: block; }}
