/* Generated by scripts/build.py; edit src/styles/ instead. */

/* controls */
.site-theme-toggle{display:inline-grid!important;place-items:center;width:36px;height:36px;min-height:36px;padding:0!important;border:1px solid #30363d;border-radius:7px;background:#161b22;color:#e6edf3;cursor:pointer;font:20px system-ui,sans-serif;vertical-align:middle}.site-theme-toggle:focus-visible{outline:2px solid #3fb950;outline-offset:3px}.site-theme-toggle:hover{border-color:#9198a1}html[data-theme=light] .site-theme-toggle{border-color:#d0d7de;background:#f6f8fa;color:#1f2328}.site-floating-theme{position:fixed;right:40px;bottom:196px;width:64px;height:64px;border-radius:50%;font-size:28px;z-index:99997;box-shadow:0 4px 12px #0002}.site-floating-contrast{position:fixed;right:40px;bottom:272px;width:64px;height:64px;border-radius:50%;font-size:28px;z-index:99997;box-shadow:0 4px 12px #0002}.site-mobile-actions{display:none}@media(max-width:767px){.site-floating-contrast{right:10px;bottom:130px;width:48px;height:48px;font-size:24px}.site-floating-theme{right:10px;bottom:70px;width:48px;height:48px;font-size:24px}.site-mobile-actions{display:flex;position:absolute;right:8px;top:12px;gap:6px;z-index:1001}.topSection:has(.site-mobile-actions){padding-right:54px!important}.site-mobile-actions a{display:grid!important;place-items:center;width:36px;height:36px;border:1px solid #30363d;border-radius:7px;background:#161b22;color:#e6edf3}html[data-theme=light] .site-mobile-actions a{background:#f6f8fa;color:#1f2328;border-color:#d0d7de}}
html[data-contrast=high] .site-theme-toggle{background:#fff!important;color:#000!important;border:2px solid #000!important}html[data-contrast=high][data-theme=dark] .site-theme-toggle{background:#000!important;color:#fff!important;border-color:#fff!important}:focus-visible{outline:3px solid #005fcc;outline-offset:3px}html[data-theme=dark] :focus-visible{outline-color:#ffd800}@media(forced-colors:active){.site-theme-toggle{background:ButtonFace!important;color:ButtonText!important;border:2px solid ButtonText!important;forced-color-adjust:auto}}

/* accessibility */
/* Accessibility overrides for captured layouts; the original styles stay intact. */
html{font-size:100%;scroll-padding-top:7rem}
body{font-size:1rem;line-height:1.5}
:root{--a11y-focus:#005fcc}
html[data-theme=dark]{--a11y-focus:#79c0ff}
:is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--a11y-focus)!important;outline-offset:3px!important}
.mapItem:focus-visible,.groupRow:focus-visible{outline-offset:-3px!important}
:is(.mapItem,.groupRow,.clone-note,.clone-roadview-panel p,.noti_date,.noti_cate,.noti_name,.ft_copy,.ft_link,.sc_desc,#listCount){font-size:max(.875rem,14px)!important;line-height:1.5!important}
.noti_title span,#listCount :is(span,div){font-size:.875rem!important;line-height:1.5!important}
:is(.sc_op select,.sc_op input,.mapInfo strong,.mapBtn,.bt_btns a,.clone-local-form input,.clone-local-form select,.clone-local-form textarea){font-size:1rem!important;line-height:1.5!important}
.sc_op :is(select,input){min-height:2.75rem;max-width:100%;box-sizing:border-box}
.mapInfo{max-width:calc(100vw - 3rem)!important;overflow-wrap:anywhere}
.clone-dialog>div{max-height:calc(100dvh - 2rem);overflow:auto}
img{max-width:100%}
/* Small labels and utility controls need normal-text contrast in both themes. */
html:not([data-contrast=high]) .noti_title>span{color:#0969da!important;border-color:#0969da!important}
html[data-theme=dark]:not([data-contrast=high]) .noti_title>span{color:#79c0ff!important;border-color:#79c0ff!important}
html:not([data-contrast=high]) .hd_login a{background:#0969da!important;color:#fff!important}
html[data-theme=dark]:not([data-contrast=high]) .hd_login a{background:#0053a4!important;color:#fff!important}
html:not([data-contrast=high]) :is(#ft_copy,#ft_copy b,#ft_copy span,#ft_copy p,#ft_copy a){color:#c9d1d9!important}
html:not([data-contrast=high]) #backBtn{color:#57606a!important}
html[data-theme=dark]:not([data-contrast=high]) #backBtn{color:#c9d1d9!important}
html:not([data-contrast=high]) .topCon>span{color:#0969da!important;border-color:#0969da!important}
html:not([data-contrast=high]) .topCon>a{background:#0969da!important;color:#fff!important;border-color:#0969da!important}
html[data-theme=dark]:not([data-contrast=high]) .topCon>span{color:#79c0ff!important;border-color:#79c0ff!important}
html[data-theme=dark]:not([data-contrast=high]) .topCon>a{background:#0053a4!important;border-color:#0053a4!important}
html[data-theme=dark] #bo_list_total{color:#c9d1d9!important}
/* Reflow the fixed-height map into document flow on narrow/zoomed viewports. */
/* Keep announcement cards in complete rows when badges wrap. */
#container .latest_wr:has(> .notiWp){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0}
#container .latest_wr > .notiWp{display:flex;width:100%!important;margin:0!important;float:none!important;min-width:0;flex-direction:column}
#container .notiWp .yt_thum{height:auto;flex:none}
#container .notiWp .yt_thum img{height:auto;aspect-ratio:16/9;object-fit:cover}
#container .notiWp .bt_btns{margin-top:auto}
@media(max-width:1200px){#container .latest_wr:has(> .notiWp){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:48rem){
  html,body{min-width:0!important;height:auto!important;overflow-y:auto!important}
  #wrapper,#container_wr,#container{min-width:0!important;width:100%!important;max-width:100%!important;height:auto!important}
  html body #wrapper #container_wr:has(#ayMapWp){margin:0 auto!important;padding:0!important}
  #container:has(#ayMapWp){padding-top:0!important}
  #container .topSection{position:relative!important;top:auto!important;height:auto!important;min-height:4.5rem;box-sizing:border-box;padding:1rem 3.5rem 1rem 2.25rem!important}
  .topSection .titles{font-size:1rem!important;line-height:1.5!important;overflow-wrap:anywhere;word-break:normal!important}
  .topSection .topCon :is(a,span){font-size:.875rem!important;line-height:1.5!important}
  #backBtn{top:1rem!important;line-height:1!important}
  #ayMapWp{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;overflow:visible!important;box-shadow:none!important}
  #ayMapWp .sc_op{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.35rem;width:100%!important;max-width:none!important;height:auto!important;box-sizing:border-box;padding:.75rem!important}
  #ayMapWp .sc_op select{width:100%!important;padding:.4rem .5rem!important;margin:0!important}
  .sc_op br{display:none}
  .sc_op #btn_search{grid-column:1/-1;padding:.5rem!important}
  #ayMapWp .mapList{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0!important;padding:.5rem!important;overflow:visible!important;border-right:0!important;box-sizing:border-box}
  .mapList .mapItem,.mapList .groupRow{font-size:1rem!important;padding:.75rem!important;white-space:normal!important;overflow-wrap:anywhere}
  #ayMapWp #map{flex:none!important;width:100%!important;height:24rem!important;min-height:18rem!important}
  #bo_v,#bo_list,.tbl_wrap{max-width:100%!important;min-width:0!important}
  .tbl_wrap{overflow-x:auto}
  #bo_v :is(table,td,th){overflow-wrap:anywhere}
  #bgMenu{overflow-y:auto!important}
  #bgMenu .bgmn_wrap #bgmn{position:relative!important;inset:auto!important;transform:none!important;padding:1rem!important;text-align:left!important}
  #bgMenu .gnb_1da2{font-size:1rem!important;max-width:100%;overflow-wrap:anywhere}
  #bgMenu .gnb_1da2 span{font-size:.875rem!important}
  #bgMenu .gnb_1da2::after{display:none}
  #container:not(:has(#ayMapWp)) .titles{font-size:1.75rem!important;line-height:1.4!important}
  #container .latest_wr:has(> .notiWp){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.75rem;min-width:0}
  #container .latest_wr .notiWp{width:100%!important;margin:0!important;float:none!important;min-width:0}
}
@media(max-width:25rem){
  .hosted-board-search{flex-wrap:wrap}
  .hosted-board-search input{min-width:0;flex:1 1 10rem;max-width:100%}
}
/* Contrast is independent of the chosen light/dark theme. */
html[data-contrast=high]{--a11y-bg:#f1f4fa;--a11y-panel:#fff;--a11y-text:#101820;--a11y-link:#003d99;--a11y-border:#526174;--a11y-focus:#003d99;--a11y-selected:#dae8ff;--a11y-button:#003d99;--a11y-button-text:#fff}
html[data-theme=dark][data-contrast=high]{--a11y-bg:#080d14;--a11y-panel:#182333;--a11y-text:#fff;--a11y-link:#b5dcff;--a11y-border:#94a7c0;--a11y-focus:#b5dcff;--a11y-selected:#244668;--a11y-button:#b5dcff;--a11y-button-text:#080d14}
html[data-contrast=high] :is(body,#wrapper,#container,#hd,#gnb,#ft,#bgMenu,.mapList,.mapItem,.groupRow,.groupSlide,.sc_op,.mapInfo,.clone-dialog>div,.clone-local-form,.clone-roadview-panel,#bo_v,#bo_list,.tbl_head01 td,.tbl_head01 th,.tbl_head01 tr,#listCount,.notiWp,.noti_title,.noti_date,.noti_cate,.noti_name){background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border-color:var(--a11y-border)!important}
html[data-contrast=high] :is(input,select,textarea,.site-theme-toggle,.site-mobile-actions a){background:var(--a11y-panel)!important;color:var(--a11y-text)!important;border:2px solid var(--a11y-border)!important}
html[data-contrast=high] :is(a,.sc_tit,.sc_desc,.clone-note){color:var(--a11y-link)!important}
html[data-contrast=high] .topCon :is(a,span){background:var(--a11y-bg)!important;color:var(--a11y-link)!important;border-color:var(--a11y-border)!important}
html[data-contrast=high] :is(input,textarea)::placeholder{color:var(--a11y-text)!important;opacity:1}
html[data-contrast=high] :is(.mapBtn,.clone-primary,.clone-dialog button,.bt_btns a){background:var(--a11y-text)!important;color:var(--a11y-bg)!important;border:2px solid var(--a11y-text)!important}
html[data-contrast=high] :is(.mapItem:hover,.mapItem.active,.groupRow:hover,.groupRow.active){outline:2px solid var(--a11y-border)!important;outline-offset:-2px}
html[data-contrast=high] #mo_bar a span{background:var(--a11y-text)!important}
html[data-contrast=high] :is(#ft_copy,#ft_copy b,#ft_copy span,#ft_copy p){background:var(--a11y-bg)!important;color:var(--a11y-text)!important}
html[data-contrast=high] .noti_title>span{color:var(--a11y-link)!important;border-color:var(--a11y-border)!important}
html[data-contrast=high] .hd_login a{background:var(--a11y-bg)!important;color:var(--a11y-link)!important;border:1px solid var(--a11y-border)!important}
html[data-contrast=high] :is(#ft p,.ft_info,#bo_list_total){color:var(--a11y-text)!important}
html[data-contrast=high] .leaflet-tile-pane{filter:none}
@media(forced-colors:active){
  :root{--a11y-focus:Highlight}
  :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid Highlight!important}
  :is(button,.mapItem,.groupRow,.mapBtn,.site-theme-toggle,.site-mobile-actions a){border:1px solid ButtonText!important}
  .mapItem.active,.groupRow.active{outline:2px solid Highlight!important}
  #mo_bar a span{background:ButtonText!important}
  .leaflet-tile-pane{filter:none!important}
}

/* Place the IN badge after the label instead of covering its last letters. */
#gnb .gnb_1da .sp,#bgMenu .gnb_1da2 .sp{position:static!important;display:inline-block!important;vertical-align:middle;margin-left:.3em!important}

/* Review fixes: keep live announcements out of the visual layout. */
.a11y-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
#container .notiWp .noti_title>a{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.55;min-height:3.1em;overflow-wrap:anywhere;display:block}
#container .latest_wr:has(> .notiWp){box-sizing:border-box}
#roadviewControl{background:#fff!important;color:#24292f!important}
html[data-theme=dark]:not([data-contrast=high]) #roadviewControl{background:#21262d!important;color:#e6edf3!important;border-color:#57606a!important}
html[data-contrast=high] #roadviewControl{background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border-color:var(--a11y-border)!important}
.a11y-menu-close{position:absolute;right:1rem;top:1rem;border:1px solid currentColor;border-radius:7px;background:#fff;color:#24292f;padding:.6rem 1rem;min-height:44px;cursor:pointer;z-index:2}
html[data-theme=dark] .a11y-menu-close{background:#21262d;color:#e6edf3}
html[data-contrast=high] .a11y-menu-close{background:var(--a11y-bg);color:var(--a11y-text)}
.mapItem:has(>.a11y-native-control){display:flex!important;align-items:center;gap:12px}
.mapItem:has(>.a11y-native-control)[style*="display: none"]{display:none!important}
.mapItem>.a11y-native-control{flex:1;min-width:0;width:auto!important;min-height:0;white-space:normal;overflow-wrap:anywhere}
.mapItem .a11y-map-detail{display:inline-flex;flex:none;align-items:center;margin:0;padding:0;font-size:12px;line-height:1.5;white-space:nowrap;text-decoration:underline!important}
.mapItem .a11y-map-detail{color:inherit;visibility:visible;opacity:1}
html:not([data-theme=dark]):not([data-contrast=high]) .mapItem:hover{background:#eaf2ff!important;color:#1f2937!important}
html:not([data-theme=dark]):not([data-contrast=high]) .mapItem.active{background:#eaf2ff!important;color:#1f2937!important;box-shadow:inset 0 0 0 2px #3182f6}
html:not([data-theme=dark]):not([data-contrast=high]) .mapItem:hover .a11y-map-detail,html:not([data-theme=dark]):not([data-contrast=high]) .mapItem.active .a11y-map-detail{color:#0969da}
.groupRow>.a11y-native-control{min-height:44px}
#map-filter-reset{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:5px;min-height:44px;padding:4px 12px;cursor:pointer}
@media(min-width:769px){
 #ayMapWp{display:grid!important;grid-template-columns:33% 67%;grid-template-rows:auto minmax(0,1fr);height:max(28rem,calc(100dvh - var(--map-top,18rem)))!important;min-height:0!important}
 #ayMapWp .sc_op{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;grid-column:1;grid-row:1;box-sizing:border-box}
 #ayMapWp .mapList{position:relative!important;inset:auto!important;grid-column:1;grid-row:2;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;overflow:auto!important;box-sizing:border-box;padding-top:0!important}
 #ayMapWp #map{position:relative!important;inset:auto!important;grid-column:2;grid-row:1/3;width:100%!important;height:100%!important;min-height:0!important}
}
#listCount{height:auto!important;min-height:2.5rem;box-sizing:border-box;padding:8px 12px!important;position:sticky;top:0;z-index:2;background:#f4f7ff}
@media(max-width:48rem){
 #ayMapWp .mapList{height:auto!important;max-height:clamp(12rem,36dvh,22rem)!important;overflow-y:auto!important;overscroll-behavior-y:contain}
 #ayMapWp #map{height:clamp(18rem,45dvh,28rem)!important;min-height:18rem!important}
 #map-filter-reset{grid-column:1/-1}
}

.a11y-map-detail::before{content:attr(data-label)}

/* Leaflet panes must stay relative to the map after mobile reflow. */
#ayMapWp #map{position:relative!important}
/* Detail titles contain the region needed to distinguish otherwise similar notices. */
#bo_v_title{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;height:auto!important;min-height:3rem;line-height:1.5!important;padding-top:.75rem;padding-bottom:.75rem;overflow-wrap:anywhere}
html[data-theme=dark][data-contrast=high] #gnb img[src*="logo"],html[data-theme=dark][data-contrast=high] .foot_logo img[src*="logo"]{filter:invert(1) grayscale(1)!important}
html[data-theme=dark]:not([data-contrast=high]) #bo_v_title{color:#e6edf3!important}
html[data-theme=dark]:not([data-contrast=high]) .price-table :is(th,td){background:#161b22!important;color:#e6edf3!important;border-color:#57606a!important}
html[data-contrast=high] :is(#bo_v_title,.price-table,.price-table th,.price-table td){background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border-color:var(--a11y-border)!important}

/* Opening announcements never changes document geometry. */
.map-announcement-toggle{position:fixed;right:40px;bottom:348px;width:64px!important;height:64px!important;border-radius:50%!important;z-index:99997;box-shadow:0 4px 12px #0002}
.map-announcements[hidden]{display:none!important}
.map-announcements{position:fixed;right:116px;bottom:16px;z-index:99998;width:360px;max-width:calc(100vw - 140px);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:20px;background:#fff;color:#1f2328;border:1px solid #d0d7de;border-radius:14px;box-shadow:0 8px 32px #0003;font-size:15px;line-height:1.65}
.map-announcements-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.map-announcements h2{font-size:18px;margin:0;font-weight:700}
.map-announcements h3{font-size:15px;margin:20px 0 6px;font-weight:700}
.map-announcements time{font-size:13px;color:#57606a}
.map-announcements ul{padding-left:20px;margin:8px 0 0}
.map-announcements li{margin-bottom:6px}
.map-announcements a{display:block;color:#0969da;text-decoration:underline;text-underline-offset:3px;padding:8px 0;overflow-wrap:anywhere}
.map-announcements-all{margin-top:8px;border-top:1px solid #d0d7de}
.map-announcements-close{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;border-radius:8px;background:transparent;color:inherit;font-size:28px;cursor:pointer}
html[data-theme=dark] .map-announcements{background:#161b22;color:#e6edf3;border-color:#8b949e}
html[data-theme=dark] .map-announcements time{color:#c9d1d9}
html[data-theme=dark] .map-announcements a{color:#79c0ff}
html[data-contrast=high] .map-announcements{background:var(--a11y-bg,#fff)!important;color:var(--a11y-text,#000)!important;border:2px solid currentColor!important}
html[data-contrast=high] .map-announcements a{color:var(--a11y-link,#003d99)!important}
html[data-contrast=high] .map-announcements time{color:inherit!important}
@media(max-width:767px){.map-announcement-toggle{right:10px;bottom:190px;width:48px!important;height:48px!important}.map-announcements{right:70px;bottom:16px;width:360px;max-width:calc(100vw - 82px);padding:16px}}
@media(forced-colors:active){.map-announcements{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}.map-announcements a{color:LinkText!important}}

.map-announcements h4{font-size:15px;font-weight:700;margin:18px 0 6px}
.map-announcements p{margin:18px 0 0}

/* layouts */
/* Shared visual system for the captured page templates. */
:root{--ui-accent:#2563eb;--ui-ink:#243247;--ui-muted:#64748b;--ui-line:#dce4ef;--ui-soft:#f3f6fb;--ui-hover:#eaf2ff}
html:not([data-theme=dark]):not([data-contrast=high]) body{color:var(--ui-ink)}
#container .topSection{box-sizing:border-box;padding:22px 24px 18px!important}
#container .topSection .titles{font-size:clamp(18px,2.1vw,28px)!important;line-height:1.45!important;letter-spacing:-.6px;white-space:normal;overflow-wrap:anywhere;max-width:1100px;margin:0 auto}
#container .topSection .topCon{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:12px}
#container .topSection .topCon :is(a,span){font-size:12px!important;line-height:1.5!important;padding:5px 10px!important;border-radius:6px}
#container #ayMapWp{border-radius:14px;border:1px solid var(--ui-line);box-shadow:0 8px 28px #2338580d!important;box-sizing:border-box}
#container #ayMapWp .sc_op{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px!important;border-bottom:1px solid var(--ui-line)}
#container #ayMapWp .sc_op br{display:none}
#container #ayMapWp .sc_op :is(select,input){box-sizing:border-box;width:100%!important;min-width:0;margin:0!important;border:1px solid var(--ui-line)!important;border-radius:8px!important;padding:9px 10px!important;font-size:13px!important;line-height:1.5!important;min-height:40px}
#container #ayMapWp .sc_op #btn_search{grid-column:1/-1;padding:10px 12px!important}
#container #ayMapWp #map-filter-reset{grid-column:1/-1;justify-self:end;width:auto;min-height:32px;padding:4px 9px;font-size:12px;border:0;border-radius:6px;text-decoration:underline;text-underline-offset:3px}
#container #ayMapWp .mapList{padding:0 12px 12px!important}
#container #ayMapWp #listCount{font-size:12px!important;min-height:38px;padding:10px 4px!important;line-height:1.5!important}
#container #ayMapWp .mapItem{padding:14px!important;margin-bottom:8px;border-radius:9px;font-size:14px!important;line-height:1.55!important;transition:background-color .15s,box-shadow .15s}
#container #ayMapWp .mapItem>.a11y-native-control{min-height:0!important;line-height:1.55!important}
#container #ayMapWp .a11y-map-detail{font-size:12px!important;padding:6px 0;min-height:24px;color:var(--ui-accent);text-underline-offset:3px}
#container #ayMapWp .groupSlide{border-radius:8px;margin:-3px 0 8px;overflow:hidden}
#container #ayMapWp .groupRow{padding:10px 14px!important;line-height:1.5!important;border-bottom:1px solid var(--ui-line)}
#container #ayMapWp .groupRow>.a11y-native-control{min-height:30px}
html:not([data-theme=dark]):not([data-contrast=high]) #container #ayMapWp :is(.sc_op,.mapList,#listCount){background:var(--ui-soft)!important;color:var(--ui-ink)}
html:not([data-theme=dark]):not([data-contrast=high]) #container #ayMapWp .mapItem{background:#fff;color:var(--ui-ink)}
html:not([data-theme=dark]):not([data-contrast=high]) #container #ayMapWp :is(.mapItem:hover,.groupRow:hover){background:var(--ui-hover)!important;color:var(--ui-ink)!important}
html:not([data-theme=dark]):not([data-contrast=high]) #container #ayMapWp .mapItem.active{background:var(--ui-hover)!important;color:var(--ui-ink)!important;box-shadow:inset 0 0 0 2px var(--ui-accent)}
html:not([data-theme=dark]):not([data-contrast=high]) #container #ayMapWp .groupSlide{background:#fff}
#container .mapInfo{width:min(360px,calc(100vw - 48px))!important;padding:16px!important;border-radius:12px!important;box-sizing:border-box}
#container .mapInfo strong{font-size:14px!important;line-height:1.5!important;display:block;overflow-wrap:anywhere}
#container .mapInfo .mapBtn{border-radius:7px;padding:9px 14px;font-size:13px!important}
#container :is(#bo_v,#bo_list:not(:has(#ayMapWp))){color:inherit}
#container #bo_v_title{font-size:clamp(18px,2vw,26px)!important;line-height:1.5!important;letter-spacing:-.5px}
#container .price-table :is(th,td){padding:12px 10px!important;font-size:14px;line-height:1.6}
html:not([data-theme=dark]):not([data-contrast=high]) #container .price-table thead th{background:#edf3fc;color:var(--ui-ink);border-bottom:1px solid var(--ui-line)}
html:not([data-theme=dark]):not([data-contrast=high]) #container .price-table :is(td,th){border-color:var(--ui-line)}
#container .notiWp{border-radius:12px;overflow:hidden;box-sizing:border-box;border:1px solid var(--ui-line);box-shadow:0 3px 12px #23385808;transition:box-shadow .15s}
#container .notiWp:hover{box-shadow:0 7px 22px #23385815}
#container .notiWp .noti_title{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:8px 6px;padding:16px}
#container .notiWp .noti_title>span{margin:0!important}
#container .notiWp .noti_title>a{flex:0 0 100%;box-sizing:border-box;margin:4px 0 0!important}
#container .notiWp .noti_title>a{font-size:16px!important;line-height:1.55!important;letter-spacing:-.3px}
#container .notiWp .bt_btns a{font-size:13px!important;line-height:1.5!important;border-radius:6px}
#container .tbl_head01 :is(td,th){padding:14px 10px;line-height:1.6;border-color:var(--ui-line)}
html:not([data-theme=dark]):not([data-contrast=high]) #container .tbl_head01 th{background:#edf3fc;color:var(--ui-ink)}
html:not([data-theme=dark]):not([data-contrast=high]) #container .tbl_head01 tbody tr:hover{background:#f5f8fd}
#container .pg :is(a,strong){border-radius:6px;min-width:34px;box-sizing:border-box}
#container #bo_cate a{border-radius:7px}
html:not([data-theme=dark]):not([data-contrast=high]) #container :is(.pg_current,#bo_cate_on){background:var(--ui-accent);color:#fff}
.site-floating-theme,.site-floating-contrast,.map-announcement-toggle{right:18px!important;width:44px!important;height:44px!important;min-height:44px!important;font-size:22px!important;box-shadow:0 3px 12px #23385814!important}
.site-floating-theme{bottom:92px!important}.site-floating-contrast{bottom:144px!important}.map-announcement-toggle{bottom:196px!important}
#kak_btn{right:14px!important;bottom:22px!important;transform:scale(.75);transform-origin:bottom right}
.map-announcements{right:72px;bottom:24px;width:360px;max-width:calc(100vw - 88px);border-color:var(--ui-line);box-shadow:0 12px 40px #23385820}
.map-announcements h4{color:var(--ui-accent)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}
@media(min-width:769px){
 html body #wrapper #container_wr:has(#ayMapWp){width:calc(100% - 48px)!important;max-width:1440px;margin:92px auto 32px!important;height:auto!important}
 #container #ayMapWp{grid-template-columns:minmax(310px,32%) minmax(0,1fr)!important;height:max(28rem,calc(100dvh - var(--map-top,18rem) - 24px))!important}
}
@media(max-width:768px){
 #container .topSection{padding:16px 52px 16px 16px!important}
 #container .topSection .titles{font-size:18px!important;text-align:left}
 #container .topSection .topCon{justify-content:flex-start;margin-bottom:8px}
 #container #ayMapWp{border-radius:0;border-left:0;border-right:0}
 #container #ayMapWp .sc_op{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px!important}
 #container #ayMapWp .mapItem{padding:12px!important}
 #container #ayMapWp #map{height:40dvh!important;min-height:260px!important}
 #container .price-table :is(th,td){font-size:12px;padding:10px 6px!important}
 #container .notiWp .noti_title>a{font-size:15px!important}
 .site-floating-theme,.site-floating-contrast,.map-announcement-toggle{right:10px!important;width:40px!important;height:40px!important;min-height:40px!important}
 .site-floating-theme{bottom:76px!important}.site-floating-contrast{bottom:122px!important}.map-announcement-toggle{bottom:168px!important}
 #kak_btn{right:6px!important;bottom:12px!important;transform:scale(.6)}
}

/* Catalogue, detail and shared overlays. */
#container:has(>.latest_wr){padding:24px 32px 48px!important;box-sizing:border-box}
#container:has(>.latest_wr)>.titles{font-size:clamp(30px,3.4vw,44px)!important;line-height:1.4!important;letter-spacing:-.7px;padding:0 16px}
#container:has(>.latest_wr)>.titles>span{font-size:clamp(17px,1.6vw,20px)!important;line-height:1.7!important;color:#526074;display:block;margin:14px auto 28px!important;max-width:900px}
#container .latest_wr:has(>.notiWp){gap:16px!important}
#container .latest_wr>.notiWp[hidden]{display:none!important}
.catalog-tools{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:18px;background:var(--ui-soft);border:1px solid var(--ui-line);border-radius:12px;margin:24px 0;font-size:13px}
.catalog-tools label{display:flex;flex-direction:column;gap:7px;color:var(--ui-muted);font-weight:500}
.catalog-tools .catalog-search{flex:1;min-width:180px}
.catalog-tools :is(input,select){font:inherit;border:1px solid var(--ui-line);background:#fff;color:var(--ui-ink);border-radius:8px;min-height:42px;box-sizing:border-box;padding:9px 12px}
.catalog-tools select{min-width:120px}
.catalog-tools button{font:inherit;border:1px solid var(--ui-line);background:#fff;color:var(--ui-ink);border-radius:8px;min-height:42px;padding:9px 14px;cursor:pointer}
.catalog-tools p{margin:0;padding:12px 0;color:var(--ui-muted);font-size:12px}
.catalog-empty{padding:48px 20px;text-align:center;color:var(--ui-muted)}
#container #bo_v_con ul.view-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:20px 0 28px;padding:8px 16px;border:1px solid var(--ui-line);border-radius:12px;box-sizing:border-box}
#container #bo_v_con ul.view-info>br{display:none}
#container #bo_v_con ul.view-info li{float:none!important;width:auto!important;line-height:1.7;padding:10px 8px;min-width:0;overflow-wrap:anywhere;font-size:14px}
#container #bo_v_con ul.view-info li[style*="100%"]{grid-column:1/-1;border-bottom:1px solid var(--ui-line)}
#container #bo_v_con ul.view-info li:last-child{border:0}
#container #bo_v_con ul.view-info strong{font-weight:600;color:var(--ui-muted);margin-right:5px}
html:not([data-theme=dark]):not([data-contrast=high]) #container #bo_v_con ul.view-info{background:#f8fafd;color:var(--ui-ink)}
#bgMenu{z-index:100010!important}
body:has(#bgMenu[style*="display: block"]) :is(.site-floating-theme,.site-floating-contrast,.map-announcement-toggle,#kak_btn){visibility:hidden!important}
#calOverlay #calCul{width:min(680px,calc(100% - 32px))!important;height:calc(100dvh - 48px)!important;max-height:calc(100dvh - 48px)!important;margin:24px auto!important;padding:56px 24px 28px!important;border-radius:16px;box-sizing:border-box;box-shadow:0 20px 80px #0003}
#calOverlay #cal_close{top:34px!important;right:max(26px,calc((100vw - 680px)/2 + 12px))!important;width:44px!important;height:44px!important;z-index:1}
#calOverlay :is(.cWrps,.loWrps){max-width:520px!important}
#calOverlay .cWrps .section{padding:10px 0!important}
#calOverlay .cWrps .section02>label{margin:5px 0 16px!important;font-size:14px}
#calOverlay .cWrps .section02 input{font-size:18px;border-radius:0}
#calOverlay .cWrps .section03{padding-bottom:20px!important}
#calOverlay .cWrps .section04{border-radius:10px;margin-bottom:16px!important}
#calOverlay #loan .loWrps .step{margin-bottom:18px!important}
html:not([data-theme=dark]):not([data-contrast=high]) #calOverlay :is(.chTx,.loWrps .step .suj){color:var(--ui-ink)!important}
.policy-document{max-width:800px;margin:0 auto 48px;padding:28px;border:1px solid var(--ui-line);border-radius:12px;font-size:15px;line-height:1.9;color:inherit}
.policy-document p{white-space:pre-wrap;margin:0 0 24px;overflow-wrap:anywhere}
html[data-theme=dark] :is(.catalog-tools,.policy-document){background:#161b22;color:#e6edf3;border-color:#30363d}
html[data-theme=dark] .catalog-tools :is(input,select,button){background:#21262d;color:#e6edf3;border-color:#57606a}
html[data-theme=dark] #container #bo_v_con ul.view-info{background:#161b22;border-color:#30363d}
html[data-theme=dark] #container #bo_v_con ul.view-info strong{color:#b3c0d1}
html[data-contrast=high] :is(.catalog-tools,.policy-document){background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border-color:var(--a11y-border)!important}
html[data-contrast=high] .catalog-tools :is(input,select,button){background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border:2px solid var(--a11y-border)!important}
@media(max-width:768px){
 #container:has(>.latest_wr){padding:16px 14px 32px!important}
 #container .latest_wr:has(>.notiWp){gap:12px!important}
 .catalog-tools{padding:12px;gap:10px}.catalog-tools .catalog-search{flex-basis:100%}
 .catalog-tools p{margin-left:auto}.catalog-tools select{min-width:0}
 #container #bo_v_con ul.view-info{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 8px}
 #container #bo_v_con ul.view-info li{font-size:13px;padding:8px 6px}
 .policy-document{padding:18px;font-size:14px;border-left:0;border-right:0}
 #calOverlay #calCul{width:calc(100% - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;margin:8px auto!important;padding:52px 18px 20px!important}
 #calOverlay #cal_close{top:16px!important;right:16px!important}
}

/* components */
#container .wow,#calOverlay .wow{visibility:visible!important;animation:none!important}
#container .notiWp .bt_btns li a.map_btn{background:var(--ui-accent)!important;color:#fff!important;border:1px solid var(--ui-accent)!important}
html:not([data-theme=dark]):not([data-contrast=high]) #container .notiWp .bt_btns li a.play_btn{background:#f1f5f9!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important}
#container .notiWp .bt_btns li a:hover{filter:brightness(.95);transform:none!important}
#container .notiWp .noti_title>span{border:1px solid #0969da!important;border-radius:5px!important;padding:4px 7px!important;background:#eaf2ff}
html[data-theme=dark] #container .notiWp .noti_title>span{background:#233a5b}
#container .hosted-board-search{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
#container .hosted-board-search :is(input,select){font:inherit;min-height:42px;padding:8px 12px;border:1px solid var(--ui-line);border-radius:8px;box-sizing:border-box}
#container .hosted-board-search button{font:inherit;min-height:42px;padding:8px 18px;border:0;border-radius:8px;background:var(--ui-accent);color:#fff;cursor:pointer}
html:not([data-theme=dark]):not([data-contrast=high]) #container .bo_notice td{background:#f0f5ff;color:var(--ui-ink)}
#container .gd_intro{background:transparent!important;margin:32px auto!important;border-radius:10px;overflow:hidden}
#container .gd_intro ul{border:1px solid var(--ui-line)!important;border-radius:10px;overflow:hidden}
#container .gd_intro ul .gd a{padding:14px 12px!important;line-height:1.5;font-size:14px!important}
#container .gd_intro ul .gd.ayo{background:var(--ui-accent)!important}
#container #intro01 .sect01 .left{line-height:1.85!important}
#container #intro01 .sect02 .framee{height:auto!important;min-height:0}
#container #intro01 .sect02 .framee .fr{position:relative!important;padding:32px!important;box-sizing:border-box;min-height:320px}
#container #intro01 .sect02 .framee .right{bottom:32px!important;right:32px!important}
#calOverlay .topBtn{margin:0 auto 20px!important;max-width:520px!important}
#calOverlay .topBtn .btns a{box-sizing:border-box;padding:12px 8px!important;font-size:14px!important;border-radius:7px}
#calOverlay input[type=radio]{position:absolute!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);opacity:0}
#calOverlay input[type=radio]:focus-visible+label{outline:3px solid var(--a11y-focus)!important;outline-offset:3px}
html[data-theme=dark] #calOverlay #calCul{background:#161b22;color:#e6edf3}
html[data-theme=dark] #calOverlay :is(input[type=number],.section04){background:#21262d!important;color:#e6edf3!important;border-color:#57606a!important}
html[data-theme=dark] #calOverlay :is(.chTx,.loWrps .step .suj,.section04 label span,.section04 .explain,.subT){color:#c9d1d9!important}
html[data-contrast=high] #calOverlay #calCul{background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border:2px solid var(--a11y-border)!important}
html[data-contrast=high] #calOverlay :is(.chTx,.loWrps .step .suj,.section04 label span,.section04 .explain,.subT){color:var(--a11y-text)!important}
#container #ayMapWp .mapItem>.a11y-native-control[aria-expanded]{position:relative;padding-right:112px!important;min-height:44px!important}
#container #ayMapWp .mapItem>.a11y-native-control[aria-expanded]::after{content:"호수 보기";position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;width:100px;height:44px;box-sizing:border-box;padding:0 28px 0 12px;border-radius:8px;background:#f1f6ff;color:var(--ui-accent);font-size:12px;font-weight:600;white-space:nowrap}
#container #ayMapWp .mapItem>.a11y-native-control[aria-expanded=true]::after{content:"호수 접기";background:#fff}
#container #ayMapWp .mapItem>.a11y-native-control[aria-expanded]::before{content:"";position:absolute;z-index:1;right:13px;top:50%;width:7px;height:7px;border:solid var(--ui-accent);border-width:0 1.5px 1.5px 0;transform:translateY(-65%) rotate(45deg);transition:transform .16s ease;pointer-events:none}
#container #ayMapWp .mapItem>.a11y-native-control[aria-expanded=true]::before{transform:translateY(-35%) rotate(225deg)}
html[data-theme=dark] #container #ayMapWp .mapItem>.a11y-native-control[aria-expanded]::after{background:#233a5b}
html[data-contrast=high] #container #ayMapWp .mapItem>.a11y-native-control[aria-expanded]::after{background:var(--a11y-bg)!important;color:var(--a11y-link)!important}
html[data-contrast=high] #container #ayMapWp .mapItem>.a11y-native-control[aria-expanded]::before{border-color:var(--a11y-link)}
@media(prefers-reduced-motion:reduce){#container #ayMapWp .mapItem>.a11y-native-control[aria-expanded]::before{transition:none}}

.map-empty-state{padding:24px 12px;color:var(--ui-muted);font-size:14px;line-height:1.7;text-align:center}
@media(max-width:768px){#container #intro01 .sect02 .framee .fr{padding:20px!important;min-height:0}#container #intro01 .sect02 .framee .right{position:relative!important;inset:auto!important;width:100%!important}#container #intro01 .sect02 .framee .left{width:100%!important;max-width:360px;margin:0 auto 20px}}

@media(min-width:769px){#container:has(>.latest_wr){padding-right:80px!important}#container:has(>.latest_wr)>.latest_wr{max-width:1280px;margin-left:auto;margin-right:auto}#container:has(#bo_v),#container:has(.tbl_head01):not(:has(#ayMapWp)){padding-right:72px!important;box-sizing:border-box}}

@media(max-width:768px){
 #container .topSection #backBtn{display:none!important}
 body:not(:has(#ayMapWp)) :is(.site-floating-theme,.site-floating-contrast,.map-announcement-toggle){position:absolute!important;top:78px!important;bottom:auto!important;width:32px!important;height:32px!important;min-height:32px!important;font-size:18px!important;box-shadow:none!important}
 body:not(:has(#ayMapWp)) .site-floating-theme{right:14px!important}
 body:not(:has(#ayMapWp)) .site-floating-contrast{right:54px!important}
 body:not(:has(#ayMapWp)) .map-announcement-toggle{right:94px!important}
 body:not(:has(#ayMapWp)) .map-announcements{top:116px;bottom:auto;right:14px;max-width:calc(100vw - 28px)}
}
@media(min-width:769px){html body #wrapper #container_wr:has(#bo_v){margin-top:110px!important}}

.site-promotions{margin:36px auto;padding:24px;max-width:1000px;border-top:1px solid var(--ui-line)}
.site-promotions[hidden]{display:none!important}
.site-promotions h2{font-size:20px;margin:0 0 16px}
.site-promotions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.site-promotions .hd_pops{position:relative!important;inset:auto!important;width:100%!important;border:1px solid var(--ui-line);border-radius:10px;overflow:hidden;box-shadow:none}
.site-promotions .hd_pops_con{width:100%!important;height:auto!important;max-width:none!important}
.site-promotions .hd_pops_con img{width:100%;height:auto}
.site-promotions .hd_pops_footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;background:#edf3fc;color:var(--ui-ink)}
.site-promotions .hd_pops_footer button{position:static!important;font-size:12px;line-height:1.5;padding:4px;color:inherit;background:transparent!important}
@media(max-width:768px){.site-promotions{padding:16px}.site-promotions-grid{grid-template-columns:1fr}}

html[data-theme=dark] :is(.catalog-tools label,.catalog-tools p,.catalog-empty,.map-empty-state){color:#b3c0d1}
html[data-theme=dark] #container #ayMapWp :is(.a11y-map-detail,.a11y-native-control[aria-expanded]::after){color:#79c0ff}
html[data-theme=dark] .map-announcements h4{color:#79c0ff}
html[data-contrast=high] :is(.catalog-tools label,.catalog-tools p,.catalog-empty,.map-empty-state,.policy-document p,.map-announcements h4){color:var(--a11y-text)!important}
html[data-contrast=high] #container #bo_v_con ul.view-info{background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border-color:var(--a11y-border)!important}
html[data-contrast=high] #container #bo_v_con ul.view-info strong{color:var(--a11y-text)!important}

html[data-theme=dark] #container:has(>.latest_wr)>.titles>span{color:#b3c0d1!important}
html[data-contrast=high] #container:has(>.latest_wr)>.titles>span{color:var(--a11y-text)!important}
html[data-contrast=high] #container .notiWp .bt_btns li a{background:var(--a11y-text)!important;color:var(--a11y-bg)!important;border:2px solid var(--a11y-text)!important}
html[data-contrast=high] #container .notiWp .noti_title>span{background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border:1px solid var(--a11y-border)!important}
html[data-contrast=high] #container #ayMapWp .sc_op :is(input,select){background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border:2px solid var(--a11y-border)!important}
html[data-contrast=high] #container #ayMapWp :is(.a11y-map-detail,.a11y-native-control[aria-expanded]::after){color:var(--a11y-link)!important}

/* Utilities are a single labelled drawer; consultation stays separate. */
#site-tools{position:fixed;right:20px;bottom:82px;z-index:99996;font-size:14px}
#site-tools-toggle{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:10px 18px;border:1px solid #dce4ef;border-radius:24px;background:#fff;color:#243247;box-shadow:0 3px 12px #23385814;font:inherit;cursor:pointer}
#site-tools-panel{position:absolute;right:0;bottom:54px;width:260px;max-width:calc(100vw - 32px);padding:18px;background:#fff;color:#243247;border:1px solid #dce4ef;border-radius:14px;box-shadow:0 12px 36px #23385824;box-sizing:border-box}
#site-tools-panel[hidden]{display:none!important}
#site-tools-panel h2{font-size:14px;line-height:1.5;margin:0 0 14px;font-weight:600;color:inherit}
.site-tools-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border-top:1px solid #edf1f6;line-height:1.5}
body #site-tools-panel :is(#cal_btn,#theme-toggle,#contrast-toggle,#map-announcement-toggle){position:static!important;inset:auto!important;display:inline-grid!important;place-items:center;width:48px!important;height:36px!important;min-height:36px!important;padding:0!important;transform:none!important;border:1px solid #dce4ef;border-radius:8px!important;box-shadow:none!important;background:#f4f7fb;color:#243247;font-size:14px!important;margin:0}
#site-tools-panel :is(#theme-toggle,#contrast-toggle){font-size:20px!important}
body #kak_btn{position:fixed!important;inset:auto 20px 24px auto!important;display:flex!important;align-items:center;justify-content:center;width:auto!important;height:auto!important;min-height:42px!important;padding:10px 18px!important;transform:none!important;border-radius:24px!important;background:#fee500!important;color:#332a00!important;font-size:13px!important;line-height:1.5!important;font-weight:600;box-shadow:0 3px 12px #23385814!important;text-decoration:none}
body #kak_btn img{display:none!important}
.hd_login li.calcu{display:none!important}
body:has(#site-tools-panel:not([hidden])) .map-announcements{right:300px;bottom:24px}
body:has(#bgMenu[style*="display: block"]) #site-tools{visibility:hidden}
html[data-theme=dark] :is(#site-tools-toggle,#site-tools-panel){background:#161b22;color:#e6edf3;border-color:#57606a}
html[data-theme=dark] body #site-tools-panel :is(#cal_btn,#theme-toggle,#contrast-toggle,#map-announcement-toggle){background:#21262d;color:#e6edf3;border-color:#57606a}
html[data-theme=dark] .site-tools-row{border-color:#30363d}
html[data-contrast=high] :is(#site-tools-toggle,#site-tools-panel){background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border:2px solid var(--a11y-border)!important}
html[data-contrast=high] body #site-tools-panel :is(#cal_btn,#theme-toggle,#contrast-toggle,#map-announcement-toggle){background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border:2px solid var(--a11y-border)!important}
@media(max-width:768px){#site-tools{right:12px;bottom:72px}body #kak_btn{right:12px!important;bottom:18px!important;min-height:38px!important;padding:8px 14px!important}#site-tools-toggle{min-height:38px;padding:8px 14px}body:has(#site-tools-panel:not([hidden])) .map-announcements{right:12px;bottom:220px;top:auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 240px)}}

/* Comfortable icon sizes and separate calculator access. */
#gnb .hd_login{display:flex;align-items:center;gap:8px}
#gnb .hd_login li{margin:0!important}
#gnb .hd_login li:not(.calcu) a{display:inline-grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0!important;font-size:20px!important;border-radius:50%}
#gnb .hd_login li a i{font-size:20px!important;line-height:1}
#gnb #mo_bar a{position:relative;display:block;width:44px!important;height:44px!important;min-height:44px}
#gnb #mo_bar a span{left:6px;width:32px;top:11px}
#gnb #mo_bar a span:nth-child(2){top:21px}
#gnb #mo_bar a span:nth-child(3){top:auto;bottom:11px}
#gnb #mo_bar.cross a span:nth-child(2){display:none}
#gnb #mo_bar.cross a span:nth-child(1){top:11px}
#gnb #mo_bar.cross a span:nth-child(3){bottom:11px}
body #site-tools{right:20px;bottom:84px}
body #site-tools-toggle,body #kak_btn,body #cal_btn.site-calculator-action{width:144px!important;min-height:48px!important;height:48px!important;box-sizing:border-box;padding:8px 14px!important;font-size:14px!important;line-height:1.5!important;border-radius:24px!important;display:flex!important;align-items:center;justify-content:center;gap:9px;cursor:pointer}
#site-tools-toggle i{font-size:22px;line-height:1}
body #cal_btn.site-calculator-action{position:fixed!important;inset:auto 20px 144px auto!important;transform:none!important;background:#fff;color:#243247;border:1px solid #dce4ef;box-shadow:0 3px 12px #23385814!important;z-index:99996}
body #cal_btn.site-calculator-action img,body #kak_btn img{display:block!important;position:static!important;width:30px!important;height:30px!important;object-fit:contain;flex:none}
body #cal_btn.site-calculator-action span{font-size:14px}
body #kak_btn{bottom:24px!important;animation:none!important}
#site-tools-panel{right:164px;bottom:0}
body #site-tools-panel :is(#theme-toggle,#contrast-toggle,#map-announcement-toggle){width:48px!important;height:44px!important;min-height:44px!important}
body #site-tools-panel :is(#theme-toggle,#contrast-toggle){font-size:24px!important}
.site-tools-row{font-size:14px;padding:10px 0}
html[data-theme=dark] body #cal_btn.site-calculator-action{background:#161b22;color:#e6edf3;border-color:#57606a}
html[data-contrast=high] body #cal_btn.site-calculator-action{background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border:2px solid var(--a11y-border)!important}
body:has(#bgMenu[style*="display: block"]) #cal_btn.site-calculator-action{visibility:hidden}
@media(max-width:768px){
 body #site-tools{right:12px;bottom:78px}
 body #site-tools-toggle,body #kak_btn,body #cal_btn.site-calculator-action{width:132px!important;min-height:48px!important;height:48px!important;font-size:13px!important;padding:8px 12px!important}
 body #cal_btn.site-calculator-action{right:12px!important;bottom:138px!important}
 body #kak_btn{right:12px!important;bottom:18px!important}
 #site-tools-panel{right:0;bottom:120px}
 #gnb .hd_login{gap:6px}
 #gnb .hd_login li:not(.calcu) a{width:44px;height:44px}
 .site-mobile-actions a{width:44px!important;height:44px!important;font-size:20px}
}

/* Final utility order: settings, calculator, consultation. */
body #site-tools{bottom:144px}
body #cal_btn.site-calculator-action{bottom:84px!important}
@media(max-width:768px){body #site-tools{bottom:138px}body #cal_btn.site-calculator-action{bottom:78px!important}#site-tools-panel{bottom:60px}}

/* Floating actions overlay the viewport without narrowing the content. */
#container:has(>.latest_wr){padding:24px 24px 48px!important}
#container:has(>.latest_wr)>.latest_wr{max-width:none!important}
#container:has(#bo_v),#container:has(.tbl_head01):not(:has(#ayMapWp)){padding-right:24px!important}
#container .notiWp .bt_btns li a.map_btn{background:#fee500!important;color:#332a00!important;border-color:#fee500!important}
body #site-tools{bottom:204px}
body #map-announcement-toggle.site-announcement-action{position:fixed!important;inset:auto 20px 144px auto!important;display:flex!important;align-items:center;justify-content:center;gap:9px;width:144px!important;height:48px!important;min-height:48px!important;padding:8px 12px!important;border-radius:24px!important;border:1px solid #dce4ef;background:#fff;color:#243247;font-size:13px!important;box-shadow:0 3px 12px #23385814!important;z-index:99996}
body #map-announcement-toggle.site-announcement-action svg{width:24px;height:24px;flex:none}
body .map-announcements{right:184px;bottom:84px;top:auto;max-height:calc(100dvh - 120px)}
body:has(#site-tools-panel:not([hidden])) .map-announcements{right:184px;bottom:84px}
html[data-theme=dark] body #map-announcement-toggle.site-announcement-action{background:#161b22;color:#e6edf3;border-color:#57606a}
html[data-contrast=high] body #map-announcement-toggle.site-announcement-action{background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border:2px solid var(--a11y-border)!important}
@media(max-width:768px){
 #container:has(>.latest_wr){padding:16px 14px 32px!important}
 #container:has(#bo_v),#container:has(.tbl_head01):not(:has(#ayMapWp)){padding-right:10px!important}
 body #site-tools{bottom:198px}
 body #map-announcement-toggle.site-announcement-action{position:fixed!important;top:auto!important;right:12px!important;bottom:138px!important;width:132px!important;height:48px!important;min-height:48px!important;font-size:12px!important}
 body .map-announcements,body:not(:has(#ayMapWp)) .map-announcements,body:has(#site-tools-panel:not([hidden])) .map-announcements{right:12px;bottom:256px;top:auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 280px)}
}

/* Keep the full-menu entry visible at every viewport size. */
#gnb #mo_bar{display:block!important}
#bgMenu .wow{visibility:visible!important;opacity:1!important;animation:none!important;transform:none!important}
#gnb .hd_login{right:60px!important}
@media(min-width:1301px){#gnb #mo_bar{top:42px}#hd.scr #gnb #mo_bar{top:29px}}

/* Compact navigation drawer with display preferences in context. */
html{scrollbar-gutter:stable}
html[data-menu-open=true],html[data-menu-open=true] body{overflow:hidden!important}
#bgMenu{inset:0!important;width:100%!important;height:100dvh!important;padding:0!important;background:#13223866!important;overflow:hidden!important;overscroll-behavior:contain}
#bgMenu .site-menu-drawer{position:absolute;inset:0 0 0 auto;width:min(420px,calc(100% - 32px));height:100%;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;background:#fff;color:var(--ui-ink);box-shadow:-12px 0 40px #13223824;padding:0 24px 24px}
#bgMenu .site-menu-header{position:sticky;top:0;z-index:3;background:inherit;margin-top:0;padding-top:24px;padding-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
#bgMenu .site-menu-header h2{font-size:22px;font-weight:700;line-height:1.5;margin:0}
#bgMenu .a11y-menu-close{position:static;display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:10px;background:#f1f5fb;color:inherit;font-size:30px;line-height:1}
#bgMenu .bgmn_wrap{position:static!important;width:100%;height:auto!important}
#bgMenu .bgmn_wrap #bgmn{position:static!important;inset:auto!important;transform:none!important;width:100%;padding:0!important;margin:0;list-style:none;text-align:left!important}
#bgMenu #bgmn .gnb_1dli{float:none;width:auto;padding:0;margin:0 0 6px}
#bgMenu #bgmn .gnb_1da2{position:relative;display:block;margin:0!important;padding:14px 34px 14px 14px;border-radius:10px;font-size:18px!important;font-weight:600;line-height:1.5;color:inherit;text-decoration:none}
#bgMenu #bgmn .gnb_1da2>span:not(.sp){font-size:14px!important;font-weight:400;line-height:1.6;color:#5c6b80;margin-top:5px;letter-spacing:0;display:block}
#bgMenu #bgmn .gnb_1da2::after{content:"";display:block!important;right:16px;top:23px;width:7px;height:7px;border:solid #7a889c;border-width:1.5px 1.5px 0 0;transform:rotate(45deg)}
#bgMenu #bgmn .on .gnb_1da2,#bgMenu #bgmn .gnb_1da2:hover{background:#eaf2ff;color:#0969da}
#bgMenu #site-tools-panel{position:static;inset:auto;width:100%;max-width:none;box-sizing:border-box;margin:22px 0 0;padding:18px;background:#f6f8fc;border:1px solid #e1e7f0;border-radius:12px;box-shadow:none}
#bgMenu #site-tools-panel h2{font-size:16px;margin-bottom:12px}
html[data-theme=dark] #bgMenu .site-menu-drawer{background:#161b22;color:#e6edf3}
html[data-theme=dark] #bgMenu #bgmn .gnb_1da2>span:not(.sp){color:#b3c0d1}
html[data-theme=dark] #bgMenu #bgmn .on .gnb_1da2,html[data-theme=dark] #bgMenu #bgmn .gnb_1da2:hover{background:#233a5b;color:#79c0ff}
html[data-theme=dark] #bgMenu #site-tools-panel{background:#21262d;border-color:#57606a}

/* themes */
/* Dark surfaces, readable actions, and distinct selected states. */
html[data-theme=dark]:not([data-contrast=high]){--theme-muted:#a6b2c2}
html[data-theme=dark]:not([data-contrast=high]) #bgMenu .a11y-menu-close{background:#293443;color:#e6edf3}
html[data-theme=dark]:not([data-contrast=high]) #container .notiWp .bt_btns li a.play_btn{background:#263242!important;color:#e6edf3!important;border:1px solid #526174!important}
html[data-theme=dark]:not([data-contrast=high]) #container .notiWp .noti_title>span{border-color:#79c0ff!important}
html[data-theme=dark]:not([data-contrast=high]) #container #ayMapWp .sc_op :is(select,input){border:1px solid #526174!important;box-shadow:none!important}
html[data-theme=dark]:not([data-contrast=high]) #container #ayMapWp :is(.mapItem:hover,.groupRow:hover){background:#22334b!important}
html[data-theme=dark]:not([data-contrast=high]) #container #ayMapWp :is(.mapItem.active,.groupRow.active){background:#22334b!important;box-shadow:inset 0 0 0 2px #79c0ff}
html[data-theme=dark]:not([data-contrast=high]) #container #ayMapWp .mapItem>.a11y-native-control[aria-expanded]::after{color:#a5d5ff;background:#233a5b}
html[data-theme=dark]:not([data-contrast=high]) #container #ayMapWp .mapItem>.a11y-native-control[aria-expanded]::before{border-color:#a5d5ff}
html[data-theme=dark]:not([data-contrast=high]) #calOverlay :is(.topBtn .btns a,.section01 .btnsWp a,.rbtn.howto label){background:#21262d;color:#b3c0d1;border-color:#526174}
html[data-theme=dark]:not([data-contrast=high]) #calOverlay :is(.topBtn .btns a.active,.section01 .btnsWp a.on,.rbtn.howto input:checked+label){background:#233a5b;color:#a5d5ff;border-color:#79c0ff}
html[data-theme=dark]:not([data-contrast=high]) #calOverlay :is(.chTx .won,.chTx .per,#hangeulIs,.loWrps .step .row input+span){color:#b3c0d1!important}
html[data-theme=dark]:not([data-contrast=high]) #calOverlay #loan .loWrps .step .row input[type=number]{border-bottom-color:#526174!important}
html[data-theme=dark]:not([data-contrast=high]) #calOverlay #loan .loWrps .step.fin{background:#21262d}
html[data-theme=dark]:not([data-contrast=high]) #calOverlay :is(.noFin,.step.fin .sebun,.careful strong){color:#a5d5ff!important}
html[data-theme=dark]:not([data-contrast=high]) #container :is(#bo_cate_on,.pg_current){background:#2457b3!important;border-color:#79c0ff!important;color:#fff!important}
html[data-theme=dark]:not([data-contrast=high]) #container #bo_cate a:not(#bo_cate_on){background:#21262d;color:#a5d5ff;border-color:#526174}
html[data-theme=dark]:not([data-contrast=high]) #container .tbl_head01 thead th{background:#263242!important;border-color:#526174!important}
html[data-contrast=high] #bgMenu .site-menu-drawer,html[data-contrast=high] #bgMenu #site-tools-panel{background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border-color:var(--a11y-border)!important}
html[data-contrast=high] #bgMenu #bgmn .gnb_1da2>span:not(.sp){color:var(--a11y-text)!important}
@media(max-width:768px){#bgMenu .site-menu-drawer{padding:0 18px 18px}#bgMenu .site-menu-header{margin-top:0;padding-top:18px;margin-bottom:12px}}

#bgMenu #site-tools-panel :is(#theme-toggle,#contrast-toggle){visibility:visible!important}

/* High contrast retains surface hierarchy and brand cues in both themes. */
html[data-contrast=high] :is(.notiWp,.noti_title,.noti_date,.noti_cate,.noti_name,.mapItem,.groupRow,.groupSlide,.mapInfo,#bo_v,.tbl_head01 td,.clone-dialog>div,.clone-local-form,.policy-document,.map-announcements){background:var(--a11y-panel)!important;color:var(--a11y-text)!important}
html[data-contrast=high] #container :is(.catalog-tools,.sc_op,.mapList,#listCount,.tbl_head01 th,.price-table th){background:var(--a11y-bg)!important;color:var(--a11y-text)!important}
html[data-contrast=high] #container .notiWp{border:1px solid var(--a11y-border)!important}
html[data-contrast=high] #container .notiWp .bt_btns li a.map_btn,html[data-contrast=high] body #kak_btn{background:#fee500!important;color:#332a00!important;border:2px solid #665900!important}
html[data-contrast=high] #container .notiWp .bt_btns li a.play_btn{background:var(--a11y-panel)!important;color:var(--a11y-link)!important;border:2px solid var(--a11y-border)!important}
html[data-contrast=high] #container #ayMapWp :is(.mapItem.active,.groupRow.active,.mapItem:hover,.groupRow:hover){background:var(--a11y-selected)!important;outline:2px solid var(--a11y-focus)!important}
html[data-contrast=high] #bgMenu{background:#080d14aa!important}
html[data-contrast=high] #bgMenu .site-menu-drawer,html[data-contrast=high] #bgMenu #site-tools-panel{background:var(--a11y-panel)!important}
html[data-contrast=high] #bgMenu .a11y-menu-close{background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border:2px solid var(--a11y-border)}
html[data-contrast=high] #bgMenu #bgmn .on .gnb_1da2,html[data-contrast=high] #bgMenu #bgmn .gnb_1da2:hover{background:var(--a11y-selected)!important}
html[data-contrast=high] #calOverlay #calCul{background:var(--a11y-panel)!important}
html[data-contrast=high] #calOverlay :is(.section04,#loan .step.fin,.topBtn .btns a,.section01 .btnsWp a,.rbtn.howto label){background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border-color:var(--a11y-border)!important}
html[data-contrast=high] #calOverlay :is(.topBtn .btns a.active,.section01 .btnsWp a.on,.rbtn.howto input:checked+label){background:var(--a11y-selected)!important;color:var(--a11y-link)!important;border-color:var(--a11y-focus)!important}
html[data-contrast=high] #calOverlay :is(.chTx .won,.chTx .per,#hangeulIs,.loWrps .step .row input+span,.noFin,.step.fin .sebun){color:var(--a11y-text)!important}
html[data-contrast=high] #calOverlay #loan .loWrps .step .row input[type=number]{border-bottom-color:var(--a11y-border)!important}
html[data-contrast=high] #container :is(#bo_cate_on,.pg_current),html[data-contrast=high] #container .hosted-board-search button{background:var(--a11y-button)!important;color:var(--a11y-button-text)!important;border-color:var(--a11y-border)!important}
html[data-contrast=high] #container .catalog-tools :is(input,select){background:var(--a11y-panel)!important}
html[data-contrast=high] #container .notiWp .noti_title>span{background:var(--a11y-panel)!important;color:var(--a11y-link)!important}

html[data-theme=dark]:not([data-contrast=high]) #calOverlay :is(.hg,.per){color:#b3c0d1!important}
html[data-contrast=high] #calOverlay #calCul :is(.topBtn .btns a.active,.section01 .btnsWp a.on,.rbtn.howto input:checked+label){background:var(--a11y-selected)!important;color:var(--a11y-link)!important;border-color:var(--a11y-focus)!important}
html[data-contrast=high] #calOverlay #calCul :is(input[type=number],.hg,.per){color:var(--a11y-text)!important;border-color:var(--a11y-border)!important}
html[data-contrast=high] #calOverlay #calCul input[type=number]{background:var(--a11y-panel)!important}

html[data-theme=dark]:not([data-contrast=high]) :is(.mapInfo .mapBtn,#calOverlay .rbtn a,.clone-primary){background:#2457b3!important;color:#fff!important}
html[data-contrast=high] #calOverlay #loan .loWrps .step .rbtn a{background:var(--a11y-button)!important;color:var(--a11y-button-text)!important}
html[data-contrast=high] #container #bo_v_con :is(table,td,th){background:var(--a11y-panel)!important;color:var(--a11y-text)!important;border-color:var(--a11y-border)!important}
html[data-contrast=high] #container #bo_v_con :is(td,th) :is(div,span,strong){color:var(--a11y-text)!important}

#container .notiWp .bt_btns li a{display:flex!important;align-items:center;justify-content:center;gap:7px}
#container .notiWp .bt_btns .catalog-action-icon{display:block;width:20px;height:20px;flex:none}
#container .notiWp .bt_btns .catalog-youtube-icon{color:#d50000}
html[data-theme=dark] #container .notiWp .bt_btns .catalog-youtube-icon{color:#ff7373;--youtube-play:#161b22}
html[data-contrast=high] #container .notiWp .bt_btns .catalog-youtube-icon{color:var(--a11y-link);--youtube-play:var(--a11y-panel)}

#container .down_file ul li a{background:#f3f6fb!important;color:#243247!important;border:1px solid #dce4ef;border-radius:8px;transition:background-color .15s,border-color .15s}
#container .down_file ul li a:is(:hover,:focus-visible){background:#eaf2ff!important;color:#174ea6!important;border-color:#2563eb}
html[data-theme=dark] #container .down_file ul li a{background:#21262d!important;color:#e6edf3!important;border-color:#526174}
html[data-theme=dark] #container .down_file ul li a:is(:hover,:focus-visible){background:#233a5b!important;color:#a5d5ff!important;border-color:#79c0ff}
html[data-contrast=high] #container .down_file ul li a{background:var(--a11y-panel)!important;color:var(--a11y-link)!important;border:2px solid var(--a11y-border)}
html[data-contrast=high] #container .down_file ul li a:is(:hover,:focus-visible){background:var(--a11y-selected)!important;color:var(--a11y-text)!important;border-color:var(--a11y-focus)}

/* typography */
/* Consistent readable type and breathing room across page templates. */
body,input,select,textarea,button{font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif}
.catalog-tools{font-size:15px;gap:14px;padding:20px}
.catalog-tools label{font-size:14px;line-height:1.5;gap:8px}
#container .catalog-tools :is(input,select,button){font-size:15px;line-height:1.5;min-height:46px;padding:11px 14px}
#container .catalog-tools select{min-width:144px;padding-right:38px}
.catalog-tools p{font-size:14px;line-height:1.5;padding:12px 0}
#container .notiWp .bt_btns a{font-size:14px!important;min-height:46px;box-sizing:border-box}
#container #ayMapWp .sc_op :is(select,input){font-size:14px!important;min-height:44px;padding:10px 12px!important}
#container #ayMapWp .sc_op select{padding-right:32px!important}
#container #ayMapWp #map-filter-reset{font-size:14px;min-height:40px;padding:7px 10px}
#container #ayMapWp #listCount{font-size:14px!important}
#container #ayMapWp .mapItem{font-size:15px!important}
#container #ayMapWp .a11y-map-detail{font-size:14px!important;min-height:40px;box-sizing:border-box;display:inline-flex;align-items:center}
#container #ayMapWp .mapItem>.a11y-native-control[aria-expanded]::after{font-size:13px}
#container .hosted-board-search{gap:10px}
#container .hosted-board-search input{flex:1 1 180px;min-width:0;max-width:640px}
#container .hosted-board-search :is(input,select,button),#container #areaSelect{min-height:46px;font-size:15px;line-height:1.5}
#container #bo_list :is(.td_num2,.td_num,.td_name,.td_datetime,.td_date,.td_nick){font-size:14px!important;line-height:1.6}
#container #bo_list .td_subject{padding-left:12px!important;line-height:1.65}
#container .pg{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}
#container .pg :is(a,strong){min-width:40px;min-height:40px;height:40px!important;line-height:38px!important;font-size:14px!important;padding:0 10px;margin:0;box-sizing:border-box}
#container #bo_v_con{font-size:16px;line-height:1.8;word-break:normal;overflow-wrap:anywhere}
#container #bo_v_con ul.view-info li{font-size:14px}
#container .price-table :is(th,td){font-size:14px!important;line-height:1.7}
#container :is(.importantTh,.ay-ai-summary-body p){font-size:14px!important;line-height:1.8!important;padding:12px}
#container .ay-ai-summary-body p{font-size:15px!important}
#container .down_file ul li a{font-size:14px;line-height:1.6;padding:12px 16px;overflow-wrap:anywhere}
.policy-document{font-size:16px;line-height:1.85}
.policy-document p,.catalog-empty,.catalog-tools p{word-break:keep-all;overflow-wrap:anywhere}
#container #intro01 .sect01 .left,#container #intro01 .sect02 .right .txt02{font-size:16px;line-height:1.85!important;word-break:keep-all;overflow-wrap:anywhere}
#container #intro01 .sect02 .bts li a{font-size:14px;line-height:1.5;min-height:44px;box-sizing:border-box}
#container #intro02 .hisWp ul li a{font-size:15px;line-height:1.7;letter-spacing:0}
#calOverlay .section04 .explain{font-size:14px!important;line-height:1.7!important;padding:12px}
#ft :is(#ft_company,#ft_link,#ft_copy){font-size:14px!important;line-height:1.8!important}
#ft #ft_link a{font-size:14px;line-height:1.8;padding:6px 0}
#container :is(.catalog-tools select,.hosted-board-search select,#areaSelect),#container #ayMapWp .sc_op select{appearance:none!important;padding-right:38px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='%23526174' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important}
html[data-theme=dark] #container :is(.catalog-tools select,.hosted-board-search select,#areaSelect),html[data-theme=dark] #container #ayMapWp .sc_op select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='%23b5dcff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
@media(max-width:768px){.catalog-tools{padding:16px;gap:12px}#container .catalog-tools select{min-width:140px}.policy-document{font-size:15px}#container #bo_list :is(.td_num2,.td_datetime){font-size:13px!important}}
@media(forced-colors:active){#container :is(.catalog-tools select,.hosted-board-search select,#areaSelect),#container #ayMapWp .sc_op select{appearance:auto!important;background-image:none!important}}
#container .price-table .loan-btn{font-size:14px;line-height:1.5;min-height:40px;padding:8px 12px;display:inline-flex;align-items:center;box-sizing:border-box}
#calOverlay button.ttool{border:0;cursor:pointer;font:inherit;min-width:24px;min-height:24px;line-height:24px}
#calOverlay .calculator-help:not([hidden]){display:block;position:relative;padding:10px 12px;margin:12px 0;background:var(--ui-panel,#fff);color:var(--ui-ink,#243247);border:1px solid var(--ui-line,#dce4ef);border-radius:8px;white-space:normal;font-size:14px;line-height:1.7}
@media(max-width:520px){
 #container #bo_list .tbl_head01 :is(.td_num,.td_num2),#container #bo_list .tbl_head01 thead th:first-child{display:none}
 #container #bo_list .tbl_head01 :is(.td_name,.td_nick,.td_datetime,.td_date){width:60px!important;white-space:nowrap!important;padding:12px 6px!important;font-size:12px!important}
 #container #bo_list .tbl_head01 thead th:nth-last-child(-n+2){width:60px!important;padding:12px 6px!important}
 #container #bo_list .tbl_head01 .td_subject{padding:12px 8px!important;font-size:14px!important;line-height:1.7}
 #container #bo_list .tbl_head01 .td_subject>a:not(.bo_cate_link){font-size:14px!important}
}

/* map-clusters */
/* Nearby map markers stay readable without covering one another. */
.map-cluster-marker{border:0!important;background:transparent!important}
.map-cluster-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:3px solid #fff;border-radius:50%;background:#1768d5;color:#fff;font-family:inherit;font-size:15px;font-weight:700;line-height:1.2;box-shadow:0 2px 8px #153c6d40;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}
.map-cluster-button:hover{background:#1055b1;box-shadow:0 3px 12px #153c6d60}
.map-cluster-button:focus-visible{outline:3px solid #132238;outline-offset:3px}
html[data-theme=dark] .map-cluster-button{background:#79c0ff;color:#132238;border-color:#1b2736}
html[data-contrast=high] .map-cluster-button{background:var(--a11y-selected);color:var(--a11y-text);border-color:var(--a11y-focus)}
@media(prefers-reduced-motion:reduce){.map-cluster-button{transition:none}}

/* catalog-enhancements */
/* Search URLs remain selectable when clipboard access is unavailable. */
.catalog-tools{display:grid;grid-template-columns:minmax(220px,560px) 140px 176px auto auto minmax(110px,1fr)}
.catalog-tools .catalog-search{min-width:0;max-width:560px}
.catalog-tools label{min-width:0}
.catalog-tools select{width:100%;min-width:0}
.catalog-tools p{text-align:right}
@media(max-width:1100px){.catalog-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-tools .catalog-search{grid-column:1/-1;max-width:none}.catalog-tools p{grid-column:1/-1}}
.catalog-tools .catalog-share-url{flex:1 1 100%;width:100%;min-width:0}
.catalog-tools .catalog-share-url{grid-column:1/-1}
#container .notiWp .noti_title>.catalog-status{font-size:13px!important;line-height:1.5;max-width:100%;white-space:normal;background:#edf2f8!important;color:#526074!important;border-color:#d9e2ef!important}
#container .notiWp .noti_title>.catalog-status[data-state=open]{background:#e8f6ef!important;color:#146c43!important;border-color:#b2dcc8!important}
#container .notiWp .noti_title>.catalog-status[data-state=upcoming]{background:#edf3ff!important;color:#1956a8!important;border-color:#c6d8f5!important}
html[data-theme=dark] #container .notiWp .noti_title>.catalog-status{background:#263242!important;color:#c0cee0!important;border-color:#566980!important}
html[data-theme=dark] #container .notiWp .noti_title>.catalog-status[data-state=open]{background:#173d2d!important;color:#a5e6c3!important;border-color:#4b9270!important}
html[data-theme=dark] #container .notiWp .noti_title>.catalog-status[data-state=upcoming]{background:#233a5b!important;color:#a5d5ff!important;border-color:#79a2d5!important}
html[data-contrast=high] #container .notiWp .noti_title>.catalog-status[data-state]{background:var(--a11y-panel)!important;color:var(--a11y-text)!important;border:2px solid var(--a11y-border)!important}
#container .notiWp .catalog-status .catalog-period{display:block;margin:3px 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;font-size:inherit!important;line-height:1.6;white-space:normal}
#container .notiWp .catalog-status a.catalog-period{text-decoration:underline;text-underline-offset:3px;min-height:44px}
#container .notiWp .noti_title>.catalog-status[data-state=postponed]{background:#fff2e4!important;color:#7e400a!important;border-color:#e7c39c!important}
html[data-theme=dark] #container .notiWp .noti_title>.catalog-status[data-state=postponed]{background:#3b2a1a!important;color:#ffd4a5!important;border-color:#a77746!important}

/* board-enhancements */
/* Board display controls keep filter and paging choices visible together. */
.board-display-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:16px 0;padding:16px;background:var(--ui-soft,#f3f6fb);border:1px solid var(--ui-line,#dce4ef);border-radius:12px;color:var(--ui-ink,#243247);font-size:14px;line-height:1.6}
.board-display-tools label{display:flex;align-items:center;gap:8px;font-weight:600}
.board-display-tools select{min-height:44px;max-width:100%;padding:10px 12px;border:1px solid var(--ui-line,#dce4ef);border-radius:8px;background:#fff;color:inherit;font:inherit;cursor:pointer}
.board-display-tools .board-display-status{flex:1 1 240px;margin:0;text-align:right;color:var(--ui-muted,#64748b);font-size:14px;line-height:1.7;overflow-wrap:anywhere}
html[data-theme=dark] .board-display-tools{background:#161b22;color:#e6edf3;border-color:#526174}
html[data-theme=dark] .board-display-tools select{background:#21262d;color:#e6edf3;border-color:#526174}
html[data-theme=dark] .board-display-tools .board-display-status{color:#b3c0d1}
html[data-contrast=high] .board-display-tools{background:var(--a11y-bg)!important;color:var(--a11y-text)!important;border-color:var(--a11y-border)!important}
html[data-contrast=high] .board-display-tools select{background:var(--a11y-panel)!important;color:var(--a11y-text)!important;border:2px solid var(--a11y-border)!important}
html[data-contrast=high] .board-display-tools .board-display-status{color:var(--a11y-text)!important}
@media(max-width:600px){.board-display-tools{gap:12px;padding:12px}.board-display-tools label{flex:1 1 130px;flex-wrap:wrap;gap:6px}.board-display-tools select{width:100%}.board-display-tools .board-display-status{text-align:left;flex-basis:100%;font-size:13px}}

/* experience */
:root{--experience-panel:#fff;--experience-soft:#f3f6fb;--experience-ink:#243247;--experience-line:#dce4ef;--experience-selected:#eaf2ff;--experience-link:#174ea6}
html[data-theme=dark]{--experience-panel:#161b22;--experience-soft:#21262d;--experience-ink:#e6edf3;--experience-line:#526174;--experience-selected:#233a5b;--experience-link:#a5d5ff}
html[data-contrast=high]{--experience-panel:var(--a11y-panel);--experience-soft:var(--a11y-bg);--experience-ink:var(--a11y-text);--experience-line:var(--a11y-border);--experience-selected:var(--a11y-selected);--experience-link:var(--a11y-link)}
#mobile-quick-toggle{display:none}
#mobile-quick-actions[hidden]{display:none!important}
.housing-shelf-entry{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin:0 0 16px}
.housing-shelf-entry button,.housing-overview-actions button,.housing-shelf-menu,.housing-shelf-dialog button{font:inherit;font-size:14px;line-height:1.5;min-height:44px;padding:10px 14px;border:1px solid var(--experience-line);border-radius:10px;background:var(--experience-panel);color:var(--experience-ink);cursor:pointer}
.housing-shelf-menu{width:100%;margin-top:16px;text-align:left}
.housing-overview-actions button[aria-pressed=true],.housing-shelf-tabs button[aria-pressed=true]{background:var(--experience-selected);color:var(--experience-link);border-color:var(--experience-link)}
#container .housing-overview{padding:24px;margin:12px 0 24px;border:1px solid var(--experience-line);border-radius:16px;background:var(--experience-panel);color:var(--experience-ink)}
#container .housing-overview h2{font-size:22px!important;line-height:1.5;margin:0 0 8px!important;word-break:keep-all;overflow-wrap:anywhere}
.housing-address{font-size:14px;line-height:1.7;color:var(--experience-ink);margin-bottom:20px}
.housing-overview dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.housing-overview dl>div{padding:16px;background:var(--experience-soft);border-radius:12px}
.housing-overview dt{font-size:14px;margin-bottom:8px}.housing-overview dd{font-size:20px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.housing-schedule{padding:12px 14px;border-left:3px solid var(--experience-link);background:var(--experience-selected);font-size:14px;line-height:1.8;margin:16px 0}
.housing-overview-actions{display:flex;flex-wrap:wrap;gap:8px}
.housing-action-status{font-size:13px;line-height:1.7;margin-top:8px}.housing-action-status:empty{display:none}
.housing-facts{clear:both;margin:20px 0;border:1px solid var(--experience-line);border-radius:12px;background:var(--experience-panel);color:var(--experience-ink)}
.housing-facts>summary{padding:16px;min-height:44px;box-sizing:border-box;font-size:15px;font-weight:600;cursor:pointer}
#container #bo_v_con .housing-facts ul.view-info{margin:0!important;border:0!important;border-radius:0 0 12px 12px}
.housing-shelf-dialog>div{max-width:960px;max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;background:var(--experience-panel);color:var(--experience-ink);border:1px solid var(--experience-line)}
.housing-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.housing-shelf-heading h2{margin:0!important;font-size:22px}
.housing-storage-note{font-size:13px!important;line-height:1.8!important;margin:12px 0;color:var(--experience-ink)}
.housing-shelf-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.housing-shelf-list{padding:0;list-style:none}.housing-shelf-list li{padding:16px 0;border-bottom:1px solid var(--experience-line)}
.housing-shelf-list li>a{display:block;font-size:16px;font-weight:600;color:var(--experience-link);line-height:1.6;overflow-wrap:anywhere}
.housing-shelf-list li p{font-size:14px}.housing-shelf-list li>div{display:flex;gap:8px}.housing-shelf-dialog button{width:auto!important;margin:0}
body .housing-shelf-dialog button{background:var(--experience-panel)!important;color:var(--experience-ink)!important;border:1px solid var(--experience-line)!important;border-radius:10px;padding:10px 14px}
body .housing-shelf-dialog button[aria-pressed=true]{background:var(--experience-selected)!important;color:var(--experience-link)!important;border-color:var(--experience-link)!important}
.housing-shelf-empty{padding:24px 0;line-height:1.8}
.housing-compare-scroll{max-width:100%;overflow-x:auto}.housing-compare-table{width:100%;min-width:540px;table-layout:fixed;border-collapse:collapse;font-size:14px}
.housing-compare-table caption{text-align:left;font-weight:600;padding:12px 0}.housing-compare-table :is(th,td){padding:12px;border:1px solid var(--experience-line);vertical-align:top;line-height:1.8;overflow-wrap:anywhere}
.housing-compare-table th{background:var(--experience-soft)}.housing-compare-table th>a{display:block;color:var(--experience-link);margin-bottom:10px}.housing-compare-table th:first-child{width:100px}
/* Let wrapped titles grow upward while each column action rests at the row's bottom. */
.housing-compare-table thead th{vertical-align:bottom}
.housing-compare-table thead th>button{min-height:44px}
#container .down_file ul{display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:left!important}
#container .down_file ul li a{display:block!important;margin:0!important;text-decoration:none!important;padding:16px!important}
.attachment-purpose{display:block;font-size:16px;font-weight:600;line-height:1.6}.attachment-filename{display:block;font-size:12px;line-height:1.8;margin-top:4px;overflow-wrap:anywhere}
.hosted-readonly-note{clear:both;font-size:13px;line-height:1.7;color:var(--experience-ink);padding-top:12px;margin:12px 0}
#gnb .hd_login li a[data-hosted-action=account]{width:100px!important;border-radius:24px;display:flex;align-items:center!important;justify-content:center!important;gap:6px;font-size:16px!important}
#gnb .hd_login li a[data-hosted-action=account] span{font-size:12px;line-height:1.3;white-space:nowrap}
@media(max-width:768px){
 body #mobile-quick-toggle{display:grid;place-items:center;position:fixed;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));width:48px;height:48px;min-height:48px;padding:0;border:1px solid var(--experience-line);border-radius:50%;background:var(--experience-panel);color:var(--experience-ink);box-shadow:0 3px 12px #23385814;z-index:99996;cursor:pointer}
 body #mobile-quick-toggle[aria-expanded=true]{background:var(--experience-selected)}
 body #mobile-quick-actions #cal_btn.site-calculator-action{bottom:calc(138px + env(safe-area-inset-bottom))!important}
 body #mobile-quick-actions #map-announcement-toggle.site-announcement-action{bottom:calc(198px + env(safe-area-inset-bottom))!important}
 body #kak_btn{bottom:calc(18px + env(safe-area-inset-bottom))!important}
 body :is(#kak_btn,#cal_btn.site-calculator-action,#map-announcement-toggle.site-announcement-action){width:48px!important;min-width:48px!important;height:48px!important;padding:8px!important;border-radius:50%!important}
 body :is(#kak_btn,#cal_btn,#map-announcement-toggle)>span{position:absolute!important;width:1px;height:1px;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body .map-announcements,body:not(:has(#ayMapWp)) .map-announcements,body:has(#site-tools-panel:not([hidden])) .map-announcements{top:auto;bottom:calc(258px + env(safe-area-inset-bottom));max-height:calc(100dvh - 280px - env(safe-area-inset-bottom))}
 html[data-menu-open=true] body #mobile-quick-toggle{visibility:hidden}
 #container .housing-overview{padding:16px;margin:8px 0 20px}
 #container .housing-overview h2{font-size:19px!important}
 .housing-overview dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .housing-overview dl>div:first-child{grid-column:1/-1}.housing-overview dl>div{padding:12px}.housing-overview dd{font-size:19px}
 .housing-overview-actions button{flex:1 1 130px}
 .housing-shelf-dialog>div{width:calc(100% - 20px);padding:18px;max-height:calc(100dvh - 20px)}
 .housing-compare-table{font-size:13px;min-width:520px}.housing-compare-table :is(th,td){padding:10px}
 .housing-compare-table[data-columns="2"]{min-width:0}.housing-compare-table[data-columns="2"] th:first-child{width:64px}.housing-compare-table[data-columns="2"] :is(th,td){padding:8px;font-size:12px}
 .attachment-purpose{font-size:15px}.housing-shelf-entry{justify-content:flex-start}
}

/* Leave room for device chrome, text zoom, and landscape utility panels. */
@media(max-width:768px){
 body #container :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=button]):not([type=submit]),select,textarea),body #calOverlay input[type=number]{font-size:16px!important}
 body #container #ayMapWp .sc_op :is(input,select){font-size:16px!important}
 #container #ayMapWp :is(#map-filter-reset,.a11y-map-detail),#container .price-table .loan-btn,#container .pg :is(a,strong){min-height:44px!important}
 #container .pg :is(a,strong){min-width:44px;height:44px!important;line-height:42px!important}
 #calOverlay button.ttool{min-width:44px;min-height:44px}
 .housing-shelf-dialog>div{max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
 .housing-shelf-heading{position:sticky;top:-18px;z-index:2;background:var(--experience-panel);padding:12px 0}
 .map-announcements-heading{position:sticky;top:-16px;z-index:2;background:inherit;padding:8px 0}
 .housing-shelf-list li>div{flex-wrap:wrap}
}
@media(max-width:768px) and (max-height:560px){
 body .map-announcements,body:not(:has(#ayMapWp)) .map-announcements,body:has(#site-tools-panel:not([hidden])) .map-announcements{top:12px;bottom:auto;right:72px;max-width:calc(100vw - 84px);max-height:calc(100dvh - 24px - env(safe-area-inset-bottom))}
}

#container .topSection:has(.map-menu-toggle){position:relative}
#container .topSection:has(.map-menu-toggle) .topCon{padding-right:48px}
.map-menu-toggle{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--experience-line);border-radius:10px;background:var(--experience-panel);color:var(--experience-ink);cursor:pointer}
html[data-contrast=high] #container :is(.catalog-tools select,.hosted-board-search select,#areaSelect),html[data-contrast=high] #container #ayMapWp .sc_op select{background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important}
html[data-contrast=high] .leaflet-control-zoom a{background:var(--a11y-panel)!important;color:var(--a11y-link)!important;border-color:var(--a11y-border)!important}

body .housing-shelf-dialog button.housing-recent-clear{margin-top:20px}

.map-announcements .announcement-details{margin:20px 0;border:1px solid var(--experience-line);border-radius:10px;padding:0 12px}
.map-announcements .announcement-details>summary{min-height:44px;box-sizing:border-box;padding:12px 0;font-weight:600;cursor:pointer}
.map-announcements .announcement-details[open]{padding-bottom:12px}
/* The generic dialog is deliberately narrow; the housing shelf needs room for three homes. */
body .clone-dialog.housing-shelf-dialog>div{width:min(1120px,calc(100vw - 64px));max-width:1120px;padding:32px;max-height:calc(100dvh - 64px);font-size:16px}
.housing-shelf-dialog .housing-shelf-heading h2{font-size:28px;line-height:1.4}
body .housing-shelf-dialog button{font-size:16px}
.housing-shelf-dialog .housing-shelf-tabs{gap:12px;margin:24px 0}
.housing-shelf-dialog .housing-shelf-list li>a{font-size:18px}
.housing-shelf-dialog .housing-shelf-list li p{font-size:16px}
.housing-shelf-dialog .housing-compare-table{font-size:16px}
.housing-shelf-dialog .housing-compare-table :is(th,td){padding:16px}
@media(min-width:768px){
 .housing-shelf-dialog .housing-storage-note{display:none}
 .housing-shelf-dialog .housing-shelf-heading{position:sticky;top:-32px;z-index:2;padding:8px 0 16px;background:var(--experience-panel)}
 .housing-shelf-dialog .housing-shelf-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;padding:24px 0}
 .housing-shelf-dialog .housing-shelf-list li>a{grid-column:1;grid-row:1}
 .housing-shelf-dialog .housing-shelf-list li p{grid-column:1;grid-row:2;margin:0}
 .housing-shelf-dialog .housing-shelf-list li>div{grid-column:2;grid-row:1 / 3;align-self:center;flex-wrap:wrap;justify-content:flex-end}
}
@media(max-width:767px){
 body .clone-dialog.housing-shelf-dialog>div{width:calc(100vw - 20px);padding:18px;max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
 .housing-shelf-dialog .housing-shelf-heading h2{font-size:22px}
 .housing-shelf-dialog .housing-shelf-tabs{gap:8px;margin:18px 0}
 .housing-shelf-dialog .housing-shelf-list li>a{font-size:16px}
 .housing-shelf-dialog .housing-shelf-list li p{font-size:14px}
 .housing-shelf-dialog .housing-compare-table{font-size:14px;min-width:520px}
 .housing-shelf-dialog .housing-compare-table :is(th,td){padding:10px}
 .housing-shelf-dialog .housing-compare-table[data-columns="2"]{min-width:0}
 .housing-shelf-dialog .housing-compare-table[data-columns="2"] :is(th,td){padding:8px;font-size:12px}
}

/* pwa */
#pwa-menu-actions{margin-top:20px;padding:18px;border:1px solid var(--ui-line,#dce4ef);border-radius:12px;background:var(--ui-soft,#f5f8fc);color:var(--ui-ink,#243247)}
#pwa-menu-actions h2{font-size:17px;line-height:1.5;margin:0 0 12px}
#pwa-menu-actions button,#pwa-update-notice button,#pwa-offline-notice button{font:inherit;min-height:44px;box-sizing:border-box;padding:8px 14px;border:1px solid #526d98;border-radius:8px;background:#fff;color:#2457b3;cursor:pointer}
#pwa-menu-actions button[hidden]{display:none!important}
#pwa-menu-actions p{font-size:14px;line-height:1.7;margin:10px 0;word-break:keep-all;overflow-wrap:anywhere}
#pwa-menu-actions .pwa-action-row{display:flex;align-items:center;gap:12px}
#pwa-menu-actions .pwa-action-row:has(>button[hidden]):has(>p[hidden]){display:none}
#pwa-menu-actions .pwa-action-row button{flex:none}
#pwa-menu-actions .pwa-action-row p{flex:1;min-width:0;margin:0}
#pwa-menu-actions .pwa-action-row+.pwa-action-row{margin-top:14px}
@media(max-width:360px){#pwa-menu-actions .pwa-action-row{flex-direction:column;align-items:flex-start;gap:10px}}
#pwa-offline-notice{position:fixed!important;top:var(--pwa-header-bottom,0px)!important;bottom:auto!important;left:0;right:0;z-index:99990!important;box-sizing:border-box;padding:10px 20px!important;background:#fff4d6!important;color:#493700!important;border-top:0!important;border-bottom:1px solid #c9a74b;font-size:14px!important;line-height:1.6!important;text-align:center;max-height:30dvh;overflow:auto}
#pwa-offline-notice button{margin-left:12px;min-height:44px;padding:4px 10px;font-size:13px;background:#fff9e9;color:#493700;border-color:#a8893c}
.pwa-offline-visible #container{scroll-margin-top:150px}
body.pwa-offline-visible{padding-top:var(--pwa-notice-height,80px)!important}
/* A centered, readable update prompt, including on installed mobile apps. */
#pwa-update-notice{position:fixed;inset:0;z-index:100010;background:#10223b70;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;backdrop-filter:blur(4px)}
body #pwa-update-notice>.pwa-update-panel{width:min(480px,100%);max-width:480px;padding:32px;border:1px solid var(--experience-line);border-radius:24px;background:var(--experience-panel);color:var(--experience-ink);box-sizing:border-box;box-shadow:0 24px 80px #07142740;animation:pwa-update-enter .22s ease-out both}
.pwa-update-emblem{width:56px;height:56px;padding:14px;box-sizing:border-box;border-radius:16px;background:var(--experience-selected);color:var(--experience-link);margin-bottom:24px}
.pwa-update-emblem svg{display:block;width:100%;height:100%}
body #pwa-update-notice h2{font-size:26px;line-height:1.5;letter-spacing:-.6px;margin:0 0 12px;color:inherit;font-weight:700}
body #pwa-update-notice p{font-size:17px;line-height:1.7;margin:0 0 28px;color:inherit;word-break:keep-all;overflow-wrap:anywhere}
.pwa-update-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body #pwa-update-notice button{width:100%;min-height:52px;padding:12px 14px;margin:0;border-radius:12px;font-size:17px;line-height:1.5;font-weight:600;background:var(--experience-panel);color:var(--experience-ink);border:1px solid var(--experience-line)}
body #pwa-update-notice .pwa-apply-update{background:#0962d8;color:#fff;border-color:#0962d8}
body #pwa-update-notice button:disabled{opacity:.65;cursor:wait}
body #pwa-update-notice button:focus-visible{outline:3px solid var(--experience-link);outline-offset:3px}
html[data-theme=dark] #pwa-menu-actions{background:#161b22;color:#e6edf3;border-color:#57606a}
html[data-theme=dark] #pwa-menu-actions button{background:#233a5b;color:#a5d5ff;border-color:#79a2d5}
html[data-contrast=high] #pwa-menu-actions{background:var(--a11y-panel)!important;color:var(--a11y-text)!important;border:2px solid var(--a11y-border)!important}
html[data-contrast=high] :is(#pwa-menu-actions button,#pwa-update-notice button){border:2px solid var(--a11y-border)!important}
html[data-contrast=high] #pwa-update-notice .pwa-apply-update{background:var(--a11y-selected)!important;color:var(--a11y-link)!important}
@keyframes pwa-update-enter{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:480px){
 #pwa-offline-notice{padding:8px 12px!important;font-size:13px!important}
 body #pwa-update-notice>.pwa-update-panel{padding:28px 24px;border-radius:20px}
 body #pwa-update-notice h2{font-size:24px}
 body #pwa-update-notice p,body #pwa-update-notice button{font-size:16px}
}
@media(prefers-reduced-motion:reduce){body #pwa-update-notice>.pwa-update-panel{animation:none}}
/* Keep the heading centered, with the installation QR visible beside it. */
.catalog-app-hero{position:relative;box-sizing:border-box;padding:0 160px;min-height:164px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 0 12px}
#container .catalog-app-hero>.titles{width:100%;margin:0!important}
.catalog-app-install{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:136px;text-align:center;color:var(--ui-ink,#243247)}
.catalog-app-install img{display:block;width:120px;height:120px;margin:0 auto;background:#fff;border-radius:8px}
.catalog-app-install .catalog-app-caption{font-size:13px;line-height:1.5;font-weight:600;margin:6px 0 0;letter-spacing:0}
.catalog-app-button{display:none}
.catalog-app-help{flex-basis:100%;font-size:14px;line-height:1.6;margin:12px 0 0;padding:12px 16px;border-radius:10px;background:var(--ui-soft,#f5f8fc);color:var(--ui-ink,#243247);text-align:left;word-break:keep-all}
.catalog-app-install[hidden],.catalog-app-help[hidden]{display:none!important}
@media(max-width:767px){
 .catalog-app-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:0;min-height:0;align-items:start;margin-bottom:16px}
 #container .catalog-app-hero>.titles{text-align:left!important;min-width:0}
 .catalog-app-install{position:static;transform:none;width:auto;margin-top:4px}
 .catalog-app-install img,.catalog-app-install .catalog-app-caption{display:none}
 .catalog-app-button{display:block;min-height:44px;padding:10px 14px;border:0;border-radius:10px;background:#2563eb;color:#fff;font:600 14px/1.5 sans-serif;white-space:nowrap;cursor:pointer}
 .catalog-app-button:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
 .catalog-app-help{grid-column:1/-1;margin:0}
}