*{box-sizing:border-box}
:root{--inkt:#242425;--wit:#f7f4ec;--oranje:#f8a652;--lijn:#bcb6aa;--kop:"Arial Black","Arial Bold",system-ui,sans-serif}
body{margin:0;background:var(--wit);color:var(--inkt);font:1.03rem/1.6 "Segoe UI",system-ui,sans-serif}
a{color:inherit;text-underline-offset:.21em}
:focus-visible{outline:3px solid #974400;outline-offset:4px}
.skip{position:absolute;top:.5rem;left:.5rem;background:var(--wit);padding:.4rem .8rem;z-index:2}
.skip:not(:focus){clip-path:inset(50%)}
.rand{padding-inline:max(5vw,calc((100vw - 1210px)/2))}
header,footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.65rem 2rem;padding-block:.85rem;background:var(--inkt);color:var(--wit)}
header :focus-visible,footer :focus-visible,.reparatie :focus-visible{outline-color:var(--oranje)}
.merk{display:flex;align-items:center;gap:.55rem;font:800 1.35rem var(--kop);letter-spacing:-.05em;text-decoration:none}
header nav{display:flex;flex-wrap:wrap;gap:.55rem 1.4rem}
header nav a{font-size:.91rem}
.omslag{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding-block:clamp(2.6rem,6.5vw,5.5rem);background:var(--oranje);border-bottom:5px solid var(--inkt)}
h1,h2,h3{font-family:var(--kop);font-weight:900;line-height:1.02;letter-spacing:-.065em;margin:0 0 .4em}
h1{font-size:clamp(3.4rem,8.3vw,8.2rem)}
h2{font-size:clamp(2.05rem,4.3vw,4.1rem)}
h3{font-size:1.3rem;letter-spacing:-.04em}
.omslag p{max-width:37ch}
.bladnummer{font-family:Consolas,monospace;font-size:.9rem;font-weight:bold;margin:0 0 .85rem}
.knop{display:inline-block;background:var(--inkt);color:var(--wit);border:2px solid var(--inkt);padding:.65rem .95rem;text-decoration:none;font-weight:bold}
.knop:hover{background:var(--wit);color:var(--inkt)}
figure{margin:0}
figure img{display:block;width:100%;height:auto}
figcaption{margin:.45rem 0 0;font: .84rem/1.45 Consolas,monospace}
.controle,.reparatie,.vragen{padding-block:clamp(2.8rem,6vw,5.4rem)}
.controle ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin:1.6rem 0 0;padding:0}
.controle li{border-top:3px solid var(--inkt);padding:.9rem 0 0}
.controle li p{margin:0;max-width:37ch}
.reparatie{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,6vw,6rem);background:var(--inkt);color:var(--wit)}
.reparatie .bladnummer{color:var(--oranje)}
aside{border-left:4px solid var(--oranje);padding:0 0 0 1rem;margin:2rem 0 0;max-width:34ch}
aside p{margin:0}
.reparatie ol{margin:0;padding:0 0 0 2.6rem;counter-reset:step;list-style:none}
.reparatie li{position:relative;counter-increment:step;padding:0 0 .9rem;border-bottom:1px solid #6a6461;margin-bottom:1.1rem}
.reparatie li:before{content:counter(step,decimal-leading-zero);position:absolute;top:0;right:calc(100% + .65rem);font:700 1.18rem Consolas,monospace;color:var(--oranje)}
.reparatie li p{margin:0;max-width:63ch}
.vragen{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem clamp(1.5rem,6vw,6rem)}
details{border-top:1px solid var(--lijn);padding:.75rem .1rem}
details:last-of-type{border-bottom:1px solid var(--lijn)}
summary{cursor:pointer;font-weight:700;padding:.2rem}
details p{padding-left:1rem;margin:.45rem 0 0}
.bron{font-size:.9rem}
@media(max-width:760px){.omslag,.reparatie,.vragen,.controle ul{grid-template-columns:1fr}.omslag figure{max-width:30rem}.controle ul{gap:1rem}}
@media(max-width:370px){h1{font-size:3rem}}