/* shared additions: mobile nav, video facades, motion preferences */
.nav-toggle{display:none;background:none;border:1px solid #ffffff33;color:var(--ink);font-family:'Rajdhani',sans-serif;font-weight:600;font-size:13px;letter-spacing:.08em;padding:8px 12px;border-radius:2px;cursor:pointer;margin-left:auto;margin-right:12px;align-items:center;gap:8px;}
.nav-toggle .bars{display:inline-block;width:16px;height:2px;background:currentColor;position:relative;}
.nav-toggle .bars::before,.nav-toggle .bars::after{content:'';position:absolute;left:0;width:16px;height:2px;background:currentColor;}
.nav-toggle .bars::before{top:-5px;}.nav-toggle .bars::after{top:5px;}
.nav-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:2px;}
@media (max-width:900px){
  .nav-toggle{display:inline-flex;}
  nav .navlinks.open{display:flex!important;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(8,9,10,.97);padding:10px 6vw 18px;gap:0;border-bottom:1px solid var(--line);z-index:60;}
  nav .navlinks.open a{padding:12px 0;font-size:16px;border-bottom:1px solid var(--line);color:var(--ink);}
}
@media (max-width:420px){ nav .nav-cta{padding:8px 12px;font-size:12.5px;} nav .nav-toggle{margin-right:8px;padding:7px 10px;} }
.yt-facade{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;background:#000;display:flex;align-items:center;justify-content:center;border:0;padding:0;}
.yt-facade img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.yt-facade .yt-play{position:relative;width:72px;height:50px;border-radius:12px;background:rgba(0,0,0,.72);border:1px solid var(--teal);color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:22px;}
.yt-facade:hover .yt-play,.yt-facade:focus-visible .yt-play{background:var(--teal);color:#04140d;}
@media (prefers-reduced-motion: reduce){ *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;} .reveal{opacity:1!important;transform:none!important;} }
.rover-feed{margin:10px 0 40px;}
.rover-note{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--ink-dim);letter-spacing:.04em;margin:6px 0 0;}
.rover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;list-style:none;padding:0;margin:18px 0 10px;}
.rover-item a{display:block;height:100%;background:var(--bg2);border:1px solid var(--line);border-radius:3px;overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color .3s;}
.rover-item a:hover,.rover-item a:focus-visible{border-color:var(--teal);}
.rover-item img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#000;}
.rover-meta{padding:10px 12px;font-family:'Share Tech Mono',monospace;font-size:11px;line-height:1.65;color:var(--ink-dim);}
.rover-meta .sol{color:var(--teal);display:block;}
.rover-meta .cam{color:var(--ink);display:block;}
.rover-fallback{font-size:14px;color:var(--ink-dim);}
.rover-fallback a{color:var(--teal);}
.art-panel{margin:30px 0;}
.art-panel img{display:block;width:100%;height:auto;border-radius:3px;border:1px solid var(--line);}
.art-panel figcaption{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--ink-dim);margin-top:8px;letter-spacing:.04em;}

.short-frame{position:relative;width:100%;max-width:300px;aspect-ratio:9/16;margin:0 auto;border-radius:3px;overflow:hidden;background:#000;}
.short-frame + p{text-align:center;}
.wide-frame{position:relative;width:100%;max-width:820px;aspect-ratio:16/9;margin:0 auto;border-radius:3px;overflow:hidden;background:#000;border:1px solid var(--line);}
.wide-frame + p{text-align:center;}
.post-feature{margin:26px 0 8px;}
.post-feature img{display:block;width:100%;max-width:900px;height:auto;border:1px solid var(--line);border-radius:3px;}
.card-thumb{display:block;width:calc(100% + 48px);max-width:none;height:auto;aspect-ratio:1200/630;object-fit:cover;margin:-24px -24px 16px;border-bottom:1px solid var(--line);}
.cover-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin:20px 0 30px;}
.cover-strip a{display:block;}
.cover-strip img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#0b0c0d;border:1px solid var(--line);border-radius:2px;}
.portrait-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 30px;}
.portrait-trio figure{margin:0;}
.portrait-trio img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:3px;}
.portrait-trio figcaption{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--ink-dim);margin-top:6px;letter-spacing:.05em;}
@media (max-width:600px){.portrait-trio{grid-template-columns:1fr 1fr;}}
.key-art{margin:28px 0 10px;}
.key-art img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:3px;}
.chapter-cover{display:block;width:240px;max-width:60vw;height:auto;margin:10px 0 24px;border:1px solid var(--line);border-radius:3px;}
.end-cta{display:grid;grid-template-columns:160px 1fr;gap:28px;align-items:center;text-align:left;max-width:760px;margin:0 auto;}
.end-cta img{width:160px;height:auto;border:1px solid var(--line);border-radius:3px;}
@media (max-width:600px){.end-cta{grid-template-columns:1fr;text-align:center;}.end-cta img{margin:0 auto;}}
.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px;margin:30px 0;}
.books-grid a{display:block;color:var(--ink);text-decoration:none;}
.books-grid img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#0b0c0d;border:1px solid var(--line);border-radius:3px;transition:border-color .3s;}
.books-grid a:hover img{border-color:var(--teal);}
.books-grid .num{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--teal);display:block;margin-top:10px;letter-spacing:.06em;}
.books-grid h2{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:600;margin:4px 0 0;line-height:1.2;}
.crew-block > img{height:auto;aspect-ratio:4/5;object-fit:cover;}
/* seo6 guides */
.guide-meta{font-family:'Share Tech Mono',monospace;font-size:11.5px;color:var(--ink-dim);letter-spacing:.04em;margin-top:6px}
.guide-wrap{max-width:820px}
.guide-wrap h2{margin-top:44px}
.guide-table{width:100%;border-collapse:collapse;margin:22px 0 10px;font-size:14px}
.guide-table th,.guide-table td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top;color:var(--ink-dim)}
.guide-table th{color:var(--ink);font-weight:600;font-size:13px;letter-spacing:.03em}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pick{border-top:1px solid var(--line);padding:24px 0}
.pick h3{font-family:'Cormorant Garamond',serif;font-size:1.55rem;font-weight:600;line-height:1.15;margin-bottom:4px}
.pick .by{font-family:'Share Tech Mono',monospace;font-size:11.5px;color:var(--teal);letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}
.pick .diff{font-size:14px;color:var(--ink-dim);border-left:2px solid var(--rust);padding-left:12px;margin-top:6px;max-width:720px;line-height:1.6}
.pick.own{background:var(--bg2);padding:24px;border:1px solid var(--teal-dim)}
.disclose{font-size:12.5px;color:var(--ink-dim);font-style:italic;margin-top:8px}
.faq dt{font-weight:600;color:var(--ink);margin-top:18px;font-size:16px}
.faq dd{color:var(--ink-dim);line-height:1.7;margin:6px 0 0;max-width:720px}
.rel-box{border-top:1px solid var(--line);margin-top:40px;padding-top:20px}
.rel-box ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:10px}
.rel-box a,.guide-wrap p a,.pick a,.faq a{color:var(--teal)}
.hub-list{list-style:none;margin:12px 0 0}
.hub-list li{border-bottom:1px solid var(--line);padding:11px 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.hub-list a{color:var(--ink);font-weight:600}.hub-list a:hover{color:var(--teal)}
.tag{font-family:'Share Tech Mono',monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal)}
.tag.fic{color:var(--rust)}
.shelf{list-style:none}.shelf li{padding:9px 0;border-bottom:1px solid var(--line);color:var(--ink-dim);line-height:1.55}.shelf strong{color:var(--ink)}
/* /seo6 guides */
