/* site.css - page-specific styles for the Cloudflare Pages site. Shared look lives in tn-core.css. */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--bg);padding:6rem 0 4rem}
.hero-bg{position:absolute;inset:0;background:url(../img/hero-planet.jpg) 100% 40%/auto 130% no-repeat;transform:scaleX(-1)}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,6,12,.92) 0%,rgba(2,6,12,.6) 45%,rgba(2,6,12,.15) 100%),linear-gradient(0deg,rgba(2,6,12,.85) 0%,rgba(2,6,12,0) 35%)}
.hero-inner{position:relative;z-index:3;padding:0 6.5%;max-width:900px}
h1{margin:0;color:#fff;font-size:clamp(2.4rem,7.5vw,6rem);line-height:1;letter-spacing:.02em;white-space:nowrap;text-shadow:0 0 18px rgba(80,210,255,.45),0 3px 5px rgba(0,0,0,.8)}
.hero .sub{display:block;margin:.5rem 0 0;font-size:clamp(1.2rem,1.9vw,1.6rem);color:var(--cy3)}
.tagline{color:#bfeaf7;font-size:1.25rem;font-weight:bold;margin:1rem 0 1.4rem}
.advisor{position:absolute;z-index:3;right:6%;bottom:9%;width:min(330px,40%);background:rgba(3,12,20,.85);font-size:.85rem;padding:.7rem 1rem}
.advisor b{color:var(--cyan);font:bold .72rem var(--mono);letter-spacing:.14em}.advisor p{margin:.3rem 0 0}
.caption{position:absolute;z-index:3;right:1.2rem;bottom:.4rem;margin:0;font-size:.75rem;color:#c9d6de}
.sections,.subpage{max-width:1150px;margin:0 auto;padding:2.2rem 1.2rem}
.sections{background:radial-gradient(ellipse at top,rgba(40,140,190,.12),transparent 70%)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:1.2rem;margin-bottom:1.6rem}
.cards .wide{grid-column:1/-1;color:#fff;margin:0;letter-spacing:.04em}
.benefit{background:rgba(40,140,190,.18);border-left:3px solid var(--edge);padding:.5rem .7rem;font-weight:bold}
.prose h1{font-size:2rem;white-space:normal;text-shadow:0 0 14px rgba(80,210,255,.4)}
.prose h2{margin-top:1.6rem;color:#fff;border-bottom:2px solid var(--btn);display:inline-block}
details{border-bottom:1px solid rgba(150,230,255,.2);padding:.5rem 0}summary{cursor:pointer;font-weight:bold;color:#fff}
summary::marker{color:var(--cyan)}
.tbl{overflow-x:auto}table{border-collapse:collapse;font-size:.9rem;background:rgba(0,0,0,.25)}th,td{border:1px solid var(--line);padding:.3rem .5rem;text-align:left}
@media(min-width:900px){#back{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
 .hero{flex-direction:column;justify-content:flex-end;padding:11rem 0 2.5rem}
 .hero::before{background:linear-gradient(0deg,rgba(2,6,12,.95) 10%,rgba(2,6,12,.35) 70%,rgba(2,6,12,.6) 100%)}
 .hero-inner{padding:0 1.3rem;width:100%}
 h1{font-size:2.3rem}.hud-tag{font-size:.6rem;letter-spacing:.1em}
 .hero-bg{background-size:cover;background-position:52% center}
 .advisor{position:relative;right:auto;bottom:auto;width:auto;margin:1.4rem 1.3rem 0;align-self:stretch}
}

/* Back the Build page: book frames */
.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:1.4rem;margin:1.2rem 0}
.book{position:relative;aspect-ratio:2/3;display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem 1.1rem;background:linear-gradient(160deg,rgba(40,140,190,.35),rgba(6,32,44,.9) 55%,rgba(60,40,110,.55));border:2px solid var(--line2);box-shadow:var(--glow),inset 0 0 0 6px rgba(3,8,14,.55),inset 0 0 0 7px var(--line)}
.book .bk{font:bold .7rem var(--mono);letter-spacing:.16em;color:var(--cyan);text-transform:uppercase}
.book h3{margin:0;color:#fff;font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.2;text-shadow:0 0 12px rgba(80,210,255,.45)}
.book .by{margin:0;color:var(--dim);font-size:.85rem}
.book.nq{background:linear-gradient(160deg,rgba(120,100,60,.35),rgba(20,18,12,.92) 60%)}
.book .nq-tag{display:inline-block;margin-top:.5rem;padding:.25rem .5rem;background:#3a2a10;color:#ffe2a8;font-size:.75rem;font-weight:bold;border-left:3px solid #e0b060}
.bb-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}