:root{
    --bg:#070d18; --panel:#0b1626; --panel2:#0c1a2a; --line:#1c3350; --line2:#285176;
    --txt:#d8ecff; --sub:#9ec3e3; --dim:#6f8db0;
    --cyan:#39d6ff; --emerald:#52db94; --amber:#f2be57; --rose:#ff7598; --violet:#9d8cff;
  }
  *{box-sizing:border-box}
  body{margin:0;background:radial-gradient(1200px 600px at 80% -10%, #0e2237 0%, var(--bg) 55%);
       color:var(--txt);font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;line-height:1.55;}
  .page{max-width:1180px;margin:0 auto;padding:28px 20px 60px;}
  .panel{background:linear-gradient(180deg,var(--panel) 0%, #0a1322 100%);
         border:1px solid var(--line);border-radius:14px;padding:22px 24px;
         box-shadow:0 10px 30px rgba(0,0,0,.35);}
  h1{font-size:2rem;margin:.2em 0 .4em;letter-spacing:.3px;}
  h2{font-size:1.35rem;margin:.1em 0 .6em;color:var(--cyan);}
  h3{font-size:1.02rem;margin:.1em 0 .5em;color:#bfe3ff;}
  p{margin:.4em 0 .8em;}
  .subtle{color:var(--sub);font-size:.92rem;}
  a{color:var(--cyan);}
  code{background:#081120;border:1px solid var(--line);border-radius:8px;padding:8px 10px;
       display:block;color:#c9f0ff;font-family:Consolas,Menlo,monospace;font-size:.88rem;overflow-x:auto;}
  .hero{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:18px;}
  .hero-main p{max-width:70ch;}
  .mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;}
  .stat{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;}
  .stat .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.8px;color:var(--dim);}
  .stat .value{font-size:1.5rem;font-weight:700;}
  .stat .meta{font-size:.74rem;color:var(--sub);}
  .stat[data-tone="cyan"] .value{color:var(--cyan);}
  .stat[data-tone="emerald"] .value{color:var(--emerald);}
  .stat[data-tone="amber"] .value{color:var(--amber);}
  .stat[data-tone="rose"] .value{color:var(--rose);}
  .toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:12px 14px;}
  .toc a{font-size:.82rem;color:var(--sub);text-decoration:none;border:1px solid var(--line);
         border-radius:999px;padding:5px 12px;background:#0a1524;}
  .toc a:hover{color:var(--cyan);border-color:var(--line2);}
  .section{margin-bottom:18px;scroll-margin-top:14px;}
  .lead-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center;}
  .chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;}
  .chip{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:.82rem;color:var(--sub);}
  .chip b{display:block;color:var(--cyan);font-size:.72rem;text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px;}
  .pathway svg{background:#081120;border:1px solid var(--line);border-radius:12px;}
  .table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;}
  .table-wrap.wrap-cells td{white-space:normal;min-width:110px;vertical-align:top;}
  table{width:100%;border-collapse:collapse;font-size:.86rem;min-width:860px;}
  thead th{background:#0d2033;color:var(--cyan);text-align:left;padding:10px 12px;font-size:.74rem;
           text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--line2);white-space:nowrap;}
  tbody td{padding:9px 12px;border-bottom:1px solid #122840;color:#cfe6fb;white-space:nowrap;}
  tbody tr:hover{background:#0d1d31;}
  .equations,.math-grid,.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .eq,.math-card,.card{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;}
  .eq p,.math-card p,.card p,.card li{font-size:.86rem;color:var(--sub);}
  .card ul{margin:.3em 0 .2em;padding-left:18px;}
  .card li{margin-bottom:5px;}
  .eqline{display:block;background:#081120;border:1px solid var(--line);border-radius:8px;
          padding:7px 10px;margin:6px 0;color:#c9f0ff;font-family:Consolas,Menlo,monospace;font-size:.84rem;overflow-x:auto;}
  .const-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;}
  .const-item{background:#081120;border:1px dashed var(--line2);border-radius:10px;padding:9px 12px;
              font-size:.8rem;color:var(--sub);text-align:center;}
  .bar-note{font-size:.76rem;color:var(--dim);margin-top:10px;}
  .bar-head{display:flex;justify-content:space-between;font-size:.72rem;color:var(--dim);margin-bottom:8px;gap:10px;flex-wrap:wrap;}
  .bars{display:flex;flex-direction:column;gap:8px;}
  .bar-row{display:grid;grid-template-columns:130px 1fr 52px;gap:10px;align-items:center;font-size:.8rem;}
  .bar-row .name{color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .bar-row .value{text-align:right;color:#cfe6fb;font-variant-numeric:tabular-nums;}
  .bar-track{display:block;background:#081120;border:1px solid var(--line);border-radius:999px;height:14px;overflow:hidden;}
  .bar-fill{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#1398b7,var(--cyan));transition:width .6s ease;}
  .bar-fill.risk{background:linear-gradient(90deg,#d27a32,var(--rose));}
  .viz-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;}
  .viz-box{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;}
  .donut-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap;}
  .donut{width:170px;height:170px;border-radius:50%;position:relative;flex:0 0 auto;background:#081120;}
  .donut::after{content:attr(data-center);position:absolute;inset:16%;background:var(--panel);
                border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;
                text-align:center;white-space:pre-line;font-weight:700;font-size:.82rem;color:var(--txt);}
  .legend{list-style:none;margin:0;padding:0;font-size:.8rem;color:var(--sub);display:flex;flex-direction:column;gap:6px;}
  .legend .dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle;}
  .calc{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;}
  .field{margin-bottom:12px;display:flex;flex-direction:column;gap:4px;}
  .field label{font-size:.74rem;text-transform:uppercase;letter-spacing:.6px;color:var(--dim);}
  .field input,.field select{background:#081120;border:1px solid var(--line2);border-radius:8px;
        color:var(--txt);padding:9px 10px;font-size:.9rem;width:100%;}
  button{background:linear-gradient(90deg,#1398b7,var(--cyan));border:none;color:#04202c;font-weight:700;
         border-radius:9px;padding:11px 20px;font-size:.92rem;cursor:pointer;margin-top:4px;}
  button:hover{filter:brightness(1.1);}
  .result{background:#081120;border:1px solid var(--line);border-radius:12px;padding:16px 18px;}
  .result p{font-size:.74rem;text-transform:uppercase;letter-spacing:.6px;color:var(--dim);margin:0;}
  .result strong{font-size:1.35rem;color:var(--cyan);font-variant-numeric:tabular-nums;}
  .risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
  .risk-card{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;}
  .risk-card h3{color:var(--amber);}
  .risk-card p{font-size:.84rem;color:var(--sub);}
  .refs .ref{border-bottom:1px solid #122840;padding:10px 0;}
  .refs .ref p{margin:0;font-size:.9rem;}
  .refs .ref .meta{font-size:.78rem;color:var(--dim);}
  .footer{text-align:center;color:var(--dim);font-size:.78rem;margin-top:26px;}
  @media(max-width:900px){
    .hero,.lead-grid,.equations,.math-grid,.grid-2,.calc,.viz-wrap,.risk-grid{grid-template-columns:1fr;}
    .mini-stats{grid-template-columns:1fr 1fr;}
    .const-grid{grid-template-columns:1fr 1fr;}
  }