
/* Anticipation panel — scoped DIRECTION/RISK card styling (mirrors anticipation.html) */
#panel_anticipation .ap-badge{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:7px;text-transform:uppercase;letter-spacing:.04em;}
#panel_anticipation .ap-b-calm{background:rgba(34,197,94,.14);color:var(--up);}
#panel_anticipation .ap-b-elev{background:rgba(250,204,21,.16);color:var(--warn);}
#panel_anticipation .ap-b-high{background:rgba(249,115,22,.16);color:#f97316;}
#panel_anticipation .ap-b-ext{background:rgba(239,68,68,.16);color:var(--down);}
#panel_anticipation .ap-chip{font-size:10.5px;padding:2px 8px;border-radius:7px;border:1px solid var(--line);color:var(--muted);margin-left:6px;white-space:nowrap;}
#panel_anticipation .ap-legend{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:7px 10px;margin:8px 0 0;font-size:11px;color:var(--muted);line-height:1.65;}
#panel_anticipation .ap-legend b{color:var(--text);font-weight:600;}
#panel_anticipation .hc{background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:9px;padding:0;overflow:hidden;}
#panel_anticipation .hc.up{border-left-color:var(--up);} #panel_anticipation .hc.down{border-left-color:var(--down);}
#panel_anticipation .hc.thin{opacity:.72;}
#panel_anticipation .hc .hk{font-size:10px;color:var(--muted);padding:6px 9px 0;}
#panel_anticipation .hc .dblock{padding:4px 9px 8px;}
#panel_anticipation .hc .dlab,#panel_anticipation .hc .rlab{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;}
#panel_anticipation .hc .dirv{font-size:13px;font-weight:700;margin-top:1px;}
#panel_anticipation .hc .pup{float:right;font-variant-numeric:tabular-nums;font-weight:700;font-size:12px;}
#panel_anticipation .hc .why{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.4;}
#panel_anticipation .hc .pill{display:inline-block;font-size:9.5px;padding:1px 5px;border-radius:5px;margin-top:5px;}
#panel_anticipation .hc .pill.ok{background:rgba(34,197,94,.14);color:var(--up);}
#panel_anticipation .hc .pill.flip{background:var(--panel);color:var(--muted);border:1px solid var(--line);}
#panel_anticipation .hc .rblock{padding:6px 9px 8px;border-top:1px solid var(--line);background:var(--panel);}
#panel_anticipation .hc .rv{font-size:12px;font-variant-numeric:tabular-nums;margin-top:1px;}
#panel_anticipation .hc .rv2{font-size:10.5px;color:var(--muted);margin-top:1px;}
#panel_anticipation .dir-up{color:var(--up);} #panel_anticipation .dir-down{color:var(--down);} #panel_anticipation .dir-flip{color:var(--muted);}
@media (max-width:560px){ #panel_anticipation #ant_cards{ grid-template-columns:1fr !important; } }
/* W4 personality panel */
.sp-row { display:flex; align-items:flex-start; flex-wrap:wrap; gap:4px 8px; margin-bottom:5px; font-size:13px; }
.sp-axis { min-width:110px; font-size:11.5px; color:var(--muted); font-weight:600; padding-top:2px; }
.sp-chips { display:flex; flex-wrap:wrap; gap:4px; flex:1; }
.sp-asof { font-size:11px; color:var(--muted); align-self:center; margin-left:4px; }
.sp-small { font-size:10px; color:var(--muted); margin-left:3px; }
.sp-mode-row { border-top:1px solid var(--line); margin-top:6px; padding-top:7px; }
.sp-mode-axis { color:var(--text); font-weight:700; }
.sp-mode-chip.chip { border-color:color-mix(in srgb,var(--info) 50%,var(--line)); background:color-mix(in srgb,var(--info) 8%,var(--panel2)); color:var(--info); }
.sp-chart-chip.chip { border-color:color-mix(in srgb,var(--muted) 60%,var(--line)); }
.sp-compat { font-size:12px; margin:5px 0 3px; }
.sp-footer { font-size:11.5px; margin:8px 0 0; line-height:1.5; }
.sp-pb-block { margin:8px 0 2px; padding:8px 11px; border-radius:9px; background:color-mix(in srgb,var(--muted) 6%,var(--panel2)); border:1px solid var(--line); }
.sp-pb-hdr { display:block; font-size:10.5px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.05em; margin-bottom:5px; }
.sp-pb-line { display:block; font-size:12px; color:var(--muted); line-height:1.6; }
.sp-pb-line + .sp-pb-line { margin-top:2px; }
.sp-pb-doclink { font-size:10.5px; opacity:.7; }
