/* Layout review: let controls wrap as whole items rather than clipping words. */
body .filters{display:flex;flex-direction:column;align-items:stretch;gap:18px;overflow:visible;white-space:normal;padding:20px 0}
body .filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%;padding:0;border:0}
body .filter-label{flex:0 0 110px;margin:0;font-size:13px}
body .filters .chip{flex:0 0 auto;max-width:100%;white-space:normal;word-break:normal;overflow-wrap:normal;line-height:1.35;padding:10px 14px}
body .filters :is(.divider,.filter-divider){display:none}
body .topbar{gap:20px;min-height:74px;height:auto;padding-top:10px;padding-bottom:10px}
body .topbar nav{gap:8px;flex-wrap:wrap;align-items:center;justify-content:center}
body .topbar nav>button{font:500 14px/1.35 "DM Sans",sans-serif;padding:10px 12px;min-height:42px;border-radius:999px;border:1px solid transparent;background:transparent;color:#cec8ad;white-space:normal;overflow-wrap:normal}
body .topbar nav>button.active{background:#244a38;color:#e7e4c9;border-color:#52755b}
body .topbar nav>button.active::after{display:none}
body .topbar nav>button:hover{background:#294334}
body dialog :is(.coord-actions,.row-actions,.extras-actions){display:flex;flex-wrap:wrap;gap:8px}
body dialog :is(.coord-actions,.row-actions,.extras-actions)>button{flex:0 1 auto;font:500 14px/1.4 "DM Sans",sans-serif;padding:10px 14px;min-height:42px;word-break:normal;overflow-wrap:break-word;border-radius:999px}
body dialog :is(.coord-options,.place-vote-controls)>button{font:500 14px/1.45 "DM Sans",sans-serif;min-height:44px;padding:12px 14px;text-align:left;word-break:normal;overflow-wrap:break-word}
body dialog :is(label,legend,p,small,strong,h2,h3){word-break:normal;overflow-wrap:break-word}
body dialog label:has(>input[type=checkbox]),body dialog label:has(>input[type=radio]){display:flex;align-items:flex-start;gap:9px}
body dialog input:is([type=checkbox],[type=radio]){width:18px;min-width:18px;height:18px;flex:0 0 18px;margin:2px 0;padding:0;accent-color:#a5c98c}
body dialog .genre-tabs{gap:7px;background:transparent}
body dialog .genre-tabs button{font-size:14px;padding:10px 12px;border-radius:999px;border:1px solid #66765a;color:#d9d4b9;overflow-wrap:normal}
body dialog .genre-tabs button.active{background:#345640;color:#e4eccb;border-color:#a5c98c}
body .genre-summary button,body .custom-genre button{color:#c1d394;background:#294334}
body .genre-summary{flex-wrap:wrap;gap:12px}body .genre-summary>div{flex:1 1 200px}
body .photo-slots>label>span{color:#b5d1a1}
body .profile-reputation small{font-size:13px;line-height:1.4}
body .selected-genres span,body .genre-summary small{font-size:13px}
body .group-card .access-badge{line-height:1.5;white-space:normal;display:inline-block}
body .group-card .member-row{flex-wrap:wrap;gap:8px}
body .place-map-preview iframe{display:block;width:100%;max-width:100%}
body dialog .close{flex-shrink:0;width:40px;min-width:40px;height:40px;min-height:40px;padding:0!important;display:grid;place-items:center;line-height:1;font-size:24px;border-radius:50%}
@media(max-width:1000px){body .topbar{flex-wrap:wrap}body .topbar .brand{flex:1}body .topbar nav{order:3;flex:0 0 100%;width:100%;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}body .topbar nav>button{min-width:0;border:1px solid #514b35}body .topbar nav #caminoBtn{grid-column:auto}}
@media(max-width:600px){body .topbar nav{grid-template-columns:repeat(2,minmax(0,1fr))}body .filter-label{flex-basis:100%;margin-bottom:3px}body .filter-group{gap:8px}body .filters .chip{font-size:14px}body dialog .chat-head>div{min-width:0;flex:1 1 150px}body dialog .chat-head>button:not(.close){font-size:13px;padding:8px 11px}body dialog .profile-reputation{gap:0}body dialog .profile-reputation small{font-size:12px}body dialog .photo-slots{grid-template-columns:repeat(2,minmax(0,1fr))}body dialog .genre-tabs button{flex:1 1 120px!important}body .intro{grid-template-columns:minmax(0,1fr);gap:16px}body .section-head{gap:12px}}

body .filters .age-filter{margin:0!important;margin-left:0!important;align-self:stretch;justify-content:flex-start;flex:0 0 auto;width:100%;gap:8px}
body .age-filter .age-search-range{flex:0 1 auto;display:flex;align-items:flex-end;justify-content:flex-start;gap:10px;width:auto;max-width:100%}
body .age-search-range label{flex:0 0 132px;width:132px;max-width:100%}
body .age-search-range button{flex:0 0 auto;min-height:42px;margin:0}
@media(max-width:600px){body .age-filter .age-search-range{flex:1 1 100%;width:100%}body .age-search-range label{flex:1 1 100px;width:auto}body .age-search-range input{max-width:none}body .age-search-range button{flex:0 1 auto}}

body .premium-set-label{display:none!important}
