/* Sectie "IT en netwerk" (inc/content/systeem-it.php): op de systeempagina én op ontworpen pagina's zoals Okti.
   Los bestand, zodat de sectie overal dezelfde opmaak krijgt; het laadt mee zodra de sectie op de pagina staat. */
.v .sys2--it{padding:88px 0;background:var(--ice);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.v .sys2 + .sys2--it{padding-top:88px}
.v .sys2--it .wrap{display:block}
.v .sys2--it h2{font-family:var(--cond);font-weight:700;font-size:40px;line-height:1;color:var(--navy);margin:0 0 14px}
.v .sys2--it .syit-t{font-size:17px;line-height:1.55;color:var(--slate);margin:0 0 32px;max-width:40em}
.v .sys2--it dl{margin:0;max-width:960px;border-top:2px solid var(--navy);background:#FFFFFF}
.v .sys2--it dl > div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px 32px;padding:16px 24px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.5}
.v .sys2--it dt{margin:0;color:var(--slate);font-weight:700}
.v .sys2--it dd{margin:0;color:var(--navy);font-weight:400;overflow-wrap:anywhere}
.v .sys2--it dd a{color:var(--blue)}
.v .sys2--it .syit-box{margin:28px 0 0;max-width:960px;padding:22px 24px;background:#FFFFFF;border:1px solid var(--line);border-left:4px solid var(--blue)}
.v .sys2--it .syit-c{margin:0;font-size:16px;line-height:1.5;color:var(--navy)}
.v .sys2--it .syit-c b{display:block;font-size:19px;margin-bottom:2px}
.v .sys2--it .syit-box .go2{display:inline-block;margin-top:14px}
@media (max-width:900px){
.v .sys2--it,.v .sys2 + .sys2--it{padding:56px 0}
.v .sys2--it h2{font-size:32px}
.v .sys2--it .syit-t{font-size:16px;margin-bottom:24px}
.v .sys2--it dl > div{grid-template-columns:minmax(0,1fr);gap:2px;padding:14px 16px}
.v .sys2--it .syit-box{padding:16px}
}