:root{--bg:#f5f7f8;--paper:#fff;--ink:#17202a;--muted:#52606d;--line:#d8dee4;--red:#b42318;--red-bg:#fff0ed;--amber:#9a5b00;--amber-bg:#fff7df;--blue:#155eef;--blue-bg:#eef4ff;--green:#067647;--green-bg:#ecfdf3;--purple:#6938ef;--shadow:0 12px 32px #17202a14}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font:17px/1.62 system-ui,-apple-system,"Segoe UI",sans-serif}
    a{color:#174ea6;text-underline-offset:3px}
    button{font:inherit;border:1px solid var(--line);border-radius:.65rem;padding:.65rem .9rem;background:var(--paper);color:var(--ink);cursor:pointer}
    button:hover{border-color:var(--blue)}
    button:focus-visible,a:focus-visible{outline:3px solid #84adff;outline-offset:3px}
    header{background:linear-gradient(135deg,#15202b,#263d52);color:#fff;padding:3.2rem 1rem 2.5rem}
    header .wrap{max-width:1080px;margin:auto}
    h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;margin:0 0 1rem;max-width:900px}
    h2{font-size:clamp(1.5rem,3vw,2.15rem);line-height:1.2;margin:0 0 1rem}
    h3{line-height:1.25;margin:.2rem 0 .5rem}
    .lead{font-size:1.15rem;max-width:820px;color:#dbe7f1}
    .toolbar{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.3rem}
    .toolbar button{background:#fff;color:#17202a}
    nav{position:sticky;top:0;z-index:10;background:#ffffffed;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);overflow:auto}
    nav div{max-width:1080px;margin:auto;display:flex;gap:1.1rem;padding:.8rem 1rem;white-space:nowrap}
    main{max-width:1080px;min-width:0;margin:auto;padding:1.4rem 1rem 4rem}
    section{margin:2.6rem 0;scroll-margin-top:5rem}
    .alert{border-left:7px solid var(--red);background:var(--red-bg);padding:1rem 1.2rem;border-radius:.6rem;margin:1.2rem 0;color:#7a271a}
    .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
    .card,figure,.moment{min-width:0}
    .card{background:var(--paper);border:1px solid var(--line);border-radius:1rem;padding:1.15rem;box-shadow:var(--shadow)}
    .card p:last-child{margin-bottom:0}
    .tag{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.05em;padding:.25rem .5rem;border-radius:99px}
    .sure{color:var(--red);background:var(--red-bg)} .likely{color:var(--purple);background:#f4f0ff} .other{color:var(--amber);background:var(--amber-bg)}
    .plain{box-shadow:none}
    .diagram{width:100%;height:auto;background:var(--paper);border:1px solid var(--line);border-radius:1rem}
    .diagram text{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;fill:var(--ink)}
    .diagram .box{fill:var(--paper);stroke:var(--line);stroke-width:2}
    .diagram .danger{fill:var(--red-bg);stroke:var(--red);stroke-width:3}
    .diagram .help{fill:var(--green-bg);stroke:var(--green);stroke-width:3}
    figure{margin:1.3rem 0 2.3rem;background:var(--paper);border:1px solid var(--line);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow)}
    figure img{display:block;width:100%;height:auto}
    figcaption{padding:1rem 1.2rem}
    .media{position:relative;background:#111}
    .media svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
    .media .red{stroke:#ff2d20;fill:none;stroke-width:18;vector-effect:non-scaling-stroke}
    .media .blue{stroke:#2e90fa;fill:none;stroke-width:16;vector-effect:non-scaling-stroke}
    .media .amber{stroke:#f79009;fill:none;stroke-width:18;vector-effect:non-scaling-stroke}
    .media .gray{stroke:#e4e7ec;fill:#10182866;stroke-width:10;stroke-dasharray:36 24;vector-effect:non-scaling-stroke}
    .media text{font:bold 190px system-ui;paint-order:stroke;stroke:#fff;stroke-width:26px}
    .legend{display:grid;gap:.55rem;margin-top:.8rem}
    .legend div{display:flex;gap:.7rem;align-items:flex-start}
    .num{flex:0 0 2rem;height:2rem;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;background:var(--blue)}
    .num.red{background:var(--red)} .num.amber{background:var(--amber)} .num.gray{background:#475467}
    .timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
    .moment{background:var(--paper);border:1px solid var(--line);border-radius:1rem;overflow:hidden}
    .moment img{width:100%;aspect-ratio:9/16;object-fit:cover;display:block}
    .moment div{padding:1rem}
    .time{font-weight:800;color:var(--blue)}
    .two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
    .do{border-top:6px solid var(--green)} .mechanic{border-top:6px solid var(--blue)} .never{border-top:6px solid var(--red)}
    .steps{counter-reset:step;display:grid;gap:.8rem}
    .step{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:.8rem;padding:1rem 1rem 1rem 4rem}
    .step:before{counter-increment:step;content:counter(step);position:absolute;left:1rem;top:1rem;width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800}
    table{width:100%;border-collapse:collapse;background:var(--paper)}
    h1,h2,h3,p,li,th,td,blockquote{overflow-wrap:anywhere}
    th,td{text-align:left;vertical-align:top;padding:.75rem;border-bottom:1px solid var(--line)}
    th{background:var(--blue-bg)}
    blockquote{margin:0;background:#101828;color:#f2f4f7;border-radius:1rem;padding:1.25rem;white-space:pre-line}
    details{background:var(--paper);border:1px solid var(--line);border-radius:.8rem;padding:.8rem 1rem;margin:.7rem 0}
    summary{font-weight:750;cursor:pointer}
    .small{font-size:.92rem;color:var(--muted)}
    footer{border-top:1px solid var(--line);padding:2rem 1rem;color:var(--muted)}
    footer div{max-width:1080px;margin:auto}
    @media(max-width:760px){.grid,.timeline,.two{grid-template-columns:1fr}nav{position:static}body{font-size:16px}header{padding-top:2.2rem}.card{box-shadow:none}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
    @media print{nav,.toolbar,.no-print{display:none!important}body{background:#fff;color:#000;font-size:11pt}.card,.moment,figure{box-shadow:none;break-inside:avoid}figure{margin:.6rem 0 1rem}figcaption{padding:.55rem .75rem}figure img,.diagram{max-height:5.4in;object-fit:contain}header{background:#fff;color:#000;padding:1rem 0}.lead{color:#333}main{max-width:none}a{color:#000;text-decoration:none}}
    .summary-box{padding:1.3rem;border-left:6px solid var(--blue);background:var(--blue-bg);border-radius:.6rem}
    .source{font-size:.9rem;color:var(--muted)}
    .evidence-photo{max-height:640px;object-fit:contain;background:#fff}
    .audit-table td:first-child{width:23%}
    @media(max-width:620px){.audit-table thead{display:none}.audit-table tr{display:block;border:1px solid var(--line);margin:.8rem 0}.audit-table td{display:block;border:0;width:auto!important}.audit-table td:first-child{font-weight:700;background:var(--blue-bg)}}
