/* ============================================================
   Para — free resource library (/learn/) shared style.
   Same house variables as the app (index.html, Convene system,
   accent: calm blue). Static pages only — no live market data,
   education only. Print stylesheet at the bottom: resources
   print clean, black on white, no nav, no bridge.
   ============================================================ */
:root{
  --bg:#f6f7fb; --surface:#fff; --surface-2:#f0f1f7; --line:#e3e5ef;
  --text:#1a1c2b; --muted:#6b6f86;
  --brand:#2f6df0; --brand-d:#2057d6; --brand-soft:#e6eefe;
  --up:#12a36b; --up-soft:#e2f4ec;
  --down:#e0536b; --down-soft:#fbe0e5;
  --hot:#d98a2b; --hot-soft:#fbeecf;
  --cool:#2f80d6; --cool-soft:#e1edfb;
  --radius:14px; --radius-sm:9px;
  --shadow:0 1px 2px rgba(20,22,40,.04), 0 8px 28px rgba(20,22,40,.07);
}
@media (prefers-color-scheme: dark){:root{
  --bg:#14151d; --surface:#1d1f2a; --surface-2:#262936; --line:#2e313f;
  --text:#eceef6; --muted:#9a9fb8;
  --brand:#5b8dff; --brand-d:#4a7df0; --brand-soft:#1a2540;
  --up:#34d399; --up-soft:#16302a;
  --down:#f08aa0; --down-soft:#3a1f25;
  --hot:#e8b25f; --hot-soft:#3a2f17;
  --cool:#7fb0f0; --cool-soft:#1c2c4a;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.4);
}}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;}
h1,h2,h3{letter-spacing:-.02em;margin:0;}
a{color:var(--brand);}
.wrap{max-width:760px;margin:0 auto;padding:22px 18px 70px;}
.topnav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;font-size:13.5px;}
.topnav .brandline{font-weight:700;color:var(--text);text-decoration:none;}
.topnav .brandline span{display:block;font-weight:500;font-size:11.5px;color:var(--muted);margin-top:-2px;}
.topnav nav a{margin-left:14px;text-decoration:none;font-weight:600;}
h1{font-size:30px;line-height:1.2;margin-bottom:10px;}
h2{font-size:19px;margin:26px 0 8px;}
p{margin:0 0 12px;font-size:15.5px;}
.lede{font-size:16.5px;color:var(--muted);}
.defbox{background:var(--brand-soft);border:1px solid var(--line);border-radius:var(--radius);
  padding:15px 17px;font-size:16px;margin:16px 0 18px;}
.defbox .from{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:5px;}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:16px 18px;margin-bottom:14px;}
.card h3{font-size:16.5px;margin-bottom:4px;}
.card p{font-size:14.5px;color:var(--muted);margin:0;}
.card a{text-decoration:none;}
.example{background:var(--surface-2);border-radius:var(--radius-sm);padding:13px 15px;margin:14px 0;font-size:14.5px;}
.example .xlab{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px;}
.qlist{margin:6px 0 14px;padding-left:22px;}
.qlist li{font-size:17px;margin-bottom:14px;}
.fillin{border:1.5px solid var(--line);border-radius:var(--radius-sm);min-height:44px;margin:6px 0 4px;background:var(--surface);}
.rel{font-size:14px;color:var(--muted);margin-top:20px;}
.rel a{font-weight:600;}
.bridge{margin-top:28px;background:var(--surface);border:1px solid var(--brand);border-radius:var(--radius);
  padding:15px 17px;font-size:15px;}
.bridge a{font-weight:700;}
.reviewed{font-size:12.5px;color:var(--muted);margin-top:22px;}
.disclaimer{font-size:12.5px;color:var(--muted);background:var(--surface-2);border-radius:var(--radius-sm);
  padding:11px 14px;margin-top:10px;line-height:1.55;}
.disclaimer b{color:var(--text);}
.termlist{list-style:none;padding:0;margin:0;}
.termlist li{border-top:1px solid var(--line);padding:13px 0;}
.termlist li:first-child{border-top:none;}
.termlist a{font-weight:700;font-size:16px;text-decoration:none;}
.termlist p{margin:3px 0 0;font-size:14px;color:var(--muted);}
.bigq{font-size:19px;line-height:1.5;}
@media print{
  body{background:#fff;color:#000;}
  .wrap{max-width:none;padding:0;}
  .topnav,.bridge,.rel .noprint{display:none!important;}
  .card,.defbox,.example,.fillin{box-shadow:none;border-color:#999;background:#fff;}
  a{color:#000;text-decoration:none;}
  .disclaimer{background:#fff;border:1px solid #999;}
}