@import url('./radar-preview.css');
.route-page {--route-ink:#173440;--route-blue:#086d8f;--route-border:#acc9d4;background:#f8fbfc;color:var(--route-ink)}
.route-intro{padding:60px 0 34px;background:linear-gradient(135deg,#f8fbfc,#eaf3f7)}
.route-intro .wrap{max-width:1160px}.route-intro h1{font-size:clamp(30px,3.4vw,48px);line-height:1.13;letter-spacing:-1.1px;margin:15px 0 20px;max-width:920px}.route-intro .lead{max-width:790px;font-size:20px;line-height:1.6}
.route-section{padding:30px 0 46px}.route-shell{border:1px solid var(--route-border);border-radius:24px;background:#fff;padding:clamp(22px,3vw,42px);box-shadow:0 12px 35px #1537460a}.route-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}.route-top p{margin:0}.route-preview{font-size:12px;color:#526a74;border:1px solid #bfd3dc;padding:6px 10px;border-radius:20px;white-space:nowrap}
#route-stage{scroll-margin-top:110px;min-height:220px}#route-stage h1{font-size:clamp(26px,2.5vw,36px);line-height:1.2;letter-spacing:-.6px;margin:0 0 12px}#route-stage h1:focus{outline:none}#route-stage h1:focus-visible{outline:2px solid #097b9f;outline-offset:5px}.route-intro-text{font-size:18px;max-width:760px;margin:0 0 26px;color:#4e6570}
.route-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.route-choice{font:inherit;display:flex;flex-direction:column;position:relative;text-align:left;min-width:0;padding:24px;border:1px solid var(--route-border);border-radius:14px;background:#f8fbfc;color:var(--route-ink);text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.route-choice strong{font-size:21px;line-height:1.32;font-weight:600}.choice-detail{font-size:16px;line-height:1.55;margin-top:10px;color:#425e6b}.choice-action{font-size:14px;color:#075d7c;font-weight:600;margin-top:20px;padding-top:6px}.choice-tag{font-size:11px;letter-spacing:1.4px;font-weight:700;color:#076989;margin-bottom:13px}.route-choice:hover{background:#eaf4f8;border-color:#2887a4;transform:translateY(-2px)}.route-choice:focus-visible,.route-tools button:focus-visible{outline:3px solid #087fa7;outline-offset:3px}.route-choice.choice-samenwerkshop{background:radial-gradient(circle at 90% 0%,#cfeaf5a8,transparent 65%),linear-gradient(125deg,#eef7fb,#dcecf2);border:1px solid #83b3c7;box-shadow:inset 0 1px 0 #fff,0 4px 0 #b9d5e04d}.route-choice.choice-samenwerkshop:hover{background:#d4eaf3}
#route-trail:not(:empty){display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:15px 0 22px;font-size:13px}.trail-prefix{color:#526a74}.trail-choice{border:1px solid #d6e5eb;background:#f0f6f8;border-radius:7px;padding:6px 9px}.route-tools{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border-top:1px solid #dce7eb;padding-top:23px;margin-top:30px;font-size:14px}.route-tools button{font:inherit;background:none;border:0;padding:7px 0;color:#075d7c;cursor:pointer;font-weight:600}.route-tools [hidden]{display:none}.route-tools a{margin-left:auto;color:#345f73;text-underline-offset:4px}.route-note{font-size:14px;color:#526a74;margin:20px 5px 0;max-width:880px}
.route-result{max-width:900px}.route-result .eyebrow{color:#076989;margin-bottom:12px}.route-result p{font-size:18px;line-height:1.65}.route-result h3{font-size:20px;margin:28px 0 8px}.route-result ul{padding-left:22px;font-size:17px;line-height:1.65}.route-result li{padding-left:4px;margin-bottom:7px}.route-result .actions{margin-top:28px;gap:24px;align-items:center}.route-result .result-why{font-size:21px;color:#325567;max-width:810px}.route-result a.button{background:#143b4b;color:#fff;border:1px solid #143b4b}.route-result a.textlink{color:#085e7b}.route-method{background:#eaf3f7;padding:45px 0}.route-method .wrap{max-width:1160px}.route-method h2{font-size:32px}.route-method p:not(.eyebrow){max-width:800px;font-size:18px;line-height:1.65}.route-method a{color:#075d7c}.route-method .actions{gap:25px}
@media(max-width:760px){.route-intro{padding:35px 0 20px}.route-intro h1{letter-spacing:-.7px}.route-intro .lead{font-size:18px}.route-section{padding-top:20px}.route-top{align-items:flex-start;flex-direction:column;gap:10px}.route-options{grid-template-columns:1fr;gap:12px}.route-choice{padding:21px}.route-choice strong{font-size:20px}.route-tools{gap:15px}.route-tools a{margin-left:0;width:100%}.route-result .actions{align-items:flex-start;flex-direction:column}.route-result a.button{white-space:normal}.route-result .result-why{font-size:19px}.route-method h2{font-size:27px}.route-preview{font-size:11px}}
@media(prefers-reduced-motion:reduce){.route-choice{transition:none}.route-choice:hover{transform:none}}

.route-page header #nav a:not(.button){color:#e4eff3}.route-page header .menu-toggle{color:#e4eff3}.route-page footer{color:#d6e4ea}.route-page footer a,.route-page footer button{color:#d6e4ea}

.route-page .route-section{padding-top:52px}.route-page #route-stage h1{font-size:clamp(28px,3.2vw,42px)}@media(max-width:760px){.route-page .route-section{padding-top:24px}}

/* The same quiet four-square motif as the detailed Samenwerkshop offer. */
.choice-workshop-symbol{display:flex;align-items:center;gap:7px;height:31px;margin:0 0 17px;pointer-events:none}
.choice-workshop-symbol i{display:block;width:22px;height:22px;border:1px solid #62abc3;border-radius:6px;background:#edf8fc;box-shadow:inset 0 1px #fff,2px 3px 0 #21566b12}
.choice-workshop-symbol i:nth-child(2){transform:translateY(-5px);background:#b9e4f0}
.choice-workshop-symbol i:nth-child(4){transform:translateY(5px)}