/* AI readiness assessment. Builds on health-check.css (cards, chips, steps, results). */
.ar-steps{grid-template-columns:repeat(6,1fr)}
.ar-note{border:1px dashed var(--line);border-radius:var(--radius-m);padding:16px;display:grid;gap:8px;background:var(--paper)}
.ar-note a{font-weight:600}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 20px}.foot-links a{text-decoration:none}.foot-links a:hover{color:var(--ink)}
.ar-opts{display:grid;gap:8px}
.ar-big{padding:12px 18px;font-size:16px}

/* Know-how map */
.ar-heat-wrap{display:grid;gap:8px;position:sticky;top:72px;z-index:1;background:var(--surface);padding:10px 0;border-bottom:1px solid var(--line)}
.ar-heat{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--line)}
.ar-heat i{display:block;transition:flex-grow .25s}
.ar-risk{font-size:15px;color:var(--muted)}.ar-risk b{font:600 22px/1 var(--display);color:var(--ink)}
.ar-map{display:grid;gap:4px}
.ar-map-row{border:0;margin:0;padding:12px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}
.ar-map-row legend{float:left;font:600 16px/1.3 var(--display);padding:0}
.ar-seg{display:grid;grid-template-columns:repeat(4,auto);gap:4px}
.ar-place{position:relative;cursor:pointer;padding:8px 10px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:500;background:var(--paper);text-align:center;white-space:nowrap}
.ar-place input,.ar-side input{position:absolute;opacity:0;width:1px;height:1px}
.ar-place:has(input:focus-visible),.ar-side:has(input:focus-visible){outline:2px solid var(--signal);outline-offset:3px}
/* Head = gold-brown, inbox = muted, spreadsheet = blue, shared = teal (the brand's "good"). Text is always ink on light fills. */
.ar-p0{--c:#C98A00;--t:#FFE3A3}.ar-p1{--c:#8A857A;--t:#ECE9E1}.ar-p2{--c:#3D6BFF;--t:#DCE5FF}.ar-p3{--c:#0E7F72;--t:#CDEDE8}
.ar-heat i.ar-p0,.ar-heat i.ar-p1,.ar-heat i.ar-p2,.ar-heat i.ar-p3{background:var(--c)}
.ar-place:has(input:checked){background:var(--t);border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c);color:#141518}
@media (max-width:640px){.ar-map-row{grid-template-columns:1fr}.ar-seg{grid-template-columns:repeat(4,minmax(0,1fr))}.ar-place{padding:9px 4px;font-size:12px}}

/* Cost counter */
.ar-counter{display:grid;gap:8px;border:1px solid var(--line);border-radius:var(--radius-m);padding:18px;background:var(--paper)}
.ar-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;font-weight:500}
.ar-vac label{font-size:14px;font-weight:500}
.ar-counter output{font:600 15px var(--mono);color:var(--ink);white-space:nowrap}
input[type=range]{width:100%;accent-color:#C98A00;height:28px;padding:0;border:0;background:none}
.ar-cost{margin-top:6px;font-size:15px;color:var(--muted)}
.ar-cost b{display:inline-block;font:600 clamp(30px,5vw,40px)/1 var(--display);color:var(--ink);letter-spacing:-.02em;margin-right:6px}

/* This-or-that */
.ar-pairs{display:grid;gap:10px}
.ar-pair{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:stretch;min-width:0;border-radius:var(--radius-m)}
.ar-side{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;min-height:64px;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--paper);cursor:pointer;font-size:15px;font-weight:500;line-height:1.35;transition:transform .12s}
.ar-side:hover{border-color:var(--muted)}
.ar-side:has(input:checked){background:var(--ink);color:var(--paper);border-color:var(--ink);transform:scale(1.02)}
.ar-or{align-self:center;font:500 12px var(--mono);text-transform:uppercase;color:var(--muted)}
@media (max-width:520px){.ar-pair{grid-template-columns:1fr}.ar-or{justify-self:center}}

/* Vacation slider */
.ar-vac{display:grid;gap:6px}
.ar-vac label{display:block}
.ar-vac-o{font:600 22px/1 var(--display)}

.ar-crm-wrap{display:grid;gap:10px}.ar-crm-wrap[hidden]{display:none}

/* Missing answers */
.ar-map-row.hc-missing,.ar-pair.hc-missing,.hc-chips.hc-missing,.ar-opts.hc-missing,#ar-chase.hc-missing{background:var(--signal-soft);box-shadow:inset 3px 0 0 var(--signal);padding-inline:12px;border-radius:var(--radius-m)}

/* Result */
.ar-panel{display:grid;gap:14px}
.ar-type{font-size:clamp(32px,5vw,48px)!important;line-height:1.02}
.ar-type-text{color:var(--muted);font-size:17px}
.ar-costline{font-weight:600}
.ar-usecase{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:6px}
.ar-gate{max-width:720px}
.ar-gate h2,.ar-full h2{font-size:clamp(22px,3vw,28px)}
.ar-consent{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:14px}
.ar-consent input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:#141518}
.ar-full{display:grid;gap:16px;max-width:720px}.ar-full:focus{outline:none}
.ar-plan{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ar-plan li{display:grid;gap:4px;border-left:4px solid var(--gold);padding:4px 0 4px 14px}
.ar-plan small{font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.ar-plan b{font:600 18px/1.2 var(--display)}
.ar-plan span{color:var(--muted)}
@media (prefers-reduced-motion:reduce){.ar-side,.ar-heat i{transition:none}}