.areas .area{overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,outline-color .2s}
.areas .area:hover,.areas .area:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px #06162835}
.areas .area.selected{outline:3px solid #c6a678;outline-offset:-3px}
.areas .area small{display:block;margin-top:10px;font:700 10px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.09em;color:#f9deb6}
.mls-selection{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#243e56;border-left:3px solid #c6a678;color:#f1f5f8;padding:12px 18px;margin:-8px 0 22px;font-size:13px}
.mls-selection[hidden]{display:none}
.mls-selection button{border:1px solid #8faabe;color:#fff;background:transparent;padding:8px 12px;font-size:12px}
.mls-selection button:hover{background:#35536e}
.mls-empty a{color:#e9c89a;text-decoration:underline}
@media(max-width:600px){.mls-selection{align-items:flex-start;flex-direction:column}.areas .area small{font-size:9px;letter-spacing:.04em}}