/* Strategy Book — fixed touchmkt-neutral theme + strategy-specific additions on top of strategy-base.css */
:root{
  --bg:#faf9f7; --fg:#14181e; --muted:#5c6470; --accent:#1f63d6;
  --display:"Plus Jakarta Sans",sans-serif; --body:"Inter",sans-serif;
  --dw:800; --dls:-.022em; --btn-radius:60px;
  --good:#1a7f4e; --warn:#b3730d; --bad:#c2402a;
}

/* number fields with unit prefix */
.money{position:relative}
.money input{padding-left:44px}
.money::before{content:"S$";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:.85rem;font-weight:600;color:var(--muted);pointer-events:none}
.money.pct input{padding-left:16px;padding-right:40px}
.money.pct::before{content:"%";left:auto;right:16px}

/* the verdict panel */
.verdict{margin-top:34px;border:1.5px solid color-mix(in srgb, var(--fg) 14%, transparent);border-radius:20px;overflow:hidden;background:color-mix(in srgb, var(--fg) 3%, var(--bg))}
.vd-head{padding:26px 28px 20px;border-bottom:1px solid color-mix(in srgb, var(--fg) 10%, transparent)}
.vd-head h3{font-family:var(--display);font-weight:var(--dw);letter-spacing:var(--dls);font-size:clamp(1.4rem,1.1rem + 1.6vw,2rem)}
.vd-head p{color:var(--muted);font-size:.88rem;margin-top:6px}
.vd-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));border-bottom:1px solid color-mix(in srgb, var(--fg) 10%, transparent)}
.vd-num{padding:22px 24px;border-right:1px solid color-mix(in srgb, var(--fg) 8%, transparent)}
.vd-num:last-child{border-right:0}
.vd-num small{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600}
.vd-num b{display:block;font-family:var(--display);font-weight:var(--dw);letter-spacing:var(--dls);font-size:clamp(1.5rem,1.2rem + 1.6vw,2.1rem);margin-top:6px;line-height:1.05}
.vd-num span{display:block;font-size:.78rem;color:var(--muted);margin-top:4px}
@media(max-width:700px){.vd-num{border-right:0;border-bottom:1px solid color-mix(in srgb, var(--fg) 8%, transparent)}.vd-num:last-child{border-bottom:0}}
.vd-flags{padding:14px 28px 22px}
.vd-flag{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid color-mix(in srgb, var(--fg) 7%, transparent);font-size:.9rem;line-height:1.5}
.vd-flag:last-child{border-bottom:0}
.vd-flag .ico{flex:0 0 auto;font-size:1rem;line-height:1.5}
.vd-flag.good .ico{color:var(--good)} .vd-flag.warn .ico{color:var(--warn)} .vd-flag.bad .ico{color:var(--bad)}
.vd-flag b{font-weight:600}
.vd-empty{padding:22px 28px;color:var(--muted);font-size:.9rem}