/* Signal vs. Noise interactive — scoped under .svn, the section's own class.
   Design tokens match the site's existing palette (see insights/hitl-widget.css):
   orange #FF7900, teal #07A3D1, ink #14181C, near-black card #000/#111. */
.svn, .svn * { box-sizing: border-box; }
.svn { background:#000; color:#fff; border-radius:14px; overflow:hidden; margin:2.5rem 0; padding:2rem 1.5rem 2.25rem; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; }
.svn .svn-eyebrow { font-size:.68rem; font-weight:700; color:#07A3D1; text-transform:uppercase; letter-spacing:.08em; margin:0 0 .6rem; }
.svn .svn-title { font-size:1.5rem !important; font-weight:800 !important; color:#fff !important; line-height:1.25 !important; margin:0 0 .8rem !important; padding:0 !important; border:none !important; }
.svn .svn-title em { color:#FF7900; font-style:normal; }
.svn .svn-intro { font-size:.92rem; color:rgba(255,255,255,.7); line-height:1.6; margin:0 0 1.6rem; max-width:64ch; }
.svn .svn-progress { font-size:.78rem; color:rgba(255,255,255,.5); margin:0 0 1rem; }
.svn .svn-round-wrap { min-height:420px; }
.svn .svn-round { border:none; margin:0; padding:0; }
.svn .svn-legend { padding:0 0 1rem; font-size:1rem; font-weight:700; color:#fff; line-height:1.4; }
.svn .svn-legend .svn-role-eyebrow { display:block; font-size:.72rem; font-weight:700; color:rgba(255,255,255,.5); text-transform:uppercase; letter-spacing:.06em; margin-bottom:.35rem; }
.svn .svn-cards { display:grid; grid-template-columns:1fr; gap:.9rem; }
.svn .svn-card { min-height:44px; background:#0d0d0d !important; border:1.5px solid rgba(255,255,255,.14) !important; border-radius:10px !important; padding:1rem 1.1rem !important; font:inherit !important; color:rgba(255,255,255,.85) !important; cursor:pointer !important; text-align:left !important; box-shadow:none !important; display:block; width:100%; }
.svn .svn-card:hover { border-color:rgba(7,163,209,.6) !important; }
.svn .svn-card:focus-visible { outline:3px solid #FF7900; outline-offset:2px; }
.svn .svn-card-label { display:block; font-size:.72rem; font-weight:800; color:#07A3D1; text-transform:uppercase; letter-spacing:.06em; margin-bottom:.5rem; }
.svn .svn-card-resume { display:block; font-size:.9rem; font-weight:600; color:#fff; line-height:1.5; margin-bottom:.5rem; }
.svn .svn-card-followup { display:block; font-size:.82rem; color:rgba(255,255,255,.6); line-height:1.5; }
.svn .svn-card-followup b { color:rgba(255,255,255,.85); font-weight:700; }
@media (min-width:640px) { .svn .svn-cards { grid-template-columns:1fr 1fr; } }
.svn .svn-result { margin-top:0; background:#0d0d0d; border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:1.3rem 1.4rem; }
.svn .svn-result[hidden] { display:none; }
.svn .svn-score-row { display:flex; align-items:baseline; gap:.9rem; margin-bottom:.7rem; flex-wrap:wrap; }
.svn .svn-score-num { font-size:2.2rem; font-weight:800; letter-spacing:-1px; }
.svn .svn-score-band { font-size:1rem; font-weight:700; }
.svn .svn-result-copy { font-size:.9rem; color:rgba(255,255,255,.75); line-height:1.65; margin:0 0 .5rem; }
.svn .svn-result-copy strong { color:#FF7900; }
.svn .svn-recap { list-style:none; margin:0 0 1rem; padding:0; display:flex; flex-direction:column; gap:.4rem; }
.svn .svn-recap li { font-size:.8rem; color:rgba(255,255,255,.55); line-height:1.5; padding-left:1.2rem; position:relative; }
.svn .svn-recap li::before { content:'\2717'; position:absolute; left:0; color:#EF4444; font-weight:800; }
.svn .svn-recap li[data-correct="true"]::before { content:'\2713'; color:#4ADE80; }
.svn .svn-benchmark { font-size:.8rem; color:rgba(255,255,255,.5); line-height:1.6; margin:0 0 1rem; padding-top:.6rem; border-top:1px solid rgba(255,255,255,.08); }
.svn .svn-actions { display:flex; gap:.8rem; flex-wrap:wrap; align-items:center; }
.svn .svn-retry { min-height:44px; background:transparent !important; border:1.5px solid rgba(255,255,255,.18) !important; border-radius:8px !important; padding:.6rem 1.2rem !important; font-size:.82rem !important; font-weight:600 !important; color:rgba(255,255,255,.75) !important; cursor:pointer !important; box-shadow:none !important; }
.svn .svn-retry:hover { border-color:#FF7900 !important; color:#FF7900 !important; }
.svn .svn-retry:focus-visible { outline:3px solid #07A3D1; outline-offset:2px; }
.svn .svn-cta-link { font-size:.82rem !important; font-weight:700 !important; color:#07A3D1 !important; text-decoration:none !important; }
.svn .svn-cta-link:hover { color:#4fc7e0 !important; }

/* Lead capture (Phase 6) */
.svn .svn-lead { margin-top:1.2rem; padding-top:1.1rem; border-top:1px solid rgba(255,255,255,.1); }
.svn .svn-lead-label { display:block; font-size:.8rem; color:rgba(255,255,255,.6); margin-bottom:.6rem; line-height:1.5; }
.svn .svn-lead-row { display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom:.6rem; }
.svn .svn-lead-field { display:flex; flex-direction:column; gap:.3rem; flex:1 1 200px; }
.svn .svn-lead-field label { font-size:.72rem; color:rgba(255,255,255,.55); }
.svn .svn-lead input, .svn .svn-lead select { min-height:44px; background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.16) !important; border-radius:7px !important; padding:.55rem .8rem !important; font-size:.85rem !important; color:#fff !important; box-shadow:none !important; }
.svn .svn-lead input:focus-visible, .svn .svn-lead select:focus-visible { outline:3px solid #07A3D1; outline-offset:1px; }
.svn .svn-consent { display:flex; align-items:flex-start; gap:.5rem; font-size:.76rem; color:rgba(255,255,255,.6); line-height:1.5; margin:.5rem 0 .8rem; }
.svn .svn-consent input { min-width:18px; min-height:18px; margin-top:2px; }
.svn .svn-consent a { color:#07A3D1; }
.svn .svn-lead-submit { min-height:44px; background:#07A3D1 !important; color:#000 !important; border:none !important; border-radius:8px !important; padding:.65rem 1.3rem !important; font-size:.85rem !important; font-weight:700 !important; cursor:pointer !important; box-shadow:none !important; }
.svn .svn-lead-submit:disabled { opacity:.5 !important; cursor:not-allowed !important; }
.svn .svn-lead-msg { font-size:.8rem; margin-top:.6rem; min-height:1.2em; }
.svn .svn-lead-msg[data-state="error"] { color:#FCA5A5; }
.svn .svn-lead-msg[data-state="success"] { color:#4ADE80; }
.svn .hp-field { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.svn .svn-noscript { background:#0d0d0d; border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:1.2rem 1.4rem; font-size:.88rem; color:rgba(255,255,255,.75); line-height:1.65; }

@media (prefers-reduced-motion: no-preference) {
  .svn .svn-card, .svn .svn-retry, .svn .svn-lead-submit { transition: border-color .15s, background-color .15s, color .15s; }
}
@media (min-width:640px) {
  .svn { padding:2.6rem 3rem; }
  .svn .svn-title { font-size:1.9rem !important; }
  .svn .svn-intro { font-size:1rem; }
}