/* The switchable information pages (about, legal, markets, tools) - 2026-10-25.
   Only these pages load this file; the site's shared stylesheets are untouched. Light palette from style.css. */
.sp-hero .hero-inner{padding:56px 32px 40px}
.sp-hero h1{max-width:900px}
.sp-crumbs{font-size:13px;color:var(--muted);margin-bottom:14px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.sp-crumbs a{color:var(--accent);text-decoration:none;font-weight:600}
.sp-crumbs a:hover{text-decoration:underline}
.sp-sep{color:#c3cadb}
.sp-updated{font-size:13px!important;margin-top:10px!important}
/* answer-first paragraph under the H1, and the FAQ section (2026-10-25, answer-engine layer) */
.page-hero p.sp-answer{max-width:820px;font-size:17px;line-height:1.65;color:var(--ink)}
.sp-faq h3{font-family:'Space Grotesk',Inter,sans-serif;font-size:17.5px;line-height:1.35;margin:22px 0 6px}
.sp-faq h3:first-of-type{margin-top:4px}
.sp-faq p{margin:0 0 10px;font-size:15.5px;line-height:1.7}
.sp-prose .sp-faq{margin-top:38px}
.sp-sec{padding-top:40px}

.sp-prose{max-width:820px;margin:0 auto;font-size:16.5px;line-height:1.75;color:var(--ink)}
.sp-prose h2,.sp-prose-in h2{font-family:'Space Grotesk',Inter,sans-serif;font-size:24px;line-height:1.25;margin:38px 0 12px}
.sp-prose h2:first-child,.sp-prose-in h2:first-child{margin-top:0}
.sp-prose h3,.sp-card h3{font-family:'Space Grotesk',Inter,sans-serif;font-size:18px;margin:24px 0 8px}
.sp-prose p,.sp-prose-in p{margin:0 0 16px}
.sp-prose ul,.sp-prose ol,.sp-prose-in ul,.sp-prose-in ol{margin:0 0 16px 22px}
.sp-prose li,.sp-prose-in li{margin:0 0 8px}
.sp-prose a,.sp-prose-in a,.sp-card p a,.sp-small a,.sp-warn a{color:#4f46e5;text-underline-offset:2px}
.sp-prose code{font-size:.9em;background:var(--bg2,#f1f4fb);border:1px solid var(--line);border-radius:6px;padding:1px 5px}
.sp-contact{margin-top:30px;font-size:14px;color:var(--muted)}

.sp-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}
.sp-main{min-width:0}
.sp-card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 26px;margin-bottom:20px;
  box-shadow:var(--shadow-sm,0 3px 12px rgba(26,38,72,.06));color:var(--ink)}
.sp-card>h2{font-family:'Space Grotesk',Inter,sans-serif;font-size:21px;line-height:1.25;margin:0 0 16px}
.sp-small{font-size:13.5px;line-height:1.6;color:var(--muted);margin:12px 0 0}
.sp-muted{color:var(--muted);font-size:13.5px}
.sp-note{background:#f6f8fd;border:1px dashed #cdd5ea;border-radius:12px;padding:14px 16px;font-size:14.5px;line-height:1.6;color:#3d4863}
.sp-warn{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;padding:14px 18px;font-size:14px;line-height:1.6;color:#713f12;margin:0 0 20px}
.sp-read{font-size:15.5px;line-height:1.7;margin:18px 0 0}
.sp-cta{margin:18px 0 0}

.sp-fc{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0}
.sp-fc>div{background:#f8f9fd;border:1px solid #edf0f7;border-radius:12px;padding:11px 14px}
.sp-fc dt{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.sp-fc dd{margin:0;font-size:17px;font-weight:700;font-family:'Space Grotesk',Inter,sans-serif;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sp-pill{display:inline-block;font-family:Inter,sans-serif;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;
  background:#eef1f8;color:#4b5672;white-space:nowrap}
.sp-pill.up{background:#ecfdf5;color:#047857}
.sp-pill.dn{background:#fff1f2;color:#be123c}
.sp-pill.flat{background:#f1f4fb;color:#5b6785}

.sp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sp-stats>div{background:#f8f9fd;border:1px solid #edf0f7;border-radius:12px;padding:12px 14px}
.sp-stats b{display:block;font-family:'Space Grotesk',Inter,sans-serif;font-size:24px}
.sp-stats span{display:block;font-size:12px;line-height:1.45;color:var(--muted);margin-top:4px}

.sp-tablewrap{overflow-x:auto;margin-top:14px;-webkit-overflow-scrolling:touch}
.sp-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
.sp-table-s{min-width:0}
.sp-table th{text-align:left;font-size:10.5px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);padding:0 10px 9px;white-space:nowrap}
.sp-table td{padding:9px 10px;border-top:1px solid #f0f2f8;vertical-align:top}
.sp-table td a{color:#4f46e5;text-decoration:none}
.sp-table tr.sp-grp td{background:#f8f9fd;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.sp-mv{color:var(--muted);font-size:12px;white-space:nowrap}
.sp-yes{color:#059669;font-weight:800}.sp-no{color:#e11d48;font-weight:800}.sp-na{color:#9aa4bb}

.sp-list{margin:0 0 0 20px;font-size:15px;line-height:1.65}
.sp-list li{margin-bottom:10px}
.sp-mlist{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.5}
.sp-mlist li{border-top:1px solid #f0f2f8}
.sp-mlist li:first-child{border-top:0}
.sp-mlist a{display:block;padding:7px 0;color:#4f46e5;text-decoration:none;font-weight:600}
.sp-mlist a:hover{text-decoration:underline}

.sp-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.sp-toolcard{text-decoration:none;transition:border-color .2s,box-shadow .2s}
.sp-toolcard:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.sp-toolcard h2{color:#4f46e5}
.sp-toolcard p{color:var(--muted);font-size:14.5px;line-height:1.6;margin:0}
.sp-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.sp-fields label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
.sp-fields label[hidden]{display:none}
.sp-fields input,.sp-fields select{font:inherit;font-size:15px;text-transform:none;letter-spacing:0;font-weight:500;color:var(--ink);
  padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fbfcff;width:100%}
.sp-fields input:focus,.sp-fields select:focus{outline:none;border-color:var(--accent);background:#fff}
.sp-result{margin-top:18px}
.sp-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.sp-res>div{background:#eef1fe;border-radius:12px;padding:12px 14px}
.sp-res span{display:block;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#4f46e5}
.sp-res b{display:block;font-family:'Space Grotesk',Inter,sans-serif;font-size:21px;margin-top:3px;color:var(--ink)}

/* home page "Markets" block */
.sp-home-markets{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.sp-home-markets a{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;
  color:var(--ink);font-size:13.5px;font-weight:600;text-decoration:none;box-shadow:var(--shadow-sm)}
.sp-home-markets a:hover{border-color:var(--accent);color:#4f46e5}
/* blog post: "this market" link */
.sp-post-markets{margin-top:30px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#f8f9fd;font-size:15px;line-height:1.6}
.sp-post-markets a{color:#4f46e5;font-weight:700}

@media(max-width:980px){.sp-grid{grid-template-columns:1fr}.sp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .sp-hero .hero-inner{padding:40px 16px 28px}
  .sec.sp-sec{padding:28px 16px 48px}
  .sp-card{padding:18px 16px;border-radius:16px}
  .sp-prose{font-size:16px}
  .sp-prose h2{font-size:21px}
  .sp-fc{grid-template-columns:1fr}
}