/* Page-specific layout that is not a shared component: publish, plugin, home, catalog, trailers, static content. */
.sc-pub-steps{counter-reset:step;display:grid;gap:var(--sc-3);margin-top:var(--sc-4);padding:0;list-style:none}
.sc-pub-steps li{counter-increment:step;position:relative;display:grid;gap:2px;padding:var(--sc-4) var(--sc-4) var(--sc-4) 68px;background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:var(--sc-r-md)}
.sc-pub-steps li::before{content:counter(step);position:absolute;left:var(--sc-4);top:var(--sc-4);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--sc-navy-700);color:#fff;font:900 20px/1 var(--sc-display)}
.sc-pub-steps p,.sc-pub-gets p,.sc-pub-qa p{color:var(--sc-ink-2)}
.sc-pub-gets{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:var(--sc-3);margin-top:var(--sc-4);padding:0;list-style:none}
.sc-pub-gets li{display:grid;gap:2px;align-content:start;padding:var(--sc-4);background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:var(--sc-r-md);border-top:3px solid var(--sc-orange-600)}
.sc-pub-list{display:grid;gap:var(--sc-2);padding-left:1.1em;margin:0;list-style:disc;font-weight:700}
.sc-pub-qa{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:var(--sc-4) var(--sc-6);margin-top:var(--sc-4)}
.sc-pub-qa>div{display:grid;gap:var(--sc-1);align-content:start;padding-top:var(--sc-3);border-top:2px solid var(--sc-navy-700)}
.sc-pagehead .sc-actions{margin-top:var(--sc-2)}
.sc-box-body.sc-prose{max-width:none}
.sc-box-body.sc-prose>*{max-width:72ch}
.sc h2.sc-h2+*{margin-top:var(--sc-3)}
/* home */
.sc-home-head{gap:var(--sc-1)}
.sc-home-hook{font:800 var(--sc-fs-18)/1.3 var(--sc-body);color:#fff!important}
.sc-feature-body .sc-h1{font-size:clamp(30px,2vw + 18px,52px)}
.sc-feature .sc-badge{background:rgba(255,255,255,.14);color:#fff}
.sc-feature .sc-badge--age{background:#fff;color:var(--sc-ink)}
.sc-home-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--sc-3)}
.sc-home-cat{display:grid;gap:2px;height:100%;padding:var(--sc-4);background:var(--sc-surface);border:1px solid var(--sc-line);border-left:4px solid var(--sc-navy-700);border-radius:var(--sc-r-md);text-decoration:none;color:var(--sc-ink)!important;transition:border-color .12s ease,box-shadow .12s ease}
.sc-home-cat b{font:900 22px/1.1 var(--sc-display);letter-spacing:.4px;text-transform:uppercase;color:var(--sc-navy-900)}
.sc-home-cat span{font-size:var(--sc-fs-13);font-weight:800;color:var(--sc-orange-700)}
.sc-home-cat small{font-size:var(--sc-fs-14);color:var(--sc-ink-2)}
@media(hover:hover){.sc-home-cat:hover{border-left-color:var(--sc-orange-600);box-shadow:var(--sc-sh-2)}}
.sc-home-guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:var(--sc-3)}
.sc-home-guides a{display:grid;gap:var(--sc-1);height:100%;padding:var(--sc-4);background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:var(--sc-r-md);text-decoration:none}
.sc-home-guides b{font-size:var(--sc-fs-16);line-height:1.3;color:var(--sc-ink)}
/* two lines of description, never a clipped third */
.sc-home-guides b,.sc-home-guides span{align-self:start}
.sc-home-guides span{font-size:var(--sc-fs-14);line-height:1.45;color:var(--sc-ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(hover:hover){.sc-home-guides a:hover{border-color:var(--sc-navy-700)}.sc-home-guides a:hover b{color:var(--sc-navy-700)}}
/* catalog */
.sc-filters{display:grid;gap:var(--sc-3);padding:var(--sc-4);background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:var(--sc-r-md)}
.sc-filter-q{max-width:420px}
[data-sc-catalog] li[hidden]{display:none}
/* trailers */
.sc-feature>.sc-video{align-self:center}
.sc-tr-note{align-content:center;height:100%}
.sc-feature .sc-card-meta{margin-top:0;padding-top:0}
.sc-page-theater .sc-main{padding-top:0}
.sc-theater-below{padding-top:var(--sc-6)}
.sc-theater-hint{color:var(--sc-navy-200)!important;font-size:var(--sc-fs-14)}
dialog.sc-theater .sc-theater-in{min-height:100%;align-content:start}
/* why */
.sc-why{display:grid;gap:var(--sc-6);max-width:860px;margin-inline:auto;width:100%}
.sc-why-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sc-2)}
.sc-why-tile{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--sc-r-md);background:var(--sc-navy-900)}
.sc-why-tile:first-child{grid-column:1/-1}
@media(min-width:900px){.sc-why-art{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.sc-why-tile:first-child{grid-column:1;grid-row:1/3;aspect-ratio:auto}}
.sc-why-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.sc-why-tile span{position:absolute;left:var(--sc-2);bottom:var(--sc-2);padding:3px 8px;border-radius:var(--sc-r-sm);background:rgba(10,29,61,.86);color:#fff;font-size:var(--sc-fs-13);font-weight:700}
@media(hover:hover){.sc-why-tile:hover img{transform:scale(1.03)}}
.sc-why-text{display:grid;gap:var(--sc-5);max-width:66ch;font-size:clamp(18px,.5vw + 16px,21px);line-height:1.6;color:var(--sc-ink)}
.sc-why-first{font-size:1.2em;line-height:1.45;font-weight:700;color:var(--sc-navy-900)}
.sc-why-cta p{color:#fff!important;flex:1 1 300px}
.sc-why-games{--sc-cols:2}
@media(min-width:760px){.sc-why-games{--sc-cols:4}}
.sc-quote{margin:0;padding:var(--sc-5) var(--sc-5) var(--sc-5) var(--sc-6);border-left:6px solid var(--sc-orange-600);background:var(--sc-surface);border-radius:0 var(--sc-r-lg) var(--sc-r-lg) 0;display:grid;gap:var(--sc-2)}
.sc-quote blockquote{margin:0}
.sc-quote blockquote p{font:800 clamp(20px,1vw + 16px,28px)/1.3 var(--sc-body);color:var(--sc-navy-900);text-wrap:balance}
.sc-quote blockquote p::before{content:"\201C"}
.sc-quote blockquote p::after{content:"\201D"}
.sc-quote figcaption a{font-weight:800;font-size:var(--sc-fs-14)}
.sc-home-why{text-align:center;font-size:var(--sc-fs-18);font-weight:800}