:root{
    color-scheme:dark;
    --bg:#050508; --panel:rgba(17,17,17,.78); --line:#2a2a2a;
    --ink:#f5f5f0; --mute:#8a8a82;
    --red:#FF2B2B; --alert:#ff4d2e; --signal:#46e6a0; --amber:#ffb627;
    --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
    --disp:"Archivo","Helvetica Neue",Arial,sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth;background:#050508}
  body{background:transparent;color:var(--ink);font-family:var(--disp);line-height:1.45;-webkit-font-smoothing:antialiased;position:relative}
  #water{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
  .site{position:relative;z-index:1}
  .wrap{max-width:1120px;margin:0 auto;padding:0 24px}
  a{color:inherit}
  ::selection{background:rgba(255,43,43,.85);color:#fff}
  .r{color:var(--red);transition:text-shadow .2s ease,filter .2s ease}
  .r:hover{filter:brightness(1.3);text-shadow:0 0 6px var(--red),0 0 18px var(--red),0 0 42px rgba(255,43,43,.65);animation:deadlineFlare 1.05s ease-in-out infinite}
  .logo:hover{color:var(--red);text-shadow:0 0 7px rgba(255,43,43,.55)}
  .logo:hover .r{filter:brightness(1.4);text-shadow:0 0 8px var(--red),0 0 24px var(--red),0 0 55px rgba(255,43,43,.85)}
  @keyframes deadlineFlare{0%,100%{text-shadow:0 0 6px var(--red),0 0 18px var(--red),0 0 42px rgba(255,43,43,.55)}50%{text-shadow:0 0 11px var(--red),0 0 32px var(--red),0 0 75px rgba(255,43,43,.9)}}
  /* cursor paints words red */
  .hw{display:inline;transition:color .14s ease,text-shadow .18s ease;border-radius:2px}
  .hw:hover{color:var(--red)!important;text-shadow:0 0 8px rgba(255,43,43,.55),0 0 22px rgba(255,43,43,.35),0 0 48px rgba(255,43,43,.18)}
  h1 .hw:hover,h2 .hw:hover{text-shadow:0 0 10px rgba(255,43,43,.7),0 0 28px rgba(255,43,43,.45)}
  @media (prefers-reduced-motion:reduce){.r:hover{animation:none}.hw,.hw:hover{transition:none}}

  /* status bar */
  .statusbar{border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--mute);display:flex;justify-content:space-between;align-items:center;padding:10px 24px;flex-wrap:wrap;gap:8px;background:rgba(5,5,8,.5);backdrop-filter:blur(10px)}
  .statusbar .live{color:var(--red)}
  .blink{display:inline-block;width:8px;height:8px;background:var(--red);border-radius:50%;margin-right:6px;animation:pulse 1.4s infinite}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}

  /* nav */
  nav{border-bottom:1px solid var(--line);padding:16px 0;background:rgba(5,5,8,.4);backdrop-filter:blur(8px)}
  nav .row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
  .logo{font-family:var(--mono);font-weight:700;letter-spacing:.05em;font-size:14px;transition:color .2s ease,text-shadow .2s ease}
  .navlinks{display:flex;gap:22px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
  .navlinks a{text-decoration:none}
  .navlinks a:hover{color:var(--ink)}
  .btn{display:inline-block;padding:12px 20px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1px solid var(--red);color:var(--ink);background:var(--red);font-weight:700}
  .btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}
  .btn:hover{filter:brightness(1.1)}

  /* hero */
  .hero{padding:32px 0 48px;border-bottom:1px solid var(--line)}
  .eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:24px}
  h1{font-weight:900;font-size:clamp(38px,8vw,88px);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:20px}
  h1 .thin{font-weight:600;color:var(--mute)}
  .lede{font-size:clamp(17px,2.2vw,21px);color:var(--ink);max-width:64ch;margin-bottom:14px}
  .sub{font-size:15px;color:var(--mute);max-width:64ch;margin-bottom:32px}
  .ctarow{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}

  /* countdown */
  .clock{margin:48px 0 8px;border:1px solid var(--line);background:var(--panel)}
  .clock-head{border-bottom:1px solid var(--line);padding:12px 20px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--mute);text-transform:uppercase;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
  .clock-head .target{color:var(--red)}
  .grid{display:grid;grid-template-columns:repeat(4,1fr)}
  .unit{padding:28px 12px;text-align:center;border-right:1px solid var(--line)}
  .unit:last-child{border-right:none}
  .num{font-family:var(--mono);font-weight:700;font-size:clamp(34px,7vw,64px);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
  .lab{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:10px}
  .clock-foot{border-top:1px solid var(--line);padding:12px 20px;font-family:var(--mono);font-size:12px;color:var(--mute)}
  .clock-foot b{color:var(--amber);font-weight:700}
  /* clock: the showpiece */
  .clock{position:relative;overflow:hidden;background:linear-gradient(180deg,#1c0d0d,var(--panel) 62%);box-shadow:0 0 0 1px rgba(255,43,43,.3),0 24px 66px rgba(0,0,0,.62),0 0 70px rgba(255,43,43,.2);animation:clockGlow 3.4s ease-in-out infinite}
  .clock>*{position:relative;z-index:1}
  .clock::before{content:"";position:absolute;top:0;left:-55%;width:55%;height:3px;background:linear-gradient(90deg,transparent,var(--red),#fff,var(--red),transparent);box-shadow:0 0 12px var(--red);animation:clockSweep 1.8s linear infinite;z-index:3;pointer-events:none}
  .clock::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,rgba(255,43,43,.22),transparent 72%);animation:clockBeat 1s ease-out infinite}
  .clock .num{font-size:clamp(44px,9vw,86px);text-shadow:0 0 12px rgba(255,43,43,.45),0 0 30px rgba(255,43,43,.2)}
  .clock #s{color:var(--red);animation:secBeat 1s ease-in-out infinite}
  @keyframes clockGlow{0%,100%{box-shadow:0 0 0 1px rgba(255,43,43,.25),0 24px 66px rgba(0,0,0,.62),0 0 60px rgba(255,43,43,.16)}50%{box-shadow:0 0 0 1px rgba(255,43,43,.6),0 24px 78px rgba(0,0,0,.68),0 0 110px rgba(255,43,43,.38)}}
  @keyframes clockSweep{0%{left:-55%}100%{left:100%}}
  @keyframes clockBeat{0%{opacity:1}22%{opacity:.8}100%{opacity:.08}}
  @keyframes secBeat{0%,100%{transform:scale(1);text-shadow:0 0 10px var(--red),0 0 26px rgba(255,43,43,.5)}50%{transform:scale(1.08);text-shadow:0 0 18px var(--red),0 0 44px rgba(255,43,43,.95)}}
  @media (prefers-reduced-motion:reduce){.clock,.clock::before,.clock::after,.clock #s{animation:none}.clock::after{opacity:.18}}
  /* interactivity pass */
  .btn{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
  .btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.5),0 0 22px rgba(255,43,43,.5);filter:brightness(1.08)}
  .btn.ghost:hover{border-color:var(--red);box-shadow:0 10px 22px rgba(0,0,0,.5),0 0 16px rgba(255,43,43,.3);filter:none}
  .tier{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
  .tier:hover{transform:translateY(-5px);border-color:var(--red);box-shadow:0 18px 42px rgba(0,0,0,.55),0 0 28px rgba(255,43,43,.22)}
  .part{position:relative;transition:box-shadow .2s ease,background .2s ease}
  .part:hover{background:#160c0c;box-shadow:inset 0 0 0 1px var(--red),0 0 26px rgba(255,43,43,.16);z-index:1}
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
  .reveal.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){.btn:hover,.tier:hover{transform:none}.reveal{opacity:1;transform:none;transition:none}}

  /* sections */
  section{padding:64px 0;border-bottom:1px solid var(--line)}
  .sec-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin-bottom:16px}
  h2{font-weight:800;font-size:clamp(26px,4vw,42px);line-height:1.02;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:28px}
  h3{font-weight:700;font-size:19px;margin-bottom:8px;letter-spacing:-.01em}
  p.body{color:var(--mute);font-size:16px;max-width:66ch;margin-bottom:16px}
  p.body b{color:var(--ink)}

  /* three law cards */
  .laws{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line)}
  .law{padding:28px;border-right:1px solid var(--line)}
  .law:last-child{border-right:none}
  .law .tag{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
  .law.hot .tag{color:var(--red)}
  .law.now .tag{color:var(--amber)}
  .law.next .tag{color:var(--signal)}
  .law h3{font-size:22px;margin-bottom:6px}
  .law .date{font-family:var(--mono);font-size:13px;color:var(--mute);margin-bottom:14px}
  .law p{color:var(--mute);font-size:14px}

  /* tiers */
  .tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
  .tier{border:1px solid var(--line);padding:28px;background:var(--panel);display:flex;flex-direction:column}
  .tier.featured{border-color:var(--red)}
  .tier .tname{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
  .tier.featured .tname{color:var(--red)}
  .tier h3{font-size:28px;margin-bottom:6px}
  .tier .price{font-family:var(--mono);font-weight:700;font-size:32px;margin:12px 0 4px}
  .tier .cadence{font-family:var(--mono);font-size:12px;color:var(--mute);margin-bottom:20px}
  .tier ul{list-style:none;margin-bottom:20px}
  .tier li{font-size:14px;color:var(--mute);padding:6px 0 6px 20px;position:relative;border-top:1px solid var(--line)}
  .tier li:first-child{border-top:none}
  .tier li::before{content:"›";position:absolute;left:0;color:var(--red);font-family:var(--mono);font-weight:700}
  .tier .btnrow{margin-top:auto}

  /* process */
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line)}
  .step{padding:24px;border-right:1px solid var(--line)}
  .step:last-child{border-right:none}
  .step .n{font-family:var(--mono);font-weight:700;color:var(--red);font-size:14px;margin-bottom:10px}
  .step h4{font-size:16px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}
  .step p{font-size:13px;color:var(--mute)}

  /* form */
  form{border:1px solid var(--line);padding:28px;background:var(--panel);max-width:600px}
  label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
  input,select,textarea{width:100%;padding:13px 14px;background:linear-gradient(180deg,#20130f,#141414 58%);border:1px solid var(--line);border-top-color:#3d2a28;color:var(--ink);font-family:var(--disp);font-size:15px;margin-bottom:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 26px rgba(0,0,0,.6),0 0 26px rgba(255,43,43,.11);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
  input:hover,select:hover,textarea:hover{transform:translateY(-3px);border-top-color:#5a3634;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px rgba(0,0,0,.66),0 0 42px rgba(255,43,43,.22)}
  input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red);transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 22px 44px rgba(0,0,0,.72),0 0 0 1px var(--red),0 0 34px rgba(255,43,43,.45)}
  @media (prefers-reduced-motion:reduce){input,select,textarea{transition:box-shadow .18s ease,border-color .18s ease}input:hover,select:hover,textarea:hover,input:focus,select:focus,textarea:focus{transform:none}}
  form button{width:100%}

  /* faq */
  details{border:1px solid var(--line);padding:16px 20px;margin-bottom:8px;background:var(--panel)}
  details summary{cursor:pointer;font-weight:700;font-size:16px;list-style:none}
  details summary::-webkit-details-marker{display:none}
  details[open] summary{color:var(--red);margin-bottom:10px}
  details p{color:var(--mute);font-size:14px}

  /* control plane grid */
  .plane{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line)}
  .part{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .part:nth-child(3n){border-right:none}
  .part:nth-last-child(-n+3){border-bottom:none}
  .part .n{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--red);margin-bottom:8px}
  .part h4{font-size:16px;text-transform:uppercase;letter-spacing:.01em;margin-bottom:8px}
  .part p{font-size:13px;color:var(--mute);margin-bottom:10px}
  .part .stat{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--line)}
  .part .stat.in{color:var(--signal);border-color:var(--signal)}
  .part .stat.mo{color:var(--amber);border-color:var(--amber)}
  .part .stat.rd{color:var(--mute)}

  /* pull quote */
  .pull{border-left:3px solid var(--red);padding:20px 24px;background:var(--panel);font-size:17px;color:var(--ink);max-width:78ch;line-height:1.6;margin:24px 0}
  .pull b{color:var(--red)}

  /* signal band (canvas above timer) */
  .signal{border:1px solid var(--line);background:var(--panel);margin-bottom:20px;overflow:hidden}
  .signal-head{border-bottom:1px solid var(--line);padding:10px 16px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
  .signal-head .k{color:var(--signal)}
  .signal-head .a{color:var(--red)}
  #pulse{display:block;width:100%;height:110px;background:linear-gradient(180deg,#0d0d0d 0%,#080808 100%)}

  /* trust bar */
  .doctrine-strip{margin:28px 0 0;border:1px solid rgba(255,43,43,.28);background:linear-gradient(90deg,rgba(28,10,10,.75),rgba(12,12,12,.55));padding:16px 20px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between}
  .doctrine-strip .k{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
  .doctrine-strip p{font-size:14px;color:#d4d4cc;max-width:58ch;margin:4px 0 0}
  .doctrine-strip p b{color:var(--ink)}
  .doctrine-strip a{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);text-decoration:none;border-bottom:1px solid rgba(255,182,39,.4);padding-bottom:2px}
  .doctrine-strip a:hover{color:var(--red);border-color:var(--red)}
  .trustbar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);margin:32px 0 0}
  .tcell{padding:16px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
  .tcell:last-child{border-right:none}
  .tcell .tk{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}
  .tcell .tv{font-size:14px;color:var(--ink);font-weight:600}
  .tcell .ts{font-family:var(--mono);font-size:11px;color:var(--mute)}

  /* receipt sample */
  .receipt{border:1px solid var(--line);background:var(--panel);max-width:640px;margin-top:24px;font-family:var(--mono);font-size:13px}
  .receipt .rh{border-bottom:1px solid var(--line);padding:12px 18px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
  .receipt .rh .id{color:var(--red)}
  .receipt .rrow{display:grid;grid-template-columns:180px 1fr;padding:10px 18px;border-bottom:1px solid var(--line);gap:12px;font-size:13px}
  .receipt .rrow:last-child{border-bottom:none}
  .receipt .rk{color:var(--mute);text-transform:uppercase;font-size:10px;letter-spacing:.1em}
  .receipt .rv{color:var(--ink)}
  .receipt .rv.ok{color:var(--signal)}
  .receipt .rv.sig{color:var(--amber)}

  /* diff strip: chatbot vs deadlinesf */
  .versus{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-top:20px}
  .vcol{padding:24px;border-right:1px solid var(--line)}
  .vcol:last-child{border-right:none;background:linear-gradient(180deg,#1a0f0f 0%,var(--panel) 100%)}
  .vcol h4{font-size:14px;text-transform:uppercase;letter-spacing:.1em;font-family:var(--mono);margin-bottom:14px;color:var(--mute)}
  .vcol:last-child h4{color:var(--red)}
  .vcol ul{list-style:none}
  .vcol li{font-size:14px;color:var(--mute);padding:8px 0 8px 22px;position:relative;border-top:1px solid var(--line)}
  .vcol li:first-child{border-top:none}
  .vcol li::before{position:absolute;left:0;font-family:var(--mono);font-weight:700}
  .vcol:first-child li::before{content:"×";color:var(--mute)}
  .vcol:last-child li::before{content:"✓";color:var(--signal)}
  .vcol:last-child li{color:var(--ink)}

  /* limitations */
  .limits{border-left:3px solid var(--amber);padding:20px 24px;background:var(--panel);font-size:14px;color:var(--mute);max-width:76ch}
  .limits b{color:var(--ink)}

  footer{padding:40px 0;color:var(--mute);font-size:13px;font-family:var(--mono)}
  footer .frow{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}

  /* responsive */
  @media (max-width:768px){
    .laws,.steps,.tiers{grid-template-columns:1fr}
    .plane{grid-template-columns:1fr}
    .part{border-right:none}
    .part:nth-last-child(-n+3){border-bottom:1px solid var(--line)}
    .part:last-child{border-bottom:none}
    .trustbar{grid-template-columns:repeat(2,1fr)}
    .tcell:nth-child(2){border-right:none}
    .tcell:nth-child(1),.tcell:nth-child(2){border-bottom:1px solid var(--line)}
    .versus{grid-template-columns:1fr}
    .vcol{border-right:none;border-bottom:1px solid var(--line)}
    .vcol:last-child{border-bottom:none}
    .law,.step{border-right:none;border-bottom:1px solid var(--line)}
    .law:last-child,.step:last-child{border-bottom:none}
    .grid{grid-template-columns:repeat(2,1fr)}
    .unit:nth-child(2){border-right:none}
    .unit:nth-child(1),.unit:nth-child(2){border-bottom:1px solid var(--line)}
  }
  @media (prefers-reduced-motion:reduce){
    .blink{animation:none}
  }
  /* ===== bleeding edge · shipped Microsoft Edge 150, Jul 2 2026 · progressive enhancement ===== */
  /* VISUAL 1 — headline auto-fits its box (CSS text-fit) */
  @supports (text-fit: consume-width){ .hero h1{ text-fit: consume-width; } }
  /* VISUAL 2 — true gradient borders (background-clip: border-area) */
  @supports (background-clip: border-area){
    .tier{ border:2px solid transparent;
      background:linear-gradient(var(--panel),var(--panel)) padding-box,
                 linear-gradient(155deg,var(--red),var(--signal)) border-box; }
  }
  /* VISUAL bonus — balanced flex wrapping (flex-wrap:balance) */
  .navlinks{flex-wrap:balance}
  /* UX 2 — customizable native <select> (appearance: base-select) */
  @supports (appearance: base-select){
    #tier{ appearance: base-select; background:var(--bg); border:1px solid var(--line); color:var(--ink); padding:12px; }
    #tier::picker(select){ appearance: base-select; border:1px solid var(--red); background:var(--panel); }
    #tier option{ padding:10px 12px; }
    #tier option:checked{ color:var(--red); }
  }
  /* live tools (Prompt API + Web Install + WebMCP + Popover) */
  #edge .edge-tools{display:flex;flex-direction:column;gap:16px;max-width:640px}
  .aibox{border:1px solid var(--line);background:#0d0d0d;padding:16px}
  .aibox textarea{width:100%;min-height:72px;background:#070707;border:1px solid var(--line);color:var(--ink);font-family:var(--disp);font-size:14px;padding:11px;margin-bottom:12px}
  .aibox .out{font-family:var(--mono);font-size:13px;color:var(--signal);white-space:pre-wrap;margin-top:12px;min-height:1em;line-height:1.6}
  .aibox .out .muted{color:var(--mute)}
  .edgebar{display:flex;gap:12px;flex-wrap:balance;align-items:center;font-family:var(--mono);font-size:12px;color:var(--mute);margin-top:4px}
  #installBtn{display:none}
  .hint-btn{font-family:var(--mono);font-size:11px;color:var(--amber);background:none;border:1px solid rgba(255,182,39,.45);padding:3px 9px;cursor:pointer;margin-left:6px}
  [popover]{border:1px solid var(--amber);background:#161006;color:var(--ink);padding:14px 16px;max-width:340px;font-size:13px;line-height:1.6}

/* ===== DeadlineSF pages (assessment, hubs, checklist) · 2026-09-29 ===== */
.page-hero{padding:40px 0 36px;border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(34px,6.5vw,68px)}
.pill{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--line);color:var(--mute)}
.pill.red{color:var(--red);border-color:var(--red)}.pill.amber{color:var(--amber);border-color:var(--amber)}.pill.green{color:var(--signal);border-color:var(--signal)}
.dtable{width:100%;border-collapse:collapse;border:1px solid var(--line);background:var(--panel);font-size:14px}
.dtable th,.dtable td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.dtable th{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:400}
.dtable td.d{font-family:var(--mono);color:var(--amber);white-space:nowrap}
.dtable td .m{color:var(--mute)}
.dtable a{color:var(--signal)}
.tl{list-style:none;border-left:2px solid var(--red);margin:8px 0 0 6px}
.tl li{padding:8px 0 8px 18px;position:relative;color:var(--mute);font-size:15px}
.tl li::before{content:"";position:absolute;left:-7px;top:15px;width:12px;height:12px;background:var(--bg);border:2px solid var(--red);border-radius:50%}
.tl li b{font-family:var(--mono);color:var(--ink);margin-right:10px}
.sources{font-size:13px;color:var(--mute);list-style:none}
.sources li{padding:4px 0}.sources a{color:var(--signal);word-break:break-word}
.notice{border-left:3px solid var(--amber);padding:14px 18px;background:var(--panel);font-size:13px;color:var(--mute);max-width:76ch;margin:20px 0}
.notice b{color:var(--ink)}
/* quiz */
.qz{border:1px solid var(--line);background:var(--panel);padding:28px;max-width:720px}
.qz .bar{height:4px;background:#1a1a1a;margin-bottom:20px}.qz .bar>i{display:block;height:100%;width:0;background:var(--red);transition:width .3s}
.qz .meta{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.qz fieldset{border:none}.qz legend{font-size:21px;font-weight:700;margin-bottom:6px}
.qz .hint{font-size:13px;color:var(--mute);margin-bottom:16px}.qz .hint a{color:var(--signal)}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.opt{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);background:#0d0d0d;cursor:pointer;font-size:14px;text-transform:none;letter-spacing:0;font-family:var(--disp);color:var(--ink);margin:0}
.opt:hover{border-color:var(--red)}
.opt input{width:auto;margin:0;box-shadow:none;transform:none!important;accent-color:var(--red)}
.opt:has(input:checked){border-color:var(--red);background:#1a0c0c}
.qnav{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}
.qnav .btn{cursor:pointer}
.qerr{font-family:var(--mono);font-size:12px;color:var(--red);min-height:1.2em;margin-top:10px}
.qstep[hidden],.pane[hidden]{display:none!important}
.preview{border:1px solid var(--red);background:linear-gradient(180deg,#1c0d0d,var(--panel) 70%);padding:24px;margin-bottom:20px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin:14px 0}
.kpi{padding:16px;border-right:1px solid var(--line)}.kpi:last-child{border-right:none}
.kpi .k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.kpi .v{font-family:var(--mono);font-weight:700;font-size:26px;margin-top:6px}
.kpi .v.High{color:var(--red)}.kpi .v.Elevated{color:var(--amber)}.kpi .v.Low{color:var(--signal)}
.gate{max-width:720px}
.gate .consent{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font-family:var(--disp);font-size:13px;color:var(--mute)}
.gate .consent input{width:auto;margin:3px 0 0;box-shadow:none;transform:none!important}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ob{border:1px solid var(--line);background:var(--panel);padding:18px;margin-bottom:10px}
.ob h4{font-size:16px;margin:6px 0}.ob p{font-size:14px;color:var(--mute)}.ob .f{font-family:var(--mono);font-size:12px;color:var(--amber);margin-top:6px}
.ob a{color:var(--signal);font-size:12px;font-family:var(--mono)}
.ctabox{border:1px solid var(--red);padding:20px;margin:20px 0;background:#140a0a}
.ctabox .btn{margin:6px 8px 0 0}
/* checklist */
.ck{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:20px}
.ck th,.ck td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.ck th{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:400}
.ck td.box{width:34px;text-align:center}.ck td.due{font-family:var(--mono);color:var(--amber);white-space:nowrap}.ck td.own{width:130px}
.ck caption{text-align:left;font-weight:800;text-transform:uppercase;font-size:18px;padding:10px 0}
@media (max-width:768px){.opts{grid-template-columns:1fr}.kpis{grid-template-columns:1fr}.kpi{border-right:none;border-bottom:1px solid var(--line)}.dtable td.d{white-space:normal}}
@media print{
  #water,.statusbar,nav,footer,.noprint,.page-hero .ctarow{display:none!important}
  html,body{background:#fff!important;color:#000!important}
  .site{color:#000}.reveal{opacity:1!important;transform:none!important}
  section{padding:12px 0;border:none}
  .ck th,.ck td{border:1px solid #999;color:#000}.ck td.due{color:#000}
  .notice,.limits{background:#fff;color:#333;border-color:#999}
  a{color:#000}
  h1,h2,h3,.lede,.notice b,.limits b,p.body,.ck caption{color:#000!important;text-shadow:none!important}
  .notice{color:#333!important}
}
.subnav{border-bottom:1px solid var(--line);background:rgba(5,5,8,.35);backdrop-filter:blur(8px)}
.subnav .wrap{display:flex;gap:22px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.subnav a{color:var(--mute);text-decoration:none}.subnav a:hover{color:var(--ink)}.subnav a[aria-current=page]{color:var(--red)}.subnav .k{color:var(--signal)}
@media print{.subnav{display:none!important}}