/* Reparaties: aanvulling op ilko.css, uit de canvas (Reparaties.dc.html). De planner zelf is de echte RepairPlugin-widget; die krijgt zijn opmaak uit repairplugin-ilko.css. */
/* ===== PAGINA: Reparaties ===== */
/* intro */
.pg-rep .rp-intro{padding-top:56px}
.pg-rep .rp-intro-in{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:24px 48px;align-items:end}
.pg-rep .rp-h1{margin:0;font-size:92px;line-height:.9;letter-spacing:-.05em;text-wrap:balance}
.pg-rep .rp-lead{margin:0;max-width:46ch}
.pg-rep .rp-open{margin:20px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;font-size:15px;font-weight:500;line-height:1.4}
.pg-rep .rp-open .tl{font-size:15px;margin-left:10px}





.pg-rep .rp-ta{height:auto;min-height:96px;padding:13px 16px;resize:vertical}

.pg-rep .rp-radio{width:20px;height:20px;margin-top:2px;border-radius:50%;flex:none;background:var(--paper);box-shadow:inset 0 0 0 1.5px rgba(17,17,17,.36);transition:box-shadow .2s}







/* wat je krijgt */
.pg-rep .rp-bel .bel{margin-top:40px}
.pg-rep .rp-bel .bel-r{grid-template-columns:170px minmax(0,1fr)}

/* tablets, laptops, consoles: donkere band */
.pg-rep .rp-dev{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.pg-rep .rp-dev li{border-top:1px solid rgba(255,255,255,.16);padding-top:28px;display:flex;flex-direction:column;align-items:flex-start}
.pg-rep .rp-dev-ic{width:48px;height:48px;border-radius:var(--r-s);background:rgba(255,255,255,.08);color:var(--paper);display:grid;place-items:center;margin-bottom:20px}
.pg-rep .rp-dev .zw-p{margin:6px 0 20px}
/* merken: rustige grijze marquee, zoals op de homepage */
.pg-rep .rp-mq{margin-top:56px;padding-top:32px;border-top:1px solid rgba(255,255,255,.16)}
.pg-rep .rp-mq .mq-wrap{width:100%}
.pg-rep .rp-mq .mq{gap:56px;padding-right:56px}
.pg-rep .rp-mq .mq-i{gap:0;color:rgba(255,255,255,.5)}
.pg-rep .rp-mq .mq-i::after{content:none;display:none}
.ik.calm .pg-rep .rp-mq .mq-wrap{-webkit-mask-image:none;mask-image:none}
.ik.calm .pg-rep .rp-mq .mq{flex-wrap:wrap;width:auto;padding-right:0;gap:8px 40px;transform:none}
.ik.calm .pg-rep .rp-mq .mq-i:nth-child(n+21){display:none}
@media (prefers-reduced-motion:reduce){.pg-rep .rp-mq .mq-wrap{-webkit-mask-image:none;mask-image:none}.pg-rep .rp-mq .mq{flex-wrap:wrap;width:auto;padding-right:0;gap:8px 40px;animation:none !important;transform:none}.pg-rep .rp-mq .mq-i:nth-child(n+21){display:none}}

/* vragen */
.pg-rep .rp-fq-h{font-size:52px}
.pg-rep .rp-fq-p{margin:20px 0 0;font-size:16px;line-height:1.55;color:var(--ink-2)}
.pg-rep .rp-fq-p a{color:var(--ink);font-weight:600}
.pg-rep .rp-fq-h3{margin:0}

@media (max-width:1180px){
.pg-rep .rp-h1{font-size:80px}
}
@media (max-width:1023px){
.pg-rep .rp-intro-in{grid-template-columns:minmax(0,1fr)}
.pg-rep .rp-dev{grid-template-columns:1fr;gap:0;margin-top:40px}
.pg-rep .rp-dev li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;column-gap:20px;align-items:center;padding:24px 0}
.pg-rep .rp-dev-ic{margin:0;grid-row:span 2}
.pg-rep .rp-dev .zw-t{grid-column:2}
.pg-rep .rp-dev .zw-p{grid-column:2;margin:2px 0 0}
.pg-rep .rp-dev .tl{grid-column:3;grid-row:1 / span 2}
}
@media (max-width:760px){
.pg-rep .rp-intro{padding-top:28px}
.pg-rep .rp-h1{font-size:52px;line-height:.95}
.pg-rep .rp-open .tl{margin-left:0}
.pg-rep .rp-bel .bel-r{grid-template-columns:112px minmax(0,1fr)}
.pg-rep .rp-bel .bel-r .bel-n{font-size:28px}
.pg-rep .rp-dev li{grid-template-columns:48px minmax(0,1fr);row-gap:2px}
.pg-rep .rp-dev .tl{grid-column:2;grid-row:auto;margin-top:12px;justify-self:start}
.pg-rep .rp-mq{margin-top:40px;padding-top:24px}
.pg-rep .rp-mq .mq{gap:32px;padding-right:32px}
.pg-rep .rp-fq-h{font-size:38px}
}