/* Identity only. Page structure and responsive layout live in studio.css. */
@font-face{font-family:BlueDisplay;src:url('/assets/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:BlueBody;src:url('/assets/fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:CyanSans;src:url('/assets/fonts/plex-sans.woff2') format('woff2');font-weight:100 700;font-display:swap}
html[data-design=blue]{--paper:#fbfcff;--night:#f2f5fb;--ink:#18283f;--muted:#526171;--silver:#526171;--accent:#315eff;--font-display:BlueDisplay,Arial,sans-serif;--font-body:BlueBody,Arial,sans-serif}
html[data-design=cyan]{--paper:#111315;--night:#182a32;--ink:#f0f5f7;--muted:#bdcbd1;--silver:#bdcbd1;--accent:#a8e1e5;--font-display:CyanSans,Arial,sans-serif;--font-body:CyanSans,Arial,sans-serif}
.identity-blue,.identity-cyan{background:var(--paper);color:var(--ink)}
:is(.identity-blue,.identity-cyan) :is(.page-label,.spectrum-label-lockups span,.header-label){font-family:var(--font-body)}
.identity-blue :is(h1,h2,h3){font-weight:650}
.identity-cyan :is(h1,h2,h3){font-weight:600}

/* Blue */
.identity-blue .button{background:#315eff;color:#fff;border-color:#315eff}.identity-blue .button:hover{background:#244ce0;color:#fff;border-color:#244ce0}
.identity-blue .opening-copy h1 span:first-child{color:#18283f}.identity-blue .opening-copy h1 span:last-child{color:#315eff}
.identity-blue .games-label{color:#315eff}.identity-blue .research-label{color:#6132b8}
.identity-blue .paint-canvas{background:#fbfcff}
.identity-blue .paint-canvas :is(.hero-poster,.hero-film){object-fit:cover}
.identity-blue :is(.choice,.games-choice){border-color:#315eff}.identity-blue .research-choice{border-color:#7954bd}
.identity-blue .neural-story{background:#f0eaff;color:#21163e}.identity-blue .topic-links{border-color:#d3c4e8}
.identity-blue .working-story{background:#edf3fc}
.identity-blue .platform-showcase{background:#edf2fa}
.identity-blue .platform-group{border-color:#315eff}.identity-blue .platform-group:nth-child(even){border-color:#7954bd}
.identity-blue .platform-number{color:#315eff}.identity-blue .platform-group:nth-child(even) .platform-number{color:#6132b8}
.identity-blue .platform-eyebrow{color:#3452a0}
.identity-blue .spectrum-callout{background:#315eff;color:#fff}.identity-blue .spectrum-callout p{color:#fff}.identity-blue .spectrum-callout .button{background:#fff;color:#244ce0;border-color:#fff}
.identity-blue .spectrum-footer{background:#fff;border-color:#315eff}
.identity-blue :is(.studio-landing,.studio-engagement){--studio-tint:#edf2ff;--studio-colour:#244ce0;--studio-line:#d2dcf5}
.identity-blue .studio-research{--studio-tint:#f0eaff;--studio-colour:#6132b8;--studio-line:#d8caed}
.identity-blue .stroke-one{background:#cbd8ff}.identity-blue .stroke-two{background:#e0d3ff}
.identity-blue .studio-proof{background:#edf3fc;color:#18283f}.identity-blue .studio-proof:before{background:radial-gradient(circle at 0 100%,transparent 0 160px,#dce5fa 161px 210px,transparent 211px)}
.identity-blue .studio-publication strong{color:#6132b8}.identity-blue .studio-publication{border-color:#d8caed}
.identity-blue .studio-pipeline>div{border-color:#c7d5ed}.identity-blue .studio-pipeline .pipeline-build{background:#315eff;color:#fff;border-color:#315eff}
.identity-blue .pipeline-link{color:#3452a0}.identity-blue .pipeline-link:before,.identity-blue .pipeline-link:after{background:#9bb4eb}
.identity-blue .studio-sprint-board{background:#edf2ff;box-shadow:12px 12px 0 #e9e1f6}.identity-blue .studio-cadence-number strong{color:#315eff}
.identity-blue .studio-sprint-pair article{border-color:#315eff}.identity-blue .studio-sprint-pair article+article{border-color:#7954bd}
.identity-blue .studio-stage{background:#edf2ff}.identity-blue .studio-stage:nth-child(even){background:#f0eaff}.identity-blue .studio-stage-number{color:#244ce0}
.identity-blue .studio-stages:before{border-color:#b6c8ef}.identity-blue .studio-next a{background:#edf2ff}.identity-blue .studio-next a+a{background:#f0eaff}
.identity-blue :is(.engagement-proof,.games-hero-art){background:#edf2ff;color:#18283f}
.identity-blue .proof-showcase{--proof-surface:#edf2ff;--proof-secondary:#f0eaff;--proof-ink:#18283f;--proof-muted:#526171}
.identity-blue .console-license{background:#edf3ff;color:#2442a6;border-color:#cad8f5}
.identity-blue .mega-menu{--menu-accent:#244ce0;--menu-tint:#edf2ff;--menu-ink:#172645;--menu-border:#dce3f5}
.identity-blue .mega-menu:has(.mega-research){--menu-accent:#6132b8;--menu-tint:#f0eaff;--menu-border:#d8caed}
.identity-blue .mega-orbit{background:#dce3f5;border-radius:50%}

/* Cyan */
.identity-cyan .button{background:#a8e1e5;color:#15323a;border-color:#a8e1e5}.identity-cyan .button:hover{background:#cef0f2;color:#15323a;border-color:#cef0f2}
.identity-cyan .opening-copy h1 span:first-child{color:#f0f5f7}.identity-cyan .opening-copy h1 span:last-child{color:#a8e1e5}
.identity-cyan .games-label{color:#a8e1e5}.identity-cyan .research-label{color:#d4eda8}.identity-cyan .paint-canvas{background:#111315}
.identity-cyan .paint-canvas :is(.hero-poster,.hero-film){object-fit:cover;object-position:right center}
.identity-cyan :is(.page-label,.paint-caption,.choice>p:first-child,.work-card>div>p:not(.page-label),.note-row>span,.note-row time,.note-row p,.spectrum-related span,.spectrum-related p,.scope-notes dd,.project-meta dt,.article-meta,.media-block figcaption,.spectrum-trust-note){color:#bdcbd1}
.identity-cyan :is(.choice,.games-choice){border-color:#a8e1e5}.identity-cyan .research-choice{border-color:#d4eda8}
.identity-cyan :is(.neural-story,.working-story,.platform-showcase,.spectrum-callout,.studio-proof){background:#d3eded;color:#15323a}
.identity-cyan :is(.neural-story,.working-story,.platform-showcase,.spectrum-callout,.studio-proof) :is(.page-label,p,figcaption){color:#345058}
.identity-cyan :is(.neural-story,.working-story,.platform-showcase,.spectrum-callout,.studio-proof) .button{background:#173d48;color:#fff;border-color:#173d48}
.identity-cyan .topic-links{border-color:#99c5c9}.identity-cyan .platform-group{border-color:#087581}.identity-cyan .platform-group:nth-child(even){border-color:#597b36}
.identity-cyan .platform-number{color:#087581}.identity-cyan .platform-group:nth-child(even) .platform-number{color:#466328}.identity-cyan .platform-eyebrow{color:#345058}
.identity-cyan .platform-group li{background:#f4fbfb;color:#15323a}
.identity-cyan .spectrum-trust{color:#edf7f8}.identity-cyan .spectrum-partner-logos img{background:#fff;border-radius:6px;padding:7px}.identity-cyan .spectrum-partner-logos img.partner-dark{background:#19343d}
.identity-cyan .proof-links{color:#c3dade}
.identity-cyan .spectrum-footer{background:#111315;border-color:#557e86}.identity-cyan :is(.footer-intro p,.footer-links a,.footer-legal){color:#bdcbd1}
.identity-cyan :is(.spectrum-filters select,.spectrum-filters input){background:#19343e;color:#fff;border-color:#75929d}
.identity-cyan :is(.source-note,.draft-note,.scope-notes,.spectrum-related,.spectrum-faq details,.note-row){border-color:#526e79}
.identity-cyan :is(.studio-landing,.studio-engagement){--studio-tint:#d3eded;--studio-colour:#a8e1e5;--studio-line:#557e86}
.identity-cyan .studio-research{--studio-tint:#dfebcc;--studio-colour:#d4eda8;--studio-line:#67765a}
.identity-cyan :is(.studio-capability,.studio-stage,.studio-publication,.studio-sprint-board,.studio-next a,.studio-main-frame,.studio-inset-frame){color:#15323a;--studio-colour:#086773}
.identity-cyan :is(.studio-capability,.studio-stage,.studio-publication,.studio-sprint-board,.studio-next a,.studio-main-frame,.studio-inset-frame) :is(.page-label,p,figcaption){color:#345058}
.identity-cyan .studio-capability{background:#d3eded}.identity-cyan .studio-capability:nth-child(3n){background:#dfebcc}
.identity-cyan .stroke-one{background:#72bcc5}.identity-cyan .stroke-two{background:#d4eda8}
.identity-cyan .studio-art-note{color:#a8e1e5}
.identity-cyan .studio-proof:before{background:radial-gradient(circle at 0 100%,transparent 0 160px,#b2dadd 161px 210px,transparent 211px)}
.identity-cyan .studio-pipeline>div{background:#eff9f9;color:#15323a;border-color:#9cbfc7}.identity-cyan .studio-pipeline .pipeline-build{background:#173d48;color:#fff;border-color:#173d48}
.identity-cyan .studio-publication strong{color:#087581}.identity-cyan .studio-publication{background:#eff9f9;border-color:#9cbfc7}
.identity-cyan .studio-sprint-board{background:#d3eded;box-shadow:12px 12px 0 #243b37}.identity-cyan .studio-cadence-number strong{color:#087581}.identity-cyan .studio-sprint-pair article{border-color:#087581}.identity-cyan .studio-sprint-pair article+article{border-color:#597b36}
.identity-cyan .studio-stage{background:#d3eded}.identity-cyan .studio-stage:nth-child(even){background:#dfebcc}.identity-cyan .studio-stage-number{color:#08636b}.identity-cyan .studio-stages:before{border-color:#557e86}
.identity-cyan .studio-next a{background:#d3eded}.identity-cyan .studio-next a+a{background:#dfebcc}
.identity-cyan :is(.engagement-proof,.games-hero-art){background:#d3eded;color:#15323a}.identity-cyan .engagement-proof .button{background:#173d48;color:#fff;border-color:#173d48}
.identity-cyan .proof-showcase{--proof-surface:#d3eded;--proof-secondary:#1b3037;--proof-ink:#15323a;--proof-muted:#345058}.identity-cyan .proof-quote-grid blockquote{color:#edf7f8}.identity-cyan .proof-quote-grid footer span,.identity-cyan .quote-status{color:#bdcbd1}
.identity-cyan .console-license{background:#173d48;color:#c7f1f3;border-color:#4d707a}
.identity-cyan .mega-menu{--menu-accent:#086773;--menu-tint:#edf8f7;--menu-ink:#15323a;--menu-border:#c9e5df}.identity-cyan .mega-menu:has(.mega-research){--menu-accent:#466328;--menu-tint:#f1f6e9;--menu-border:#dce8c8}
.identity-cyan .mega-menu[open]>summary,.identity-cyan .mega-chevron{color:#a8e1e5}
.identity-cyan .mobile-nav nav{background:#19343e;color:#edf7f8;border-color:#75929d}
.identity-cyan .contact-section{background:#182a32;color:#edf7f8}.identity-cyan .contact-section input,.identity-cyan .contact-section textarea{background:#111f26;color:#fff;border-color:#78929d}.identity-cyan .contact-section :is(.field-hint,.required-note,.deck-note p,.form-bottom p,.contact-intro>p:not(.section-label),.connection-notice p){color:#bdcbd1}
.identity-cyan .reading pre{background:#1b3037;color:#edf7f8}
.identity-cyan.spectrum-studio :is(.neural-story,.working-story,.platform-showcase,.spectrum-callout,.studio-proof,.studio-capability,.studio-stage,.studio-publication,.studio-sprint-board,.studio-next a,.studio-main-frame,.studio-inset-frame) :is(.page-label,.media-block figcaption){color:#345058}
.identity-cyan :is(.contact-choices p,.result-count,.newsletter-note p){color:#bdcbd1}

/* All identities use the same type roles, including small labels. */
.spectrum-label-lockups span,.header-label{font-family:var(--font-display)}

.blog-page{--blog-accent:#087581;--blog-muted:#49636b;--blog-line:#c8dddc;--blog-tint:#edf8f7;--blog-paper:#fff}
.identity-blue .blog-page{--blog-accent:#315eff;--blog-line:#cad6f0;--blog-tint:#edf2ff}
.identity-cyan .blog-page{--blog-accent:#a8e1e5;--blog-muted:#bdcbd1;--blog-line:#557e86;--blog-tint:#19343e;--blog-paper:#111315}
.blog-intro{padding-block:56px 40px}
.blog-intro>.page-label{color:var(--blog-accent);margin-bottom:28px}
.blog-intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end;padding-bottom:28px;border-bottom:1px solid var(--blog-line)}
.blog-intro h1{font-size:clamp(52px,5.8vw,84px);line-height:1.03;max-width:15ch}
.blog-intro-grid>p{font-size:19px;line-height:1.8;max-width:42ch;color:var(--blog-muted)}
.blog-resource-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:32px;font-size:13px}
.blog-resource-links>a{padding-block:8px}
.blog-library{padding-bottom:104px}
.blog-filters{display:flex;align-items:end;gap:20px;padding-block:24px;border-block:1px solid var(--blog-line)}
.blog-filters label{display:flex;flex-direction:column;gap:10px;font-size:12px;min-width:0}
.blog-filters label:first-child{flex:1}
.blog-filters label:nth-child(2){flex:0 1 250px}
.blog-filters input,.blog-filters select{width:100%;min-height:50px;min-width:0;padding:12px 14px;border:1px solid var(--blog-line);border-radius:4px;background:var(--blog-paper);color:inherit;font:400 15px var(--font-body)}
.blog-filters>.button{flex-shrink:0}
.blog-clear{font-size:13px;padding-block:14px;white-space:nowrap}
.blog-result-count{font-size:12px;line-height:1.6;color:var(--blog-muted);margin:24px 0}
.blog-feature{position:relative;isolation:isolate;display:flex;align-items:center;min-height:560px;background:#142e38;color:#fff;border-radius:6px;overflow:hidden;margin-bottom:72px}
.blog-feature::after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#0c202bed 0%,#0c202bd4 36%,#0c202b59 70%,#0c202b00);pointer-events:none}
.blog-feature-image{position:absolute;inset:0;background:#19343d}
.blog-feature-image img{display:block;width:100%;height:100%;object-fit:cover}
.blog-feature-copy{position:relative;z-index:1;padding:48px;width:min(720px,70%)}
.blog-feature-copy>.page-label{color:#bce6e3;font-size:11px;margin-bottom:24px;letter-spacing:.08em;text-transform:uppercase}
.blog-meta{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:11px;line-height:1.7;color:var(--blog-muted)}
.blog-feature h2{font-size:clamp(42px,4.7vw,68px);line-height:1.04;margin:20px 0;max-width:15ch}
.blog-feature h2 a,.blog-card h2 a{text-decoration:none}
.blog-feature h2 a:hover,.blog-card h2 a:hover{text-decoration:underline;text-decoration-thickness:1px}
.blog-feature-copy>p:not(.page-label,.blog-meta){font-size:17px;line-height:1.8;color:#e0ecee;max-width:47ch}
.blog-feature-copy>.blog-meta{color:#d4e5e7;margin-top:24px}
.blog-feature-copy>.button{margin-top:28px;background:#fff;color:#19343d;border-color:#fff}
.blog-index-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}
.blog-index-heading h2{font-size:clamp(32px,3.4vw,48px);line-height:1.1;max-width:20ch}
.blog-index-heading p{font-size:13px;line-height:1.7;max-width:36ch;color:var(--blog-muted)}
.blog-topic-rail{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.blog-topic-rail a{display:flex;align-items:center;gap:20px;padding:12px 16px;border:1px solid var(--blog-line);border-radius:4px;background:var(--blog-tint);font-size:13px;text-decoration:none}
.blog-topic-rail span{font-size:10px;color:var(--blog-accent)}
.blog-topic-rail a:hover,.blog-topic-rail a[aria-current=page]{border-color:var(--blog-accent)}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 36px}
.blog-card{display:flex;flex-direction:column;border-bottom:1px solid var(--blog-line);overflow:hidden;min-width:0;background:var(--blog-paper)}
.blog-card-image{display:block;background:#eef3f6;overflow:hidden}
.blog-card-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform 260ms ease}
.blog-card:hover .blog-card-image img{transform:scale(1.025)}
.blog-card-copy{padding:24px 0 28px;display:flex;flex-direction:column;flex:1}
.blog-card h2{font-size:34px;line-height:1.12;margin:14px 0 18px;max-width:25ch;overflow-wrap:anywhere}
.blog-card-copy>p:not(.blog-meta,.blog-card-topic){font-size:15px;line-height:1.8;color:var(--blog-muted);max-width:58ch}
.blog-card-copy>.blog-card-topic{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--blog-accent);font-weight:500}
.blog-card-copy>.blog-meta{margin-top:22px}
.blog-card-text{border:1px solid var(--blog-line);border-top:2px solid var(--blog-accent);background:var(--blog-tint);padding:28px}
.blog-card-text h2{font-size:42px;margin-top:40px}
.blog-card:nth-child(5n):has(.blog-card-image){grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center;background:var(--blog-tint);border:1px solid var(--blog-line);padding:24px}
.blog-read-link{display:block;margin-top:auto;padding-top:24px;font-size:13px;line-height:1.6}
.blog-empty{padding:64px 0}
.blog-empty h2{font-size:36px}.blog-empty p{margin:20px 0}
.blog-article-header{padding-block:48px}
.blog-back{display:inline-block;font-size:13px;line-height:1.6;padding-block:8px}
.blog-article-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center;margin-top:28px}
.blog-article-heading:not(:has(.blog-article-preview)){grid-template-columns:1fr}
.blog-article-heading .page-label{color:var(--blog-accent);font-size:11px;letter-spacing:.05em;text-transform:uppercase}
.blog-article-header h1{font-size:clamp(42px,4.9vw,70px);line-height:1.04;max-width:20ch;margin:24px 0 28px;overflow-wrap:anywhere}
.blog-article-preview{margin:0}
.blog-article-preview img{display:block;width:100%;height:auto;object-fit:contain;background:#fff;border-radius:4px}
.blog-article-preview figcaption{font-size:10px;line-height:1.7;color:var(--blog-muted);padding-top:12px}
.blog-article-header .blog-meta{font-size:14px;gap:8px 24px}
.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.blog-tags a{padding:8px 12px;font-size:11px;line-height:1.5;border:1px solid var(--blog-line);border-radius:4px;text-decoration:none}
.blog-tags a:hover{background:var(--blog-tint)}
.blog-article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:72px;align-items:start}
.blog-article-layout:not(:has(.blog-toc)){grid-template-columns:minmax(0,1fr);max-width:900px}
.blog-toc{position:sticky;top:32px;max-height:calc(100dvh - 64px);overflow:auto;padding-right:12px}
.blog-toc nav{display:grid;gap:5px}
.blog-toc-author{display:grid;gap:8px;border-bottom:1px solid var(--blog-line);padding-bottom:24px;margin-bottom:28px}
.blog-toc-author strong{font:600 20px/1.3 var(--font-display)}
.blog-toc-author>span{font-size:11px;color:var(--blog-muted)}
.blog-toc h2{font:600 13px var(--font-body);letter-spacing:0;margin:0 0 18px}
.blog-toc a{display:flex;gap:12px;font-size:12px;line-height:1.6;padding:10px 0 10px 14px;border-left:1px solid var(--blog-line);text-decoration:none;color:var(--blog-muted)}
.blog-toc a>span{flex-shrink:0;font-size:10px;color:var(--blog-accent);padding-top:2px}
.blog-toc a:hover{color:var(--blog-accent);border-color:var(--blog-accent)}
.blog-article-main{min-width:0;max-width:900px}
.blog-toc-mobile{display:none}
.blog-prose{font-size:18px;line-height:1.9;overflow-wrap:anywhere;counter-reset:blog-section}
.blog-prose>*+*{margin-top:24px}
.blog-prose :is(h2,h3,h4,h5,h6){scroll-margin-top:32px;line-height:1.2;margin-top:48px;margin-bottom:20px}
.blog-prose h2{font-size:38px;border-top:1px solid var(--blog-line);padding-top:28px}
.blog-prose h2::before{counter-increment:blog-section;content:counter(blog-section,decimal-leading-zero);display:block;margin-bottom:14px;font:500 11px var(--font-body);color:var(--blog-accent);letter-spacing:.06em}
.blog-prose h3{font-size:27px}.blog-prose h4{font-size:22px}
.blog-prose>p:first-child:not(:has(img)){font-size:21px;line-height:1.7}
.blog-prose p:first-child{margin-top:0}
.blog-prose img{display:block;max-width:100%;height:auto;margin-inline:auto;border-radius:3px;background:#fff}
.blog-prose p:has(>img,>picture)+p:has(>em:only-child){font-size:13px;line-height:1.7;color:var(--blog-muted);margin-top:12px}
.blog-prose p:has(>img,>picture){margin-block:36px 14px;padding:12px;border:1px solid var(--blog-line);border-radius:4px;background:#fff}
.blog-prose pre{max-width:100%;overflow:auto;padding:24px;background:#142e38;color:#e2f0f2;border:1px solid #355b66;border-radius:4px;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:normal;tab-size:4}
.blog-prose :not(pre)>code{font: .85em ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--blog-tint);padding:2px 5px;border-radius:3px}
.blog-prose pre code{font:inherit}
.blog-prose :is(ul,ol){padding-left:26px}.blog-prose li+li{margin-top:10px}
.blog-prose table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:14px}
.blog-prose :is(th,td){padding:12px;border-bottom:1px solid var(--blog-line);text-align:left;min-width:100px}
.blog-prose blockquote{margin-inline:0;padding-left:24px;border-left:2px solid var(--blog-accent);color:var(--blog-muted)}
.blog-prose hr{border:0;border-top:1px solid var(--blog-line);margin-block:40px}
.blog-article-footer{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--blog-line);padding-top:24px;margin-top:48px;font-size:12px;line-height:1.7;color:var(--blog-muted)}
.blog-article-footer>p{flex-basis:100%}
.blog-related{padding-block:88px}
.blog-related>h2{font-size:clamp(34px,3.6vw,50px);line-height:1.12;max-width:24ch;margin-bottom:36px}
@media(max-width:1100px){.blog-intro-grid,.blog-article-heading{gap:40px}.blog-grid{gap:40px 28px}.blog-card h2{font-size:30px}.blog-feature-copy{padding:36px}.blog-feature{min-height:500px}.blog-article-layout{grid-template-columns:180px minmax(0,1fr);gap:36px}}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article-layout{grid-template-columns:minmax(0,1fr);max-width:850px}.blog-toc{display:none}.blog-toc-mobile{display:block;margin-bottom:28px;border-block:1px solid var(--blog-line);padding-block:16px}.blog-toc-mobile summary{cursor:pointer;font-size:14px;font-weight:500}.blog-toc-mobile nav{display:grid;gap:12px;margin-top:20px}.blog-toc-mobile a{font-size:13px;line-height:1.6}.blog-feature{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.blog-intro{padding-top:36px}.blog-intro-grid{grid-template-columns:1fr;gap:24px}.blog-intro h1{font-size:48px}.blog-intro-grid>p{font-size:17px}.blog-filters{flex-wrap:wrap;gap:16px}.blog-filters label:first-child{flex-basis:100%}.blog-filters label:nth-child(2){flex:1 1 100%}.blog-filters>.button{flex:1}.blog-feature{display:flex;flex-direction:column}.blog-feature-image{padding:16px}.blog-feature-image img{aspect-ratio:16/10}.blog-feature-copy{padding:24px}.blog-feature h2{font-size:34px}.blog-grid{grid-template-columns:1fr;gap:24px}.blog-card h2{font-size:29px}.blog-card-copy{padding:24px}.blog-library{padding-bottom:64px}.blog-article-header{padding-block:28px 36px}.blog-article-header h1{font-size:42px}.blog-article-header .blog-meta{font-size:12px;gap:8px 16px}.blog-prose{font-size:17px;line-height:1.8}.blog-prose h2{font-size:29px}.blog-prose h3{font-size:24px}.blog-prose pre{padding:18px;font-size:12px}.blog-related{padding-block:64px}}
@media(prefers-reduced-motion:reduce){.blog-card-image img{transition:none}.blog-card:hover .blog-card-image img{transform:none}}
@media(max-width:767px){
 .blog-feature{min-height:0;display:block}
 .blog-feature::after{display:none}
 .blog-feature-image{position:relative;display:block;padding:0}
 .blog-feature-image img{height:auto;aspect-ratio:16/10}
 .blog-feature-copy{width:100%;padding:28px 24px}
 .blog-feature h2{font-size:42px}
 .blog-index-heading{display:block}.blog-index-heading p{margin-top:18px}
 .blog-topic-rail{gap:8px}.blog-topic-rail a{font-size:12px;gap:12px;padding:10px 12px}
 .blog-card-copy{padding:22px 0 26px}
 .blog-card-text{padding:24px}.blog-card-text h2{font-size:36px}
 .blog-card:nth-child(5n):has(.blog-card-image){display:flex;grid-column:auto;padding:16px;gap:0}
 .blog-article-heading{grid-template-columns:1fr;gap:28px}
 .blog-article-header h1{font-size:44px}
 .blog-article-preview{padding:0}
 .blog-prose>p:first-child:not(:has(img)){font-size:19px}
}