/* Shared editorial pages. Paper, generous type and artwork belong to the site,
   while the studio and the game retain their own accent colours. */
.seo-page{background:var(--v-paper);color:var(--v-ink)}
.seo-main{width:calc(100% - 104px);max-width:1440px;margin-inline:auto;padding:30px 0 88px;--page-accent:var(--v-wine)}
.studio-2026 .seo-main{--page-accent:var(--v-red)}
.seo-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--v-muted);font-size:12px;line-height:1.6;margin-bottom:32px}
.seo-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.seo-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,6vw,92px);align-items:center;padding:22px 0 54px;margin:0;background:transparent;color:var(--v-ink)}
.design-2026 .seo-main h1{font-size:clamp(44px,5.4vw,80px);line-height:1.04;letter-spacing:-.05em;margin:20px 0 26px;overflow-wrap:break-word}
.seo-main h1 span{color:var(--page-accent)}
.design-2026 .seo-main h1 .page-series{display:block;color:var(--v-muted);font-size:18px;line-height:1.4;letter-spacing:-.01em;font-weight:400;margin-bottom:12px}
.seo-main h1 .page-title{display:block}
.seo-hero>div>p{font-size:18px;line-height:1.8;color:var(--v-muted);max-width:55ch}
.seo-kicker{display:block;font-size:11px;letter-spacing:.12em;font-weight:600;text-transform:uppercase;color:var(--page-accent,var(--v-wine));margin-bottom:16px}
.page-art{margin:0;position:relative;min-width:0;background:#ded8c9}
.page-art:after{content:"";position:absolute;inset:12px -12px -12px 12px;border:1px solid var(--v-line);z-index:-1}
.page-art img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.page-art-brand{background:transparent;display:grid;place-items:center;min-height:340px}
.page-art-brand:after{display:none}.page-art-brand img{width:70%;max-width:300px;aspect-ratio:1;object-fit:contain}
.seo-hero>div>.page-note{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--page-accent);margin:24px 0 0}
.design-2026 .seo-main h2,.design-2026 .seo-section h2{font-size:clamp(30px,3.2vw,46px);line-height:1.12;letter-spacing:-.035em;margin:0 0 22px}
.design-2026 .seo-main h3,.design-2026 .seo-section h3{font-size:23px;line-height:1.25;margin:24px 0 12px}
.seo-main p,.seo-main li,.seo-section p{font-size:18px;line-height:1.8;max-width:74ch}
.seo-main p{margin:0 0 20px}
.seo-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:15px 22px;background:var(--v-blue);color:#f4f3ed!important;font-weight:600;font-size:15px;line-height:1.4;text-decoration:none!important;min-height:52px;transition:background .18s}
.studio-2026 .seo-cta,.studio-2026 .v-btn:not(.v-btn-outline){background:#c14635;border-color:#c14635}
.seo-cta:hover{background:#405d6a}.studio-2026 .seo-cta:hover,.studio-2026 .v-btn:not(.v-btn-outline):hover{background:#a33b2d;border-color:#a33b2d}
.seo-links{display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center;margin-top:26px}
.seo-links>a:not(.seo-cta){font-size:15px;line-height:1.6;text-decoration:underline;text-underline-offset:5px}
.page-guide-nav{display:flex;flex-wrap:wrap;gap:10px 32px;border-block:1px solid var(--v-line);margin:10px 0 36px;padding:9px 0}
.page-guide-nav a{display:flex;align-items:center;min-height:44px;font-size:14px;position:relative;color:var(--v-muted)}
.page-guide-nav a[aria-current=page]{color:var(--v-ink);font-weight:600}
.page-guide-nav a[aria-current=page]:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:2px;background:var(--v-wine)}
.page-guide-nav a:hover{color:var(--v-wine)}
.seo-jump{display:flex;flex-wrap:wrap;gap:4px 22px;margin:0 0 38px;padding:0 0 24px;border-bottom:1px solid var(--v-line)}
.seo-jump a{font-size:13px;line-height:1.5;min-height:40px;display:flex;align-items:center;color:var(--v-muted);text-decoration:underline;text-decoration-color:var(--v-line);text-underline-offset:5px}
.seo-jump a:hover{color:var(--page-accent);text-decoration-color:currentColor}
.seo-block{border-top:1px solid var(--v-line);padding-top:38px;margin-top:52px;scroll-margin-top:104px}
.studio-2026 .seo-main>.seo-block{display:flow-root;max-width:1100px}
.seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 36px;margin-top:34px;counter-reset:editorial-card}
.seo-card{min-width:0;scroll-margin-top:104px;border-bottom:1px solid var(--v-line);padding:0 0 30px;background:transparent;counter-increment:editorial-card}
.seo-card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:25px;background:#ded8c9}
.design-2026 .seo-card h2{font-size:clamp(29px,2.8vw,39px);margin-bottom:15px}
.seo-card p{font-size:16px;line-height:1.8;color:var(--v-muted)}
.design-2026 .seo-card h3{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--page-accent);margin:24px 0 10px}
.seo-card p:last-child{margin-bottom:0}
.seo-card:not(:has(>img)){padding:28px 0 30px;border-top:1px solid var(--v-line);border-bottom:0}
.seo-card:not(:has(>img))>.seo-kicker{display:flex;align-items:center;gap:14px}
.seo-card:not(:has(>img))>.seo-kicker:before{content:counter(editorial-card,decimal-leading-zero);font-size:12px;color:var(--v-muted)}
.seo-main dl{margin:0;display:grid;grid-template-columns:190px minmax(0,1fr);gap:15px 24px;font-size:17px;line-height:1.7}
.seo-main dt{font-weight:600;color:var(--v-muted)}.seo-main dd{margin:0;overflow-wrap:anywhere}
.seo-main dd a,.seo-main p a{text-decoration:underline;text-underline-offset:4px}
.seo-main video{display:block;width:100%;height:auto;margin:24px 0;background:var(--v-blue)}
.seo-main ul{padding-left:24px}.seo-main li{margin-block:12px}
.seo-section{padding-block:64px;border-top:1px solid var(--v-line)}
.seo-section .seo-grid{gap:28px}.seo-section .seo-card{background:transparent}
.seo-section .seo-links>a{text-decoration:underline;text-underline-offset:5px}
.seo-section>.v-eyebrow{margin-bottom:20px}.seo-section .v-text-link{margin-top:20px}
.seo-faq details{border-bottom:1px solid var(--v-line);padding:18px 0}
.seo-faq summary{font-size:20px;line-height:1.5;font-weight:600;cursor:pointer;min-height:36px}
.seo-faq details p{margin:16px 0 0}
.seo-notice{padding:24px;background:#263c4708;border-left:2px solid var(--v-wine);margin-block:24px}
.design-2026 .r-hero-copy h1 .seo-game-title{display:block;font-size:13px;line-height:1.4;letter-spacing:.08em;color:inherit;margin-bottom:16px}
.r-hero-copy .seo-cta{background:var(--v-sand);color:#263c47!important}
.seo-error{min-height:65vh;padding-top:70px}.seo-error .seo-kicker{color:var(--v-red)}
@media(max-width:1100px){.seo-main{width:calc(100% - 64px)}.seo-hero{gap:36px}.seo-hero>div>p{font-size:17px}.page-art-brand{min-height:280px}}
@media(max-width:700px){.seo-main{width:calc(100% - 40px);padding:22px 0 56px}.seo-hero{grid-template-columns:1fr;gap:30px;padding:12px 0 36px}.seo-breadcrumb{margin-bottom:22px;font-size:11px}.design-2026 .seo-main h1{font-size:clamp(42px,10.5vw,66px);margin:16px 0 22px}.design-2026 .seo-main h1 .page-series{font-size:15px}.seo-hero>div>p{font-size:16px;line-height:1.75}.page-art img{aspect-ratio:16/10}.page-art:after{inset:8px -8px -8px 8px}.page-art-brand{min-height:0;padding:8px 0 10px}.page-art-brand img{width:145px;aspect-ratio:1}.seo-grid{grid-template-columns:1fr;gap:30px;margin-top:26px}.seo-card{padding-bottom:28px}.seo-main p,.seo-main li,.seo-section p{font-size:16px}.seo-card p{font-size:16px}.seo-main dl{grid-template-columns:1fr;gap:4px}.seo-main dd{margin-bottom:16px}.seo-section{padding-block:42px}.seo-links{gap:16px 24px;margin-top:22px}.seo-links .seo-cta{width:100%;max-width:360px}.seo-jump{gap:0 20px;margin-bottom:22px;padding-bottom:18px}.page-guide-nav{gap:0 23px;padding-block:6px;margin-bottom:24px}.page-guide-nav a{font-size:13px}.page-guide-nav a[aria-current=page]:after{bottom:-7px}.seo-block{margin-top:36px;padding-top:30px}.seo-error{padding-top:40px}}