
  * { box-sizing:border-box; }
  body { background:var(--bg); color:var(--text); font:14px/1.5 'Inter',-apple-system,"Segoe UI",Roboto,Helvetica,sans-serif; margin:0; padding:20px 0 30px; }
  a { text-decoration:none; color:inherit; }
  .wrap { padding:14px 16px; }
  @media (min-width:1100px){ .wrap{ padding:16px max(28px,calc((100vw - 1320px)/2)); } }
  .back { color:var(--muted); font-size:12.5px; display:inline-block; margin:2px 2px 12px; }
  .dh { display:flex; flex-wrap:wrap; align-items:flex-start; gap:8px 18px; margin:2px 2px 6px; }
  .dh h1 { font-size:22px; margin:0; font-weight:800; letter-spacing:-.015em; }
  .dh .sct { color:var(--muted); font-size:12px; margin-top:3px; text-transform:uppercase; letter-spacing:.03em; }
  .dh .badges { display:flex; gap:7px; align-items:center; margin-left:auto; flex-wrap:wrap; }
  .tier { font-weight:800; font-size:12px; padding:2px 8px; border-radius:6px; color:#fff; }
  .tier.T1{ background:var(--up); } .tier.T2{ background:#3da564; } .tier.T3{ background:var(--info); } .tier.T4{ background:#6b7cc4; } .tier.none{ background:var(--g-mid); color:var(--muted); }
  .pill { font-size:11px; font-weight:700; padding:2px 9px; border-radius:10px; border:1px solid var(--line); }
  .pill.buy{ color:var(--up); border-color:color-mix(in srgb,var(--up) 45%,transparent); }
  .pill.avoid{ color:var(--down); border-color:color-mix(in srgb,var(--down) 45%,transparent); }
  .pill.neutral{ color:var(--muted); } .pill.tactical,.pill.late{ color:var(--orange); }
  .action { color:var(--text); font-size:13px; background:var(--panel); border:1px solid var(--line); border-left:3px solid var(--link); border-radius:9px; padding:9px 12px; margin:10px 2px 4px; max-width:108ch; }
  .stats { display:flex; flex-wrap:wrap; gap:6px 18px; color:var(--muted); font-size:11.5px; margin:8px 2px 14px; }
  .stats b { color:var(--text); font-weight:600; }
  .chart-card { background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:8px; margin:6px 0 18px; }
  #chart-host { width:100%; min-height:420px; }
  h2 { font-size:15px; font-weight:700; margin:18px 2px 8px; }
  table.tbl { width:100%; border-collapse:collapse; font-size:12.5px; }
  table.tbl th { text-align:left; color:var(--muted); font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:.03em; padding:6px 9px; border-bottom:1px solid var(--line); white-space:nowrap; }
  table.tbl td { padding:7px 9px; border-bottom:1px solid var(--line); white-space:nowrap; }
  table.tbl tr:hover td { background:var(--panel); }
  .tk { font-weight:700; } .num { font-variant-numeric:tabular-nums; } .pos{ color:var(--up); } .neg{ color:var(--down); }
  tr.buyable td { background:color-mix(in srgb,var(--up) 7%,transparent); }
  .foot { color:var(--muted); font-size:11px; margin:22px 2px 0; line-height:1.6; max-width:108ch; border-top:1px solid var(--line); padding-top:12px; }
