.hub-crumb{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);margin:0 0 12px}.hub-crumb a{color:inherit;text-decoration:none}.hub-crumb a:hover{text-decoration:underline}.hub-crumb span:before{content:'›';margin-right:9px;color:#a6a7ac}.hub h1{margin:0 0 20px;font-size:26px}.hub .mon{gap:6px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--line)}.hub .mon a,.hub .mon span{border-radius:7px;background:transparent;border:0;padding:7px 10px;color:var(--muted);white-space:nowrap}.hub .mon .on{background:#eef0f7;color:var(--accent);font-weight:700}.hub .mon .yl{align-self:center;color:var(--muted)}.hub .rgs{gap:8px}.hub .rgs button{border-radius:8px;padding:7px 16px}.hub .rgs button.on{background:#eef0f7;color:var(--accent);border-color:#c5cce1}.hubgrid{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.hubmap{height:440px;background:#f3f4f3;border:1px solid var(--line);border-radius:10px}.hlist{gap:0;border-top:1px solid var(--line)}.hlist a{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 10px}.hlist a:hover,.hlist a.hl{background:#f5f6fa}.hlist b{font-size:15px}.hlist span{font-size:12px;line-height:1.7;margin-top:6px}.hub-credit{font-size:9px;line-height:16px;background:#fffffff0;color:#666;padding:2px 5px;margin:6px;max-width:calc(100% - 12px);border-radius:3px;white-space:nowrap}.hub-credit a{color:inherit;text-decoration:none}.hub-credit.ocf-folded{margin:8px}.hub-credit .ocf-i{margin:0!important}.hubmap .maplibregl-ctrl-top-left{max-width:100%}.hubmap .maplibregl-ctrl-attrib{display:none}.gsrc{font-size:12px;line-height:1.7}main.w{padding-top:18px}@media(max-width:760px){.hubgrid{grid-template-columns:minmax(0,1fr)}.hubmap{height:280px}.hlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;gap:0 12px}.hlist a{padding:14px 0}.hub h1{font-size:23px}.hub-credit{font-size:8px}.sec.hero.hub{padding:18px!important}.hub .mon{margin-bottom:12px}.hub .rgs button{padding:6px 13px}}
/* 사용자 원래 시안: PC는 지도 중심의 넓은 화면 */
main.w:has(.hub){max-width:1400px}.hubgrid{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.hubmap{height:580px}.hlist{max-height:580px}.hub-crumb a:focus:not(:focus-visible){outline:none}@media(max-width:760px){.hubgrid{grid-template-columns:minmax(0,1fr)}.hubmap{height:320px}.hlist{max-height:none}}
@media(max-width:760px){main.w:has(.hub){padding-left:12px;padding-right:12px}.sec:has(.hubgrid){padding:18px 0!important;margin-left:-12px;margin-right:-12px;width:calc(100% + 24px);border-left:0;border-right:0;border-radius:0}.sec:has(.hubgrid)>h2{padding:0 18px}.hubmap{width:100%;border-left:0;border-right:0;border-radius:0;height:360px}.hubgrid{gap:12px}.hlist{margin:0 16px}.hub-crumb{font-size:11px}.hub-credit{font-size:8px}}
@media(max-width:760px){.hlist>a:last-child:nth-child(odd){grid-column:1/-1}}
/* 상단 중복 문구 제거, 월 선택과 지역 필터 통합 */
.hub-crumb,.sec:has(>.hubgrid)>h2{display:none!important}
.sec.hero.hub{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;row-gap:14px;align-items:center}
.hub h1{grid-column:1/-1;margin:0!important}
.hub .mon{min-width:0;flex-wrap:nowrap;overflow-x:auto;margin:0!important;padding:0!important;border:0;scrollbar-width:thin}
.hub .rgs{margin:0;gap:4px;flex-wrap:nowrap}
.hub .rgs button{border:0;background:transparent;padding:7px 10px;font-size:13px;white-space:nowrap}
.hub .rgs button.on{background:#eef0f7;color:var(--accent)}
@media(max-width:760px){.sec.hero.hub{column-gap:8px;row-gap:12px}.hub h1{grid-column:1;font-size:20px;white-space:nowrap}.hub .rgs{grid-column:2;grid-row:1;gap:0}.hub .rgs button{font-size:12px;padding:6px}.hub .mon{grid-column:1/-1;grid-row:2}.sec:has(>.hubgrid){padding-top:0!important}}
/* 사용자가 지정한 원래 SVG 지도: 외부 지도 서버 요청 없음 */
.hubmap{position:relative;overflow:hidden;background:#edf6f7}.hub-world{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.hub-world:active{cursor:grabbing}.svg-land{fill:#e1e9e4;stroke:#fff;stroke-width:.65;vector-effect:non-scaling-stroke}.svg-pin{cursor:pointer}.svg-pin circle{fill:#dd724c;stroke:white}.svg-pin text{display:none;fill:#25304c;stroke:white;paint-order:stroke;font-weight:700;pointer-events:none}.svg-pin:hover text,.svg-pin:focus text,.svg-pin.selected text,.svg-pin.hover text{display:block}.svg-pin.selected circle,.svg-pin:focus circle{fill:#2c3a6b}.svg-controls{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;box-shadow:0 2px 8px #263a4420;border-radius:8px;overflow:hidden}.svg-controls button{width:36px;height:36px;padding:0;background:#fff;color:#2c3a6b;border:0;border-bottom:1px solid #eee;font-size:21px;cursor:pointer}.svg-controls button:last-child{border:0}
/* 첫 프레임: 좌표 배치가 끝난 SVG만 표시 */
.hubmap:not([data-ready="true"]) .hub-world{visibility:hidden}
body:has(.hub)>.top>.w{width:100%;max-width:1400px;margin:0 auto;padding:0 16px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:56px}
body:has(.hub)>.top .a-nav{margin:0 0 0 auto}
@media(max-width:760px){body:has(.hub)>.top>.w{padding:0 14px}}
.svg-pin text{display:block;opacity:0;transition:opacity .16s ease}.svg-pin.auto-label text,.svg-pin:hover text,.svg-pin:focus text,.svg-pin.selected text,.svg-pin.hover text{opacity:1}
@media(prefers-reduced-motion:reduce){.svg-pin text{transition:none}}
/* 확대 배율에 관계없이 해안선은 얇게 유지 */
.hub-world .svg-land path{vector-effect:non-scaling-stroke;stroke-width:.55px;stroke-linejoin:round}
.svg-weather-info{position:absolute;width:200px;max-width:calc(100% - 16px);padding:10px 12px;background:#fffffff5;border:1px solid #dbe2df;border-radius:10px;box-shadow:0 3px 12px #263a4414;pointer-events:none;font-size:12px;line-height:1.6;color:#535d68}.svg-weather-info b{display:block;color:#252936;font-size:14px}.svg-weather-info span{display:block;margin-top:3px}.svg-weather-info[hidden]{display:none}

.svg-weather-info{pointer-events:auto;text-decoration:none;cursor:pointer;touch-action:manipulation;z-index:3}.svg-weather-info:hover{border-color:#a6afc4}.svg-weather-info:focus-visible{outline:2px solid #2c3a6b;outline-offset:2px}.svg-controls{z-index:4}