/* v19 AI-pages lane: answers hero board + prose + Answers nav group.
   Loads AFTER page.css, BEFORE type-v16b-readable.css. */
.ansHero{padding:30px 0 8px}
.board{display:flex;flex-wrap:wrap;align-items:center;gap:18px;max-width:1180px;margin:0 0 22px}
.board__cell{width:12px;height:12px;background:var(--gold);flex:none}
.board__num{font-size:64px;line-height:.9;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}
.board__chips{display:flex;gap:10px;flex-wrap:wrap}
.board__chips .chip{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#E6E9EF;border:1px solid var(--hair);padding:6px 10px}
.board__flag{width:26px;height:26px;flex:none;background:repeating-conic-gradient(#0d0f12 0% 25%,var(--gold) 0% 50%) 0 0/13px 13px}
.board__plate{font-size:40px;font-weight:800;letter-spacing:.06em;color:var(--gold);font-variant-numeric:tabular-nums}
.tlRow{display:flex;flex-wrap:wrap;gap:10px;padding:0}
.tlRow .tl{flex:1 1 260px;border:1px solid var(--hair);border-top:2px solid var(--gold);padding:14px 16px}
.tlRow .tl p{margin:0}
.tlRow .tl .tl__k{margin:0 0 6px}
.tlRow .tl a{margin:0}
.updated{margin:26px 0 0}
@media (max-width:640px){.board__num{font-size:44px}.board__plate{font-size:28px}.board__chips .chip{font-size:14px}}
/* hero band sits below the fixed bar; title kept readable-width */
.hero{padding-top:150px;padding-bottom:8px}
.hero .ttl{max-width:22ch}
/* the readable-lane override pins h3 to 400; these pages run bolder */
h1,h2,h3{font-weight:600}
h3{font-size:1.18rem;letter-spacing:.01em}
/* type-v16b (.note 600/micro) and its main p {400} chain resolve to 17px/400 here; (0,2,2) selector outranks both */
main p.note.updated{font-size:14px;font-weight:600}
/* visible 'Denver, Colorado' address label inherits 400 via page.css font:inherit; labels must be bold */
span.label.fold{font-weight:600}

/* Answer prose sections framed as F1 panels (hairline + gold top rule, same
   board language as the hero band): frames read designed, not flat text.
   Source copy unchanged. */
.ansHero ~ .sec .sec__in{border:1px solid var(--hair);border-top:2px solid var(--gold);background:linear-gradient(rgba(11,15,28,.88),rgba(11,15,28,.88)),var(--art) center/cover;padding:24px 22px}
@media (max-width:640px){
  .sec{padding-top:18px;padding-bottom:18px}
  .ansHero ~ .sec .sec__in{padding:16px 14px}
}

/* Section plate: gold number beside the H2 (same tabular gold as the hero
   board plate); FAQ Q/A pairs ride the .tl card style outside .tlRow. */
.secPlate{display:flex;align-items:baseline;gap:14px}
.secPlate .h{margin:0}
.tl{border:1px solid var(--hair);border-top:2px solid var(--gold);padding:14px 16px}
.tl+.tl{margin-top:12px}
.tl h3{margin:0 0 6px;font-size:17px;font-weight:700}
.tl .p{margin:0}

/* V4: measurement-strip motif + full-width art bands so every 900px scroll
   frame carries designed structure (vision critique: desktop y0 was 60-70%
   void, below-fold prose frames read flat). aria-hidden design chrome only. */
.telemetry{height:14px;margin-top:18px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:repeating-linear-gradient(90deg,var(--gold) 0 2px,transparent 2px 36px) left center/36px 6px no-repeat, repeating-conic-gradient(var(--gold) 0% 25%, transparent 0% 50%) right center/12px 12px no-repeat;opacity:.55}
.artBand{height:140px;overflow:hidden;border-top:1px solid var(--hair);border-bottom:1px solid var(--gold);margin:34px 0}
.artBand img{width:100%;height:100%;object-fit:cover;opacity:.8;display:block}
.sec--sa .p{font-size:19px;line-height:1.55;border-left:3px solid var(--gold);padding-left:16px}
@media (max-width:640px){.artBand{height:96px;margin:22px 0}.sec--sa .p{font-size:17px}}

/* V5 widen */
#main{max-width:1180px}

/* V6: full-page art, every frame textured */
body{background-image:var(--art);background-size:cover;background-position:center;background-attachment:fixed;background-color:#07090f}
#main{max-width:1180px}
.sec .sec__in,.faq .tl{background:rgba(7,9,15,.90)}
.secPlate .board__plate{font-size:44px}

/* Readability gate: preserve the fluid body scale and clear footer links. */
.sec .sec__in .p{font-size:max(22px,var(--f-body));line-height:1.65;color:#EEF1F5}
footer.site-foot a.link{font:600 19px/1.7 var(--sans);letter-spacing:.04em;text-transform:uppercase}
@media (max-width:640px){
  .sec .sec__in .p{font-size:20px;line-height:1.65}
  footer.site-foot a.link{font-size:19px;line-height:1.7;letter-spacing:.04em}
}