/* Evidence Explorer — static indication pages. Generated by build/build.mjs. */
:root {
  /* NeuroLogic Design System v1 — canonical tokens */
  --nl-navy-900: #101227;   /* ink / logo / deepest */
  --nl-navy-800: #16163F;   /* dark surfaces: headers, footers */
  --nl-blue-600: #2E478A;   /* interactive: links, active states */
  --nl-gold-400: #D3BF90;   /* CTA / premium accent */
  --nl-gold-500: #C3AC77;   /* gold hover (text stays navy) */
  --nl-red-600:  #AF0013;   /* emphasis, alerts, biofeedback accent */
  --nl-maroon-950:#350A0E;  /* biofeedback dark world */
  --nl-grey-300: #CECBCB;   /* page background grey */
  --nl-grey-700: #4A4C60;   /* secondary text on white */
  --nl-grey-500: #7C7E92;   /* muted: captions, placeholders, disabled text */
  --nl-grey-200: #E4E2DE;   /* borders, dividers, input strokes */
  --nl-focus: 0 0 0 3px rgba(46,71,138,.35); /* focus ring */
  --nl-cream-100:#EFE1CB;   /* Barry / human warm background */
  --nl-white: #FFFFFF;
  --nl-black: #000000;
  --nl-font: 'Montserrat', -apple-system, 'Segoe UI', sans-serif;
  --nl-radius: 12px;
  --nl-radius-sm: 8px;
  --nl-shadow: 0 2px 12px rgba(16,18,39,.10);
  --nl-space-1: 8px; --nl-space-2: 16px; --nl-space-3: 24px;
  --nl-space-4: 40px; --nl-space-5: 64px;
}
/* Rules: navy text on gold buttons (never white-on-gold). Headings navy.
   Red sparingly. Montserrat only. Navy-tinted greys only (no pure #666).
   Hover: gold->gold-500, outline inverts to solid navy. Focus: --nl-focus halo.
   Disabled: grey-300 bg + grey-500 text. Inputs: radius-sm, grey-200 stroke,
   blue-600 focus border; errors = red border + red message, never red fill. */

