/* Trading Tools: calm, clean, steady. Layered on styles.css. */
body.theme-trading{--tt-navy:#14213d;--tt-slate:#4a5568;--tt-teal:#4fa3a5;--tt-teal-deep:#2c6e70;--tt-brass:#c9a227;--tt-line:#dfe4ea;
  background:#f5f7fa;color:var(--tt-navy);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
.theme-trading a{color:var(--tt-teal-deep)}
.theme-trading a:hover{color:var(--tt-navy)}
.theme-trading :focus-visible{outline-color:var(--tt-teal-deep)}
.theme-trading .topbar{background:rgba(20,33,61,.97);border-bottom:0}
.theme-trading .back{color:#fff;font:600 1rem/1.2 "Inter",sans-serif}
.theme-trading .back:hover{color:var(--tt-brass)}
.theme-trading .chip{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;font:600 .95rem/1 "Inter",sans-serif}
.theme-trading .chip:hover{background:rgba(255,255,255,.1);color:#fff}
.theme-trading .sheet{background:#fff;background-image:none;border:1px solid var(--tt-line);border-radius:12px;box-shadow:0 1px 2px rgba(20,33,61,.06)}
.theme-trading .sheet h1,.theme-trading .sheet h2,.theme-trading .sheet h3{font-family:"Inter",system-ui,sans-serif;font-weight:600;color:var(--tt-navy);letter-spacing:-.015em}
.theme-trading .sheet h1{font-size:clamp(1.9rem,7vw,2.6rem)}
.theme-trading .sheet h2{font-size:1.35rem;border-top:1px solid var(--tt-line)}
.theme-trading .eyebrow{font:500 .8rem/1.2 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--tt-teal-deep)}
.theme-trading .lead{color:#2d3748}
.theme-trading .note{background:#eef6f6;border-left:4px solid var(--tt-teal)}
.theme-trading .note strong{font:600 1rem/1.3 "Inter",sans-serif;color:var(--tt-teal-deep)}
.theme-trading .card{background:#fff;border:1px solid var(--tt-line);border-radius:10px}
.theme-trading .card h3{font:600 1.05rem/1.3 "Inter",sans-serif;color:var(--tt-navy)}
.theme-trading .card p{color:var(--tt-slate)}
.theme-trading .card.step{border-top:3px solid var(--tt-teal)}
.theme-trading .card.step .n{display:block;font:500 .75rem/1 "IBM Plex Mono",monospace;letter-spacing:.12em;color:var(--tt-brass);margin-bottom:.35rem}
.theme-trading ul.tidy li::marker{color:var(--tt-teal)}
.tower-mark{display:block;width:64px;height:auto;color:var(--tt-navy);margin:0 0 .5rem}
.tower-mark .brass{stroke:var(--tt-brass)}
.sample-chart{margin:1rem 0;border:1px solid var(--tt-line);border-radius:10px;padding:.75rem .75rem .5rem;background:#fbfcfd}
.sample-chart svg{display:block;width:100%;height:auto}
.sample-chart figcaption{font:500 .8rem/1.4 "IBM Plex Mono",monospace;color:var(--tt-slate);margin-top:.35rem}
.theme-trading .site-footer{color:var(--tt-slate)}
.theme-trading .site-footer .chip{color:var(--tt-navy);border-color:var(--tt-line);background:#fff}
/* Real screenshots (figures blurred) */
.pb-shots{display:grid;gap:1.4rem;margin:1rem 0 .4rem}
.pb-shots figure{margin:0}
.pb-shots a{display:block;border-radius:12px;overflow:hidden;border:1px solid #dfe4ea;box-shadow:0 6px 18px rgba(20,33,61,.12);transition:transform .15s ease,box-shadow .15s ease}
.pb-shots a:hover,.pb-shots a:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,33,61,.18)}
.pb-shots img{display:block;width:100%;height:auto}
.pb-shots figcaption{margin-top:.55rem;font-size:.95rem;color:var(--ink-soft)}
.pb-shots figcaption strong{display:block;color:var(--ink);font-size:1rem}
@media (prefers-reduced-motion: reduce){.pb-shots a{transition:none}.pb-shots a:hover{transform:none}}