/* =====================================================================
   CONTENT PAGES — book pages and guides (loaded after styles.css)
   ===================================================================== */
.doc{max-width:860px;margin:0 auto;padding:120px clamp(16px,4vw,32px) 80px}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:.86rem;color:var(--text-3);margin-bottom:22px}
.crumbs a{color:var(--text-2)}
.crumbs a:hover{color:#fff}
.crumbs span[aria-hidden]{opacity:.5}
.doc h1{font-size:clamp(2rem,4.4vw,3.1rem);font-weight:800;margin-bottom:14px}
.doc h1 em{font-family:var(--f-serif);font-style:italic;font-weight:500;color:var(--neon-2)}
.doc h2{font-size:clamp(1.4rem,2.6vw,1.85rem);margin:46px 0 14px;scroll-margin-top:100px}
.doc h3{font-size:1.12rem;margin:26px 0 8px}
.doc p,.doc li{color:var(--text-2);line-height:1.75}
.doc p+p{margin-top:14px}
.doc ul.list,.doc ol.list{display:grid;gap:8px;padding-left:22px;margin:12px 0}
.doc ul.list{list-style:disc}
.doc ol.list{list-style:decimal}
.doc strong,.doc b{color:var(--text)}
.doc a.inline{color:var(--neon-2);text-decoration:underline;text-underline-offset:3px}
.byline{font-size:.9rem;color:var(--text-3);margin-bottom:26px}
.answer{border:1px solid rgba(92,200,255,.35);background:linear-gradient(180deg,rgba(18,36,78,.55),rgba(9,19,44,.7));border-radius:var(--r-lg);padding:20px 22px;margin:8px 0 10px}
.answer .label{display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--neon-2);margin-bottom:8px}
.answer p{color:var(--text)}
.doc pre{background:#030814;border:1px solid var(--line-2);border-radius:var(--r-md);padding:16px 18px;overflow-x:auto;margin:12px 0;font-size:.88rem;line-height:1.6}
.doc pre code{background:none;padding:0;color:#CFE6FF}
.tbl{width:100%;overflow-x:auto;margin:14px 0}
.tbl table{width:100%;border-collapse:collapse;min-width:560px;font-size:.93rem}
.tbl th,.tbl td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--text-2)}
.tbl th{color:var(--text);font-weight:700;background:rgba(92,200,255,.06)}
.book-hero{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:clamp(20px,4vw,40px);align-items:start;margin-bottom:10px}
.book-hero picture img{border-radius:12px;box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 1px var(--line-2);width:100%;height:auto}
.facts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.facts span{padding:6px 12px;border-radius:999px;border:1px solid var(--line-2);font-size:.86rem;color:var(--text-2)}
.buy-box{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:18px}
.buy-box .price b{font-size:2.2rem}
.buy-box .price s{color:var(--text-3)}
.buy-box .note{font-size:.86rem;color:var(--text-3);flex-basis:100%}
.sample{margin:16px 0;max-width:560px}
.sample img{border-radius:12px;width:100%;height:auto;box-shadow:0 0 0 1px var(--line-2)}
.sample figcaption{font-size:.86rem;color:var(--text-3);margin-top:8px}
.doc .faq{margin:12px 0 0}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px}
.cards a{display:block;padding:16px 18px;border-radius:var(--r-md);border:1px solid var(--line-2);background:rgba(14,28,62,.45);transition:border-color .2s}
.cards a:hover{border-color:var(--neon-2)}
.cards b{display:block;color:var(--text);margin-bottom:4px}
.cards span{font-size:.88rem;color:var(--text-3)}
.cta-band{margin-top:48px;padding:24px;border-radius:var(--r-lg);border:1px solid var(--line-2);background:linear-gradient(135deg,rgba(46,155,255,.16),rgba(139,123,255,.1))}
.cta-band h2{margin-top:0}
.cta-band .btn{margin-top:14px}
.mini-foot{border-top:1px solid var(--line);padding:28px clamp(16px,4vw,32px) 40px;text-align:center;font-size:.86rem;color:var(--text-3)}
.mini-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:12px}
.mini-foot a{color:var(--text-2)}
.mini-foot a:hover{color:#fff}
@media (max-width:640px){
  .book-hero{grid-template-columns:1fr}
  .book-hero picture{max-width:240px}
  .hdr-in .brand-txt small{display:none}
}