/* Compass — Health Before 65 page (2026-10-07, js/49). A verdict card with three numbers, three charts in calm cards,
   the Protect switch with its effect, other ways, and what counts as income. Theme tokens only. */
@media (min-width:1001px){
  #acaView { grid-column:2 !important; grid-row:2 !important; min-width:0 !important; margin:0 !important;
    padding:28px 34px 54px !important; background:var(--compass-canvas, var(--c-gray-99)) !important; border-radius:0 0 20px 0 !important; }
}
#acaView .hero { background:transparent !important; }
#acaView .hero::after { display:none !important; }
#acaView .ah-verdict { margin:6px 0 16px; padding:20px 22px; border:1px solid var(--c-gray-90); border-radius:18px; background:var(--c-gray-99); box-shadow:0 10px 30px rgba(var(--c-shadow-rgb), .06); }
#acaView .ah-v-head { display:flex; gap:14px; align-items:flex-start; }
#acaView .ah-dot { flex:none; width:14px; height:14px; margin-top:8px; border-radius:50%; background:var(--c-teal-50); box-shadow:0 0 0 5px rgba(var(--c-teal-50-rgb), .15); }
#acaView .ah-mid .ah-dot { background:var(--c-amber-55); box-shadow:0 0 0 5px rgba(var(--c-amber-55-rgb), .18); }
#acaView .ah-bad .ah-dot { background:var(--c-red-55b); box-shadow:0 0 0 5px rgba(var(--c-red-55b-rgb), .15); }
#acaView .ah-verdict h2 { margin:0 0 4px; font-size:22px; line-height:1.25; color:var(--c-slate-25); }
#acaView .ah-who { margin-top:6px !important; font-size:13px !important; color:var(--c-slate-55) !important; }
#acaView .ah-verdict p { margin:0; font-size:14.5px; line-height:1.5; color:var(--c-slate-45); }
#acaView .ah-tiles { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; margin-top:16px; }
#acaView .ah-tiles > div { padding:14px 16px; border:1px solid var(--c-gray-90); border-radius:14px; background:var(--c-gray-99); }
#acaView .ah-tiles span { display:block; font-size:12.5px; font-weight:600; color:var(--c-slate-55); }
#acaView .ah-tiles strong { display:block; margin:4px 0 2px; font-size:26px; line-height:1.15; color:var(--c-slate-25); font-variant-numeric:tabular-nums; }
#acaView .ah-tiles strong small { font-size:14px; font-weight:600; color:var(--c-slate-55); }
#acaView .ah-tiles em { font-style:normal; font-size:12.5px; color:var(--c-slate-55); }
#acaView .ah-card { margin:0 0 16px !important; padding:18px 20px !important; border-radius:16px !important; }
#acaView .ah-h { display:flex; align-items:center; margin:0 0 2px; font-size:17px; font-weight:750; color:var(--c-slate-25); }
#acaView .ah-sub { margin:0 0 12px; font-size:13px; line-height:1.5; color:var(--c-slate-55); }
#acaView .ah-chart { position:relative; height:240px; }
#acaView .ah-chart-tall { height:280px; }
#acaView .ah-facts { display:flex; flex-wrap:wrap; gap:6px 18px; margin:12px 0 0; padding:0; list-style:none; font-size:13px; color:var(--c-slate-45); }
#acaView .ah-facts li { display:inline-flex; align-items:center; gap:7px; }
#acaView .ah-sw { width:14px; height:10px; border-radius:3px; display:inline-block; }
#acaView .ah-sw-pay { background:var(--c-teal-50); height:3px; }
#acaView .ah-sw-sub { background:rgba(var(--c-green-55-rgb), .35); }
#acaView .ah-sw-cliff { border-left:2px dashed var(--c-red-55b); width:2px; height:12px; border-radius:0; }
#acaView .ah-protect-head { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
#acaView .ah-seg { display:inline-flex; padding:3px; border-radius:12px; background:var(--c-gray-95); }
#acaView .ah-seg button { min-height:34px; padding:5px 16px; border:0; border-radius:9px; background:transparent; font:inherit; font-size:13.5px; font-weight:700; color:var(--c-slate-45); cursor:pointer; }
#acaView .ah-seg button.is-on { background:var(--c-gray-99); color:var(--c-teal-40); box-shadow:0 1px 3px rgba(var(--c-shadow-rgb), .16); }
#acaView .ah-compare { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; }
#acaView .ah-compare > div { padding:12px 14px; border-radius:12px; background:var(--c-gray-95); }
#acaView .ah-compare span { display:block; font-size:12.5px; color:var(--c-slate-55); }
#acaView .ah-compare b { display:block; margin-top:3px; font-size:18px; color:var(--c-slate-25); font-variant-numeric:tabular-nums; }
#acaView .ah-compare b i { font-style:normal; color:var(--c-slate-65b); font-weight:500; }
#acaView .ah-compare b small { font-size:12px; font-weight:600; color:var(--c-slate-55); }
#acaView .ah-cap, #acaView .ah-note { margin:8px 0 0; font-size:12.5px; color:var(--c-slate-55); }
#acaView .ah-note { font-size:13.5px; color:var(--c-slate-45); }
#acaView .ah-wait { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--c-slate-55); }
#acaView .ah-moves { display:grid; gap:10px; }
#acaView .ah-moves article { display:grid; grid-template-columns:1fr auto; gap:4px 12px; align-items:center; padding:12px 14px; border:1px solid var(--c-gray-90); border-radius:12px; }
#acaView .ah-moves h4 { margin:0; font-size:14px; color:var(--c-slate-30); }
#acaView .ah-moves p { grid-column:1; margin:0; font-size:12.5px; color:var(--c-slate-55); }
#acaView .ah-moves .tx-btn { grid-column:2; grid-row:1 / span 2; }
#acaView .ah-counts { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
#acaView .ah-counts > div { padding:12px 16px; border-radius:12px; }
#acaView .ah-yes { background:rgba(var(--c-red-55b-rgb), .06); }
#acaView .ah-no { background:rgba(var(--c-green-55-rgb), .09); }
#acaView .ah-counts h4 { margin:0 0 6px; font-size:13.5px; color:var(--c-slate-30); }
#acaView .ah-counts ul { margin:0; padding-left:18px; font-size:13px; line-height:1.6; color:var(--c-slate-45); }
@media (max-width:700px){
  #acaView .ah-verdict { padding:16px 14px; }
  #acaView .ah-tiles, #acaView .ah-compare, #acaView .ah-counts { grid-template-columns:minmax(0, 1fr); }
  #acaView .ah-tiles strong { font-size:22px; }
  #acaView .ah-card { padding:14px 12px !important; }
  #acaView .ah-chart { height:220px; }
  #acaView .ah-chart-tall { height:240px; }
}
/* The explorer (2026-10-07): closed by default, a slider with the cliff marked on its track. */
#acaView .ah-explore > summary { cursor:pointer; list-style:none; margin:0; }
#acaView .ah-explore > summary::-webkit-details-marker { display:none; }
#acaView .ah-explore > summary::before { content:'+'; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; margin-right:8px; border-radius:6px; background:var(--c-gray-95); color:var(--c-teal-50); font-weight:800; }
#acaView .ah-explore[open] > summary::before { content:'–'; }
#acaView .ah-explore[open] > summary { margin-bottom:6px; }
#acaView .ah-slider { position:relative; margin:30px 4px 10px; }
#acaView .ah-slider input[type=range] { width:100%; accent-color:var(--c-teal-50); }
#acaView .ah-cliffmark { position:absolute; top:-26px; bottom:-2px; width:0; border-left:2px dashed var(--c-red-55b); }
#acaView .ah-cliffmark b { position:absolute; top:0; left:4px; white-space:nowrap; font-size:11px; font-weight:700; color:var(--c-red-50); }
#acaView .ah-xout { font-size:14px; line-height:1.55; color:var(--c-slate-35); }
#acaView .ah-xyou { color:var(--c-slate-55); font-size:12.5px; }
/* Try a change (js/51, 2026-10-07) */
#acaView .al-tabs { margin:4px 0 10px; }
#acaView .al-why { margin-bottom:6px !important; }
#acaView .al-slider { position:relative; margin:30px 4px 4px; }
#acaView .al-slider input[type=range] { width:100%; accent-color:var(--c-teal-50); }
#acaView .al-safe { position:absolute; top:-26px; bottom:-2px; width:0; border-left:2px dashed var(--c-green-55); }
#acaView .al-safe b { position:absolute; top:0; left:4px; white-space:nowrap; font-size:11px; font-weight:700; color:var(--c-teal-40); }
#acaView .al-val { margin:4px 0 12px; font-size:15px; font-weight:700; color:var(--c-slate-25); }
#acaView .ah-compare { grid-template-columns:repeat(4, minmax(0, 1fr)); }
#acaView .ah-compare em { font-style:normal; }
#acaView .ah-compare em.up { color:var(--c-teal-40); }
#acaView .ah-compare em.dn { color:var(--c-red-50); }
#acaView .al-chips { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0 4px; }
#acaView .al-chip { display:inline-flex; gap:6px; align-items:baseline; padding:4px 9px; border-radius:999px; font-size:12px; color:var(--c-teal-40); background:rgba(var(--c-teal-50-rgb), .1); }
#acaView .al-chip.risk { color:var(--c-amber-50b); background:rgba(var(--c-amber-55-rgb), .14); }
#acaView .al-chip.over { color:var(--c-red-50); background:rgba(var(--c-red-55b-rgb), .1); }
#acaView .al-chip b { color:var(--c-slate-30); }
#acaView [data-al-apply] { margin-top:10px; }
@media (max-width:700px){ #acaView .ah-compare { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
/* Roth page: Convert without losing the ACA subsidy */
#rothAcaCard .ra-panel { padding:18px 20px; }
#rothAcaCard .rc-lead { margin:0 0 12px; font-size:14.5px; line-height:1.5; color:var(--c-slate-35); }
#rothAcaCard .ra-bars { display:flex; align-items:flex-end; gap:8px; height:120px; margin:6px 0 8px; }
#rothAcaCard .ra-bar { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; min-width:0; }
#rothAcaCard .ra-bar i { display:block; width:70%; max-width:48px; min-height:3px; border-radius:6px 6px 2px 2px; background:var(--c-teal-50); }
#rothAcaCard .ra-bar b { order:-1; font-size:11px; color:var(--c-slate-35); margin-bottom:3px; }
#rothAcaCard .ra-bar span { font-size:11px; color:var(--c-slate-55); margin-top:4px; }
#rothAcaCard .ra-acts { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
#rothAcaCard .ah-cap, #rothAcaCard .ah-wait { margin:8px 0 0; font-size:12.5px; color:var(--c-slate-55); }
.opt-aca { display:flex; gap:8px; align-items:flex-start; margin:10px 0 0; font-size:13.5px; color:var(--c-slate-45); cursor:pointer; }
.opt-aca[hidden] { display:none; }
/* Why you lose the subsidy, and the fixes tested on your plan (js/51b, 2026-10-11) */
#acaView .ah-why { border-left:4px solid var(--c-red-55b); }
#acaView .ah-why[hidden] { display:none; }
#acaView .ay-causes { margin:0 0 12px; padding-left:18px; display:grid; gap:6px; font-size:13.5px; line-height:1.5; color:var(--c-slate-25); }
#acaView .ay-h { margin:14px 0 8px; font-size:14px; color:var(--c-slate-15); }
#acaView .ay-opt { display:flex; align-items:center; gap:14px; justify-content:space-between; padding:12px 0; border-top:1px solid var(--c-gray-90); }
#acaView .ay-opt > div { min-width:0; }
#acaView .ay-opt b { font-size:14px; color:var(--c-slate-15); }
#acaView .ay-opt p { margin:3px 0 0; font-size:13px; line-height:1.5; color:var(--c-slate-45); }
#acaView .ay-opt p.ay-eff { color:var(--c-slate-25); }
#acaView .ay-opt.is-none b { color:var(--c-slate-45); }
#acaView .ay-opt .tx-btn { flex:none; }
@media (max-width:640px){ #acaView .ay-opt { flex-direction:column; align-items:flex-start; } }
#acaView .ay-best, #acaView .ay-worse { display:inline-block; margin-left:6px; padding:1px 8px; border-radius:999px; font-size:11px; font-weight:700; vertical-align:1px; }
#acaView .ay-best { background:var(--c-teal-90); color:var(--c-teal-40); }
#acaView .ay-worse { background:var(--c-sand-95b); color:var(--c-amber-35); }
/* Is Protect the subsidy right for this plan? (2026-10-15, js/49 verdict) */
#acaView .ah-verdict-line { margin:10px 0 4px; padding:10px 14px; border-radius:12px; font-size:14.5px; line-height:1.5; background:var(--c-gray-95); color:var(--c-slate-25); }
#acaView .ah-verdict-line.ah-v-costs, #acaView .ah-verdict-line.ah-v-hurts { background:var(--c-sand-95b); color:var(--c-amber-35); }
#acaView .ah-verdict-note { margin:0 0 6px; font-size:13px; line-height:1.45; color:var(--c-slate-45); }