.blog-page { background: #f6f5f1; }
.blog-page .site-header { grid-template-columns: auto minmax(0, 1fr); }
.blog-site-menu { display: flex; justify-content: flex-end; gap: 7px; overflow-x: auto; }
.blog-site-menu a { flex: 0 0 auto; padding: 9px 12px; border-radius: 999px; font-size: 13px; font-weight: 850; text-decoration: none; }
.blog-site-menu a:hover, .blog-site-menu a[aria-current="page"] { background: #0b0d10; color: #fff; }
.blog-shell, .article-shell { width: min(1180px, calc(100% - 36px)); margin-inline: auto; padding: 42px 0 86px; }
.blog-hero { position: relative; padding: clamp(30px, 7vw, 76px); overflow: hidden; border-radius: 28px; background: radial-gradient(circle at 88% 10%, rgba(18,104,243,.62), transparent 30%), linear-gradient(135deg,#0b0d10,#17243b); color: #fff; }
.blog-hero .eyebrow { color: #f4d21f; }
.blog-hero h1 { max-width: 900px; font-size: clamp(3rem, 9vw, 7rem); letter-spacing: -.055em; }
.blog-hero > p:last-child { max-width: 720px; margin-top: 22px; color: #d7dde7; font-size: clamp(1rem, 2.5vw, 1.3rem); font-weight: 650; }
.blog-categories { display: flex; gap: 8px; margin: 24px 0; padding-bottom: 5px; overflow-x: auto; }
.blog-categories a { flex: 0 0 auto; padding: 10px 14px; border: 1px solid #d8d7d2; border-radius: 999px; background: #fff; font-size: 13px; font-weight: 850; text-decoration: none; }
.blog-categories a:hover, .blog-categories a[aria-current="page"] { border-color: #1268f3; background: #1268f3; color: #fff; }
.blog-index { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.blog-card { overflow: hidden; border: 1px solid #d8d7d2; border-radius: 20px; background: #fff; box-shadow: 0 14px 35px rgba(11,13,16,.06); }
.blog-card__image { display: grid; aspect-ratio: 16/9; overflow: hidden; background: #131922; text-decoration: none; }
.blog-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 220ms ease; }
.blog-card:hover .blog-card__image img { transform: scale(1.02); }
.blog-card__image--fallback { align-content: center; justify-content: center; padding: 25px; color: #fff; text-align: center; }
.blog-card__image--fallback span { color: #f4d21f; font: 900 clamp(1.8rem,5vw,3.7rem)/.86 var(--display); letter-spacing: .08em; }
.blog-card__image--fallback strong { font: 900 clamp(2.7rem,8vw,5.8rem)/.86 var(--display); letter-spacing: -.04em; }
.blog-card__body { display: grid; gap: 12px; padding: clamp(19px,3vw,28px); }
.blog-card__body .eyebrow { margin: 0; }
.blog-card h2 { font-size: clamp(1.65rem,3vw,2.6rem); line-height: .96; letter-spacing: -.025em; text-transform: none; }
.blog-card h2 a { text-decoration: none; }
.blog-card h2 a:hover { color: #1268f3; }
.blog-card__body > p:not(.eyebrow) { color: #686b70; }
.blog-card footer { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding-top: 8px; border-top: 1px solid #e4e3df; font-size: 12px; font-weight: 800; }
.blog-card footer span { color: #686b70; }
.blog-card footer a { color: #084fc2; text-decoration: none; }
.blog-empty { grid-column: 1/-1; min-height: 280px; padding: clamp(30px,7vw,70px); border: 1px dashed #b9b9b4; border-radius: 22px; background: #fff; text-align: center; }
.blog-empty h1, .blog-empty h2 { margin-bottom: 12px; }
.blog-empty p { color: #686b70; }
.blog-empty .button { margin-top: 20px; }
.article-shell { width: min(1080px,calc(100% - 36px)); }
.article-breadcrumb { display: flex; gap: 8px; margin: 0 auto 22px; color: #686b70; font-size: 13px; font-weight: 800; }
.article-breadcrumb a { color: #084fc2; }
.article-page { overflow: hidden; border: 1px solid #d8d7d2; border-radius: 28px; background: #fff; box-shadow: 0 18px 50px rgba(11,13,16,.07); }
.article-header { padding: clamp(30px,7vw,76px); background: radial-gradient(circle at 96% 4%,rgba(18,104,243,.13),transparent 32%); }
.article-header h1 { max-width: 920px; font-size: clamp(3rem,8vw,6.7rem); letter-spacing: -.055em; text-transform: none; }
.article-standfirst { max-width: 780px; margin-top: 24px; color: #41464e; font-size: clamp(1.08rem,2.4vw,1.4rem); font-weight: 650; }
.article-byline { display: flex; flex-wrap: wrap; gap: 9px 18px; margin-top: 28px; color: #686b70; font-size: 13px; font-weight: 750; }
.article-byline span + span::before { content: "•"; margin-right: 18px; color: #1268f3; }
.article-hero-image { margin: 0; aspect-ratio: 16/9; overflow: hidden; background: #e9e9e5; }
.article-hero-image img { width: 100%; height: 100%; object-fit: cover; }
.article-content { width: min(760px,calc(100% - 40px)); margin: 0 auto; padding: clamp(38px,7vw,78px) 0; color: #20242a; font-size: clamp(1.03rem,2vw,1.16rem); line-height: 1.78; }
.article-content > * + * { margin-top: 1.25em; }
.article-content h2, .article-content h3, .article-content h4 { margin-top: 1.7em; color: #0b0d10; line-height: 1.02; letter-spacing: -.02em; text-transform: none; }
.article-content h2 { font-size: clamp(2rem,4vw,3.2rem); }
.article-content h3 { font-size: clamp(1.55rem,3vw,2.25rem); }
.article-content a { color: #084fc2; font-weight: 750; }
.article-content blockquote { margin-left: 0; padding: 20px 24px; border-left: 5px solid #f4d21f; background: #f7f6f2; color: #313740; font-size: 1.12em; font-weight: 700; }
.article-content li + li { margin-top: .45em; }
.article-author { width: min(760px,calc(100% - 40px)); margin: 0 auto clamp(38px,7vw,70px); padding: clamp(22px,4vw,34px); border: 1px solid #b9cff5; border-radius: 18px; background: #f3f7ff; }
.article-author .eyebrow { margin-bottom: 9px; }
.article-author h2 { font-size: clamp(1.8rem,4vw,2.8rem); line-height: 1; letter-spacing: -.02em; text-transform: none; }
.article-author > p:last-child { margin-top: 12px; color: #41464e; font-size: 1.02rem; line-height: 1.65; }
.article-end { padding: clamp(26px,5vw,48px); background: #0b0d10; color: #fff; }
.article-end strong { font: 900 clamp(2rem,5vw,3.7rem)/.9 var(--display); text-transform: uppercase; }
.article-end p { max-width: 620px; margin: 10px 0 20px; color: #cfd5df; }
.related-articles { margin-top: 44px; }
.related-articles > h2 { margin-bottom: 20px; font-size: clamp(2.4rem,6vw,4.6rem); }
.related-articles > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.related-articles .blog-card h2 { font-size: 1.45rem; }
.related-articles .blog-card__body > p:not(.eyebrow) { display: none; }
.related-articles .blog-card footer { display: grid; }
.blog-footer { margin-bottom: 36px; }
@media (max-width:760px){.blog-site-menu a:nth-child(-n+3){display:none}.blog-shell,.article-shell{width:min(100% - 22px,1180px);padding-top:18px}.blog-hero,.article-page{border-radius:20px}.blog-index,.related-articles>div{grid-template-columns:1fr}.article-header{padding:28px 21px}.article-header h1{font-size:clamp(2.8rem,14vw,4.7rem)}.article-byline{display:grid;gap:4px}.article-byline span+span::before{display:none}.article-content{width:min(100% - 38px,760px)}.blog-card footer{align-items:start}.blog-footer{margin-bottom:20px}}