*{box-sizing:border-box}
html,body{margin:0}
body.ev-page{background:var(--nl-grey-300);color:var(--nl-navy-900);font-family:var(--nl-font);line-height:1.6;-webkit-font-smoothing:antialiased}
.ev-top{display:flex;flex-wrap:wrap;gap:var(--nl-space-2);align-items:center;justify-content:space-between;background:var(--nl-white);padding:var(--nl-space-2) var(--nl-space-3);border-bottom:1px solid var(--nl-grey-200)}
.ev-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--nl-navy-900)}
.ev-brand img{display:block;height:30px;width:auto}
.ev-brand-txt{font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;border-left:1px solid var(--nl-grey-200);padding-left:12px}
.ev-topnav{display:flex;flex-wrap:wrap;gap:var(--nl-space-2);font-size:14px}
.ev-topnav a{color:var(--nl-blue-600);text-decoration:none;font-weight:600}
.ev-topnav a:hover{text-decoration:underline}
.ev-cta-sm{background:var(--nl-gold-400);color:var(--nl-navy-900)!important;padding:6px 14px;border-radius:var(--nl-radius-sm)}
.ev-cta-sm:hover{background:var(--nl-gold-500);text-decoration:none!important}
.ev-main{max-width:820px;margin:0 auto;padding:var(--nl-space-4) var(--nl-space-3) var(--nl-space-5);background:var(--nl-white)}
@media(max-width:860px){.ev-main{padding:var(--nl-space-3) var(--nl-space-2) var(--nl-space-4)}}
.ev-crumb{font-size:13px;color:var(--nl-grey-500);margin:0 0 var(--nl-space-3)}
.ev-crumb a{color:var(--nl-grey-700)}
.ev-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--nl-grey-500);margin:0 0 8px;font-weight:600}
h1{font-size:clamp(28px,5vw,42px);line-height:1.15;margin:0 0 8px;color:var(--nl-navy-900)}
.ev-full{font-size:17px;color:var(--nl-grey-700);margin:0 0 var(--nl-space-3)}
.ev-lead p{font-size:18px}
.ev-updated{font-size:13px;color:var(--nl-grey-500);border-top:1px solid var(--nl-grey-200);padding-top:12px;margin-top:var(--nl-space-3)}
.ev-h2{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--nl-grey-500);border-bottom:1px solid var(--nl-grey-200);padding-bottom:8px;margin:var(--nl-space-4) 0 var(--nl-space-2)}
.ev-group h2{font-size:20px;margin:var(--nl-space-3) 0 var(--nl-space-1);color:var(--nl-navy-800)}
.ev-rating{border:1px solid var(--nl-grey-200);border-radius:var(--nl-radius);padding:var(--nl-space-2) var(--nl-space-3);margin:var(--nl-space-2) 0;background:var(--nl-white)}
.ev-rating h3{font-size:17px;margin:0 0 8px;color:var(--nl-navy-900)}
.ev-meta{display:flex;flex-wrap:wrap;gap:var(--nl-space-2);margin:0 0 12px;font-size:13px;color:var(--nl-grey-700)}
.ev-meta div{display:flex;gap:6px}
.ev-meta dt{font-weight:700;margin:0}.ev-meta dd{margin:0}
.ev-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}
.ev-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:5px 14px 5px 6px;font-size:13px;font-weight:600;background:var(--nl-grey-200);color:var(--nl-navy-900)}
.ev-badge-src{font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:var(--nl-white);border-radius:999px;padding:3px 8px}
.ev-badge-n{font-weight:800}
.ev-nl{background:var(--nl-navy-800);color:var(--nl-white)}
.ev-nl .ev-badge-src{background:var(--nl-gold-400);color:var(--nl-navy-900)}
.ev-pending{background:var(--nl-grey-200);color:var(--nl-grey-700);font-weight:600;padding:5px 14px}
.ev-delta{font-size:12px;color:var(--nl-grey-500)}
.ev-delta-higher{color:var(--nl-blue-600)}.ev-delta-lower{color:var(--nl-red-600)}
.ev-age{margin:var(--nl-space-2) 0 var(--nl-space-3)}
.ev-age h3{font-size:17px;margin:0 0 6px;color:var(--nl-navy-800)}
.ev-clin{border-left:3px solid var(--nl-gold-400);padding-left:var(--nl-space-2);margin-top:12px;color:var(--nl-grey-700);font-size:15px}
.ev-clinical h3{font-size:16px;margin:var(--nl-space-2) 0 4px;color:var(--nl-navy-800)}
.ev-persp{background:var(--nl-cream-100);border-radius:var(--nl-radius);padding:var(--nl-space-3);margin:var(--nl-space-4) 0}
.ev-persp h2{font-size:20px;margin:0 0 var(--nl-space-1);color:var(--nl-navy-900)}
.ev-sig{font-size:13px;color:var(--nl-grey-700);border-top:1px solid rgba(16,18,39,.12);padding-top:10px;margin-top:var(--nl-space-2)}
.ev-posts{margin:4px 0 0;padding-left:18px;font-size:14px}
.ev-readnext{margin:var(--nl-space-2) 0 0;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.ev-note{background:var(--nl-grey-300);border-radius:var(--nl-radius);padding:var(--nl-space-2) var(--nl-space-3);margin:var(--nl-space-3) 0}
.ev-note h2{font-size:16px;margin:0 0 6px}
.ev-cta{display:flex;flex-wrap:wrap;gap:12px;margin:var(--nl-space-4) 0}
.ev-btn{display:inline-block;background:var(--nl-gold-400);color:var(--nl-navy-900);text-decoration:none;font-weight:700;padding:12px 22px;border-radius:var(--nl-radius-sm)}
.ev-btn:hover{background:var(--nl-gold-500)}
.ev-btn-ghost{background:transparent;border:1px solid var(--nl-navy-800);color:var(--nl-navy-800)}
.ev-btn-ghost:hover{background:var(--nl-navy-800);color:var(--nl-white)}
.ev-refs{font-size:13px;color:var(--nl-grey-700);line-height:1.5;padding-left:20px}
.ev-refs li{margin-bottom:6px}
.ev-refs a{color:var(--nl-blue-600)}
.ev-related{margin:var(--nl-space-4) 0 0;border-top:1px solid var(--nl-grey-200);padding-top:var(--nl-space-2)}
.ev-related h2{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--nl-grey-500)}
.ev-related ul,.ev-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.ev-related a{display:inline-block;border:1px solid var(--nl-grey-200);border-radius:999px;padding:6px 14px;font-size:14px;text-decoration:none;color:var(--nl-navy-800)}
.ev-related a:hover{border-color:var(--nl-blue-600);color:var(--nl-blue-600)}
.ev-cat{margin:var(--nl-space-3) 0}
.ev-cat h2{font-size:18px;color:var(--nl-navy-800);border-bottom:1px solid var(--nl-grey-200);padding-bottom:6px}
.ev-list{display:block}
.ev-list li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--nl-grey-200)}
.ev-list a{color:var(--nl-navy-900);text-decoration:none;font-weight:600}
.ev-list a:hover{color:var(--nl-blue-600)}
.ev-chip{font-size:11px;font-weight:700;letter-spacing:.06em;background:var(--nl-navy-800);color:var(--nl-white);border-radius:999px;padding:3px 10px}
.ev-foot{max-width:820px;margin:0 auto;padding:var(--nl-space-3);font-size:12px;color:var(--nl-grey-700)}
.ev-foot a{color:var(--nl-blue-600)}
