/* Hallmark · theme: custom · bestaande PVH-merktaal, eigen consultwerkplek · surface: absolute (print-only) */
/* Hallmark · waive 24b · 18px mobiele gutter en 14px/18px compacte formulierafstanden zijn gemeten op 390px · Behoudt de gecontroleerde hl-main veldritmiek en de safety tekst zonder extra formulierhoogte */
/* Hallmark · waive 7b · Alleen printregels met zwarte tekst op wit papier; screenshotcontrast is gecontroleerd in licht en donker · De bestaande consultwerkplek drukt in zwart op A4 af voor een leesbaar hoestlogboek zonder achtergrondinkt */
/* Critique: afwisseling van vergelijking, logboek en stappen; geen tekstpagina met los formulier. */
:root {
 --hl-ink:#162c24;--hl-muted:#475b52;--hl-paper:#fff;--hl-tint:#f1f5f4;--hl-line:#ccd8d2;--hl-brand:#194d39;--hl-dark:#103629;--hl-on-dark:#f5faf7;--hl-soft-dark:#d3e3d9;--hl-accent:#b95a25;--hl-error:#a62e25;--hl-warning:#fff3da;--hl-warning-ink:#64380b;--hl-printpaper:#fff;--hl-printink:#000;--hl-printfont:Arial,sans-serif;--hl-font:'Instrument Sans','Manrope',Arial,sans-serif;
}
.hl-page,.hl-preview {color:var(--hl-ink);font-family:var(--hl-font);background:var(--hl-paper)}
html:has(.hl-main),body.hl-page,.hl-preview {overflow-x:clip}
.hl-main {color:var(--hl-ink);font-family:var(--hl-font);background:var(--hl-paper);font-size:1.0625rem;line-height:1.65}
.hl-main * {box-sizing:border-box}
.hl-width {width:min(1160px,calc(100% - 48px));margin-inline:auto}
.hl-main h1,.hl-main h2,.hl-main h3 {font-family:var(--hl-font);color:inherit;line-height:1.16;letter-spacing:-.02em;overflow-wrap:break-word;min-width:0}
.hl-main h1 {font-size:clamp(2rem,3.8vw,3.5rem);max-width:18ch;margin:0 0 20px}
.hl-main h2 {font-size:clamp(1.6rem,2.6vw,2.5rem);margin:0 0 20px;max-width:26ch}
.hl-main h3 {font-size:1.3rem;margin:0 0 12px}
.hl-main p {margin:0 0 18px;max-width:66ch;color:inherit}
.hl-main figure {margin:0}
.hl-main img {width:100%;height:auto;border-radius:8px;display:block}
.hl-main a {color:var(--hl-brand);text-underline-offset:3px}
.hl-main a:hover {text-decoration-thickness:2px}
.hl-main :focus-visible {outline:3px solid var(--hl-accent);outline-offset:3px}
.hl-hero {background:var(--hl-dark);color:var(--hl-on-dark);padding:54px 0}
.hl-split {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.hl-split--reverse>figure {order:-1}
.hl-lead {font-size:1.15rem;max-width:44ch!important}
.hl-hero a:not(.hl-primary) {color:var(--hl-soft-dark)}
.hl-breadcrumb,.hl-byline {font-size:.875rem;color:var(--hl-soft-dark)!important}
.hl-byline {margin:22px 0 0!important}
.hl-primary,.hl-main button {border:0;border-radius:5px;display:inline-block;font:inherit;font-weight:700;cursor:pointer;padding:12px 18px;text-decoration:none;background:var(--hl-brand);color:var(--hl-on-dark)}
.hl-hero .hl-primary,.hl-toolband a.hl-primary {background:var(--hl-on-dark);color:var(--hl-dark)}
.hl-main button:hover {filter:brightness(1.1)}
.hl-main button:disabled {opacity:.5;cursor:not-allowed}
.hl-section {padding:64px 0;background:var(--hl-paper)}
.hl-section--tint {background:var(--hl-tint)}
.hl-main figcaption {font-size:.88rem;color:var(--hl-muted);margin-top:14px;line-height:1.5}
.hl-comparison {display:grid;gap:20px}
.hl-comparison>div {padding:18px 0;border-top:2px solid var(--hl-brand)}
.hl-comparison strong {font-size:1.3rem;display:block;margin-bottom:5px}
.hl-comparison p {margin:0}
.hl-callout {background:var(--hl-dark);color:var(--hl-on-dark);padding:30px;font-size:1.3rem;line-height:1.4}
.hl-toolband {background:var(--hl-dark);color:var(--hl-on-dark);padding:64px 0;scroll-margin-top:22px}
.hl-toolband>.hl-width>h2 {max-width:none}
.hl-toolband .hl-lead {max-width:68ch!important}
.hl-safety {border-left:4px solid var(--hl-accent);padding:8px 0 8px 18px;max-width:none!important}
.hl-app {margin-top:30px;background:var(--hl-paper);color:var(--hl-ink);border-radius:8px;overflow:clip;text-align:left}
.hl-apphead {padding:18px 28px;border-bottom:1px solid var(--hl-line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hl-apphead span {font-size:.9rem;color:var(--hl-muted)}
.hl-storage {font-size:.92rem;background:var(--hl-tint);padding:14px 28px;max-width:none!important;margin:0!important}
.hl-storage-warning {background:var(--hl-warning);color:var(--hl-warning-ink)!important}
.hl-workspace {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:28px}
.hl-main label {display:block;font-size:.95rem;font-weight:600;margin-bottom:16px;min-width:0}
.hl-main input,.hl-main textarea,.hl-main select {display:block;width:100%;max-width:100%;min-width:0;font:inherit;color:var(--hl-ink);background:var(--hl-paper);border:1px solid var(--hl-muted);border-radius:4px;padding:10px 12px;margin-top:6px;line-height:1.4}
.hl-main input::placeholder,.hl-main textarea::placeholder {color:var(--hl-muted);opacity:1}
.hl-main textarea {resize:vertical}
.hl-fields {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.hl-hint {font-size:.875rem;color:var(--hl-muted)!important;line-height:1.5}
.hl-error {color:var(--hl-error)!important;font-weight:600;white-space:pre-line}
.hl-error:empty {display:none}
.hl-episodes {list-style:none;margin:0;padding:0}
.hl-episodes li {border-top:1px solid var(--hl-line);padding:16px 0;overflow-wrap:anywhere}
.hl-episodes li p {font-size:.95rem;white-space:pre-line;margin:10px 0}
.hl-episodes .hl-remove,.hl-main .hl-clear {background:transparent;color:var(--hl-brand);font-size:.88rem;text-decoration:underline;padding:6px 0}
.hl-actions {display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 12px}
.hl-actions button {font-size:.9rem;padding:10px 12px}
.hl-empty {padding:22px 0;border-top:1px solid var(--hl-line);color:var(--hl-muted)!important}
.hl-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0;list-style:none;counter-reset:hl-step}
.hl-steps li {border-top:2px solid var(--hl-brand);padding-top:16px;counter-increment:hl-step}
.hl-steps strong {display:block;font-size:1.2rem;margin-bottom:8px}
.hl-steps strong::before {content:counter(hl-step)'. '}
.hl-centered {text-align:center}
.hl-centered h2,.hl-centered p {margin-left:auto;margin-right:auto}
.hl-main details {border-bottom:1px solid var(--hl-line);padding:18px 0}
.hl-main summary {font-weight:700;cursor:pointer}
.hl-main details p {margin:14px 0 0}
.hl-sources {font-size:.9rem;color:var(--hl-muted)!important}
.hl-printout {display:none}
.hl-main [hidden] {display:none!important}
@media (max-width:760px){
 .hl-width {width:calc(100% - 36px)}
 .hl-split,.hl-workspace {grid-template-columns:minmax(0,1fr);gap:28px}
 .hl-split--reverse>figure {order:0}
 .hl-hero,.hl-section,.hl-toolband {padding:38px 0}
 .hl-hero h1 {max-width:22ch}
 .hl-workspace {padding:20px}
 .hl-apphead,.hl-storage {padding:16px 20px}
 .hl-steps {grid-template-columns:minmax(0,1fr);gap:20px}
 .hl-fields {gap:10px}
 .hl-callout {padding:24px}
 .hl-main input[type=date],.hl-main input[type=time] {font-size:.9rem;padding:9px 5px}
}
@media (prefers-color-scheme:dark){
 :root {--hl-ink:#ebf3ed;--hl-muted:#c0d1c7;--hl-paper:#15251f;--hl-tint:#20382d;--hl-line:#42614e;--hl-brand:#b6dec3;--hl-dark:#0b2119;--hl-on-dark:#f5faf7;--hl-soft-dark:#d3e3d9;--hl-error:#ffb9ad;--hl-accent:#ec9b63;--hl-warning:#4b381e;--hl-warning-ink:#ffe1ac}
 .hl-app .hl-primary,.hl-actions button {color:var(--hl-dark)}
}
@media (prefers-reduced-motion:reduce){.hl-main {scroll-behavior:auto}.hl-main * {animation:none!important;transition:none!important}}
@media print{
 body>header,body>footer,body>nav,.pvh-header,.pvh-footer,.pvh-site-header,.pvh-site-footer {display:none!important}
 .hl-main>section:not(.hl-toolband),.hl-toolband>.hl-width>:not(.hl-printout) {display:none!important}
 .hl-toolband,.hl-toolband>.hl-width {width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:var(--hl-printpaper)!important;color:var(--hl-printink)!important}
 .hl-printout {display:block!important;padding:10mm;background:var(--hl-printpaper)!important;color:var(--hl-printink)!important}
 .hl-printout h1 {font-size:20pt;color:var(--hl-printink)!important}
 .hl-printout pre {white-space:pre-wrap;overflow-wrap:anywhere;font:11pt/1.5 var(--hl-printfont);color:var(--hl-printink)!important}
}

.hl-main button:active,.hl-main a.hl-primary:active {filter:brightness(.9)}
.hl-main h1,.hl-main h2 {text-wrap:balance}
/* Hallmark · answered F15 · Verschillende kolomgaps scheiden uitleg, invoer/uitvoer en stappen; elk heeft een eigen leesmaat. */
/* Het bestaande thema laadt zijn kopkleuren later; alleen deze toolpagina gebruikt eigen contrastparen. */
body.hl-page .hl-main h1,body.hl-page .hl-main h2,body.hl-page .hl-main h3,body.hl-page .hl-main strong {color:inherit}