/* RelocateEU - netherlands-guide. Shared chrome lives in css/style.css. */
h1,h2,h3,h4{color:var(--ink);letter-spacing:-.035em;font-weight:700;margin:0;}
/* EYEBROW */
    .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--orange);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;}
.eyebrow::before{content:'';width:8px;height:8px;border-radius:999px;background:var(--orange);flex:0 0 auto;}
/* BREADCRUMB */
    .breadcrumb-wrap{background:var(--surface-grey);border-bottom:1px solid var(--border);padding:10px 0;}
.breadcrumb{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0;flex-wrap:wrap;}
.breadcrumb li{font-size:13px;color:var(--muted);}
.breadcrumb li a{color:var(--muted);}
.breadcrumb li a:hover{color:var(--orange);}
.breadcrumb li+li::before{content:'/';margin-right:6px;opacity:.5;}
.breadcrumb li:last-child{color:var(--ink);font-weight:600;}
/* HERO */
    .hero{background:linear-gradient(180deg,#fff8ef 0%,#fff 100%);border-bottom:1px solid #fde8c8;padding:72px 0 64px;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;right:-80px;top:-80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(242,138,26,.12) 0%,transparent 65%);pointer-events:none;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid #ffe3c3;background:var(--orange-soft);color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;}
.hero-h1{font-size:clamp(32px,4.5vw,52px);font-weight:800;color:var(--ink);line-height:1.1;letter-spacing:-.04em;margin-bottom:16px;}
.hero-h1 em{font-style:normal;color:var(--orange);}
.hero-sub{font-size:17px;color:var(--body-clr);line-height:1.65;max-width:600px;margin-bottom:32px;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px;justify-content:center;}
.hero .container-main{text-align:center;}
.hero-sub{margin-left:auto;margin-right:auto;}
.hero .btn-ghost{background:#fff;color:var(--ink);border-color:var(--border);}
.hero .btn-ghost:hover{background:var(--surface-grey);color:var(--ink);border-color:#d0d7e2;}
.stat-row{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;}
.stat-row{display:flex;flex-wrap:wrap;gap:24px;}
.sr-item{display:flex;flex-direction:column;}
.sr-n{font-size:32px;font-weight:800;color:var(--orange);line-height:1;letter-spacing:-.04em;}
.sr-l{font-size:12px;color:var(--muted);margin-top:4px;}
/* PAGE LAYOUT */
    .guide-layout{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start;}
.sticky-nav{position:sticky;top:100px;}
.side-nav{background:var(--surface-grey);border-radius:16px;overflow:hidden;padding:16px 0;border:1px solid var(--border);}
.side-nav-title{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:6px 18px 12px;}
.side-nav a{display:block;padding:9px 18px;font-size:13.5px;color:var(--body-clr);transition:background .15s,color .15s;}
.side-nav a:hover,.side-nav a.active{background:#fff;color:var(--orange);font-weight:600;}
.side-nav a.active{border-left:3px solid var(--orange);}
/* SECTIONS */
    .guide-section{padding:48px 0;border-bottom:1px solid var(--border);}
.guide-section:last-child{border-bottom:none;}
.section-anchor{display:block;height:114px;margin-top:-114px;visibility:hidden;}
.section-title{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.04em;margin-bottom:10px;}
.section-sub{font-size:16px;color:var(--body-clr);line-height:1.7;margin-bottom:28px;}
/* TABLES */
    .data-table{width:100%;border-collapse:collapse;font-size:14px;}
.data-table th{background:var(--ink);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:12px 16px;text-align:left;}
.data-table th:first-child{border-radius:10px 0 0 0;}
.data-table th:last-child{border-radius:0 10px 0 0;}
.data-table td{padding:13px 16px;border-bottom:1px solid var(--border);color:var(--body-clr);}
.data-table tr:last-child td{border-bottom:none;}
.data-table tr:hover td{background:var(--surface-grey);}
.data-table td strong,.data-table td b{color:var(--ink);font-weight:700;}
.td-hl{color:var(--orange);font-weight:700;}
/* TIMELINE */
    .timeline{display:flex;flex-direction:column;gap:0;}
.tl-item{display:flex;gap:20px;position:relative;padding-bottom:28px;}
.tl-item:last-child{padding-bottom:0;}
.tl-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:44px;}
.tl-dot{width:44px;height:44px;border-radius:50%;background:var(--orange-soft);border:2px solid var(--orange);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--orange);flex-shrink:0;}
.tl-line{width:2px;flex:1;background:var(--border);margin-top:6px;}
.tl-content{padding-top:8px;}
.tl-content h4{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.tl-content p{font-size:14px;color:var(--body-clr);line-height:1.7;margin:0;}
.tl-badge{display:inline-block;background:var(--orange-soft);color:var(--orange);font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px;margin-bottom:8px;border:1px solid #ffe3c3;}
/* CHECKLIST */
    .check-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.check-list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--body-clr);line-height:1.6;}
.check-list li::before{content:'✓';width:20px;height:20px;border-radius:50%;background:var(--orange-soft);border:1px solid #ffe3c3;color:var(--orange);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}
/* INFO CARDS */
    .info-card{background:var(--surface-grey);border:1px solid var(--border);border-radius:20px;padding:24px;height:100%;transition:box-shadow .25s;}
.info-card:hover{box-shadow:var(--shadow-card);}
.info-card .ic-num{font-size:36px;font-weight:800;color:var(--orange);letter-spacing:-.04em;margin-bottom:6px;line-height:1;}
.info-card .ic-lbl{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.info-card .ic-desc{font-size:13px;color:var(--muted);line-height:1.6;}
/* CITY CARDS */
    .city-card{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;height:100%;}
.city-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card);}
.city-top{padding:20px 22px 24px;background:linear-gradient(135deg,#0B1D3A 0%,#1E3A68 100%);}
.city-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.13);display:flex;align-items:center;justify-content:center;margin-bottom:10px;}
.city-icon .material-icons-outlined{font-size:22px;color:rgba(255,255,255,.92);}
.city-name{font-size:21px;font-weight:800;color:#fff;margin-bottom:4px;letter-spacing:-.04em;}
.city-type{font-size:12px;color:rgba(255,255,255,.7);margin-bottom:0;line-height:1.4;}
.city-body{padding:20px 22px;flex:1;}
.city-stat-row{display:flex;gap:20px;margin-bottom:14px;}
.cs{display:flex;flex-direction:column;}
.cs-n{font-size:22px;font-weight:800;color:var(--orange);line-height:1;}
.cs-l{font-size:11px;color:var(--muted);}
.city-tags{display:flex;flex-wrap:wrap;gap:7px;}
.city-tag{display:inline-block;padding:4px 10px;background:var(--surface-grey);color:var(--muted);font-size:11px;font-weight:600;border-radius:99px;border:1px solid var(--border);}
/* COST OF LIVING */
    .col-table{width:100%;border-collapse:collapse;font-size:14px;border-radius:12px;overflow:hidden;border:1px solid var(--border);}
.col-table th{background:var(--surface-grey);color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:12px 16px;text-align:left;border-bottom:2px solid var(--border);}
.col-table td{padding:11px 16px;border-bottom:1px solid var(--border);color:var(--body-clr);}
.col-table tr:last-child td{border-bottom:none;}
.col-table tr:hover td{background:var(--orange-soft);}
/* FAQ */
    .faq-item{overflow:hidden;border:none;border-radius:10px;background:var(--surface-grey);margin-bottom:8px;}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;color:var(--ink);font-size:16px;font-weight:600;cursor:pointer;user-select:none;}
.faq-a{display:block;max-height:0;overflow:hidden;opacity:0;padding:0 24px;color:var(--body-clr);font-size:14.5px;line-height:1.85;transition:max-height .42s cubic-bezier(.4,0,.2,1),opacity .32s ease,padding .42s cubic-bezier(.4,0,.2,1);}
.faq-item.is-open .faq-a{max-height:600px;opacity:1;padding:0 24px 22px;}
.faq-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;opacity:.65;}
.faq-icon::before,.faq-icon::after{content:'';position:absolute;background:var(--ink);border-radius:2px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease;}
.faq-icon::before{width:14px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%);}
.faq-icon::after{width:2px;height:14px;top:50%;left:50%;transform:translate(-50%,-50%);}
.faq-item.is-open .faq-icon::after{transform:translate(-50%,-50%) scaleY(0);opacity:0;}
/* FINAL CTA */
    .final-cta{background:linear-gradient(135deg,#c97010 0%,#a05200 45%,#7a3800 100%);padding:80px 0;}
.form-card{background:#fff;border-radius:24px;padding:32px 28px;position:relative;overflow:hidden;}
.form-card::before{content:'';position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--orange),#ffca8a);}
.form-card h3{font-size:22px;letter-spacing:-.03em;margin-bottom:4px;}
.f-sub{font-size:14px;color:var(--muted);margin-bottom:22px;}
.fgrp{margin-bottom:20px;}
.fgrp label{font-size:13px;font-weight:700;color:var(--ink);display:block;margin-bottom:7px;}
.fgrp input:not([type="checkbox"]),.fgrp select{width:100%;min-height:46px;border:1.5px solid #dfe5ee;border-radius:10px;background:#fbfcfe;padding:10px 14px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;color:var(--ink);-webkit-appearance:none;}
.fgrp input:focus,.fgrp select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(242,138,26,.13);background:#fff;}
.req{color:var(--orange);}
.f-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--body-clr);margin-bottom:16px;cursor:pointer;line-height:1.5;}
.f-consent input{margin-top:2px;accent-color:var(--orange);}
.f-consent{align-items:center}
.f-consent label{margin:0;font-size:13px;color:var(--body-clr);line-height:1.4}
.phone-wrap{display:block}
.phone-wrap input{border-radius:12px;padding:12px 14px;width:100%;min-height:48px;border:1.5px solid #dfe5ee;background:#fbfcfe}
input,select,textarea,button,.btn{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial!important}
.f-submit{width:100%;background:var(--orange);color:#fff;border:none;border-radius:999px;padding:15px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s,transform .2s;box-shadow:0 14px 28px rgba(242,138,26,.25);}
.f-submit:hover{background:var(--orange-hover);transform:translateY(-1px);}
.f-micro{font-size:12px;color:var(--muted);text-align:center;margin-top:10px;margin-bottom:0;}
/* NOTICE BOX */
    .notice{background:var(--orange-soft);border:1px solid #ffe3c3;border-radius:12px;padding:16px 20px;font-size:14px;color:var(--ink);line-height:1.7;margin:20px 0;}
.notice strong{color:var(--orange);}
.notice-blue{background:#eff6ff;border-color:#bfdbfe;color:#1e40af;}
/* REVEAL */
    .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:var(--rd,0ms);}
.reveal.in{opacity:1;transform:none;}
@keyframes heroRise{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:none;}}
.ha{animation:heroRise .7s cubic-bezier(.2,.8,.2,1) both;}
.ha.d1{animation-delay:.08s;}
.ha.d2{animation-delay:.16s;}
.ha.d3{animation-delay:.24s;}
@media(max-width:1100px){
  .guide-layout{grid-template-columns:1fr;}
  .sticky-nav{display:none;}
}
@media(max-width:900px){
  .calc-row{grid-template-columns:1fr;}
  .cr-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:760px){
  .hero{padding:48px 0 40px;}
  .cr-grid{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;}
}
/* BOOK A CONSULTATION FORM */
    .frow{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;}
.frow .fgrp{margin-bottom:0;}
.phone-wrap{display:flex;align-items:stretch;border:1.5px solid #dfe5ee;border-radius:10px;background:#fbfcfe;overflow:hidden;transition:border-color .2s,box-shadow .2s;}
.phone-wrap:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px rgba(242,138,26,.13);}
.phone-wrap select{border:none;background:#f4f6fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23526074' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;background-size:10px 6px;border-right:1.5px solid #dfe5ee;border-radius:0;min-height:46px;padding:0 34px 0 12px;font-size:14px;width:auto;flex-shrink:0;box-shadow:none;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;}
.phone-wrap input{border:none;background:transparent;border-radius:0;flex:1;min-height:46px;padding:10px 14px;font-size:14px;box-shadow:none;outline:none;min-width:0;}
.f-privacy{font-size:13px;color:var(--muted);text-align:center;margin:20px 0 18px;line-height:1.55;}
.f-privacy a{color:var(--orange);text-decoration:none;}
@media(max-width:600px){
  .frow{grid-template-columns:1fr;}
}
/* Override: unify form card and field styles with contact page */
    .form-card{max-width:520px;margin:0 auto;padding:34px 30px;border-radius:24px;background:#fff;box-shadow:var(--shadow-card)}
.form-card .frow{display:block;margin-bottom:12px;}
.form-card h3{font-size:20px;margin-bottom:12px;color:var(--ink);font-weight:800}
.f-sub{margin-bottom:18px;color:var(--muted)}
.fgrp{margin-bottom:14px}
.fgrp label{font-size:13px;font-weight:600;margin-bottom:8px;display:block}
.fgrp input[type="text"], .fgrp input[type="email"], .fgrp input[type="tel"], .fgrp select, .fgrp textarea{border-radius:12px;padding:12px 14px;min-height:48px;border:1.5px solid #dfe5ee;background:#fbfcfe;box-shadow:none}
.fgrp select{background-image:none}
.fgrp input:focus,.fgrp select:focus,.fgrp textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(242,138,26,.10);background:#fff}
.phone-wrap{display:block}
.phone-wrap input{border-radius:12px;padding:12px 14px;width:100%;min-height:48px;border:1.5px solid #dfe5ee;background:#fbfcfe}
.f-consent{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.f-consent input{width:18px;height:18px;margin-top:4px;flex:0 0 auto;accent-color:var(--orange)}
.f-consent label{margin:0;flex:1;font-size:13px;color:var(--body-clr);line-height:1.4}
.f-submit{width:100%;background:var(--orange);color:#fff;border:none;border-radius:999px;padding:14px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 14px 28px rgba(242,138,26,.20)}
.f-submit:hover{background:var(--orange-hover)}
.f-privacy{font-size:13px;color:var(--muted);text-align:center;margin:12px 0 10px}
.f-micro{font-size:12px;color:var(--muted);text-align:center;margin-top:10px}
input,select,textarea,button,.btn{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial!important}
