/* AI Rechtshulp Strafvordering-wijzer 1.0.0
 * Design read: interactieve wetsvergelijker voor burgers, advocaten en studenten; rustige
 * redactionele juridische taal van AI Rechtshulp (navy + rood accent); gesplitste oud/nieuw-
 * weergave geleend van Diffchecker, bronhiërarchie van de vuurwerkwijzer.
 * Motion read: een fade/lift van 180ms bij een nieuw resultaat maakt zichtbaar dat de
 * koppeling is gewisseld; geen andere beweging. Uit bij prefers-reduced-motion.
 */
body:has(.airsv-page) .bw-main-wrap{padding-left:0!important;padding-right:0!important}
body:has(.airsv-page) .bw-main{max-width:none!important;width:100%!important}
html body .entry-content>.airsv-page,.airsv-page{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}
.airsv-page{--sv-ink:#172c43;--sv-muted:#4f6275;--sv-line:#d8e1e7;--sv-tint:#f2f6f7;--sv-red:#a83a31;--sv-green:#13684f;--sv-navy:#0f2236;--sv-navy2:#16314c;--sv-hit:#fff4d6;--sv-font:var(--a-sans,Arial,sans-serif);--sv-mono:var(--a-mono,ui-monospace,monospace);font-family:var(--sv-font);color:var(--sv-ink);width:100%;margin:0;padding:0 0 56px;box-sizing:border-box}
.airsv-page *{box-sizing:border-box;min-width:0}
.airsv-wrap{max-width:1180px;width:calc(100% - 64px);margin:0 auto}
html body .airsv-page :is(h1,h2,h3,h4){font-family:var(--sv-font)!important;font-style:normal!important;color:var(--sv-ink);letter-spacing:-.025em;font-weight:750;line-height:1.15;overflow-wrap:anywhere;margin:0 0 12px}
html body .airsv-page p{font-size:16px;line-height:1.65;margin:0 0 14px;color:var(--sv-ink)}
html body .airsv-page a{color:var(--sv-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.airsv-kicker{font-family:var(--sv-mono);font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--sv-red)!important;font-weight:700;margin:0 0 10px!important}
.airsv-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Hero: donker vlak met de tool als app-venster */
.airsv-hero{background:var(--sv-navy);color:#fff;padding:56px 0 0;margin:0 0 64px}
.airsv-hero>.airsv-wrap>.airsv-kicker{color:#f2a49c!important}
html body .airsv-hero h1{color:#fff!important;font-size:clamp(32px,4.4vw,52px)!important;max-width:24ch;margin-bottom:18px}
html body .airsv-hero h1 span{color:#9fb6cc}
html body .airsv-hero p.airsv-lead{color:#d9e4ee;font-size:19px;max-width:62ch}
.airsv-meta{display:flex;flex-wrap:wrap;gap:8px 36px;margin:22px 0 30px!important;padding:0!important;list-style:none!important}
.airsv-meta li{font-size:14px;color:#b9c9d8}
.airsv-meta strong{display:block;font-size:26px;color:#fff;letter-spacing:-.02em}
.airsv-tool{padding-bottom:56px}
.airsv-window{background:#fff;border-radius:14px;box-shadow:0 24px 60px -24px rgba(0,0,0,.55);overflow:hidden;color:var(--sv-ink)}
.airsv-window__bar{display:flex;align-items:center;gap:7px;padding:11px 16px;background:#e9eef2;border-bottom:1px solid var(--sv-line)}
.airsv-window__bar i{width:11px;height:11px;border-radius:50%;background:#c9d3db}
.airsv-window__bar i:first-child{background:#e0786e}
.airsv-window__bar span{margin-left:10px;font-family:var(--sv-mono);font-size:12px;color:var(--sv-muted)}
.airsv-window__body{padding:28px 32px 32px}
.airsv-search label{display:block;font-weight:700;font-size:15px;margin-bottom:8px}
.airsv-search__row{display:flex;gap:10px}
.airsv-search input{flex:1;font:inherit;font-size:18px;padding:14px 16px;border:1.5px solid #9fb0bf;border-radius:8px;color:var(--sv-ink);background:#fff}
.airsv-search input:focus-visible,.airsv-page button:focus-visible{outline:3px solid #2f6db3;outline-offset:2px}
.airsv-search button[type=submit]{font:inherit;font-weight:700;font-size:16px;padding:0 24px;border:0;border-radius:8px;background:var(--sv-ink);color:#fff;cursor:pointer}
.airsv-search button[type=submit]:hover{background:#0b1a2a}
html body .airsv-page p.airsv-hint{font-size:14px;color:var(--sv-muted);margin:10px 0 12px}
.airsv-examples{display:flex;flex-wrap:wrap;gap:8px}
.airsv-examples button,.airsv-chip,.airsv-diffbtn{font:inherit;font-size:14px;padding:5px 11px;border-radius:999px;border:1px solid var(--sv-line);background:var(--sv-tint);color:var(--sv-ink);cursor:pointer;line-height:1.4}
.airsv-examples button:hover,.airsv-chip:hover,.airsv-diffbtn:hover{border-color:var(--sv-ink)}
.airsv-chip--n{background:#e7f2ee;border-color:#b9d9cd;color:#0e4f3c}
.airsv-chip--h{background:#f6ebe9;border-color:#e3c3be;color:#7c2a23}
.airsv-diffbtn{background:#fff;font-size:13px}

/* Resultaat */
.airsv-result{margin-top:26px;border-top:1px solid var(--sv-line);padding-top:24px;min-height:200px}
.airsv-result.is-in{animation:airsv-in 180ms cubic-bezier(.22,1,.36,1)}
@keyframes airsv-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.airsv-result.is-in{animation:none}}
.airsv-head h3{font-size:clamp(24px,3vw,32px)!important}
html body .airsv-page p.airsv-pad{font-size:13px;color:var(--sv-muted);margin:0 0 10px}
.airsv-flag{display:inline-block;font-size:14px!important;background:var(--sv-hit);padding:4px 10px;border-radius:4px}
.airsv-flag--new{background:#e7f2ee}
.airsv-cit{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;margin:6px 0 4px}
.airsv-cit p{margin:0!important}
.airsv-cit strong{font-size:22px}
.airsv-spark{margin:0;display:flex;align-items:center;gap:8px}
.airsv-spark svg{width:220px;height:36px;fill:#7d97ae}
.airsv-spark figcaption{font-size:12px;color:var(--sv-muted)}
html body .airsv-page .airsv-small{font-size:14px;color:var(--sv-muted)}
.airsv-note{background:var(--sv-tint);padding:10px 14px;border-radius:6px;font-size:15px!important}
.airsv-cols{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:18px}
.airsv-cols>section{padding:0 24px 0 0}
.airsv-cols>section+section{padding:0 0 0 24px;border-left:1px solid var(--sv-line)}
html body .airsv-page h4.airsv-col{font-size:13px!important;font-family:var(--sv-mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--sv-muted)!important;font-weight:700;margin-bottom:14px}
.airsv-lid{display:grid;grid-template-columns:28px 1fr;gap:4px;padding:6px 8px;margin:0 -8px 2px;border-radius:6px;transition:background-color 150ms ease}
.airsv-lid p{margin:0!important;font-size:15px!important;line-height:1.6!important}
.airsv-lid__nr{font-family:var(--sv-mono);font-size:13px;color:var(--sv-muted);padding-top:3px}
.airsv-lid.is-hit{background:var(--sv-hit)}
.airsv-pair{padding:4px 0 14px;border-bottom:1px solid #edf1f4;margin-bottom:10px}
.airsv-map{list-style:none;margin:6px 0 0 28px;padding:0}
.airsv-map li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 6px;font-size:14px}
.airsv-map li::before{content:"→";color:var(--sv-muted)}
.airsv-code{font-size:14px;color:var(--sv-muted)}
.airsv-diff{margin:8px 0 0 28px;padding:10px 12px;background:var(--sv-tint);border-radius:6px}
.airsv-diff p{font-size:15px!important}
.airsv-diff ins{background:#d7efe4;color:#0b4a36;text-decoration:underline;text-decoration-thickness:2px}
.airsv-diff del{background:#f7dcd8;color:#7c2a23}
.airsv-target{margin:0 0 18px}
.airsv-target h4{font-size:16px!important}
.airsv-empty p{color:var(--sv-muted)}
.airsv-hits{list-style:none;margin:0;padding:0}
.airsv-hits li{padding:10px 0;border-bottom:1px solid #edf1f4}
.airsv-hits p{margin:6px 0 0!important;font-size:15px!important;color:var(--sv-muted)!important}
.airsv-loading{color:var(--sv-muted)}

/* Secties onder de tool */
.airsv-section{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start;padding:56px 0;border-top:1px solid var(--sv-line)}
.airsv-section--flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.airsv-section--flip>:first-child{order:2}
html body .airsv-section h2,html body .airsv-list h2{font-size:clamp(26px,3.2vw,38px)!important}
.airsv-list{padding:56px 0;border-top:1px solid var(--sv-line)}
.airsv-list__head{max-width:68ch;margin-bottom:24px}
.airsv-bars{list-style:none;margin:0;padding:0;max-width:980px}
.airsv-bars button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:96px 1fr 70px 170px;gap:14px;align-items:center;width:100%;padding:8px 6px;border-radius:6px}
.airsv-bars button:hover{background:var(--sv-tint)}
.airsv-bars button:focus-visible{outline:3px solid #2f6db3}
.airsv-bars__nr{font-family:var(--sv-mono);font-weight:700}
.airsv-bars__bar{height:12px;background:#edf1f4;border-radius:3px;overflow:hidden}
.airsv-bars__bar i{display:block;height:100%;background:var(--sv-ink)}
.airsv-bars__n{text-align:right;font-variant-numeric:tabular-nums}
.airsv-bars__to{font-family:var(--sv-mono);font-size:13px;color:var(--sv-green)}
.airsv-boek{border-bottom:1px solid var(--sv-line);padding:12px 0}
.airsv-boek summary{cursor:pointer;font-weight:700;font-size:17px}
.airsv-boek summary span{font-weight:400;color:var(--sv-muted);margin-left:8px}
.airsv-boek p{margin-top:12px!important;display:flex;flex-wrap:wrap;gap:6px}
#vervalt>p{display:flex;flex-wrap:wrap;gap:6px}

/* Tijdlijn */
.airsv-time{list-style:none;margin:0;padding:0;border-left:2px solid var(--sv-line)}
.airsv-time li{position:relative;padding:0 0 22px 24px}
.airsv-time li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--sv-ink)}
.airsv-time li.is-done::before{background:var(--sv-ink)}
.airsv-time li.is-open::before{border-color:var(--sv-red)}
.airsv-time time{display:block;font-family:var(--sv-mono);font-size:13px;color:var(--sv-muted)}
.airsv-time p{margin:2px 0 0!important}

/* Wijzigingen per onderwerp */
.airsv-topics{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}
.airsv-topics h3{font-size:20px!important}
.airsv-topics p{font-size:15px!important}

/* Donkere CTA-band */
.airsv-cta{background:var(--sv-navy2);color:#fff;padding:56px 0;margin:56px 0 0}
html body .airsv-cta h2{color:#fff!important}
html body .airsv-cta p{color:#d9e4ee}
.airsv-cta a.airsv-btn{display:inline-block;background:#fff;color:var(--sv-ink)!important;text-decoration:none!important;font-weight:700;padding:13px 22px;border-radius:8px;margin-top:8px}

/* FAQ */
.airsv-faq details{border-bottom:1px solid var(--sv-line);padding:16px 0}
.airsv-faq summary{cursor:pointer;font-weight:700;font-size:18px}
.airsv-faq details p{margin-top:10px!important}
.airsv-sources li{font-size:15px;margin-bottom:6px}

@media (max-width:860px){
  .airsv-wrap{width:calc(100% - 32px)}
  .airsv-hero{padding-top:48px}
  .airsv-window__body{padding:20px 16px 22px}
  .airsv-search__row{flex-direction:column}
  .airsv-search button[type=submit]{padding:12px}
  .airsv-cols{grid-template-columns:1fr}
  .airsv-cols>section{padding:0}
  .airsv-cols>section+section{padding:20px 0 0;border-left:0;border-top:1px solid var(--sv-line);margin-top:12px}
  .airsv-section,.airsv-section--flip{grid-template-columns:1fr;gap:24px}
  .airsv-section--flip>:first-child{order:0}
  .airsv-bars button{grid-template-columns:76px 1fr 56px;gap:10px}
  .airsv-bars__to{grid-column:1/-1;padding-left:86px;margin-top:-4px}
  .airsv-topics{grid-template-columns:1fr}
  .airsv-map,.airsv-diff{margin-left:0}
}

/* 1.0.5: thema-kaders van details weg, lijsten als rustige tekstlinks, veranderingen als één kolom */
html body .airsv-page details{border:0!important;border-bottom:1px solid var(--sv-line)!important;border-radius:0!important;box-shadow:none!important;background:none!important;padding:14px 0!important;margin:0!important}
html body .airsv-page details summary{padding:0!important;background:none!important}
.airsv-list .airsv-chip{background:none;border:0;border-radius:0;padding:2px 10px 2px 0;font-family:var(--sv-mono);font-size:14px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#b9c6d2}
.airsv-list .airsv-chip:hover{text-decoration-color:currentColor}
.airsv-topics{grid-template-columns:1fr;gap:0}
.airsv-topics>div{padding:20px 0;border-top:1px solid var(--sv-line)}
.airsv-topics>div:first-child{border-top:0;padding-top:0}
.airsv-map li{display:block;line-height:2}
.airsv-map li::before{margin-right:6px}
.airsv-map li>*{margin-right:4px;vertical-align:baseline}
/* 1.1.0: letterlijke tabeltekst en omgekeerde verwijzingen */
.airsv-tabel{display:block;font-family:var(--sv-mono);font-size:12px;line-height:1.5;color:var(--sv-muted);margin:2px 0 0}
.airsv-tabel--let{font-family:var(--sv-font);font-size:13px;color:#7c4a00}
.airsv-rv{margin:6px 0 14px;padding:10px 0 0;border-top:1px dashed var(--sv-line)}
.airsv-rv p{margin:0 0 6px!important}
/* 1.4.0: artikelpagina's (art. 12 e.v.) */
.a12-chart{list-style:none!important;margin:0 0 16px!important;padding:0!important}
.a12-chart li{display:grid;grid-template-columns:48px 1fr 32px;gap:10px;align-items:center;padding:3px 0}
.a12-jaar,.a12-n{font-family:var(--sv-mono);font-size:13px;color:var(--sv-muted)}
.a12-n{text-align:right}
.a12-staaf{display:flex;height:14px;background:#f3f6f8;border-radius:2px;overflow:hidden}
.a12-staaf i,.a12-legenda i{display:block;height:100%}
.a12-staaf .is-bevel,.a12-legenda .is-bevel{background:var(--sv-red)}
.a12-staaf .is-geen,.a12-legenda .is-geen{background:var(--sv-ink)}
.a12-staaf .is-onb,.a12-legenda .is-onb{background:#b9c6d2}
.a12-legenda{list-style:none!important;padding:0!important;margin:14px 0 0!important;display:flex;flex-wrap:wrap;gap:6px 18px}
.a12-legenda li{display:flex;align-items:center;gap:8px;font-size:14px}
.a12-legenda i{width:14px;height:14px;border-radius:2px}
.a12-zakenlijst{list-style:none!important;padding:0!important;margin:0!important}
.a12-zakenlijst li{padding:12px 0;border-bottom:1px solid var(--sv-line)}
.a12-zakenlijst time{font-family:var(--sv-mono);font-size:13px;color:var(--sv-muted);margin-right:8px}
.a12-zakenlijst p{margin:4px 0 0!important;font-size:15px!important}
html body .airsv-page h2.a12-wijzerkop{font-size:clamp(22px,2.6vw,30px)!important;margin:48px 0 18px}
.airsv-page>.airsv-wrap>.airsv-tool{padding-bottom:24px}
/* 1.5.0: hero zonder tool krijgt ademruimte; sectiekop altijd links en meeschuivend (geen lege kolom) */
.airsv-hero:not(:has(.airsv-tool)){padding-bottom:40px}
.airsv-hero:not(:has(.airsv-tool)) .airsv-meta{margin-bottom:8px!important}
.airsv-section--flip>:first-child{order:0}
@media (min-width:861px){
  .airsv-section{grid-template-columns:minmax(0,4fr) minmax(0,7fr)!important}
  .airsv-section>div:first-child{position:sticky;top:96px;align-self:start}
}

/* 1.5.1 download-blok op de wijzerpagina */
.airsv-download{margin-top:28px;padding-top:22px;border-top:1px solid var(--sv-line,#dbe3ea)}
.airsv-download h3{margin:0 0 6px}
a.airsv-btn.airsv-btn--donker{display:inline-block;background:var(--sv-navy2);color:#fff!important;text-decoration:none!important;font-weight:700;padding:13px 22px;border-radius:8px;margin-top:6px}
a.airsv-btn.airsv-btn--donker:hover{filter:brightness(1.15)}
/* 1.5.2 artikel 94: tabel en stappen */
.a94-tabel{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px;border:0!important}
html body .airsv-page .a94-tabel th,html body .airsv-page .a94-tabel td{border:0!important;border-bottom:1px solid var(--sv-line)!important;background:none!important}
html body .airsv-page .a94-tabel th{border-bottom:1px solid var(--sv-ink)!important}
.a94-tabel th{text-align:left;font-family:var(--sv-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--sv-muted);font-weight:600;padding:0 10px 10px 0;border-bottom:1px solid var(--sv-ink)}
.a94-tabel td{padding:11px 10px 11px 0;border-bottom:1px solid var(--sv-line);vertical-align:top}
.a94-tabel td:not(:first-child),.a94-tabel th:not(:first-child){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.a94-stappen{list-style:none!important;counter-reset:a94;padding:0!important;margin:0 0 20px!important}
.a94-stappen li{counter-increment:a94;position:relative;padding:0 0 18px 44px;margin:0}
.a94-stappen li::before{content:counter(a94);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--sv-navy2);color:#fff;font:700 14px/28px var(--sv-mono);text-align:center}
@media (max-width:560px){.a94-tabel{font-size:14px}.a94-tabel th{font-size:11px;white-space:normal}.a94-tabel td:nth-child(3),.a94-tabel th:nth-child(3){display:none}}
