/* AERTHEIX · WHAT IT ANSWERS · V8.5
   Built on ASTRA V7.1. Four changes:
   1. One type scale for the whole page (the "type lock" below). Nothing under 13px.
   2. The 9-box calibration is a visible heading and a full-size table, not a small tilted sheet.
   3. Each section opens on the common answer it corrects, which then gives way to the section itself.
      The question never stays on the page and takes no layout space.
   4. The seven cards enter 07→01 from below, loop once around the headline and fan out right-to-left. */

/* ---------- 1 · TYPE LOCK ---------- */
body[data-page="what-it-answers"]{
 --a8-eyebrow:13px;--a8-h2:clamp(46px,5vw,74px);--a8-lead:clamp(17px,1.4vw,20px);
 --a8-card-title:clamp(24px,2vw,29px);--a8-body:16px;--a8-strong:15px;--a8-meta:13px;
}
body[data-page="what-it-answers"] main.ans-page .ans-eyebrow{font-size:var(--a8-eyebrow)!important;letter-spacing:.16em!important;line-height:1.4!important}
body[data-page="what-it-answers"] main.ans-page .a71-heading h2,
body[data-page="what-it-answers"] main.ans-page .a71-section h2{font-size:var(--a8-h2)!important;line-height:1.02!important;letter-spacing:-.035em!important}
body[data-page="what-it-answers"] main.ans-page .a71-heading>.ans-lead,
body[data-page="what-it-answers"] main.ans-page .ans-lead{font-size:var(--a8-lead)!important;line-height:1.55!important}
/* every card title in every scene */
body[data-page="what-it-answers"] main.ans-page .a71-stage h3,
body[data-page="what-it-answers"] main.ans-page .ans-route h3,
body[data-page="what-it-answers"] main.ans-page .ans-action h3,
body[data-page="what-it-answers"] main.ans-page .ans-response-title,
body[data-page="what-it-answers"] main.ans-page .a71-stage .ans-record-map strong,
body[data-page="what-it-answers"] main.ans-page .a71-stage .ans-record-steps strong{font-family:var(--display)!important;font-size:var(--a8-card-title)!important;font-weight:500!important;line-height:1.15!important;letter-spacing:-.02em!important}
/* every card body line */
body[data-page="what-it-answers"] main.ans-page .a71-stage p,
body[data-page="what-it-answers"] main.ans-page .a71-stage li,
body[data-page="what-it-answers"] main.ans-page .a71-stage td,
body[data-page="what-it-answers"] main.ans-page .a71-stage td p{font-size:var(--a8-body)!important;line-height:1.55!important}
body[data-page="what-it-answers"] main.ans-page .a71-stage .ans-cost strong,
body[data-page="what-it-answers"] main.ans-page .a71-stage td strong,
body[data-page="what-it-answers"] main.ans-page .a71-stage .ans-response strong{font-size:var(--a8-strong)!important;line-height:1.4!important}
/* every small label: scene index, captions, notes, range labels, record keys, boundary lines */
body[data-page="what-it-answers"] main.ans-page :is(.a71-scene-index,.a71-replay,figcaption,.ans-small,.ans-note p,.a71-range-label,.a71-qual-note,.a71-illustrative,.ans-actions-note,.ans-record-sheet span,.ans-record-sheet small,.ans-fan-label small){font-size:var(--a8-meta)!important;line-height:1.5!important}
body[data-page="what-it-answers"] main.ans-page .ans-small{color:#51615A}
/* the chapter bar becomes readable */
body[data-page="what-it-answers"] .a71-chapters a{font-size:12px!important;letter-spacing:.02em}
body[data-page="what-it-answers"] .a71-chapters a b{font-size:18px!important}
/* the giant background word in 02 competed with the headline */
body[data-page="what-it-answers"] main.ans-page .a71-scene-word{opacity:.35}

/* ---------- 2 · 9-BOX ---------- */
body[data-page="what-it-answers"] #talent-review .a71-talent-scene{display:grid!important;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;gap:clamp(24px,3vw,48px)!important;align-items:start!important}
body[data-page="what-it-answers"] #talent-review .a71-table-paper{transform:none!important;rotate:0deg!important;padding:clamp(24px,2.4vw,36px)!important;background:#FFFDF6;box-shadow:0 22px 50px -32px rgba(15,42,33,.45)}
body[data-page="what-it-answers"] #talent-review .a71-paper-back{display:none}
body[data-page="what-it-answers"] #talent-review .a8-ninebox-head{margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid rgba(184,152,90,.45)}
body[data-page="what-it-answers"] #talent-review .a8-ninebox-head .ans-eyebrow{margin:0 0 10px;color:#8A6D32}
body[data-page="what-it-answers"] #talent-review .a8-ninebox-head h3{margin:0;color:var(--forest);font:400 clamp(30px,2.7vw,40px)/1.08 var(--display)!important;letter-spacing:-.03em!important}
body[data-page="what-it-answers"] #talent-review .a8-ninebox-head h3 em{color:#8A6D32}
body[data-page="what-it-answers"] #talent-review .a8-ninebox-head p{margin:12px 0 0;max-width:62ch;color:#3F4E47;font-size:var(--a8-body)!important;line-height:1.55!important}
body[data-page="what-it-answers"] #talent-review .ans-evidence-table{table-layout:auto!important}
body[data-page="what-it-answers"] #talent-review .ans-evidence-table caption{font-size:var(--a8-meta)!important;color:#8A6D32!important;letter-spacing:.08em}
body[data-page="what-it-answers"] #talent-review .ans-evidence-table :is(th,td){padding:16px 14px!important;border-top:1px solid rgba(29,43,37,.12)}
body[data-page="what-it-answers"] #talent-review .ans-evidence-table thead th{font:600 13px/1.4 var(--sans)!important;letter-spacing:.12em!important;text-transform:uppercase;color:#51615A}
body[data-page="what-it-answers"] #talent-review .ans-evidence-table tbody th{width:24%;font:500 20px/1.25 var(--display)!important;color:#8A6D32}
body[data-page="what-it-answers"] #talent-review .ans-evidence-table td strong{display:block;font:600 16px/1.4 var(--sans)!important;color:var(--forest)}
@media(max-width:900px){body[data-page="what-it-answers"] #talent-review .a71-talent-scene{grid-template-columns:1fr!important}}

/* ---------- 3 · THE COMMON ANSWER, SHOWN THEN SET ASIDE ---------- */
/* in the HTML for readers without script and for machines; hidden once the overlay takes over */
body[data-page="what-it-answers"] main.ans-page .a71-section>.a71-shell{transition:none}

/* ---------- 4 · FILM (the hero lives in hero-light.css) ---------- */
body[data-page="what-it-answers"] .a8-film{margin:clamp(40px,5vw,72px) auto clamp(28px,3vw,44px);width:min(100% - 2*var(--gutter,40px),1180px)}
body[data-page="what-it-answers"] .a8-film-frame{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:14px;background:#EDEAE1;box-shadow:0 30px 70px -40px rgba(15,42,33,.55)}
body[data-page="what-it-answers"] .a8-film video{display:block;width:100%;height:100%;object-fit:cover}
body[data-page="what-it-answers"] .a8-film-ui{position:absolute;right:14px;bottom:14px;display:flex;gap:8px}
body[data-page="what-it-answers"] .a8-film-ui button{min-height:38px;padding:8px 14px;border:1px solid rgba(255,255,255,.4);border-radius:30px;background:rgba(15,42,33,.72);color:#F7F4EE;font:600 12px/1 var(--sans);letter-spacing:.06em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body[data-page="what-it-answers"] .a8-film-ui button:hover{background:rgba(15,42,33,.9)}
body[data-page="what-it-answers"] .a8-film figcaption{margin-top:12px;color:#51615A;font-size:var(--a8-meta);text-align:center}


/* ---------- type lock: the last small labels ---------- */
body[data-page="what-it-answers"] main.ans-page :is(.ans-metric-label,.a71-result-cover span,.a71-result-cover,.a71-axis-stack span,.a71-scope-frame span,.a71-scope-frame,.ans-response span,.ans-cta-actions a){font-size:var(--a8-meta)!important;line-height:1.4!important}
body[data-page="what-it-answers"] main.ans-page #decision-file .a71-stage strong{font-size:var(--a8-strong)!important}
body[data-page="what-it-answers"] .a8-film-ui button{font-size:13px}

@media(max-width:760px){
 body[data-page="what-it-answers"] #decision-file .a71-back-one,
 body[data-page="what-it-answers"] #decision-file .a71-back-two{transform:none;inset:4px -3px -8px 3px}
}
body[data-page="what-it-answers"] #talent-review .ans-evidence-table th{overflow-wrap:normal!important;word-break:normal!important}
@media(max-width:760px){
 body[data-page="what-it-answers"] #talent-review .ans-evidence-table,body[data-page="what-it-answers"] #talent-review .ans-evidence-table :is(tbody,tr,th,td){display:block!important;width:auto!important}
 body[data-page="what-it-answers"] #talent-review .ans-evidence-table caption{display:block!important;width:auto!important}
 body[data-page="what-it-answers"] #talent-review .ans-evidence-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 body[data-page="what-it-answers"] #talent-review .ans-evidence-table tbody th{padding:16px 0 4px!important;font-size:19px!important;border-top:1px solid rgba(29,43,37,.14)}
 body[data-page="what-it-answers"] #talent-review .ans-evidence-table td{padding:4px 0 14px!important;border-top:0!important}
}

/* Preserve the previously delivered q01 contrast correction in this full V8 package. */
body[data-page="what-it-answers"] main.ans-page #q01 .ans-route h3{color:var(--forest)!important}
body[data-page="what-it-answers"] main.ans-page #q01 .ans-route>p:not(.ans-cost){color:var(--ink)!important}
body[data-page="what-it-answers"] main.ans-page #q01 .ans-route .ans-cost{color:var(--fine)!important}
body[data-page="what-it-answers"] main.ans-page #q01 .ans-route .ans-cost strong{color:var(--forest)!important}