/* QuantPrep v14.1 public-page compatibility layer.
   Keeps legacy SEO markup and trainer behavior while applying the shared visual system. */
:root,
html.light{
  --bg:#f7f9f8;
  --bg2:#f1f5f3;
  --surface:#fff;
  --surface-2:#f1f5f3;
  --line:rgba(18,32,25,.09);
  --line-strong:rgba(18,32,25,.15);
  --text:#122019;
  --muted:#53635b;
  --faint:#7d8b84;
  --accent:#12a374;
  --accent-bright:#087d59;
  --accent-deep:#087d59;
  --blue:#3b77a8;
  --red:#c75146;
  --amber:#a36f17;
  --head:#122019;
  --qtext:#122019;
  --wash-1:rgba(18,32,25,.025);
  --wash-2:rgba(18,32,25,.045);
  --wash-3:rgba(18,32,25,.08);
  --panel-1:#fff;
  --panel-2:#f1f5f3;
  --input-bg:#fbfcfb;
  --table-bg:#fff;
  --nav-bg:rgba(247,249,248,.88);
  --acc-soft:rgba(18,163,116,.10);
  --acc-line:rgba(18,163,116,.25);
  --radius:15px;
  color-scheme:light;
}
html[data-theme="dark"]{
  --bg:#0d1511;--bg2:#111b16;--surface:#121c17;--surface-2:#17231d;
  --line:rgba(231,242,236,.08);--line-strong:rgba(231,242,236,.15);
  --text:#edf4f0;--muted:#a0b0a8;--faint:#70827a;--head:#edf4f0;--qtext:#edf4f0;
  --accent:#35c894;--accent-bright:#54dca2;--accent-deep:#35c894;
  --wash-1:rgba(255,255,255,.02);--wash-2:rgba(255,255,255,.04);--wash-3:rgba(255,255,255,.075);
  --panel-1:#121c17;--panel-2:#17231d;--input-bg:#0d1712;--table-bg:#121c17;--nav-bg:rgba(13,21,17,.88);
  color-scheme:dark;
}
body{font-family:"Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--acc-soft);outline-offset:3px}
.wrap{max-width:1180px;padding-inline:24px}
nav,.trainer-nav{background:var(--nav-bg);border-color:var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.nav-inner{height:64px}
.logo{font-family:"Inter",sans-serif;font-weight:700;letter-spacing:-.025em;color:var(--head)}
.logo-mark{width:34px;height:31px;border-radius:0;background:transparent url("/assets/quantprep-mark.png") center/contain no-repeat;box-shadow:none}
.logo-mark svg{display:none}
.nav-links{gap:24px}.nav-links a{font-size:13px}.theme-toggle{min-width:46px;width:auto;height:34px;padding:0 10px;border-radius:8px;background:var(--surface);font:600 10px "JetBrains Mono",monospace}
.mobile-menu-toggle{border-radius:8px!important;background:var(--surface)!important;color:var(--text)!important}
.btn{border-radius:9px;padding:10px 18px;font-family:"Inter",sans-serif;font-size:13px;transition:transform .15s cubic-bezier(.22,1,.36,1),background .15s,border-color .15s,box-shadow .15s}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 7px 18px rgba(18,163,116,.14)}
.btn-primary:hover{background:var(--accent-deep);box-shadow:0 9px 22px rgba(18,163,116,.18)}
.btn-ghost{background:var(--surface);border-color:var(--line-strong)}
.btn:focus-visible,.theme-toggle:focus-visible,.mobile-menu-toggle:focus-visible{outline:3px solid var(--acc-soft);outline-offset:2px}
.skip-link:focus{background:var(--text);color:var(--bg);border-radius:8px}

.content-page main{padding-top:64px}.article-hero{padding:84px 0 52px;background:var(--bg);border-bottom:1px solid var(--line)}.article-hero .wrap{max-width:1180px}.article-hero h1{max-width:900px;font-family:"Inter",sans-serif;font-size:clamp(42px,6.2vw,72px);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}.article-hero>div>p{max-width:700px;color:var(--muted);font-size:17px}.sec-eyebrow{font-size:10px;color:var(--accent-deep);margin-bottom:14px}.content-page nav.breadcrumbs{position:static;inset:auto;height:auto;padding:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--faint);font-size:12px;margin-bottom:44px}.article-meta{margin-top:25px;display:flex;gap:18px;flex-wrap:wrap;color:var(--faint);font:500 10px "JetBrains Mono",monospace}.article-layout{grid-template-columns:minmax(0,760px) 260px;gap:90px;padding-top:58px}.article-body{font-size:16px}.article-body>section{margin:0 0 52px}.article-body h2{font-family:"Inter",sans-serif;font-size:clamp(27px,4vw,40px);line-height:1.12;letter-spacing:-.04em;margin-bottom:18px}.article-body h3{font-family:"Inter",sans-serif}.article-body p,.article-body li{color:var(--muted)}.article-body strong{color:var(--text)}.lead-card,.source-box,.guide-cta{border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:0 1px 2px rgba(15,30,22,.025),0 12px 32px rgba(15,30,22,.045)}.lead-card{padding:25px;font-size:17px;line-height:1.7;margin-bottom:50px}.source-box{padding:24px}.guide-cta{padding:30px;background:var(--surface-2)}.article-aside .toc,.aside-cta{border-radius:13px;border-color:var(--line);background:var(--surface);box-shadow:none}.toc a{transition:color .15s}.toc a:hover{color:var(--accent-deep)}
.site-footer{background:var(--bg);border-color:var(--line)}.footer-grid{gap:50px}.footer-col h3{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.footer-col a,.footer-brand p,.footer-bottom{font-size:12px}.footer-status span{background:var(--accent)}

.trainer-page{background:var(--bg)}.trainer-intro{padding:110px 24px 36px}.trainer-intro h1{font-family:"Inter",sans-serif;font-size:clamp(34px,5vw,54px);letter-spacing:-.05em;line-height:1.04;max-width:820px}.trainer-intro p{max-width:700px;color:var(--muted)}.trainer-shell{padding:0 24px 70px}.trainer-shell .app{max-width:1040px;background:var(--surface);border-color:var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(15,30,22,.04),0 22px 54px rgba(15,30,22,.07)}.app::after,.mock::after{display:none}.app-bar{background:var(--surface-2);border-color:var(--line);padding:13px 18px}.app-bar .title{font-family:"Inter",sans-serif;color:var(--muted)}.app-body{padding:30px}.mode{border-radius:12px;background:var(--surface);border-color:var(--line);padding:18px}.mode h4{font-family:"Inter",sans-serif}.mode.on{background:var(--acc-soft);border-color:var(--accent);box-shadow:none}.mode.on h4{color:var(--accent-deep)}.opt{border-radius:8px;background:var(--surface);border-color:var(--line)}.opt.on{color:var(--accent-deep);background:var(--acc-soft);border-color:var(--accent)}.opt.on small{color:var(--accent-deep)}.label{font-size:10px;color:var(--faint)}.qtext{font-size:18px;color:var(--qtext)}.answer-row input{border-radius:10px;background:var(--input-bg);border-color:var(--line-strong);color:var(--text)}.answer-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--acc-soft)}.pill,.hpill,.chip,.ams{border-radius:7px;color:var(--accent-deep)}.table{border-radius:12px}.sum-pnl,.big-num,.mock-pnl{font-family:"JetBrains Mono",monospace;color:var(--accent-deep)}

