body{background:var(--bg);color:var(--text);font:14px/1.5 var(--font-ui,Inter,-apple-system,"Segoe UI",Roboto,Helvetica,sans-serif);margin:0;padding:18px}
  @media(min-width:1100px){body{padding:26px max(20px,calc((100vw - 1180px)/2))}}
  .ca-wrap{max-width:1180px;margin:0 auto;padding:0 4px}

  /* ── Glass card ── */
  .card{
    background:color-mix(in srgb,var(--panel) 75%,transparent);
    -webkit-backdrop-filter:blur(20px) saturate(1.3);
    backdrop-filter:blur(20px) saturate(1.3);
    border:1px solid color-mix(in srgb,var(--text) 11%,transparent);
    border-radius:18px;
    padding:24px 28px;
    margin-bottom:16px;
    position:relative;
    overflow:hidden;
    transition:transform .18s ease,box-shadow .18s ease;
  }
  .card::before{
    content:'';
    position:absolute;
    top:0;left:0;right:60%;bottom:70%;
    background:linear-gradient(135deg,color-mix(in srgb,#fff 7%,transparent),transparent);
    pointer-events:none;
    border-radius:18px 0 0 0;
  }
  .card:hover{transform:translateY(-1px);box-shadow:0 8px 32px rgba(0,0,0,.18)}

  /* ── Section headers (forex idiom) ── */
  .section-h{display:flex;align-items:baseline;gap:8px;margin:28px 0 6px;flex-wrap:wrap}
  .section-h .sn{color:var(--info,#5b9bf0);font-weight:800;font-size:13px}
  .section-h h2{margin:0;font-size:15px;font-weight:800;color:var(--text);letter-spacing:-.01em}
  .section-h .sh-sub{font-size:12px;color:var(--muted);margin-left:2px}

  /* ── Typography ── */
  h2.card-h{font-size:15px;font-weight:700;margin:0 0 12px;color:var(--text)}
  .ca-hero-hl{font-size:28px;font-weight:800;line-height:1.1;margin:0 0 4px}
  .ca-sub{color:var(--muted);font-size:13px;margin:0 0 8px;line-height:1.5}
  .ca-note{color:var(--muted);font-size:12px;line-height:1.5;border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent);margin-top:14px;padding-top:10px}
  .muted{color:var(--muted)}.sm{font-size:12px}
  .pos{color:var(--up,#45b873)}.neg{color:var(--down,#e06464)}

  /* ── Stance pill ── */
  .stance-pill{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.02em;padding:4px 14px;border-radius:999px;margin-top:6px}
  .stance-up{background:color-mix(in srgb,var(--up) 14%,transparent);color:var(--up);border:1px solid color-mix(in srgb,var(--up) 30%,transparent)}
  .stance-warn{background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent)}
  .stance-down{background:color-mix(in srgb,var(--down) 14%,transparent);color:var(--down);border:1px solid color-mix(in srgb,var(--down) 30%,transparent)}
  .stance-muted{background:color-mix(in srgb,var(--muted) 14%,transparent);color:var(--muted);border:1px solid color-mix(in srgb,var(--muted) 30%,transparent)}

  /* ── Hero layout ── */
  .hero-inner{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
  @media(max-width:820px){.hero-inner{grid-template-columns:1fr}}

  /* ── SVG Arc gauge ── */
  .gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none}
  .gauge-label{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:center}

  /* breathing glow @keyframes */
  @keyframes ca-gentle{0%,100%{opacity:1}50%{opacity:.7}}
  @media(prefers-reduced-motion:reduce){.ca-breathe{animation:none!important}}

  /* ── Fragility chip ── */
  .frag-chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;
    background:color-mix(in srgb,var(--warn) 10%,transparent);
    color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 28%,transparent);
    border-radius:10px;padding:6px 12px;margin-top:10px}

  /* ── Trend board ── */
  table.ca{border-collapse:collapse;width:100%;font-size:13px}
  table.ca th,table.ca td{text-align:left;padding:6px 10px;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);vertical-align:middle}
  table.ca th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
  table.ca td.r,table.ca th.r{text-align:right;font-variant-numeric:tabular-nums}
  table.ca tr[data-rpop]{cursor:default}
  table.ca tr[data-rpop]:hover>td{background:color-mix(in srgb,var(--panel2,#1e222a) 55%,transparent)}

  .trend-up{color:var(--up,#45b873);font-weight:700}
  .trend-down{color:var(--down,#e06464);font-weight:700}
  .trend-flat{color:var(--muted)}

  /* 5-dot strength bar */
  .dots{display:inline-flex;gap:3px;align-items:center;vertical-align:middle}
  .dot{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--muted) 30%,transparent);transition:background .15s}
  .dot.on-up{background:var(--up,#45b873)}
  .dot.on-dn{background:var(--down,#e06464)}

  /* ── Flow strip (lead/lag) ── */
  .flow-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 6px;font-size:13px;font-weight:600}
  .flow-node{padding:4px 12px;border-radius:8px;background:color-mix(in srgb,var(--info) 12%,transparent);color:var(--info,#5b9bf0);font-weight:700}
  .flow-arrow{color:var(--muted);font-size:16px}
  .flow-stable{font-size:11px;color:var(--muted);font-weight:400}

  /* ── Confirm meter ── */
  .agree-meter{height:6px;border-radius:4px;background:color-mix(in srgb,var(--muted) 20%,transparent);overflow:hidden;margin:4px 0 2px;width:160px}
  .agree-meter-fill{height:100%;border-radius:4px;background:var(--up,#45b873);transition:width .4s ease}

  /* ── Verdict chip (agree/diverge) ── */
  .verdict-chip{display:inline-block;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;margin-bottom:8px}
  .vc-agree{background:color-mix(in srgb,var(--up) 12%,transparent);color:var(--up);border:1px solid color-mix(in srgb,var(--up) 28%,transparent)}
  .vc-diverge{background:color-mix(in srgb,var(--down) 12%,transparent);color:var(--down);border:1px solid color-mix(in srgb,var(--down) 28%,transparent)}
  .vc-mixed{background:color-mix(in srgb,var(--warn) 12%,transparent);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 28%,transparent)}

  /* severity dots */
  .sev{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle;flex:none}
  .sev-high{background:var(--down,#e06464)}
  .sev-medium{background:var(--warn,#e0a030)}
  .sev-low{background:var(--muted)}

  /* ── Dollar HW/TW chips ── */
  .hw-chip{display:inline-block;padding:3px 10px;border-radius:8px;font-size:12px;font-weight:700;margin:2px 3px 2px 0;cursor:default}
  .hw-head{background:color-mix(in srgb,var(--down) 10%,transparent);color:var(--down);border:1px solid color-mix(in srgb,var(--down) 25%,transparent)}
  .hw-tail{background:color-mix(in srgb,var(--up) 10%,transparent);color:var(--up);border:1px solid color-mix(in srgb,var(--up) 25%,transparent)}

  /* ── Mini-cards grid (ratios / carry) ── */
  .mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}
  @media(max-width:820px){.mini-grid{grid-template-columns:1fr}}
  .mini-card{background:color-mix(in srgb,var(--panel2,#1e222a) 50%,transparent);
    border:1px solid color-mix(in srgb,var(--line) 50%,transparent);
    border-radius:12px;padding:14px 16px;position:relative}
  .mini-card-q{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:6px}
  .mini-card-val{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}
  .mini-card-pos{font-size:12px;color:var(--muted);margin-top:3px}
  .mini-card-arrow{font-size:14px;font-weight:700;position:absolute;top:14px;right:16px}

  /* ── Plumbing grid ── */
  .plumb-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  @media(max-width:820px){.plumb-grid{grid-template-columns:1fr}}
  .plumb-tile{background:color-mix(in srgb,var(--panel2,#1e222a) 50%,transparent);
    border:1px solid color-mix(in srgb,var(--line) 55%,transparent);
    border-radius:14px;padding:16px 18px}
  .plumb-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px}
  .plumb-val{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
  .plumb-sub{font-size:12px;color:var(--muted);margin-top:3px}
  .plumb-spark{display:block;margin-top:8px}

  /* ── ? help chip ── */
  .qm{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;
    border-radius:50%;border:1px solid color-mix(in srgb,var(--muted) 50%,transparent);
    color:var(--muted);font-size:10px;font-weight:700;cursor:help;vertical-align:middle;
    margin-left:5px;user-select:none;transition:border-color .15s,color .15s}
  .qm:hover,.qm:focus{border-color:var(--info,#5b9bf0);color:var(--info,#5b9bf0);outline:none}

  /* ── Carry strip ── */
  .carry-strip{margin-top:10px;padding:10px 0 2px;border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent)}
  .carry-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:12px}

  /* ── Absorb sparkline label line ── */
  .spark-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 6px}
  .spark-label{font-size:12px;color:var(--muted)}
  .spark-svg{flex:none}

  /* ── Cluster chips ── */
  .cluster-strip{margin:8px 0 4px;display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:12px}
  .cluster-lbl{color:var(--muted);font-weight:600;margin-right:2px}
  .cluster-chip{display:inline-block;padding:3px 9px;border-radius:7px;font-size:11.5px;font-weight:700;
    background:color-mix(in srgb,var(--info) 10%,transparent);
    color:var(--info,#5b9bf0);border:1px solid color-mix(in srgb,var(--info) 22%,transparent)}

  /* ── popin entrance ── */
  @keyframes ca-popin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  .ca-wrap .card{animation:ca-popin .22s ease-out both}
  @media(prefers-reduced-motion:reduce){.ca-wrap .card{animation:none}}

  /* ── layout utils ── */
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  @media(max-width:820px){.grid2{grid-template-columns:1fr}}

  /* ── scrollable corr matrix ── */
  .cmat-wrap{overflow-x:auto;margin-top:10px;font-size:12px}
  .cmat{border-collapse:collapse}
  .cmat td,.cmat th{padding:4px 7px;text-align:center;border:1px solid color-mix(in srgb,var(--line) 55%,transparent);font-variant-numeric:tabular-nums}
  .cmat th{color:var(--muted);font-size:10.5px;font-weight:700}