.kobo-finder{box-sizing:border-box;width:100%;max-width:none;padding:clamp(18px,4vw,32px);border:1px solid #d3dbe3;border-top:4px solid #125c8b;border-radius:8px;background:#fff;color:#182c3c;font:inherit;line-height:1.5}
.kobo-finder *{box-sizing:border-box}
.kobo-finder h2{margin:0 0 12px;font-size:clamp(23px,4vw,30px);line-height:1.2;color:inherit}
.kobo-finder p{margin:0 0 16px}
.kobo-finder label{display:block;font-weight:600;margin-bottom:8px}
.kobo-finder__row{display:flex;flex-direction:column;gap:12px}
.kobo-finder input{flex:0 0 auto;width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #647789;border-radius:4px;background:#fff;color:#182c3c;font:inherit;font-size:16px}
.kobo-finder button{flex:0 1 auto;min-height:48px;padding:12px 18px;white-space:normal;border:0;border-radius:4px;background:#125c8b;color:#fff;font:inherit;font-weight:600;cursor:pointer}
.kobo-finder button:hover{background:#0d476c}
.kobo-finder button:disabled{opacity:.6;cursor:wait}
.kobo-finder input:focus-visible,.kobo-finder button:focus-visible{outline:3px solid #1c6696;outline-offset:3px}
.kobo-finder input[aria-invalid=true]{border:2px solid #a92323}
.kobo-finder .kobo-finder__status{margin:16px 0 0}
.kobo-finder__status:empty{display:none}
.kobo-finder__result{margin-top:20px;padding:20px;background:#f0f5f8;border-left:4px solid #125c8b;overflow-wrap:anywhere}
.kobo-finder__result h3{margin:0 0 8px;font-size:26px;line-height:1.3;color:inherit}
.kobo-finder__result p{margin:0 0 8px}
.kobo-finder [hidden]{display:none!important}
@media(max-width:480px){.kobo-finder button{width:100%}.kobo-finder__result{padding:16px}}

.kobo-finder__layout{display:flex;flex-direction:column;gap:20px}
.kobo-finder__panel{width:100%;min-width:0}
.kobo-finder__map-panel{width:100%;min-width:0}
.kobo-finder__map-panel>label{margin-top:20px}
.kobo-finder__map-panel select{width:100%;max-width:100%;min-height:44px;padding:8px;background:white;color:#182c3c;border:1px solid #647789;border-radius:4px;font:inherit;font-size:16px}
.kobo-finder__map{display:block;width:100%;height:var(--kobo-map-height,clamp(480px,85vw,1000px));max-height:none;background:#edf4f8;border:1px solid #cedce5;border-radius:6px;touch-action:none;cursor:grab}
.kobo-finder__map:active{cursor:grabbing}
.kobo-finder__territory{stroke:#fff;stroke-width:.7;vector-effect:non-scaling-stroke;cursor:pointer}
.kobo-finder__territory:hover,.kobo-finder__territory:focus,.kobo-finder__territory[aria-pressed=true]{stroke:#0a1828;stroke-width:3;outline:none;filter:brightness(1.13)}
.kobo-finder__owner-0{fill:#207ba5;background:#207ba5}.kobo-finder__owner-1{fill:#9670ae;background:#9670ae}.kobo-finder__owner-2{fill:#399785;background:#399785}.kobo-finder__owner-3{fill:#d09a40;background:#d09a40}.kobo-finder__owner-4{fill:#d56e62;background:#d56e62}
.kobo-finder__map-tools{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.kobo-finder__map-tools button{min-width:44px;min-height:44px;padding:8px 12px;font-size:14px;width:auto}
.kobo-finder__legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:14px 0;font-size:13px}
.kobo-finder__legend span{display:inline-flex;align-items:center;gap:6px}
.kobo-finder__legend i{display:inline-block;width:12px;height:12px;border-radius:3px}
.kobo-finder .kobo-finder__map-note{font-size:13px;margin:8px 0}.kobo-finder .kobo-finder__attribution{font-size:11px;line-height:1.5;margin:0;color:#465969}
.kobo-finder a{color:#105a86;text-decoration:underline}
.kobo-finder__contacts{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.kobo-finder__contacts a{display:block;border:1px solid #125c8b;border-radius:4px;min-height:44px;padding:10px 12px;background:#fff;color:#125c8b;font-weight:600;overflow-wrap:anywhere}
.kobo-finder__contacts a:first-child{background:#125c8b;color:#fff}
.kobo-finder__contacts p{font-size:14px}
.kobo-finder a:focus-visible,.kobo-finder select:focus-visible{outline:3px solid #1c6696;outline-offset:3px}
@media(max-width:760px){.kobo-finder__layout{display:flex;flex-direction:column;gap:24px}.kobo-finder__panel{position:static;width:100%}.kobo-finder__map-panel{width:100%}.kobo-finder__map{max-height:none}}
/* KÖBO red / black / white / blue. Variables can be matched to site brand tokens. */
.kobo-finder{--kobo-red:#e40139;--kobo-blue:#006eb6;--kobo-black:#111820;--kobo-white:#fff;border-top-color:var(--kobo-red);color:var(--kobo-black)}
.kobo-finder button,.kobo-finder button:hover{background:var(--kobo-blue)}
.kobo-finder button:hover{filter:brightness(.88)}
.kobo-finder__owner-0{fill:#006eb6;background:#006eb6}.kobo-finder__owner-1{fill:#4c8fc2;background:#4c8fc2}.kobo-finder__owner-2{fill:#283e50;background:#283e50}.kobo-finder__owner-3{fill:#a7becf;background:#a7becf}.kobo-finder__owner-4{fill:#be2633;background:#be2633}
.kobo-finder__territory[aria-pressed=true]{fill:#111820;stroke:#fff;stroke-width:1;filter:none}
.kobo-finder__lift{pointer-events:none;filter:drop-shadow(2px 5px 3px #0006)}
.kobo-finder__raised-edge{fill:#80050b;stroke:#80050b;stroke-width:1;vector-effect:non-scaling-stroke}
.kobo-finder__raised-face{fill:var(--kobo-red);stroke:white;stroke-width:1.6;vector-effect:non-scaling-stroke}
.kobo-finder__lift.is-entering{animation:kobo-lift-in .22s ease-out both}
@keyframes kobo-lift-in{from{opacity:.25;transform:translate(var(--lift-start-x,2px),var(--lift-start-y,5px))}to{opacity:1;transform:translate(0,0)}}
.kobo-finder__result{background:var(--kobo-black);color:var(--kobo-white);border:1px solid #263f53;border-top:3px solid var(--kobo-red);border-left:4px solid var(--kobo-blue);border-radius:5px;box-shadow:0 8px 20px #00172a1a;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.kobo-finder__result h3{color:var(--kobo-white);font:700 clamp(21px,2.5vw,26px)/1.35 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.kobo-finder .kobo-finder__terminal-title{color:#8fc9ff;font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:20px}
.kobo-finder__terminal-title span{color:#ff5962}
.kobo-finder__result [data-area]{color:#b9c9d8;font-size:14px}
.kobo-finder__contacts a,.kobo-finder__contacts a:first-child{background:#132b40;color:#fff;border:1px solid #356385;border-left:3px solid #258bd8;font-size:14px;font-weight:600;text-decoration:none}
.kobo-finder__contacts a:hover{background:#1e4362;border-color:#8fc9ff}
.kobo-finder__contacts p{color:#c8d4df;font-size:13px}
.kobo-finder__typing-line{position:relative}
.kobo-finder__type-space{visibility:hidden;display:block}
.kobo-finder__type-text{position:absolute;inset:0;white-space:normal;overflow-wrap:anywhere}
.kobo-finder__contacts a .kobo-finder__type-text{inset:10px 12px}
.kobo-finder__type-text.is-typing::after{content:"▌";color:#ff5962}
@media(prefers-reduced-motion:reduce){.kobo-finder__lift.is-entering{animation:none}}
