/* Stadskaart (sjabloon alp-stadskaart): aanvulling op sterrenkaart.css (zelfde opmaak en klassen, alles binnen .alp-sk).
   Geen SVG-filters, blend-modes of backdrop-filter (Safari-tekenfout, zie CLAUDE.md). */
/* Alleen het vel is papierkleur (voorbeeld); lijst (.sk-frame, zwart) en passe-partout (.sk-mat) blijven zoals bij de sterrenkaart. */
.alp-st .sk-sheet,.alp-st .sk-zoom__sheet{background:#f7f3ea}
.alp-st .sk-art--print .sk-frame,.alp-st .sk-art--print .sk-mat{background:#f7f3ea}
.alp-st .sk-sheet.is-busy svg{opacity:.45;transition:opacity .2s}
.alp-st .sk-note.is-error{color:var(--fout-700)}
.alp-st label .st-out{font-weight:400;color:var(--inkt-600);font-size:.8125rem}
.alp-st input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:1.5rem;background:transparent!important;border:0!important;padding:0!important;margin:.25rem 0 0;cursor:pointer}
.alp-st input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--papier-300)}
.alp-st input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--papier-300)}
.alp-st input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--goud-700);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25);margin-top:calc(2px - .575rem)}
.alp-st input[type=range]::-moz-range-thumb{width:1.15rem;height:1.15rem;border-radius:50%;background:var(--goud-700);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.alp-st input[type=range]:focus-visible{outline:2px solid var(--goud-400)!important;outline-offset:2px}
.st-stijlen{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem .5rem}
.alp-sk label.st-stijl{align-items:center;text-align:center;font-size:.6875rem;font-weight:400;line-height:1.25;cursor:pointer;gap:.35rem;color:var(--inkt-700);position:relative}
.st-stijl input{position:absolute;opacity:0;pointer-events:none}
.st-stijl svg{width:100%;max-width:64px;display:block;border-radius:3px;outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 1px var(--line)}
.st-stijl input:checked+svg{outline-color:var(--inkt-900)}
.st-stijl input:focus-visible+svg{outline-color:var(--goud-400)}
.alp-st .st-vorm{grid-template-columns:repeat(3,minmax(0,1fr))}
.alp-st .st-vorm label{justify-content:center}
.st-osm{text-align:center}
@media (max-width:480px){.st-stijlen{grid-template-columns:repeat(4,minmax(0,1fr))}.alp-st .st-vorm{grid-template-columns:1fr 1fr}}