/*
Theme Name: Nederlandpedia
Author: Nederlandpedia
Version: 1.0.0
Description: A bilingual, accessible Netherlands guide built for useful tools and clear reading.
Text Domain: nederlandpedia
*/
@font-face{font-family:NP;src:url('assets/arabic.ttf') format('truetype');font-display:swap;font-weight:400}@font-face{font-family:NP;src:url('assets/arabic-bold.ttf') format('truetype');font-display:swap;font-weight:700}
:root{--ink:#102d43;--muted:#596b76;--orange:#ec6415;--orange-dark:#b84a0b;--blue:#2b74ab;--paper:#fff;--sand:#f7f6f2;--line:#e1e7e8;--green:#217458;--radius:20px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:NP,'Segoe UI',Tahoma,Arial,sans-serif;line-height:1.85;font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:hover{color:var(--orange-dark)}button{cursor:pointer}img{max-width:100%;height:auto;display:block}svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0 0 16px}h1{font-size:clamp(32px,4vw,58px);line-height:1.4;letter-spacing:-1px;font-weight:800}h2{font-size:clamp(25px,3vw,34px);line-height:1.5}h3{font-size:20px;line-height:1.6}p{color:var(--muted)}.wrap{max-width:1216px;margin:auto;padding:0 30px}.topline{background:var(--ink);color:#e5edf1;font-size:12px;padding:7px 0}.topline .wrap{display:flex;justify-content:space-between;gap:20px}.masthead{background:white;border-bottom:1px solid var(--line);position:relative;z-index:10}.header-inner{min-height:94px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;width:204px;flex-shrink:0;overflow:hidden;height:80px;position:relative;direction:ltr}.brand img{position:absolute;width:240px;max-width:none;top:-38px;left:-18px}.nav{display:flex;align-items:center;gap:26px;flex:1;font-size:14px;font-weight:650}.nav a[aria-current=page]{color:var(--orange-dark)}.header-actions{display:flex;align-items:center;gap:16px}.lang{font-family:'Segoe UI',sans-serif;font-size:13px;border:1px solid var(--line);padding:5px 12px;border-radius:8px}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;padding:9px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:10px;padding:12px 22px;border:1px solid transparent;background:var(--orange);color:#fff;font-weight:700;font-size:14px;text-align:center}.button:hover{background:var(--orange-dark);color:#fff}.button.secondary{background:transparent;border-color:#cbd6dd;color:var(--ink)}.button.dark{background:var(--ink)}.button.small{padding:8px 15px;font-size:13px}.hero{background:var(--sand);padding:55px 0 50px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:64px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.4px;font-weight:700;color:var(--orange-dark);display:flex;align-items:center;gap:8px;margin-bottom:16px}.eyebrow:before{content:'';width:22px;height:2px;background:var(--orange)}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{font-size:17px;max-width:475px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 20px}.micro{font-size:12px;color:var(--muted)}.hero-visual{position:relative;padding:6px 0 35px 20px}.hero-image{width:100%;height:405px;object-fit:cover;border-radius:90px 20px 20px 20px}.hero-caption{position:absolute;bottom:14px;right:30px;left:-8px;background:white;border:1px solid var(--line);border-radius:14px;padding:15px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 12px 30px #102d430b}.hero-caption strong{display:block;font-size:15px}.hero-caption p{font-size:12px;margin:0}.hero-caption .icon{background:#fff1e4;color:var(--orange-dark);margin:0}.hero-tag{position:absolute;top:22px;left:18px;color:white;background:#102d43e6;padding:6px 12px;border-radius:7px;font:12px 'Segoe UI',sans-serif}.trustbar{border-bottom:1px solid var(--line)}.trust-inner{display:flex;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:20px;font-size:13px}.trust-inner span{display:flex;align-items:center;gap:10px}.trust-inner svg{color:var(--green);width:20px}.section{padding-top:58px;padding-bottom:58px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-head h2{margin-bottom:5px}.section-head p{margin:0;font-size:14px}.textlink{font-size:14px;color:var(--orange-dark);font-weight:700;white-space:nowrap}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:relative;transition:transform .18s,border-color .18s;background:#fff;display:flex;flex-direction:column}.tool-card:hover{transform:translateY(-4px);border-color:#b9c9d3;color:var(--ink)}.tool-card p{font-size:14px;margin-bottom:18px;flex:1}.tool-card h3{margin:10px 0 8px}.card-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.icon{display:inline-flex;align-items:center;justify-content:center;width:47px;height:47px;background:#edf3f7;color:var(--blue);border-radius:13px}.tool-card:nth-child(3n+1) .icon{background:#fff1e4;color:var(--orange-dark)}.tool-card:nth-child(3n+2) .icon{background:#eaf4ee;color:var(--green)}.badge{font-size:11px;background:#eef6f1;color:#245d47;padding:3px 9px;border-radius:5px;display:inline-block}.card-top{display:flex;justify-content:space-between;align-items:center}.journey-section{background:var(--ink);border-radius:24px;color:white;padding:38px 42px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.journey-section p{color:#becdd6}.journey-section h2{font-size:30px}.journey-steps{display:grid;gap:10px}.journey-step{display:flex;gap:15px;align-items:center;border:1px solid #ffffff29;border-radius:12px;padding:13px 17px;background:#ffffff07}.step-number{font:22px Georgia,serif;color:#ffa260}.journey-step strong{font-size:14px}.journey-step p{font-size:12px;margin:0}.soft{background:var(--sand)}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.guide-card .guide-art{height:120px;display:flex;align-items:center;justify-content:center;background:#edf3f6;color:var(--blue);position:relative}.guide-art svg{width:46px;height:46px}.guide-card:nth-child(3n+2) .guide-art{background:#fbede1;color:#ba550b}.guide-card:nth-child(3n) .guide-art{background:#e9f0e9;color:var(--green)}.guide-body{padding:22px}.guide-body h3{font-size:18px;margin:7px 0 10px}.guide-body p{font-size:13px}.city-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.city-tile{border:1px solid var(--line);border-radius:13px;padding:20px;text-align:center;background:white}.city-tile span{display:block;font:12px 'Segoe UI',sans-serif;color:var(--muted);margin-top:4px}.city-tile svg{margin:auto auto 10px;color:var(--blue)}.bottom-cta{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0}.bottom-cta h3{margin:0}.bottom-cta p{margin:3px 0 0;font-size:14px}.site-footer{background:#0b2437;color:#d6e1e8;padding:44px 0 20px;font-size:13px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.site-footer h3{color:#fff;font-size:18px}.site-footer p{color:#b8c9d4;max-width:440px}.footer-links{display:grid;gap:8px}.footer-bottom{border-top:1px solid #ffffff1e;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:11px}.crumbs{font-size:12px;color:var(--muted);padding-top:23px;margin-bottom:22px}.page-intro{max-width:780px;margin-bottom:30px}.page-intro h1{font-size:38px}.page-intro p{font-size:16px}.tool-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:25px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;margin-bottom:20px}.panel h2{font-size:23px}.panel h3{font-size:18px}.result-panel{background:var(--ink);color:#fff;border-radius:var(--radius);padding:28px;position:sticky;top:20px}.result-panel p{color:#c8d7e0}.result-panel a{color:#ffb174}.big-value{font:700 38px 'Segoe UI',sans-serif;direction:ltr;text-align:start;margin:15px 0}.result-lines{display:grid;gap:10px}.result-line{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff26;padding-bottom:9px;font-size:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650;margin-bottom:6px}.field input,.field select,.field textarea,.search-input{width:100%;min-width:0;border:1px solid #b9c7cf;background:#fff;border-radius:9px;padding:10px 12px;color:var(--ink);min-height:46px}.field small{font-size:11px;font-weight:400;color:var(--muted)}.field input[type=number]{direction:ltr;text-align:start}.field textarea{min-height:125px}.check{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin:15px 0}.check input{margin-top:8px;accent-color:var(--orange);width:17px;height:17px;flex-shrink:0}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}details{border-top:1px solid var(--line);padding:16px 0}summary{font-weight:700;cursor:pointer;font-size:14px}.notice{background:#fff5e9;border-right:3px solid var(--orange);border-radius:8px;padding:13px 16px;font-size:13px;color:#6d4a2b;margin:18px 0}.sources{font-size:12px;margin-top:20px;color:var(--muted)}.sources a{color:var(--blue);text-decoration:underline;display:inline-block;margin-inline-end:14px}.result-content[hidden],[hidden]{display:none!important}.error{color:#a62929;background:#fff1f0;padding:12px;border-radius:8px}.reading{max-width:780px;margin:0 auto 60px}.reading h2{font-size:27px;margin-top:35px}.reading h3{margin-top:25px}.reading li{margin-bottom:10px}.reading a{color:var(--blue);text-decoration:underline}.reading .button{text-decoration:none;color:white}.reading table{width:100%;border-collapse:collapse;font-size:14px}.reading td,.reading th{padding:12px;border-bottom:1px solid var(--line);text-align:start}.reading blockquote{border-right:3px solid var(--orange);margin:25px 0;padding:15px;background:var(--sand)}.article-meta{font-size:12px;color:var(--muted);margin-bottom:25px}.search-form{display:flex;gap:10px;margin:25px 0}.gold-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px}.gold-cell{background:#faf5e9;border:1px solid #ebe1c9;border-radius:14px;padding:20px}.gold-cell strong{display:block;font:700 27px 'Segoe UI',sans-serif;direction:ltr;margin-top:10px}.gold-cell span{font-size:13px}.tool-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.tool-nav a{font-size:12px;border:1px solid var(--line);padding:6px 11px;border-radius:7px}.letter-output{white-space:pre-wrap;font-family:'Segoe UI',sans-serif;direction:ltr;text-align:left;background:#f5f8fa;color:var(--ink);padding:20px;border-radius:10px;line-height:1.8;min-height:150px}.progress{height:8px;border-radius:8px;background:#e4e9ec;overflow:hidden;margin:15px 0}.progress span{height:100%;display:block;background:var(--green);transition:width .2s}.plan-item{display:flex;gap:15px;border-bottom:1px solid var(--line);padding:18px 0}.plan-item p{font-size:13px;margin:6px 0}.plan-item input{width:20px;height:20px;margin-top:8px;accent-color:var(--green);flex-shrink:0}.plan-item a{font-size:12px;color:var(--blue);text-decoration:underline}.table-wrap{overflow-x:auto}table.compare{width:100%;border-collapse:collapse;font-size:14px}table.compare th,table.compare td{text-align:start;padding:12px;border-bottom:1px solid var(--line)}.countdown{font:700 38px 'Segoe UI',sans-serif;direction:ltr}.city-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.city-result{border:1px solid var(--line);border-radius:10px;padding:15px}.city-result a{color:var(--blue);font-size:12px;display:block}.city-result strong{font-family:'Segoe UI',sans-serif;display:block}.city-result span{font-size:12px;color:var(--muted)}.skip-link{position:absolute;top:-80px;right:10px;padding:10px;background:#fff;z-index:100}.skip-link:focus{top:0}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.demo-banner{background:#fff5e9;color:#744007;font-size:12px;text-align:center;padding:6px}.empty-state{padding:30px;text-align:center;color:var(--muted)}.updates-list article{padding:20px 0;border-bottom:1px solid var(--line)}.updates-list .badge{margin-bottom:10px}html[dir=ltr] .brand{margin-right:auto}html[dir=ltr] .notice{border-right:0;border-left:3px solid var(--orange)}.tool-description{max-width:800px;margin-top:35px}.tool-description h2{font-size:24px}.tool-description p,.tool-description li{font-size:14px}.status{font-size:12px;color:var(--muted);margin:10px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:960px){.nav{gap:15px}.header-inner{gap:15px}.header-actions .button{display:none}.hero-grid{gap:30px}.hero-image{height:360px}.tools-grid{grid-template-columns:repeat(2,1fr)}.city-grid{grid-template-columns:repeat(3,1fr)}.brand{width:175px}.brand img{left:-32px}.trust-inner{flex-wrap:wrap}.city-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.wrap{padding:0 20px}.topline .wrap span:last-child{display:none}.header-inner{min-height:78px;justify-content:space-between}.brand{height:72px;width:170px}.brand img{top:-43px}.menu-toggle{display:flex}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px;border-bottom:1px solid var(--line);box-shadow:0 8px 14px #102d4310}.nav.open{display:flex;flex-direction:column;align-items:stretch}.header-actions{gap:10px}.hero{padding:32px 0}.hero-grid{grid-template-columns:1fr;gap:20px}.hero h1{font-size:39px;letter-spacing:0}.hero p{font-size:15px}.hero-visual{padding-left:10px;max-width:480px}.hero-image{height:270px;border-radius:55px 15px 15px 15px}.hero-caption{right:20px;left:0}.trust-inner{padding-top:17px;padding-bottom:17px;font-size:11px;gap:12px}.trust-inner span:last-child{display:none}.section{padding-top:38px;padding-bottom:38px}.section-head{align-items:start}.section-head h2{font-size:25px}.section-head p{font-size:12px}.tools-grid{gap:12px}.tool-card{padding:18px}.tool-card h3{font-size:17px}.tool-card p{font-size:12px}.card-meta{font-size:10px}.icon{width:40px;height:40px}.journey-section{grid-template-columns:1fr;padding:27px;gap:18px}.guide-grid{grid-template-columns:1fr}.guide-card .guide-art{height:95px}.city-grid{grid-template-columns:repeat(2,1fr)}.bottom-cta{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.tool-layout{grid-template-columns:1fr}.result-panel{position:static}.panel{padding:20px}.page-intro h1{font-size:30px}.gold-grid{grid-template-columns:repeat(2,1fr)}.gold-cell{padding:16px}.gold-cell strong{font-size:23px}.city-list{grid-template-columns:1fr}.form-grid{gap:12px}.reading h2{font-size:24px}.reading{font-size:15px}.hero-buttons .button{padding:11px 15px}.textlink{font-size:12px}.tool-nav{margin-top:10px}}
@media(max-width:380px){.tools-grid,.form-grid{grid-template-columns:1fr}.header-inner{gap:7px}.brand{width:148px}.header-actions{gap:5px}}
.brand{height:90px}.header-inner{min-height:104px}
@media(max-width:960px){.brand{width:184px}.brand img{width:224px;left:-20px;top:-33px}}
@media(max-width:700px){.header-inner{min-height:86px}.brand{height:80px;width:174px}.brand img{width:212px;left:-19px;top:-30px}.form-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:1fr 1fr}.tool-card{padding:16px}.tool-card h3{font-size:16px}.tool-card .badge{font-size:9px}.tool-card .icon{width:33px;height:33px}}
@media(max-width:380px){.tools-grid{grid-template-columns:1fr}.brand{width:166px}.hero h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.masthead,.topline,.site-footer,.form-actions,.tool-nav,.crumbs,.button,.demo-banner{display:none!important}.wrap{max-width:none;padding:0}.tool-layout{display:block}.result-panel{background:#fff;color:#000;border:1px solid #ccc}.result-panel p{color:#333}body{font-size:12pt}.panel{break-inside:avoid}.hero-visual{display:none}}