/* N2 第1批 · 安保 3 站共用样式（纯前端，无外部资源） */
:root{--ink:#101828;--muted:#4a5568;--line:#dde3ec;--bg:#f6f8fc;--card:#fff;
--brand:#0b3d91;--accent:#0e7490;--ok:#0f7a3d;--warn:#a16207;--err:#b42318;--radius:12px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);
font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:3px solid #0b63d6;outline-offset:2px}
.skip{position:absolute;left:-9999px}
.skip:focus{position:static;display:inline-block;margin:8px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:8px}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
header.site{background:var(--brand);color:#fff}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:#fff}
.brand .mark{width:30px;height:30px;border-radius:8px;background:#fff;color:var(--brand);
display:grid;place-items:center;font-size:17px}
nav.lang a{color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:999px;
padding:5px 12px;font-size:14px;margin-left:6px}
nav.lang a[aria-current="true"]{background:#fff;color:var(--brand);font-weight:600}
.hero{padding:34px 0 10px}
.hero h1{margin:0 0 8px;font-size:clamp(24px,4vw,34px);line-height:1.2;letter-spacing:-.01em}
.hero p{margin:0;color:var(--muted);max-width:62ch}
main{padding-bottom:40px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
padding:18px;margin:18px 0;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.card h2{margin:0 0 6px;font-size:19px}
.card h3{margin:18px 0 6px;font-size:16px}
.hint{color:var(--muted);font-size:14px;margin:0 0 12px}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}
input[type=text],input[type=number],input[type=date],input[type=time],select,textarea{
width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff;color:var(--ink)}
textarea{min-height:90px;resize:vertical}
input[type=checkbox]{width:18px;height:18px;vertical-align:-3px}
button{min-height:44px;padding:10px 16px;border-radius:10px;border:1px solid var(--line);
background:#fff;color:var(--ink);font:inherit;cursor:pointer}
button.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}
button.ghost{background:transparent}
button:hover{filter:brightness(.97)}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.row>*{flex:0 0 auto}
table{width:100%;border-collapse:collapse;margin-top:10px;font-size:15px}
th,td{border-bottom:1px solid var(--line);padding:9px 8px;text-align:left;vertical-align:top}
th{font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
tfoot td{font-weight:700;border-bottom:none}
.total{display:flex;justify-content:space-between;gap:12px;font-size:18px;font-weight:700;
padding:12px 0 0;border-top:2px solid var(--ink);margin-top:8px}
.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;
background:#eef2f8;color:var(--muted)}
.pill.a{background:#fef3c7;color:#92400e}
.pill.b{background:#dbeafe;color:#1e40af}
.pill.c{background:#fee2e2;color:#991b1b}
.pill.d{background:#dcfce7;color:#166534}
.note{font-size:13px;color:var(--muted)}
.warn{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 12px;font-size:14px}
.err{color:var(--err);font-size:14px;min-height:20px}
details{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:10px 0;background:#fff}
summary{cursor:pointer;font-weight:600}
.printonly{display:none}
footer.site{border-top:1px solid var(--line);background:#fff;padding:22px 0;color:var(--muted);font-size:14px}
footer.site a{color:var(--brand)}
.svt-suite{border-top:1px solid var(--line);background:#fff;padding:20px 0}
.svt-suite ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.svt-h{font-weight:700;margin:0}
@media (max-width:640px){.hero{padding:22px 0 6px}.card{padding:14px}
table{font-size:14px}th,td{padding:7px 5px}.row>*{flex:1 1 100%}button{width:100%}}
@media print{header.site,nav.lang,.noprint,footer.site,.svt-suite{display:none!important}
body{background:#fff}.card{border:none;box-shadow:none;padding:0;margin:0}
.printonly{display:block}.wrap{max-width:none}}

/* Kleine schermen: brede uitslagtabel mag horizontaal scrollen i.p.v. de pagina te laten overlopen */
@media (max-width:640px){
  .card table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .card table thead,.card table tbody,.card table tfoot{display:table;width:100%;min-width:430px}
}