/* Shared, border-light layouts for the complete OVERLKD site. */
.subpage{background:#050a0e}
.subpage #main{padding-top:135px;outline:0;min-height:70svh}
.page-wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.page-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:.8rem;color:#8ca2ae;padding-block:20px 40px}
.page-crumbs span{color:#3b505c}.page-crumbs a:hover{color:#e0f3fa}
.page-heading{padding:25px 0 65px}
.subpage h1{font-size:clamp(3.4rem,7vw,7.6rem);font-weight:700;line-height:1.02;letter-spacing:-.05em;overflow-wrap:break-word}
.page-heading .eyebrow,.article-heading .eyebrow{font-size:.8rem;color:#9bb1bd;letter-spacing:.12em;margin-bottom:22px}
.page-heading>p:last-child:not(.eyebrow){font-size:1.15rem;color:#aabec9;margin-top:25px;max-width:50ch}
.game-page-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;padding:35px 0 60px}
.game-page-hero .eyebrow{display:flex;align-items:center;gap:10px;font-size:.8rem;letter-spacing:.1em;color:#a7bdc9;margin-bottom:22px}
.game-page-hero h1{font-size:clamp(3.2rem,6.8vw,6.5rem)}
.inline-service{display:inline-block;width:22px;height:22px;object-fit:contain;vertical-align:middle}
.game-intro>p{font-size:1.08rem;line-height:1.75;color:#b7c8d2}
.page-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:27px}
.subpage #main .button{border-radius:0;background:#d7f3f8;color:#102029;min-height:48px;font-size:.9rem}
.quiet-link{font-size:.9rem;color:#c2dce9;padding-block:12px}
.quiet-link:hover{color:white}
.gallery-shot{display:block;position:relative;padding:0;background:none;border:0;width:100%;text-align:left}
.gallery-shot>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.gallery-shot>span{position:absolute;bottom:18px;right:20px;padding:8px 12px;background:#050a0eda;color:#dbeef7;font-size:.8rem;opacity:0;transition:opacity .2s}
.gallery-shot:hover>span,.gallery-shot:focus-visible>span{opacity:1}
.game-about{display:grid;grid-template-columns:1.1fr .8fr;gap:100px;padding:90px 0}
.game-about h2{font-size:clamp(2rem,3.3vw,3.1rem);margin:16px 0 28px}
.game-about p:not(.eyebrow){color:#a9bdc9;font-size:1.05rem;line-height:1.85;margin-top:18px}
.game-about .eyebrow{color:#849eac;font-size:.78rem}
.game-features{padding-top:45px}.game-features h3{font-size:1.25rem;font-weight:500}
.game-features ul{padding-left:20px;margin:22px 0 25px;color:#a9bdc9;font-size:1rem;line-height:1.9}
.game-features li{padding-block:5px}.game-features li::marker{color:#74a8bd}
.also-available{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#c5dce6;margin-top:28px}
.page-faq{display:grid;grid-template-columns:.8fr 1.3fr;gap:80px;padding:90px 0 45px}
.page-faq h2{font-size:clamp(2rem,3vw,3rem)}
.page-faq details{border-bottom:1px solid #21313b}
.page-faq summary{padding:18px 0;cursor:pointer;font-size:1rem;color:#d2e0e8}
.page-faq details:first-child summary{padding-top:5px}
.page-faq details>p{color:#9eb5c3;line-height:1.75;font-size:1rem;padding-bottom:23px;max-width:65ch}
.game-store-note{display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:.95rem;padding:20px 0 40px;color:#8fa9b8}
.game-store-note a{color:#cee5f1}
.page-help{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-block:40px 90px;padding-block:45px;background:none;border-top:1px solid #24323c}
.page-help h2{font-size:clamp(2rem,3vw,3rem);margin:15px 0}
.page-help .eyebrow{font-size:.78rem;color:#9aadc6}.page-help p:not(.eyebrow){font-size:1rem;color:#97adbe}
.related-games{padding-bottom:95px}.related-games h2{font-size:2rem;margin-bottom:30px}
.related-games>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.related-games a img{aspect-ratio:920/430;height:auto;object-fit:contain}.related-games a>span{display:block;margin-top:12px;font-size:1rem;color:#c3d6e0}
.related-games a:hover>span{color:white}
.gallery-dialog{width:min(1440px,calc(100% - 32px));max-height:95svh;padding:48px 15px 10px;border:0;border-radius:0;background:#050a0e;overflow:auto}
.gallery-dialog>img{max-height:calc(95svh - 130px);height:auto;width:100%;object-fit:contain}
.gallery-dialog::backdrop{background:#010406f2;backdrop-filter:blur(8px)}
.gallery-close{position:absolute;top:0;right:8px;width:44px;height:44px;background:none;color:#e1f2f9;font-size:2rem}
.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;padding-top:12px;gap:15px;font-size:.9rem;color:#a0b8c6}
.gallery-toolbar button{background:none;color:#d5e7f0;padding:12px}
.journal-entries{display:flex;flex-direction:column;gap:65px;padding:0 0 110px}
.journal-entry{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}
.journal-entry img{aspect-ratio:16/9;height:auto;object-fit:contain}
.journal-entry time{font-size:.78rem;letter-spacing:.08em;color:#7f9aaa}
.journal-entry h2{font-size:clamp(2rem,3.4vw,3.5rem);margin:20px 0}
.journal-entry p{color:#9ab3c3;font-size:1rem;max-width:35ch}
.journal-entry:hover h2{color:#b1e3f4}
.article-heading{padding:20px 0 55px;max-width:1000px}.article-heading h1{font-size:clamp(3rem,6vw,6rem)}
.article-cover{width:100%;height:auto;max-height:600px;aspect-ratio:16/9;object-fit:cover}
.article-copy{max-width:760px;margin:60px auto;color:#b9cbd6;font-size:1.08rem;line-height:1.85}
.article-copy p{margin-block:24px;line-height:1.85}.article-copy ul{padding-left:23px}.article-copy li{padding-block:10px}
.article-copy a:not(.button){text-decoration:underline;text-underline-offset:4px;color:#e0f0f7}
.article-copy h2{font-size:2rem;margin:40px 0 20px;color:#e1edf3}
.article-end{max-width:760px;margin:0 auto 60px;color:#9ccde1;font-size:.95rem}
.legal-wrap{max-width:1050px;padding-bottom:90px}
.legal-wrap .page-heading{padding-bottom:40px}
.legal-wrap .page-heading h1{font-size:clamp(2.5rem,6.5vw,5.6rem);overflow-wrap:anywhere}
.legal-copy{max-width:860px;color:#afc2cf;font-size:1rem;line-height:1.8}
.legal-copy :is(p,li){line-height:1.8}.legal-copy p{margin-block:18px}.legal-copy ul,.legal-copy ol{padding-left:24px}.legal-copy li{margin-block:6px}
.legal-copy h2{font-size:1.65rem;color:#e2edf4;line-height:1.3;margin:45px 0 22px;letter-spacing:-.02em}
.legal-copy h3{font-size:1.18rem;color:#d1e3ef;line-height:1.4;margin:30px 0 15px}
.legal-copy a{color:#b8e0f2;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-copy section,.legal-copy .box{padding:0;margin:0;background:transparent;border:0;max-width:none}
.legal-copy section{scroll-margin-top:120px}
.legal-copy h2,.legal-copy h3{scroll-margin-top:120px}
.legal-copy table{width:100%;display:block;overflow:auto;border-collapse:collapse}
.legal-copy th,.legal-copy td{padding:12px;text-align:left;border-bottom:1px solid #26343f;min-width:150px}
.legal-copy code{overflow-wrap:anywhere}.legal-copy hr{border:0;border-top:1px solid #293842;margin-block:35px}
.legal-jump{display:block;font-size:.85rem;color:#afc7d6;margin:5px 0 45px;max-width:650px}
.legal-jump select{display:block;width:100%;margin-top:12px;min-height:49px;background:#111e27;color:#d9eaf4;border:1px solid #314550;padding:10px 13px;font:inherit;border-radius:0}
.walkpet-hero{display:grid;grid-template-columns:1.5fr .7fr;gap:80px;align-items:center;padding:35px 0 95px}
.walkpet-hero h1{font-size:clamp(3rem,5.9vw,6rem);margin:20px 0 28px}
.walkpet-hero>div>p:not(.eyebrow){color:#aec3ce;font-size:1.1rem;line-height:1.8;max-width:46ch}
.walkpet-icon{width:100%;max-width:300px;height:auto;border-radius:23%;justify-self:center}
.walkpet-features{display:flex;flex-direction:column;gap:60px;max-width:980px;margin:0 auto 25px}
.walkpet-features>section{display:grid;grid-template-columns:.3fr 1fr;gap:50px}
.feature-number{font-size:4rem;color:#294552;font-weight:500;line-height:1}
.walkpet-features h2{font-size:2.4rem;margin-bottom:20px}
.walkpet-features p{font-size:1.08rem;line-height:1.8;color:#a7becc;max-width:52ch}
.walkpet-account{display:flex;gap:30px;flex-wrap:wrap;color:#add5e8;font-size:.95rem;padding:20px 0 45px}
.subpage .full-support{background:transparent;border:0;padding-top:25px}
.subpage .full-support .section-heading h2{font-size:clamp(3rem,5.5vw,5.5rem)}
.data-help{padding-bottom:90px}.data-help h2{font-size:2.8rem;margin-bottom:25px}.data-help p{color:#a4bdcb;max-width:60ch}.data-help>div{display:flex;gap:25px;flex-wrap:wrap;margin-top:28px;color:#c4e0ee;font-size:1rem}
@media(max-width:1000px){.game-page-hero{grid-template-columns:1fr;gap:30px}.game-page-hero h1{font-size:5rem}.game-intro>p{max-width:64ch}.game-about{gap:50px}.page-faq{gap:40px}.journal-entry{gap:30px}.walkpet-hero{gap:35px}}
@media(max-width:760px){
 .subpage #main{padding-top:87px}.page-wrap{width:calc(100% - 40px)}
 .page-crumbs{padding-block:20px 30px;font-size:.75rem;gap:9px}
 .page-heading{padding-block:15px 45px}.page-heading>p:last-child:not(.eyebrow){font-size:1rem}
 .subpage h1{font-size:3.4rem}.game-page-hero{padding:15px 0 35px;gap:22px}.game-page-hero h1{font-size:clamp(2.6rem,11vw,4.5rem)}
 .game-page-hero .eyebrow{font-size:.75rem;margin-bottom:16px}.game-intro>p{font-size:1rem;line-height:1.7}.page-actions{gap:20px;margin-top:22px}
 .gallery-shot>span{opacity:1;bottom:8px;right:8px;font-size:.75rem;padding:5px 8px}
 .game-about{grid-template-columns:1fr;gap:30px;padding-block:50px}.game-about h2{font-size:2.2rem;margin-bottom:22px}.game-about p:not(.eyebrow){font-size:1rem}.game-features{padding-top:0}
 .page-faq{grid-template-columns:1fr;gap:30px;padding-top:55px}.page-faq h2{font-size:2.2rem}
 .game-store-note{display:block;font-size:.9rem}.game-store-note a{display:inline-block;margin-top:12px}
 .page-help{display:block;margin-block:25px 55px;padding-block:30px}.page-help h2{font-size:2rem}.page-help .button{margin-top:22px}
 .related-games{padding-bottom:60px}.related-games>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 17px}.related-games h2{font-size:1.8rem}.related-games a>span{font-size:.9rem}
 .journal-entry{grid-template-columns:1fr;gap:23px}.journal-entry h2{font-size:2.3rem;margin-block:12px}.journal-entry p{max-width:none}.journal-entries{gap:45px;padding-bottom:65px}
 .article-heading{padding:15px 0 35px}.article-heading h1{font-size:3.2rem}.article-heading .eyebrow{font-size:.75rem}
 .article-copy{font-size:1rem;margin-block:35px}.article-copy p{line-height:1.8}.article-copy h2{font-size:1.7rem}
 .legal-wrap{padding-bottom:65px}.legal-wrap .page-heading h1{font-size:clamp(2rem,8vw,3rem)}.legal-copy h2{font-size:1.4rem;margin-top:35px}.legal-copy h3{font-size:1.1rem}.legal-copy{font-size:1rem}
 .walkpet-hero{grid-template-columns:1fr;gap:35px;padding:20px 0 60px}.walkpet-hero h1{font-size:3.2rem}.walkpet-hero>div>p:not(.eyebrow){font-size:1rem}.walkpet-icon{max-width:185px;justify-self:start}
 .walkpet-features{gap:40px}.walkpet-features>section{grid-template-columns:45px 1fr;gap:20px}.feature-number{font-size:2.5rem}.walkpet-features h2{font-size:1.8rem}.walkpet-features p{font-size:1rem}
 .walkpet-account{font-size:.9rem;gap:20px}.data-help{padding-bottom:60px}.data-help h2{font-size:2.2rem}.data-help>div{flex-direction:column;gap:18px}
 .subpage .full-support{padding-top:15px}.subpage .full-support .section-heading h2{font-size:2.8rem}
}