/* TradeShot AI — public pages polish (23-10-2026): strategies, strategy, terms, risk, privacy.
   Loaded after each page's own <style>, so these rules win. Shared tokens come from ts.css. */

/* header: glass, steady height, fits a 360 px phone */
.pubnav{height:64px;padding-top:0;padding-bottom:0;background:color-mix(in srgb,var(--bg) 80%,transparent);
  -webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}
.pubnav a.nl{border-radius:10px;transition:color .15s,background-color .15s}
.pubnav a.nl:hover{background:var(--panel)}
.pubnav a.nl[aria-current]{color:var(--ink);background:var(--go-soft)}
.pubnav .btn{min-height:38px}
@media (max-width:480px){
  .pubnav{gap:4px;padding-left:14px;padding-right:14px}
  .pubnav a.nl[href="/login"]{display:none}
  .pubnav .icon-btn{margin:0 2px}
}

/* labels: sentence case, no tracked capitals */
.kicker,.chip,.badge,.clbl,.tools-l,.st-l,.src,.sec-t,.v-l,.capadj-h,.tag,.tier-tag,.cstat-l,.dd-live{
  text-transform:none!important;letter-spacing:0!important;font-family:var(--f-text)!important}
.kicker{font-size:13px!important;font-weight:600}
.clbl,.st-l,.v-l,.cstat-l{font-size:12px!important;font-weight:500!important}
.tools-l{font-size:12.5px!important;font-weight:500!important}
.sec-t,.capadj-h{font:700 15px var(--f-head)!important;color:var(--ink)!important;margin-bottom:12px!important}
.badge{font-size:11.5px!important;font-weight:600!important}
.chip{font-size:13px!important}
.src{font-size:12.5px!important;font-weight:600!important}
.tag,.tier-tag{font-size:11.5px!important;font-weight:700!important}

/* strategies list */
.hero h1 em{color:inherit}
.hero h1{letter-spacing:-.03em}
.step{border-radius:16px;box-shadow:var(--edge),var(--shadow-1);background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 60%,var(--panel)),var(--panel) 120px)}
.step::before{border-radius:9px;background:var(--go-soft);color:var(--go);border:1px solid color-mix(in srgb,var(--go) 30%,transparent)}
.combined{border-radius:16px;box-shadow:var(--edge),var(--shadow-1)}
.cstat{padding:16px 14px}
.scard{border-radius:18px;padding:18px;box-shadow:var(--edge),var(--shadow-1);
  background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 65%,var(--panel)),var(--panel) 150px);transition:border-color .15s,transform .15s}
.scard:hover{border-color:var(--line2)}
.incep,.s-note{border-radius:12px}
.sort,.toggle{border-radius:999px;padding:7px 13px}
.s-cta .btn{border-radius:10px}

/* single strategy page */
.roi,.runbox,.block,.vital,.started,.capadj,.tier,.chart{border-radius:16px;box-shadow:var(--edge),var(--shadow-1)}
.roi{position:relative;overflow:hidden;padding:22px 24px}
.roi::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--go),color-mix(in srgb,var(--go) 25%,transparent) 60%,var(--shot))}
.roi-pct{font-size:40px!important;letter-spacing:-.03em}
.runbox{background:linear-gradient(90deg,color-mix(in srgb,var(--go) 9%,var(--panel)),var(--panel) 70%);border-color:color-mix(in srgb,var(--go) 28%,var(--line))}
.vital,.block,.chart,.started,.capadj,.tier{background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 60%,var(--panel)),var(--panel) 120px)}
.v-v{font-size:22px}
.cstat{border-radius:12px}
@media (max-width:640px){.vitals,.tiers{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cstats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.roi-pct{font-size:34px!important}.runbox .btn{width:100%}}

/* strategy list cards keep their plain "Started with" line */
.scard .started{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;border-radius:0!important}

/* legal pages: reading column + "On this page" list in the right margin on wide screens */
.doc h1{letter-spacing:-.03em}
.doc h2{scroll-margin-top:84px}
.doc .box{border-radius:0 14px 14px 0}
.doc-toc{display:none}
@media (min-width:1320px){
  .doc-toc{display:block;position:fixed;top:112px;left:calc(50% + 410px);width:230px;max-height:calc(100vh - 140px);overflow:auto;
    border-left:1px solid var(--line);padding:4px 0 4px 18px;font-size:13.5px}
  .doc-toc b{display:block;font:700 13px var(--f-head);margin-bottom:10px;color:var(--ink)}
  .doc-toc a{display:block;color:var(--muted);text-decoration:none;padding:5px 0;line-height:1.35}
  .doc-toc a:hover,.doc-toc a.on{color:var(--go)}
}