/* AI Rechtshulp: visuele componenten artikelpagina's (bij air-strafvordering.css). */
.airsv-page{--sv-ease:cubic-bezier(.2,.7,.2,1)}
.is-veroordeling{--c:#172c43}.is-vrijspraak{--c:#13684f}.is-ontslag{--c:#4f9b85}.is-omno{--c:#c08a2e}
.is-termijn{--c:#a83a31}.is-vergoeding{--c:#7d93a8}.is-overig{--c:#b9c6d2}.is-terloops{--c:#e3e9ee}

/* Waffle */
.airsv-waffle{margin:6px 0 0}
.airsv-waffle__grid{display:grid;grid-template-columns:repeat(31,1fr);gap:3px;max-width:100%}
.airsv-waffle__v{display:block;aspect-ratio:1;border-radius:2px;background:var(--c);opacity:0;transform:scale(.4);transition:opacity .35s var(--sv-ease) var(--d),transform .35s var(--sv-ease) var(--d),filter .2s}
.airsv-waffle.is-in .airsv-waffle__v{opacity:1;transform:none}
.airsv-waffle__grid[data-focus]:not([data-focus=""]) .airsv-waffle__v{opacity:.14;transition-delay:0s}
.airsv-waffle__grid[data-focus="veroordeling"] .airsv-waffle__v.is-veroordeling,.airsv-waffle__grid[data-focus="vrijspraak"] .airsv-waffle__v.is-vrijspraak,
.airsv-waffle__grid[data-focus="ontslag"] .airsv-waffle__v.is-ontslag,.airsv-waffle__grid[data-focus="omno"] .airsv-waffle__v.is-omno,
.airsv-waffle__grid[data-focus="termijn"] .airsv-waffle__v.is-termijn,.airsv-waffle__grid[data-focus="vergoeding"] .airsv-waffle__v.is-vergoeding,
.airsv-waffle__grid[data-focus="overig"] .airsv-waffle__v.is-overig,.airsv-waffle__grid[data-focus="terloops"] .airsv-waffle__v.is-terloops{opacity:1;filter:brightness(.8)}
.airsv-waffle__leg{display:flex;flex-wrap:wrap;gap:6px 8px;margin:16px 0 0}
.airsv-waffle__btn{font:inherit;font-size:14px;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;border:1px solid var(--sv-line);background:#fff;color:var(--sv-ink);cursor:pointer;transition:background .2s,border-color .2s}
.airsv-waffle__btn strong{font-variant-numeric:tabular-nums}
.airsv-waffle__btn[aria-pressed="true"]{border-color:var(--sv-ink);background:var(--sv-tint)}
.airsv-waffle__btn:focus-visible{outline:2px solid var(--sv-ink);outline-offset:2px}
.airsv-waffle__sw{width:12px;height:12px;border-radius:2px;background:var(--c);display:block}
@media (max-width:700px){.airsv-waffle__grid{grid-template-columns:repeat(21,1fr);gap:2px}}

/* Grote cijferrij */
.airsv-cijfers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--sv-line);border-bottom:1px solid var(--sv-line);margin:26px 0}
.airsv-cijfers>div{padding:18px 16px 16px 0}
.airsv-cijfers strong{display:block;font-size:clamp(34px,4.4vw,52px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--c,var(--sv-ink))}
.airsv-cijfers span{display:block;margin-top:8px;font-size:14px;color:var(--sv-muted);line-height:1.35}
@media (max-width:700px){.airsv-cijfers{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Route-schakelaar */
.airsv-route__tabs{position:relative;display:inline-flex;gap:0;padding:4px;border-radius:999px;background:var(--sv-tint);margin:0 0 22px;max-width:100%;overflow-x:auto}
.airsv-route__tabs button{position:relative;z-index:1;font:inherit;font-size:15px;font-weight:600;padding:9px 18px;border:0;border-radius:999px;background:none;color:var(--sv-muted);cursor:pointer;white-space:nowrap;transition:color .2s}
.airsv-route__tabs button[aria-selected="true"]{color:#fff}
.airsv-route__tabs button:focus-visible{outline:2px solid var(--sv-ink);outline-offset:2px}
.airsv-route__balk{position:absolute;z-index:0;top:4px;left:0;height:calc(100% - 8px);border-radius:999px;background:var(--sv-ink);transition:transform .28s var(--sv-ease),width .28s var(--sv-ease)}
.airsv-route__paneel{animation:airsv-in .28s var(--sv-ease)}
@keyframes airsv-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.airsv-flow{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:0}
.airsv-flow li{position:relative;padding:16px 26px 16px 0;margin:0}
.airsv-flow li::before{content:"";display:block;height:3px;background:var(--sv-ink);margin:0 0 14px;border-radius:2px}
.airsv-flow li:not(:last-child)::after{content:"";position:absolute;top:10px;right:10px;width:9px;height:9px;border-top:3px solid var(--sv-ink);border-right:3px solid var(--sv-ink);transform:rotate(45deg)}
.airsv-flow li.is-eind::before{background:var(--sv-red)}
.airsv-flow h3{font-size:18px!important;margin:0 0 6px!important}
.airsv-flow p{font-size:15px!important;margin:0!important;color:var(--sv-muted)}
.airsv-flow .airsv-flow__tal{display:block;margin-top:10px;font-size:14px;color:var(--sv-ink)}
@media (max-width:700px){.airsv-flow{grid-template-columns:1fr}.airsv-flow li{padding:14px 0 14px 22px}.airsv-flow li::before{position:absolute;left:0;top:14px;bottom:0;width:3px;height:auto;margin:0}.airsv-flow li:not(:last-child)::after{display:none}}

/* Termijn-rekenhulp */
.airsv-termijn{background:#fff;color:var(--sv-ink);border-radius:12px;padding:22px 22px 18px;margin:28px 0 0;max-width:760px;box-shadow:0 18px 40px -24px rgba(0,0,0,.55)}
.airsv-termijn__titel{font-size:13px;font-family:var(--sv-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sv-red);margin:0 0 12px!important}
.airsv-termijn__velden{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;align-items:end}
.airsv-termijn label{display:block;font-size:14px;font-weight:600;margin:0 0 6px}
.airsv-termijn input[type=date]{font:inherit;width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #b9c6d2;border-radius:8px;color:var(--sv-ink);background:#fff}
.airsv-termijn input[type=date]:focus{outline:2px solid var(--sv-ink);outline-offset:1px}
.airsv-termijn__check{display:flex!important;gap:8px;align-items:flex-start;font-weight:500!important;font-size:14px!important;line-height:1.4}
.airsv-termijn__check input{margin-top:3px}
.airsv-termijn__extra{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:12px 0 0}
.airsv-termijn__extra[hidden]{display:none}
.airsv-termijn__uit{margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--sv-line)}
.airsv-termijn__uit.is-nieuw{animation:airsv-in .28s var(--sv-ease)}
.airsv-termijn__leeg{color:var(--sv-muted);margin:0!important;font-size:15px}
.airsv-termijn__kop{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0 0 14px!important}
.airsv-termijn__kop strong{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.02em;line-height:1}
.airsv-termijn__uit[data-state="krap"] .airsv-termijn__kop strong{color:#b86e00}
.airsv-termijn__uit[data-state="voorbij"] .airsv-termijn__kop strong{color:var(--sv-red)}
.airsv-termijn__kop span{font-size:15px;color:var(--sv-muted)}
.airsv-termijn__lijn{position:relative;height:10px;border-radius:999px;background:#e3e9ee;margin:34px 0 30px}
.airsv-termijn__vul{position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:999px;background:var(--sv-ink);transition:width .45s var(--sv-ease)}
.airsv-termijn__uit[data-state="voorbij"] .airsv-termijn__vul{background:var(--sv-red)}
.airsv-termijn__nu{position:absolute;top:-6px;width:3px;height:22px;margin-left:-1px;background:var(--sv-red);border-radius:2px;transition:left .45s var(--sv-ease)}
.airsv-termijn__nu::after{content:attr(data-label);position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:11px;font-family:var(--sv-mono);color:var(--sv-red);white-space:nowrap}
.airsv-termijn__a,.airsv-termijn__b{position:absolute;top:16px;font-size:12px;font-family:var(--sv-mono);color:var(--sv-muted)}
.airsv-termijn__a{left:0}.airsv-termijn__b{right:0}
.airsv-termijn__regels{list-style:none!important;margin:0!important;padding:0!important}
.airsv-termijn__regels li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sv-line);font-size:14px;margin:0}
.airsv-termijn__regels li.is-nvt{color:var(--sv-muted)}
.airsv-termijn__regels strong{white-space:nowrap}
.airsv-termijn__let{font-size:13px!important;color:var(--sv-muted);margin:12px 0 0!important}
@media (max-width:600px){.airsv-termijn{padding:18px 16px 14px}.airsv-termijn__velden,.airsv-termijn__extra{grid-template-columns:1fr}.airsv-termijn__regels li{flex-direction:column;gap:2px}}

/* Nu en straks */
.airsv-straks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border-top:1px solid var(--sv-ink)}
.airsv-straks>div{padding:14px 18px 14px 0;border-bottom:1px solid var(--sv-line)}
.airsv-straks .airsv-straks__k{font-family:var(--sv-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sv-muted);padding-top:12px}
.airsv-straks p{margin:0!important;font-size:15px!important}
.airsv-straks .is-anders{position:relative}
.airsv-straks .is-anders::before{content:"anders";position:absolute;top:-2px;right:0;font-size:11px;font-family:var(--sv-mono);color:#fff;background:var(--sv-red);padding:2px 6px;border-radius:999px}
@media (max-width:700px){.airsv-straks{grid-template-columns:1fr}.airsv-straks .airsv-straks__k:nth-child(2){display:none}}

/* Uitklapbare werkwijze */
.airsv-methode{margin:18px 0 0;border-top:1px solid var(--sv-line)}
html body .airsv-page .airsv-methode summary{cursor:pointer;padding:12px 0!important;justify-content:flex-start!important;font-weight:600;font-size:15px;list-style:none;display:flex!important;justify-content:space-between!important;align-items:center;text-align:left}
.airsv-methode summary::-webkit-details-marker{display:none}
.airsv-methode p{font-size:15px!important;color:var(--sv-muted)}

@media (prefers-reduced-motion:reduce){
 .airsv-waffle__v{opacity:1;transform:none;transition:none}
 .airsv-route__balk,.airsv-termijn__vul,.airsv-termijn__nu{transition:none}
 .airsv-route__paneel,.airsv-termijn__uit.is-nieuw{animation:none}
}
.airsv-blok{padding:56px 0 8px;border-top:1px solid var(--sv-line)}
.airsv-blok:first-child{border-top:0}
.airsv-blok>h2{max-width:22ch}
.airsv-cijfers--klein strong{font-size:clamp(26px,3vw,36px)}
.airsv-hero .airsv-termijn{margin-top:26px}
@media (max-width:600px){.airsv-route__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;box-sizing:border-box}.airsv-route__tabs button{padding:9px 4px;font-size:14px;white-space:normal;line-height:1.2}}
.airsv-termijn__vol{grid-column:1/-1}
.airsv-termijn__uit[data-state="voorlopig"] .airsv-termijn__kop strong{color:#b86e00}
/* Staafjes */
.airsv-bars{list-style:none!important;margin:8px 0 0!important;padding:0!important}
.airsv-bars li{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr) 5.5rem;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid var(--sv-line);margin:0}
.airsv-bars__l{font-size:15px;line-height:1.3}
.airsv-bars__b{height:14px;background:#eef2f5;border-radius:3px;overflow:hidden}
.airsv-bars__b i{display:block;height:100%;width:0;background:var(--c);border-radius:3px;transition:width .7s var(--sv-ease) var(--d)}
.airsv-bars.is-in .airsv-bars__b i,.is-in>.airsv-bars .airsv-bars__b i{width:var(--w)}
.airsv-bars__r{text-align:right;font-variant-numeric:tabular-nums;font-size:15px}
@media (max-width:600px){.airsv-bars li{grid-template-columns:1fr 4.5rem;gap:4px 10px}.airsv-bars__l{grid-column:1/-1}}
/* Citaatkaarten zonder kader: grote tekst met rode lijn */
.airsv-citaten{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin:28px 0 0}
.airsv-citaat{margin:0;padding:0 0 0 18px;border-left:3px solid var(--sv-red)}
.airsv-citaat p{font-size:clamp(18px,1.9vw,22px)!important;line-height:1.4;font-weight:600;color:var(--sv-ink);margin:0 0 10px!important}
.airsv-citaat footer{font-size:14px;color:var(--sv-muted)}
@media (max-width:700px){.airsv-citaten{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.airsv-bars__b i{transition:none;width:var(--w)}}
.airsv-cijfers--hero{border-color:rgba(255,255,255,.18)}.airsv-hero .airsv-cijfers strong{color:#fff}.airsv-hero .airsv-cijfers .is-termijn strong{color:#f2a49c}.airsv-hero .airsv-cijfers span{color:#b9c9d8}
html body .airsv-page blockquote.airsv-citaat{background:none!important;border:0!important;border-left:3px solid var(--sv-red)!important;border-radius:0!important;padding:0 0 0 18px!important;margin:0!important;font-style:normal!important;box-shadow:none!important}
html body .airsv-page blockquote.airsv-citaat p{font-style:normal!important}
html body .airsv-page blockquote.airsv-citaat footer{font-style:normal!important}
/* Ophouden-tijdbalk */
.airsv-ophoud__lijn{position:relative;height:14px;border-radius:4px;background:var(--sv-ink);margin:34px 0 30px;overflow:visible}
.airsv-ophoud__nacht{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,#dfe6ec 0 5px,#c9d3dc 5px 10px);border-radius:2px}
.airsv-ophoud__m{position:absolute;top:-6px;width:3px;height:26px;margin-left:-1px;background:var(--sv-red);border-radius:2px}
.airsv-ophoud__m::after{content:attr(data-label);position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:11px;font-family:var(--sv-mono);color:var(--sv-red);white-space:nowrap}
.airsv-ophoud__keuze{display:flex;flex-wrap:wrap;gap:6px 16px;margin:6px 0 0}
.airsv-ophoud__keuze label{display:flex!important;gap:6px;align-items:center;font-weight:500!important;font-size:14px!important;margin:0!important}
.airsv-termijn input[type=datetime-local]{font:inherit;width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #b9c6d2;border-radius:8px;color:var(--sv-ink);background:#fff}
.airsv-termijn__lbl{display:block;font-size:14px;font-weight:600;margin:0 0 6px}.airsv-waffle--groot .airsv-waffle__grid{grid-template-columns:repeat(19,1fr);max-width:640px;gap:5px}@media (max-width:700px){.airsv-waffle--groot .airsv-waffle__grid{grid-template-columns:repeat(11,1fr)}}
.airsv-waffle__btn{text-align:left}
.airsv-termijn__regels strong{white-space:normal;text-align:right}
.airsv-bars__r{white-space:nowrap}@media (max-width:600px){.airsv-bars li{grid-template-columns:minmax(0,1fr) auto}.airsv-bars__r{font-size:14px}}
/* Fasenbalk voorarrest */
.airsv-fasen{list-style:none!important;margin:10px 0 0!important;padding:0!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;counter-reset:f}
.airsv-fasen li{position:relative;margin:0;padding:22px 14px 0 0}
.airsv-fasen li::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:#e3e9ee;border-radius:3px}
.airsv-fasen li::after{content:"";position:absolute;top:0;left:0;height:6px;width:0;background:var(--c,var(--sv-ink));border-radius:3px;transition:width .5s var(--sv-ease) var(--d,0s)}
.airsv-fasen.is-in li::after{width:calc(100% - 4px)}
.airsv-fasen strong{display:block;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em;line-height:1.05}
.airsv-fasen h3{font-size:16px!important;margin:6px 0 4px!important}
.airsv-fasen p{font-size:14px!important;color:var(--sv-muted);margin:0!important}
@media (max-width:760px){.airsv-fasen{grid-template-columns:1fr 1fr;gap:18px 0}}
@media (prefers-reduced-motion:reduce){.airsv-fasen li::after{transition:none;width:calc(100% - 4px)}}
.airsv-cijfers--twee{grid-template-columns:repeat(2,minmax(0,1fr))}.airsv-paneel-tekst{max-width:760px}.airsv-paneel-tekst h3{font-size:20px!important;margin:0 0 8px!important}
@media (max-width:600px){.airsv-route__tabs{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.airsv-route__tabs button{font-size:13px;padding:9px 2px}}