.if-national-picker{margin:22px 0 18px;border:1px solid #c9e1e2;border-radius:22px;background:#fff;box-shadow:0 12px 30px #0b354508;overflow:hidden}.if-national-picker+.if-controls{margin-top:0}
.if-national-picker>summary{display:flex;align-items:center;gap:15px;padding:20px 24px;cursor:pointer;list-style:none;background:linear-gradient(110deg,#eff9f7,#fff 70%);color:#123d4a;min-height:76px}
.if-national-picker>summary::-webkit-details-marker{display:none}.if-national-picker summary strong{display:block;font-size:1.1rem;line-height:1.3}.if-national-picker summary small{display:block;margin-top:5px;color:#52747a;font-weight:500;font-size:.84rem}
.if-national-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:14px;background:#087d80;color:white;font-size:30px}.if-picker-open,.if-picker-close{margin-left:auto;white-space:nowrap;font-size:.85rem;color:#087d80}.if-picker-close{display:none}.if-national-picker[open] .if-picker-close{display:block}.if-national-picker[open] .if-picker-open{display:none}
.if-national-grid{padding:6px 24px 24px;display:grid;grid-template-columns:minmax(250px,1fr) minmax(300px,1fr);gap:28px;align-items:center}.if-national-picker:not([open])>.if-national-grid{display:none}.if-national-svg{display:block;width:100%;max-height:460px;aspect-ratio:600/540}.if-national-land{fill:#f6f4eb;stroke:#cad5cd;stroke-width:1}.if-national-hit{fill:none;stroke:transparent;stroke-width:30;stroke-linejoin:round;stroke-linecap:round}.if-national-coast{fill:none;stroke:var(--area-color);stroke-width:7;stroke-linejoin:round;stroke-linecap:round;transition:stroke-width .15s}.if-national-island{fill:var(--area-color);fill-opacity:.24;stroke:var(--area-color);stroke-width:3;fill-rule:evenodd}.if-national-band:hover .if-national-coast,.if-national-band.is-selected .if-national-coast{stroke-width:12}.if-national-band:hover .if-national-island,.if-national-band.is-selected .if-national-island{fill-opacity:.65;stroke-width:4}.if-national-band:focus-visible{outline:none}.if-national-band:focus-visible>*{stroke:#092e42;stroke-width:4}.if-national-badge{fill:var(--area-color);stroke:#fff;stroke-width:3}.if-national-band.is-selected .if-national-badge{stroke:#092e42;stroke-width:4}.if-national-number{fill:#fff;font-size:14px;font-weight:800;pointer-events:none}.if-national-caption{fill:#5b767b;font-size:10px}
.if-national-legend h2{font-size:1.8rem;margin:8px 0}.if-national-legend p{font-size:.91rem;line-height:1.6;color:#527078}.if-area-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.if-area-choice{display:flex;align-items:center;gap:10px;min-height:62px;border:1px solid #dfe9e9;border-radius:12px;padding:10px;text-decoration:none;color:#153d49;transition:background .15s,border-color .15s}.if-area-choice:hover,.if-area-choice.is-selected{border-color:var(--area-color);background:#f3f9f8;box-shadow:inset 3px 0 var(--area-color)}.if-area-number{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;color:white;background:var(--area-color);font-size:.78rem;font-weight:800}.if-area-choice strong{display:block;font-size:.82rem;line-height:1.3}.if-area-choice small{display:block;margin-top:4px;font-size:.72rem;color:#627b83}.if-area-arrow{margin-left:auto;color:var(--area-color);font-weight:800}.if-national-note{font-size:.76rem!important;margin-bottom:0}.if-national-picker a:focus-visible,.if-national-picker>summary:focus-visible{outline:3px solid #fa7c4c;outline-offset:-3px}
@media(max-width:800px){.if-national-grid{grid-template-columns:1fr;gap:12px;padding:0 16px 20px}.if-national-svg{max-height:370px}.if-national-picker>summary{padding:16px;gap:10px}.if-national-picker summary strong{font-size:.98rem}.if-national-picker summary small{font-size:.75rem;line-height:1.4}.if-picker-open,.if-picker-close{font-size:.75rem;white-space:normal;text-align:right;max-width:65px}.if-national-icon{width:38px;height:38px;border-radius:11px;font-size:25px}.if-national-legend h2{font-size:1.45rem}.if-area-choices{gap:8px}.if-area-choice{min-height:64px;padding:10px 8px}.if-area-choice strong{font-size:.77rem}.if-area-arrow{display:none}.if-national-picker{border-radius:18px;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.if-national-picker *{transition:none!important}}