.ferryhop{--ink: #0b294a;--ink-soft: rgba(11, 41, 74, 0.62);--ink-muted: rgba(11, 41, 74, 0.40);--ochre: #f8c263;--ochre-deep: #e0992f;--cream: #f4f1de;--paper: #fbfaf5;--hairline: rgba(11, 41, 74, 0.14);--map-land: #e9e4cf;--map-line: #fbfaf5;--veer: #2f6f9e;--route: #0b294a;color:var(--ink);font-family:'Roboto', system-ui, sans-serif}.ferryhop__intro h1{font-family:'FinalSix', sans-serif}.ferryhop__intro p{color:var(--ink-soft);max-width:70ch;line-height:1.6}.planner{display:grid;grid-template-columns:1.25fr 1fr;gap:1.5rem;align-items:start;margin:1.5rem auto;max-width:1180px;padding:0 1rem}@media (max-width: 860px){.planner{grid-template-columns:1fr}}.planner__map{position:sticky;top:1rem;background:var(--paper);border:1px solid var(--hairline);border-radius:14px;padding:.5rem;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (max-width: 860px){.planner__map{position:relative}}.planner__map svg{width:100% !important;height:auto !important;display:block;touch-action:none}.planner__map svg path{fill:var(--map-land);stroke:var(--map-line);stroke-width:1;vector-effect:non-scaling-stroke}.ferry-line{stroke:var(--ink-muted);stroke-width:1.3;fill:none;opacity:.8;vector-effect:non-scaling-stroke;transition:stroke .15s, stroke-width .15s, opacity .15s}.ferry-line--weg{stroke-dasharray:5 6;stroke:var(--ink-muted)}.ferry-line.is-dim{opacity:.1}.ferry-line.is-reachable{stroke:var(--ochre-deep);stroke-width:2.2;opacity:.9}.ferry-line.is-active{stroke:var(--route);stroke-width:3.5;opacity:1}.ferry-line.is-filtered{display:none}.ferry-port{cursor:pointer}.ferry-port__dot{fill:var(--paper);stroke:var(--ink);stroke-width:2.5;transition:r .12s, fill .12s, stroke .12s, opacity .12s}.ferry-port--eiland .ferry-port__dot{fill:var(--ochre);stroke:var(--ochre-deep)}.ferry-port__label{font-family:'Roboto', sans-serif;font-size:21px;font-weight:600;fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:3px;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .12s}.ferry-port:hover .ferry-port__label,.ferry-port:focus .ferry-port__label,.ferry-port.is-in-route .ferry-port__label,.ferry-port.is-reachable .ferry-port__label{opacity:1}.ferry-port.lbl-hidden .ferry-port__label{opacity:0 !important}.ferry-port.lbl-hidden:hover .ferry-port__label,.ferry-port.lbl-hidden:focus .ferry-port__label{opacity:1 !important}.ferry-port.is-reachable .ferry-port__dot{stroke:var(--ochre-deep);fill:#fff6e4;r:10}.ferry-port.is-in-route .ferry-port__dot{fill:var(--route);stroke:var(--route);r:11}.ferry-port.is-last .ferry-port__dot{stroke:var(--ochre);stroke-width:4;r:13}.ferry-port.is-dim{opacity:.35}.ferry-port.is-dim .ferry-port__dot{stroke-width:1.5}.ferry-port.is-in-route::after{content:attr(data-order)}@keyframes ferryFlash{0%,100%{opacity:1}50%{opacity:.2}}.ferry-port.flash .ferry-port__dot{animation:ferryFlash .4s 2}.planner__panel{background:var(--cream);border:1px solid var(--hairline);border-radius:14px;padding:1.1rem 1.2rem 1.3rem}.planner__start label{display:block;font-weight:700;margin-bottom:.35rem}.planner__start select{width:100%;padding:.6rem .7rem;border-radius:9px;border:1px solid var(--hairline);background:var(--paper);font-size:1rem;color:var(--ink)}.planner__hint{font-size:.85rem;color:var(--ink-muted);margin:.4rem 0 0}.planner__start.is-collapsed{opacity:.65}.planner__filters{border:1px solid var(--hairline);border-radius:12px;padding:.5rem .8rem .7rem;margin:0 0 1rem;background:var(--paper)}.planner__filters legend{font-weight:700;font-size:.92rem;padding:0 .35rem}.planner__filters-hint{font-weight:400;color:var(--ink-muted);font-size:.78rem}.planner__filters-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .7rem;margin:.35rem 0 .5rem}.fchip{display:flex;align-items:center;gap:.45rem;font-size:.9rem;cursor:pointer;user-select:none}.fchip input{width:1rem;height:1rem;margin:0;accent-color:var(--veer);cursor:pointer}.fchip--weg input{accent-color:var(--ink-soft)}.fchip:has(input:not(:checked)){color:var(--ink-muted)}.planner__preset{font-size:.82rem;color:var(--veer);background:none;border:0;padding:.1rem 0;cursor:pointer;text-decoration:underline;font-weight:600}.planner__preset:hover{color:var(--ink)}.planner__route{list-style:none;margin:1rem 0 0;padding:0}.planner__hop{padding:0;margin:0}.planner__hop-head{display:flex;align-items:center;gap:.5rem;padding:.35rem 0}.planner__hop-num{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;background:var(--route);color:#fff;border-radius:50%;font-size:.8rem;font-weight:700}.planner__hop-name{font-family:'FinalSix', sans-serif;font-size:1.15rem;font-weight:700}.planner__city{color:inherit;text-decoration:none}a.planner__city:hover{color:var(--veer);text-decoration:underline}.planner__cut{margin-left:auto;flex:none;width:1.55rem;height:1.55rem;border-radius:50%;border:1px solid var(--hairline);background:var(--paper);color:var(--ink-muted);font-size:1.05rem;line-height:1;cursor:pointer;transition:color .12s, border-color .12s, background .12s}.planner__cut:hover{border-color:#c0392b;color:#c0392b;background:#fff}.planner__leg{margin-left:.75rem;padding:.35rem 0 .35rem .9rem;border-left:3px solid var(--hairline);font-size:.85rem;color:var(--ink-soft);line-height:1.5}.planner__leg--veer{border-left-color:var(--veer)}.planner__leg--weg{border-left-style:dashed}.planner__leg-type{font-weight:700;color:var(--ink)}.planner__book{display:inline-block;margin-left:.25rem;padding:.1rem .5rem;background:var(--ochre);color:var(--ink);border-radius:6px;font-weight:700;text-decoration:none;font-size:.8rem}.planner__book:hover{background:var(--ochre-deep)}.planner__next-title{font-weight:700;margin:1rem 0 .5rem}.planner__next-grid{display:grid;gap:.45rem}.planner__add{text-align:left;padding:.55rem .7rem;border-radius:9px;border:1px solid var(--hairline);background:var(--paper);color:var(--ink);font-size:.95rem;cursor:pointer;transition:border-color .12s, background .12s}.planner__add small{display:block;color:var(--ink-muted);font-size:.78rem}.planner__add:hover{border-color:var(--ochre-deep);background:#fff}.planner__add--back{opacity:.8}.planner__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}.planner__actions button{padding:.45rem .8rem;border-radius:9px;border:1px solid var(--hairline);background:var(--paper);color:var(--ink);font-size:.85rem;cursor:pointer}.planner__actions button:hover{border-color:var(--ink)}.planner__shared{margin:.6rem 0 0;font-size:.85rem;color:var(--ochre-deep);font-weight:600}.planner:not(.is-enhanced) .planner__panel{display:none}.planner__mapwrap{line-height:0;cursor:grab;touch-action:none}.planner__mapwrap:active{cursor:grabbing}.planner__zoom{position:absolute;top:.7rem;right:.7rem;z-index:3;display:flex;flex-direction:column;gap:.3rem}.planner__zoom button{width:2rem;height:2rem;padding:0;border-radius:8px;border:1px solid var(--hairline);background:var(--paper);color:var(--ink);font-size:1.15rem;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 1px 4px rgba(11,41,74,0.14)}.planner__zoom button:hover{border-color:var(--ink);background:#fff}.planner:not(.is-enhanced) .planner__zoom{display:none}.planner__legend{list-style:none;display:flex;flex-wrap:wrap;gap:.55rem 1.1rem;margin:.75rem .25rem 0;padding:0;font-size:.8rem;color:var(--ink-soft)}.planner__legend li{display:flex;align-items:center;gap:.4rem}.leg-dot{width:13px;height:13px;border-radius:50%;display:inline-block}.leg-dot--eiland{background:var(--ochre);border:2px solid var(--ochre-deep)}.leg-dot--hub{background:var(--paper);border:2px solid var(--ink)}.leg-line{width:22px;height:0;display:inline-block;border-top:3px solid var(--ink-muted)}.leg-line--weg{border-top-style:dashed}.ferryhop__reference{max-width:1180px;margin:2.75rem auto;padding:0 1rem}.ferryhop__reference>h2{font-family:'FinalSix', sans-serif;margin-bottom:.4rem}.ferryhop__reference>p{color:var(--ink-soft);max-width:70ch;line-height:1.55;margin-top:0}.vgrid{margin-top:1.85rem;columns:17rem;column-gap:2.4rem;column-rule:1px solid var(--hairline)}.vport{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin:0 0 1.35rem}.vport__name{font-family:'FinalSix', sans-serif;font-size:1.05rem;font-weight:700;color:var(--ink);margin:0 0 .35rem;display:flex;align-items:center;gap:.45rem}.vport__name a{color:inherit;text-decoration:none}.vport__name a:hover{color:var(--veer);text-decoration:underline}.vport__dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--ochre);border:1.5px solid var(--ochre-deep)}.vport__line{display:flex;align-items:flex-start;gap:.5rem;margin:0 0 .3rem;font-size:.9rem;line-height:1.5;color:var(--ink-soft)}.vport__dests{flex:1;min-width:0}.vport__line a{color:var(--ink);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .12s, color .12s}.vport__line a:hover{color:var(--veer);border-bottom-color:currentColor}.vico{flex:none;width:1.05rem;height:1.05rem;margin-top:.12rem}.vico--auto{color:var(--ochre-deep)}.vico--boot{color:var(--veer)}.vico-defs{position:absolute;width:0;height:0;overflow:hidden}.vlegend{display:flex;flex-wrap:wrap;gap:.35rem 1.3rem;margin:.3rem 0 0;font-size:.82rem;color:var(--ink-soft)}.vlegend__item{display:inline-flex;align-items:center;gap:.35rem}.vlegend .vico{margin-top:0}.vsr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@media (max-width: 860px){.planner__map svg .ferry-port__dot{r:12}.ferry-port.is-reachable .ferry-port__dot{r:13}.ferry-port.is-in-route .ferry-port__dot{r:14}.ferry-port.is-last .ferry-port__dot{r:16}.ferry-port__label{font-size:34px}.ferry-line{stroke-width:1}.ferry-line.is-active{stroke-width:2.8}.ferry-line.is-reachable{stroke-width:1.8}}@media print{.planner__map,.planner__next,.planner__actions,.planner__start,.ferryhop__reference,.planner__hint{display:none !important}.planner{display:block}.planner__panel{border:none;background:#fff}}