.pk{padding:24px 0 40px;color:#294c70}.pk h1{font-size:clamp(28px,4vw,42px);margin:8px 0}.pk-kicker{letter-spacing:.12em;font-size:12px;font-weight:bold}.pk-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:24px;margin-top:20px}.pk-panel{background:#fff;border:1px solid #d6e3ee;border-radius:16px;padding:20px;align-self:start}.pk label{display:block;font-weight:600;margin:0 0 16px}.pk select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #b9cfe1;border-radius:8px;background:white;color:#294c70}.pk button{cursor:pointer;background:white;border:1px solid #b9cfe1;border-radius:8px;padding:10px 14px;color:#315f98;min-height:44px}.pk button:disabled{opacity:.45;cursor:default}.pk button:focus-visible,.pk input:focus-visible,.pk select:focus-visible{outline:3px solid #efae32;outline-offset:2px}.pk-maphead{background:#315f98;color:white;padding:14px 18px;border-radius:14px 14px 0 0;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.pk-viewport{position:relative;aspect-ratio:800/980;background:#e9f1f5;overflow:hidden;border:1px solid #cadce9;touch-action:pan-y}.pk-viewport:fullscreen{height:100vh;width:auto;aspect-ratio:800/980;margin:auto;background:#e9f1f5}.pk-viewport:fullscreen #pk-scene{height:100%}#pk-scene{position:absolute;inset:0;transform-origin:center}#pk-image,#pk-borders{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}#pk-borders{pointer-events:none}.pk-zoom{position:absolute;right:12px;top:12px;display:grid;gap:6px}.pk-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}#pk-play{background:#315f98;color:white}#pk-time{width:100%;accent-color:#315f98;min-height:36px}.pk-note{font-size:12px;line-height:1.6;color:#59748d}#pk-status{padding:12px 16px;background:#e8f0f7;border-radius:8px}#pk-status[data-error=true]{background:#fff0d5;color:#704300;border-left:4px solid #dc8e00}.pk h2{font-size:18px}.pk p{line-height:1.6}#pk-legend{max-height:500px;max-width:100%}#pk-download{display:inline-block;margin-top:12px}@media(max-width:760px){.pk-layout{grid-template-columns:1fr;gap:18px}.pk{padding-top:14px}.pk-panel{padding:16px}.pk-controls{gap:5px}.pk-controls button{padding:8px 12px}.pk-maphead{font-size:13px}}

.pk-viewport{background:#e8edf0}.pk-panel details{margin-top:20px;font-size:13px}.pk #pk-coverage{padding:10px;background:#edf3f8;border-radius:8px}.pk #pk-legend{display:block;margin:12px 0;max-height:600px;max-width:100%;object-fit:contain}.pk details[open]>summary{margin-bottom:10px}#pk-download:not([href]){display:none}
/* Entire original legend lives in a compact, accessible sidebar disclosure. */
.pk .pk-panel{box-shadow:0 5px 18px #254e7010}.pk .pk-legend-card{padding:14px 16px;margin:22px 0;background:linear-gradient(145deg,#f7fbff,#edf3fa);border:1px solid #cadcea;border-radius:12px}.pk .pk-legend-card>summary{cursor:pointer;font-weight:700;font-size:14px;color:#315f98;min-height:28px}.pk .pk-legend-scroll{max-height:330px;overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #dce6ee;border-radius:8px;padding:10px}.pk .pk-legend-card #pk-legend{display:block;max-height:none;height:auto;width:auto;max-width:100%;margin:0;object-fit:contain}.pk .pk-legend-scroll:focus-visible,.pk .pk-legend-card summary:focus-visible{outline:3px solid #e8b14b;outline-offset:3px}.pk .pk-panel>h2{border-top:1px solid #dbe5ed;padding-top:20px;margin-top:24px}.pk .pk-panel>p{font-size:13px;line-height:1.75;margin:14px 0}.pk .pk-panel>details:not(.pk-legend-card){padding:14px;background:#f4f7fa;border:1px solid #dbe5ed;border-radius:10px}.pk .pk-panel>details:not(.pk-legend-card) summary{font-weight:700;cursor:pointer}.pk .pk-panel label{margin-bottom:20px}.pk .pk-note{line-height:1.75}
@media(max-width:760px){.pk .pk-legend-card{margin:18px 0}.pk .pk-legend-scroll{max-height:280px}}