.pub-nav{height:64px;background:var(--nav-bg);border-color:var(--line);padding:0 max(20px,calc((100vw - 1180px)/2));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.pub-nav>.brand{display:flex;align-items:center;gap:9px}.pub-nav>.brand::before{content:"";width:30px;height:30px;border-radius:8px;background:url("/assets/quantprep-mark.svg") center/cover}.pub-nav .button{background:var(--accent);color:#fff!important;border-radius:8px}.pub-hero{padding:105px 0 70px}.kicker{color:var(--accent-deep);font-size:10px}.pub-hero h1{max-width:870px;font-family:"Inter",sans-serif;font-size:clamp(44px,7vw,76px);letter-spacing:-.055em}.pub-hero .lead{font-size:17px}.path{max-width:880px}.path::before{background:var(--line-strong)}.marker{border-radius:14px;background:var(--surface);border-color:var(--line);color:var(--accent-deep)}.path-card{border-radius:13px;background:var(--surface);border-color:var(--line);transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s,box-shadow .18s}.path-card:hover{transform:translateY(-2px);border-color:var(--acc-line);box-shadow:0 14px 35px rgba(15,30,22,.06)}.path-card h3,.branches h3{font-family:"Inter",sans-serif}.branches a,.toc,.cta{border-radius:13px;background:var(--surface);border-color:var(--line)}.callout{background:var(--surface);border-color:var(--accent)}

@media(max-width:760px){.wrap{padding-inline:18px}.article-hero{padding-top:62px}.article-layout{grid-template-columns:1fr;gap:24px;padding-top:36px}.article-aside{order:-1}.article-aside .toc{position:static}.article-hero h1{font-size:41px}.trainer-intro{padding:90px 18px 28px}.trainer-shell{padding:0 10px 30px}.app-body{padding:18px 14px}.pub-hero{padding-top:82px}.pub-hero h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* v14.4 ribbon-Q brand asset */
.pub-nav>.brand::before{width:34px;height:31px;border-radius:0;background:transparent url("/assets/quantprep-mark.png") center/contain no-repeat}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body>nav,.trainer-nav,.pub-nav{background:var(--bg)}}