/* Opt-in only: existing masters/global assets are not modified. */
.four-hub-blog .fh-map{position:relative;isolation:isolate;padding:24px;border:1px solid #b18b34;border-radius:18px;background:#0b3529;margin:24px 0;overflow:hidden}
.four-hub-blog .fh-map-drawing{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:none;stroke:#d7b76a;stroke-width:3;opacity:.25;pointer-events:none}
.four-hub-blog .fh-map [data-room-controls]:not([hidden]),.four-hub-blog .fh-map .bb-choice-buttons:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0}
.four-hub-blog .fh-map button{min-height:48px;white-space:normal;background:#f3e9d2;color:#123224;border:1px solid #b99a51;border-radius:12px;font:inherit;font-size:1rem;line-height:1.4;padding:12px;cursor:pointer}
.four-hub-blog .fh-map button[aria-pressed=true]{background:#d5b263;color:#082217}.four-hub-blog .fh-map button:hover{background:#ead5a1}
.four-hub-blog button:focus-visible,.four-hub-blog summary:focus-visible,.four-hub-blog a:focus-visible,.four-hub-blog input:focus-visible{outline:3px solid #a97819;outline-offset:4px}.four-hub-blog .fh-map button:focus-visible{outline-color:#ffe4a0}
.four-hub-blog [hidden]{display:none!important}.four-hub-blog h1{overflow-wrap:anywhere}
.four-hub-new .fh-filters:not([hidden]){display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.four-hub-new .fh-filters button{min-height:44px;border:1px solid #a98838;background:#fffaf0;color:#113326;border-radius:999px;font:inherit;font-weight:700;padding:12px 20px;cursor:pointer}
.four-hub-new .fh-filters button[aria-pressed=true]{background:#0b3529;color:#fffaf0}.four-hub-new .fh-filters button:focus-visible{outline:3px solid #a97819;outline-offset:4px}
.four-hub-new .fh-area{font-size:12px;font-weight:700;color:#84621e;text-transform:uppercase;letter-spacing:.1em;margin:14px 0 10px}.four-hub-new [hidden]{display:none!important}
@media(max-width:768px){.four-hub-blog .fh-map [data-room-controls]:not([hidden]),.four-hub-blog .fh-map .bb-choice-buttons:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.four-hub-blog .fh-map{padding:14px}.four-hub-blog .fh-map [data-room-controls]:not([hidden]),.four-hub-blog .fh-map .bb-choice-buttons:not([hidden]){grid-template-columns:1fr}.four-hub-new .fh-filters{align-items:stretch}.four-hub-new .fh-filters button{flex:1 1 140px}}
@media(prefers-reduced-motion:reduce){.four-hub-blog .fh-map *{animation:none!important;transition:none!important}}