@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/poppins-regular.woff2') format('woff2')}@font-face{font-family:Poppins;font-style:normal;font-weight:600 700;font-display:swap;src:url('/assets/poppins-semibold.woff2') format('woff2')}
:root{--ink:#183c4e;--body:#353e42;--muted:#557484;--line:#dce6ea;--soft:#eef4f6;--warm:#fbf7f2;--orange:#b95100;--white:#fff;--max:1200px;font-family:Poppins,system-ui,sans-serif;color:var(--body);background:var(--white);font-synthesis:weight}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:17px;line-height:1.75}a{color:var(--ink);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,a,input,summary,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a74800;outline-offset:5px}h1,h2,h3{color:var(--ink);line-height:1.28;letter-spacing:-.025em}h1{font-size:clamp(2rem,4.8vw,3.65rem);margin:.3em 0 .55em}h2{font-size:clamp(1.4rem,3vw,2.1rem);margin:0 0 .8em}h3{font-size:1.1rem;margin:0 0 .45em}p{margin:0 0 1.15em}ul{padding-left:1.25em}img,svg{max-width:100%;height:auto}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:28px}.skip{position:absolute;top:8px;left:8px;transform:translateY(-160%);z-index:10;padding:10px;background:#fff}.skip:focus{transform:none}.prototype{background:#fff4dc;border-bottom:1px solid #e7d5a6;font-size:12px;line-height:1.6;padding:7px 0;color:#53452a}.prototype a{color:inherit}.header{background:#fff;border-bottom:1px solid var(--line)}.header-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:25px 12px}.brand{display:flex;gap:12px;text-decoration:none;align-items:center;min-width:0}.brand-mark{display:grid;grid-template-columns:14px 14px;gap:4px;flex-shrink:0}.brand-mark i{width:14px;height:14px;border-radius:3px;background:#ef7800}.brand-mark i:nth-child(2){background:#b4c9d9}.brand-mark i:nth-child(3){background:#6b8ca3}.brand-mark i:nth-child(4){background:#8eb200}.brand strong{display:block;font-size:25px;line-height:1.2;letter-spacing:-.045em}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.header-contact{font-size:13px;text-align:right}.header-contact strong{display:block;color:var(--ink)}.nav{display:flex;gap:30px;flex-wrap:wrap;padding-block:10px 18px}.nav a{font-size:15px;font-weight:600;text-decoration:none}.nav a[aria-current=page]{color:var(--orange);text-decoration:underline}.menu-toggle{display:none;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px 12px}.eyebrow{font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.12em;color:var(--muted)}.lead{font-size:19px;line-height:1.75;max-width:670px}.hero{background:var(--soft);padding-block:62px 55px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px}.hero-art{margin:0;align-self:center}.hero-art figcaption{font-size:11px;text-align:center;color:var(--muted)}.actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-block:24px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;border:1px solid transparent;padding:12px 20px;border-radius:7px;background:var(--orange);color:white;font-weight:600;text-decoration:none;text-align:center;font-size:16px;max-width:100%}.button.secondary{background:transparent;color:var(--ink);border-color:#75909d}.section{padding-block:58px}.section.soft{background:var(--soft)}.section.warm{background:var(--warm)}.section-head{display:flex;gap:25px;align-items:start;justify-content:space-between}.section-head p{max-width:540px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:26px;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0}.card p{font-size:15px;line-height:1.75}.card p:last-child{margin-bottom:0}.card .tag{font-size:12px;color:var(--muted);display:block;margin-bottom:11px}.card a{font-weight:600}.step{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:var(--soft);color:var(--ink);margin-bottom:17px;font-weight:600}.card svg{display:block;width:52px;height:52px;margin-bottom:17px;color:var(--ink)}.intro{padding-top:38px}.crumbs{font-size:13px;line-height:1.6;margin:0 0 27px;display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0}.content-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(235px,1fr);gap:60px;align-items:start;padding-bottom:60px}.content-layout h1{font-size:clamp(1.8rem,3.4vw,2.7rem)}.article-section{margin-top:34px}.article-section h2{font-size:1.5rem}.sidebar{background:var(--soft);border-radius:12px;padding:25px;font-size:14px;margin-top:8px}.sidebar h2{font-size:1.2rem}.sidebar .button{font-size:14px}.sidebar ul{padding-left:18px}.source-note{font-size:13px;border-top:1px solid var(--line);padding-top:20px;margin-top:36px;color:var(--muted)}.source-note ul{margin-bottom:8px}.related{padding:25px;background:var(--soft);border-radius:12px;margin-top:35px}.related h2{font-size:1.2rem}.related ul{margin-bottom:0}.table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:8px;margin:20px 0}.table-scroll table{border-collapse:collapse;width:100%;min-width:550px;text-align:left;font-size:14px}.table-scroll th,.table-scroll td{padding:13px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:normal;word-break:normal;hyphens:none}.table-scroll th{background:var(--soft)}.notice{background:var(--warm);border-left:4px solid #d8b880;padding:18px;font-size:14px;margin:24px 0}.price{color:var(--orange);font-size:1.55rem;font-weight:600;white-space:nowrap}.price-label{font-size:11px;display:block;color:var(--muted)}details{margin:18px 0}summary{font-weight:600;color:var(--ink);cursor:pointer}details p{margin-top:12px}.toc{background:var(--soft);padding:20px 24px;border-radius:10px;margin:25px 0}.toc h2{font-size:1.1rem}.toc ul{margin-bottom:0}.filter-label{display:block;font-weight:600;margin-bottom:7px}.search-field{width:100%;max-width:550px;border:1px solid #8ca2ac;padding:12px 15px;border-radius:7px;background:white;margin-bottom:24px}.empty{padding:22px;border:1px solid var(--line);border-radius:8px}.footer{background:var(--ink);color:#e6eef0;padding:40px 0 28px;font-size:13px}.footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer strong{font-size:18px;color:white}.footer ul{list-style:none;padding:0;margin:0}.footer small{display:block;border-top:1px solid #436171;padding-top:20px;margin-top:28px;font-size:11px}.form label{display:block;margin-top:15px}.form input,.form textarea,.form select{display:block;width:100%;padding:10px;border:1px solid #9eafb7;border-radius:5px}.form fieldset{border:1px solid var(--line);border-radius:10px;padding:24px}.form button:disabled{opacity:.6;cursor:not-allowed}.hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}.phone{white-space:nowrap}.qa-link{font-size:12px}.article-category{margin-bottom:5px}.form-notice{font-size:14px}.draft-person{border:1px dashed #9ab0bb;padding:15px;border-radius:8px}.checklist li{margin-bottom:10px}.content-layout article{min-width:0}.footer p,.source-note a{overflow-wrap:anywhere}.choice-group{margin:25px 0}.choice-group label{display:block;padding:12px;border:1px solid var(--line);margin-block:9px;border-radius:6px}.choice-result{margin-top:25px;background:var(--soft);padding:24px;border-radius:10px}.nojs{padding:10px;background:#fff4dc}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr 0.8fr;gap:25px}.content-layout{gap:30px;grid-template-columns:minmax(0,1fr) 235px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-top{gap:12px}.brand strong{font-size:23px}.nav{gap:22px}}
@media(max-width:680px){body{font-size:16px}.wrap{padding-inline:20px}.prototype{font-size:11px}.header-top{padding-block:19px;flex-wrap:wrap}.brand{gap:9px}.brand strong{font-size:22px}.brand small{font-size:10px}.header-contact{display:none}.menu-toggle{display:block;font-size:14px}.nav{display:none;gap:0;padding-block:0 15px}.nav.open{display:flex;flex-direction:column}.nav a{padding:10px 0}.hero{padding-block:35px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero-art{max-width:420px;justify-self:center}.hero-art figcaption{display:none}.lead{font-size:17px}.section{padding-block:38px}.section-head{display:block}.grid,.grid.two{grid-template-columns:1fr}.content-layout{grid-template-columns:1fr;gap:30px}.sidebar{margin:0}.footer-grid{grid-template-columns:1fr;gap:25px}.button{font-size:14px;padding:12px 16px}.card{padding:23px}.intro{padding-top:26px}.crumbs{font-size:12px}.table-scroll table{min-width:520px}.source-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Same approved palette as Groningen / Rotterdam; colour-only alignment. */
:root{--ink:#183c4e;--body:#333;--muted:#426879;--line:#dfe7ec;--soft:#eff4f6;--warm:#eff4f6;--orange:#a94b00;--orange-hover:#923f00}
.button:hover{background:var(--orange-hover)}
.button.secondary{background:var(--ink);color:#fff;border-color:var(--ink)}
.button.secondary:hover{background:#10303f;border-color:#10303f}
.hero{background:var(--ink);color:#fff}
.hero h1,.hero .lead{color:#fff}
.hero .eyebrow,.hero-art figcaption{color:#b4c9d9}
.hero .button.secondary{background:#fff;color:var(--ink);border-color:#fff}
.hero .button.secondary:hover{background:var(--soft);color:var(--ink);border-color:var(--soft)}
.brand-mark i:first-child{background:#f37700}
.notice{border-left-color:#6b8ca3}
.footer{background:#102f3e;color:#e1edf2}
.footer a{color:#e1edf2}
.footer small{border-top-color:#385766}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#298ace}
/* Progressive enhancement: the main navigation remains usable without scripts. */
@media(max-width:680px){.nav{display:flex;flex-direction:column}.js .nav{display:none}.js .nav.open{display:flex}.menu-toggle{display:none}.js .menu-toggle{display:block}.header-contact{display:flex;order:3;flex-basis:100%;align-items:center;justify-content:space-between;text-align:left;padding-top:12px;border-top:1px solid var(--line);gap:12px;font-size:12px}.header-contact strong{font-size:16px}}