/* Native select supports touch, keyboard and screen readers. The compact flag opens native-language names. */
.language-control{display:flex;align-items:center;gap:5px;margin:0 0 0 8px;flex:0 0 auto;color:var(--green);font-size:18px}
.language-control select{width:auto;max-width:125px;min-height:44px;margin:0;padding:8px 22px 8px 8px;border-radius:20px;font-size:12px;background:#fff}
.language-note{max-width:1168px;margin:4px auto 12px;font-size:12px;color:var(--muted)}
.language-note summary{cursor:pointer;min-height:28px}.language-note p{max-width:75ch;margin:4px 0 10px;line-height:1.6}
html:not([lang="ko"]) .bottom-nav a{min-width:0;font-size:10px;line-height:1.25;overflow-wrap:anywhere;hyphens:auto;text-align:center}
html:not([lang="ko"]) .map-sticky-head{flex-wrap:wrap;gap:8px}
html:not([lang="ko"]) .map-sticky-head>div{flex:1 1 110px}
html:not([lang="ko"]) .map-sticky-head button{font-size:11px;white-space:normal}
html:not([lang="ko"]) .price-focus-heading{gap:8px;flex-wrap:wrap}
html:not([lang="ko"]) .top-nav{gap:12px;font-size:12px}

/* A single header row at every width; neighborhood settings stay in the map tools. */
.site-header{display:flex;flex-wrap:nowrap;gap:10px;min-height:64px;padding-top:10px;padding-bottom:10px}
.site-header .brand{flex:0 0 auto;min-width:0;white-space:nowrap}
.site-header .brand small{display:none}
.site-header #region-open{display:none}
.site-header .member-trigger{margin-left:auto;min-width:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:44px}
.site-header .language-control{position:relative;width:44px;height:44px;margin:0;flex:0 0 44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff}
.language-control>span{font-size:24px;line-height:1;pointer-events:none}
.language-control select{position:absolute;inset:0;width:44px;height:44px;max-width:none;min-height:44px;margin:0;padding:0;opacity:0;cursor:pointer}
.language-control:focus-within{outline:2px solid var(--green);outline-offset:3px}
.language-note{flex-basis:100%;margin:8px 0;font-size:11px}
@media(max-width:900px){.site-header .top-nav{display:none}.site-header{padding-left:18px;padding-right:18px}.site-header .brand{font-size:22px}.site-header .brand img{width:32px;height:32px}.site-header .member-trigger{max-width:160px;font-size:12px;padding:8px 10px}}
@media(max-width:380px){.site-header{gap:6px;padding-left:12px;padding-right:12px}.site-header .brand{font-size:20px;gap:6px}.site-header .brand img{width:28px;height:28px}.site-header .member-trigger{max-width:120px;padding:8px;font-size:11px}}

html:not([lang="ko"]) :is(.member-dialog,.community-dialog,.budget-review-dialog,.reading-card,.housing-info-card){overflow-wrap:anywhere}
body>header.site-header>.language-control{margin-left:auto}

/* Compact atelier shortcut between the account and language, on every viewport. */
.header-paint-link{display:flex;align-items:center;justify-content:center;gap:4px;min-width:44px;height:44px;flex:0 0 auto;border:1px solid var(--line);border-radius:22px;padding:0 9px;background:#fff;color:var(--green);font-size:12px;white-space:nowrap;text-decoration:none}
.header-paint-link svg{width:24px;height:24px;flex:0 0 24px}.header-paint-link:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.language-control>span>svg{display:block;width:28px;height:20px;border-radius:2px;box-shadow:0 0 0 1px #0002}
body>header.site-header>.language-control{margin-left:0}
@media(max-width:640px){.header-paint-link{width:40px;min-width:40px;padding:0;flex-basis:40px}.header-paint-link>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.map-shell-active .site-header{gap:6px}.map-shell-active .site-header .member-trigger{max-width:84px;overflow:hidden;text-overflow:ellipsis}.map-shell-active .site-header .brand{flex-shrink:0}}
@media(max-width:380px){.map-shell-active .site-header{gap:4px;padding-left:8px;padding-right:8px}.map-shell-active .site-header .member-trigger{max-width:64px;padding-left:6px;padding-right:6px}}
@media(max-width:640px){body.map-shell-active .site-header{gap:6px}body.map-shell-active .site-header .brand{flex-shrink:1}body.map-shell-active .site-header .brand>span{min-width:0;max-width:116px}body.map-shell-active .site-header .brand .brand-tagline{max-width:116px;overflow:hidden;text-overflow:ellipsis}body.map-shell-active .site-header .member-trigger{font-size:11px;padding-left:6px;padding-right:6px;flex-shrink:1}}
@media(max-width:380px){body.map-shell-active .site-header{gap:4px;padding-left:8px;padding-right:8px}body.map-shell-active .site-header .brand>span,body.map-shell-active .site-header .brand .brand-tagline{max-width:104px}}