/* Abyco Solutions - MCZ-infoblad, 1 pagina A4 (scherm en print) */
:root{ --navy:#0B2545; --teal:#0E9F9A; --teal-d:#0A7C78; --mint:#E3F4F1; --amber:#F2A541; --ink:#1B2A3A; --grey:#51606F; --line:#D5DEE5; }
@page{ size:A4; margin:12mm }
*{ box-sizing:border-box }
html{ -webkit-print-color-adjust:exact; print-color-adjust:exact }
body{ margin:0; background:#E9EEF2; color:var(--ink); font:400 9pt/1.38 Inter,system-ui,Segoe UI,Arial,sans-serif }
h1,h2,h3{ font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif; margin:0; color:var(--navy) }
p{ margin:0 0 4px }
a{ color:var(--teal-d) }
.toolbar{ max-width:210mm; margin:12px auto 0; padding:0 8px; font-size:10pt; color:var(--grey) }
.sheet{ width:210mm; height:297mm; margin:12px auto; padding:12mm; background:#fff; box-shadow:0 4px 24px rgba(11,37,69,.18); display:flex; flex-direction:column; gap:3.2mm; overflow:hidden }
.top{ background:var(--navy); color:#fff; border-radius:3mm; padding:5mm 6mm; display:flex; justify-content:space-between; align-items:flex-end; gap:6mm }
.top .brand{ font:800 10pt "Plus Jakarta Sans",Inter,sans-serif; letter-spacing:-.01em; color:#fff }
.top .brand b{ color:var(--teal) }
.top h1{ color:#fff; font-size:19pt; line-height:1.12; margin:2mm 0 1.5mm; letter-spacing:-.02em }
.top p{ color:#CFE0EA; font-size:9.2pt; margin:0; max-width:128mm }
.top .tag{ background:var(--amber); color:var(--navy); font:700 8pt "Plus Jakarta Sans",Inter,sans-serif; padding:1.4mm 3mm; border-radius:99px; white-space:nowrap }
.facts{ display:grid; grid-template-columns:repeat(3,1fr); gap:3mm }
.fact{ background:var(--mint); border-radius:2.5mm; padding:3mm 4mm; border-left:1.2mm solid var(--teal) }
.fact b{ display:block; font:800 19pt/1 "Plus Jakarta Sans",Inter,sans-serif; color:var(--navy); letter-spacing:-.02em }
.fact span{ display:block; margin-top:1mm; font-size:8.2pt; color:var(--grey); line-height:1.3 }
.cols{ display:grid; grid-template-columns:1.12fr 1fr; gap:5mm; flex:1; min-height:0 }
h2{ font-size:10.6pt; margin:0 0 1.6mm; padding-bottom:1mm; border-bottom:.5mm solid var(--teal) }
.back p{ font-size:8.8pt }
table{ width:100%; border-collapse:collapse; font-size:8pt; line-height:1.28; margin-top:2.5mm }
th{ text-align:left; font:700 7.6pt "Plus Jakarta Sans",Inter,sans-serif; color:#fff; background:var(--navy); padding:1.1mm 1.8mm }
td{ padding:1.05mm 1.8mm; border-bottom:.25mm solid var(--line); vertical-align:top }
td:first-child{ font-weight:600; color:var(--navy); width:36% }
tr:nth-child(even) td{ background:#F6F9FB }
.steps{ list-style:none; margin:0 0 3mm; padding:0; counter-reset:s }
.steps li{ counter-increment:s; position:relative; padding:0 0 1.9mm 8mm; font-size:8.6pt; line-height:1.32 }
.steps li::before{ content:counter(s); position:absolute; left:0; top:.2mm; width:5.6mm; height:5.6mm; border-radius:50%; background:var(--teal); color:#fff; font:800 8pt/5.6mm "Plus Jakarta Sans",Inter,sans-serif; text-align:center }
.steps b{ color:var(--navy) }
.warn{ background:#FFF6E6; border-left:1.2mm solid var(--amber); border-radius:0 2.5mm 2.5mm 0; padding:2.6mm 3.4mm }
.warn h2{ border:0; padding:0; margin-bottom:1mm }
.warn ul{ margin:0; padding-left:4mm; font-size:8.3pt; line-height:1.32 }
.warn li{ margin-bottom:.8mm }
.foot{ display:flex; justify-content:space-between; gap:6mm; border-top:.5mm solid var(--navy); padding-top:2.6mm; font-size:8.2pt; color:var(--grey) }
.foot b{ color:var(--navy) }
.foot .ph{ color:var(--navy); font-weight:600 }
.small{ font-size:7.4pt; color:var(--grey); margin-top:1mm }
@media print{
  body{ background:#fff }
  .toolbar{ display:none }
  .sheet{ margin:0; box-shadow:none; width:auto; height:273mm; padding:0 }
}