.mcr-areas-page{--ink:#171716;--muted:#5f5b52;--line:#ded8c9;--paper:#fbfaf4;--panel:#fffdfa;--soft:#f1eadb;--red:#e8201a;--green:#0f7667;--blue:#245da8;--yellow:#f4c542;box-sizing:border-box;min-height:100vh;padding:22px 28px 40px;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mcr-areas-page *{box-sizing:border-box}.areas-shell{width:min(100%,1180px);margin:0 auto}.areas-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:18px;align-items:end;padding:18px 0 14px}.areas-kicker{margin:0 0 8px;color:var(--red);font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.areas-hero h1,.area-hub-hero h1{margin:0;font-size:clamp(2.2rem,4.2vw,4.8rem);line-height:.96;letter-spacing:0}.areas-hero p,.area-hub-hero p{margin:0;color:var(--muted);font-size:1rem;line-height:1.48}.areas-search{position:relative;display:block}.areas-search span{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8b8679;font-size:1.1rem}.areas-search input{width:100%;height:54px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 16px 0 42px;color:var(--ink);font:inherit;font-weight:760;box-shadow:0 12px 24px rgba(31,25,13,.06)}
.areas-chips{display:flex;gap:8px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 0 12px;scrollbar-width:none;contain:inline-size}.areas-chips::-webkit-scrollbar{display:none}.chip{position:relative;flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 13px;color:var(--ink);font:inherit;font-size:.9rem;font-weight:850;white-space:nowrap;cursor:pointer}.chip input{position:absolute;inset:0;opacity:0;pointer-events:none}.chip:has(input:checked),.chip.is-active{border-color:var(--ink);background:var(--ink);color:#fff}.areas-drawer{margin:0 0 14px}.areas-drawer summary{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 12px;font-weight:900;cursor:pointer}.areas-drawer-panel{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.areas-drawer label,.areas-drawer button{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 10px;font:inherit;color:var(--ink)}.areas-drawer select{border:0;background:transparent;font:inherit;font-weight:850}.areas-result-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 14px;color:var(--muted)}.areas-result-bar strong{color:var(--ink);font-size:1rem}.areas-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.area-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 18px 34px rgba(32,27,16,.07)}.area-card.is-selected{outline:3px solid var(--yellow);outline-offset:2px}.area-card img,.image-slot{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#272727}.area-card-body{display:grid;gap:9px;padding:14px}.area-card h2{margin:0;font-size:1.45rem;line-height:1.05;letter-spacing:0}.area-card p{margin:0;color:var(--muted);line-height:1.38}.area-region{color:var(--green)!important;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.area-tags,.interest-row,.nearby-row,.hub-card-row,.hub-actions{display:flex;flex-wrap:wrap;gap:8px}.area-tags span,.hub-tag{border-radius:999px;background:var(--soft);padding:5px 9px;font-size:.76rem;font-weight:850;color:#4b4433}.area-link,.hub-action{justify-self:start;margin-top:2px;border-radius:8px;background:var(--red);color:#fff;text-decoration:none;font-weight:900;padding:10px 12px}.area-link:hover,.hub-action:hover{filter:brightness(.94)}.areas-zero{margin:16px 0;padding:18px;border:1px dashed var(--line);border-radius:8px;background:#fff}.areas-zero h2{margin:0 0 6px}.areas-zero p{margin:0 0 12px;color:var(--muted)}.discovery-section{padding:24px 0 0}.discovery-section h2{margin:0 0 10px;font-size:1.35rem}.interest-card,.nearby-card{min-width:170px;flex:1 1 170px;border-radius:8px;background:#fff;border:1px solid var(--line);padding:14px;color:var(--ink);text-decoration:none}.interest-card b,.nearby-card b{display:block;margin-bottom:5px}.interest-card span,.nearby-card span{color:var(--muted);font-size:.9rem;line-height:1.35}.interest-card:nth-child(1){border-top:5px solid var(--red)}.interest-card:nth-child(2){border-top:5px solid var(--yellow)}.interest-card:nth-child(3){border-top:5px solid var(--green)}.interest-card:nth-child(4){border-top:5px solid var(--blue)}
.area-hub-hero{position:relative;display:grid;min-height:470px;align-items:end;margin:-22px -28px 0;padding:28px;background:#111;color:#fff;overflow:hidden}.area-hub-hero img,.area-hub-hero .image-slot{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;opacity:.72}.area-hub-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.28) 55%,rgba(0,0,0,.08))}.area-hub-hero-content{position:relative;z-index:1;width:min(700px,100%);display:grid;gap:12px}.area-hub-hero .areas-kicker,.area-hub-hero p{color:#fff}.area-hub-body{width:min(100%,1180px);margin:0 auto}.hub-section{padding:24px 0;border-top:1px solid var(--line)}.hub-section:first-child{border-top:0}.hub-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px}.hub-section h2{margin:0;font-size:1.45rem;letter-spacing:0}.hub-section-head p{margin:4px 0 0;color:var(--muted)}.hub-card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hub-card{min-height:160px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 14px 28px rgba(31,25,13,.06)}.hub-card .image-slot,.hub-card img{width:100%;aspect-ratio:16/8;object-fit:cover}.hub-card-body{display:grid;gap:6px;padding:12px}.hub-card b{font-size:1.02rem}.hub-card span{color:var(--muted);line-height:1.35}.empty-state{display:grid;gap:8px;min-height:150px;border:1px dashed var(--line);border-radius:8px;background:#fff;padding:18px;color:var(--muted);align-content:center}.empty-state b{color:var(--ink)}.shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.shortcut{border-radius:8px;padding:14px;background:var(--ink);color:#fff;text-decoration:none;font-weight:900}.shortcut:nth-child(2n){background:var(--green)}.shortcut:nth-child(3n){background:var(--blue)}.hub-footer-transition{margin-top:8px;border-radius:8px;background:#201f1b;color:#fff;padding:18px;display:flex;justify-content:space-between;gap:12px;align-items:center}.hub-footer-transition p{margin:0;color:#e7e0d4}.hub-actions a:last-child{background:#fff;color:var(--ink);border:1px solid var(--line)}
.image-slot{display:grid;place-items:center;padding:18px;background:linear-gradient(135deg,#2b2b2d,#5d5a50);color:#fff;text-align:center}.image-slot span{display:block;max-width:24ch;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;line-height:1.35}.image-slot small{display:block;margin-top:8px;color:#e8e0d1;font-size:.72rem;font-weight:760;text-transform:none;letter-spacing:0}
@media (min-width:900px){.mcr-areas-page{margin-left:152px}}
@media (max-width:1050px){.areas-list,.hub-card-row{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:899px){.mcr-areas-page{padding:66px 14px 28px}.areas-shell,.area-hub-body{width:100%}.areas-hero{display:grid;grid-template-columns:1fr;gap:12px;padding-top:10px}.areas-hero h1,.area-hub-hero h1{font-size:2.35rem}.areas-search input{height:50px}.areas-result-bar{align-items:flex-start}.areas-list,.hub-card-row{grid-template-columns:1fr}.area-hub-hero{min-height:440px;margin:-66px -14px 0;padding:86px 14px 22px}.hub-section-head{display:block}.hub-footer-transition{display:grid}.shortcut-grid{grid-template-columns:1fr 1fr}}
@media (max-width:440px){.areas-hero p{font-size:.95rem}.areas-result-bar{display:grid}.area-card-body{padding:13px}.area-card h2{font-size:1.35rem}.shortcut-grid{grid-template-columns:1fr}.areas-drawer-panel{display:grid}}
.area-card>img,.area-card>.image-slot{height:210px;aspect-ratio:auto}
@media (max-width:899px){.area-card>img,.area-card>.image-slot{height:206px}}
@media (min-width:1051px){.areas-list .area-card:nth-last-child(2):nth-child(3n+1),.areas-list .area-card:nth-last-child(1):nth-child(3n+2){transform:translateX(calc(50% + 8px))}}
.area-hub-hero{min-height:360px}.hub-section{padding:18px 0}.hub-card{min-height:0}.hub-card img{height:132px;aspect-ratio:auto}.hub-card-body{padding:10px}.hub-card b{font-size:.94rem;line-height:1.18}.hub-card span{font-size:.86rem}.empty-state{min-height:110px}.hub-section-head{margin-bottom:9px}.shortcut{padding:11px 12px}
@media (max-width:899px){.area-hub-hero{min-height:330px}.hub-section{padding:16px 0}.hub-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.hub-section-head p{display:none}.hub-section-head .hub-action{margin:0;padding:9px 11px}.hub-card-row{gap:10px}.hub-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:112px}.hub-card img{width:112px;height:112px;aspect-ratio:auto}.hub-card-body{align-content:center;padding:10px}.hub-card b{font-size:.92rem}.hub-card span{font-size:.82rem}.empty-state{min-height:96px;padding:14px}.hub-section h2{font-size:1.28rem}}
.shortcut{display:flex;align-items:center;justify-content:space-between;gap:12px}.shortcut span{font-size:1.2rem}.street-row{display:flex;flex-wrap:wrap;gap:8px}.street-row span{border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 12px;font-weight:850;color:var(--ink)}

/* Area hub product surface, Revision 6 */
.mcr-area-hub{--app-bg:#edf0ed;--app-panel:#fff;--app-ink:#101312;--app-lime:#c9ff45;--app-violet:#7857ff;--app-coral:#ff5b45;background:var(--app-bg);font-family:Inter,"Arial Nova",Arial,sans-serif;padding-bottom:32px}
.mcr-area-hub article{overflow:hidden}.mcr-area-hub .area-hub-hero{min-height:490px;align-items:end;padding:32px 34px 28px}.mcr-area-hub .area-hub-hero img{opacity:.88}.mcr-area-hub .area-hub-hero:after{background:linear-gradient(90deg,rgba(4,8,7,.92) 0%,rgba(4,8,7,.68) 48%,rgba(4,8,7,.18) 100%),linear-gradient(0deg,rgba(4,8,7,.62),transparent 55%)}.mcr-area-hub .area-hub-hero-content{width:100%;max-width:1180px;margin:0 auto;gap:13px}.mcr-area-hub .area-hub-hero h1{max-width:10ch;font-size:clamp(3.4rem,6vw,6.5rem);font-weight:950;letter-spacing:-.065em;line-height:.84}.mcr-area-hub .area-hub-hero-content>p{max-width:760px;font-size:1.05rem;line-height:1.5;color:#f4f6f3}.hub-live-row{display:flex;align-items:center;gap:12px}.hub-live-row .areas-kicker{margin:0;color:#fff}.hub-live-row>span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(12,16,15,.42);padding:6px 9px;color:#fff;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;backdrop-filter:blur(12px)}.hub-live-row i{width:7px;height:7px;border-radius:50%;background:var(--app-lime);box-shadow:0 0 0 4px rgba(201,255,69,.15)}.mcr-area-hub .area-tags span{background:rgba(255,255,255,.92);color:#111;border:1px solid rgba(255,255,255,.2)}
.hub-command-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:8px;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(255,255,255,.2);box-shadow:0 20px 50px rgba(0,0,0,.24);backdrop-filter:blur(18px)}.hub-command-bar a{position:relative;display:grid;gap:3px;min-height:78px;padding:16px 18px;background:rgba(9,13,12,.72);color:#fff;text-decoration:none;transition:background .18s ease,transform .18s ease}.hub-command-bar a:after{content:"->";position:absolute;right:14px;top:13px;color:var(--app-lime);font-weight:900}.hub-command-bar a:hover{background:#161d1a}.hub-command-bar b{font-size:.96rem}.hub-command-bar small{color:#bfc7c2;font-size:.76rem}
.mcr-area-hub .area-hub-body{width:min(calc(100% - 32px),1180px);margin:16px auto 0}.mcr-area-hub .hub-section{margin:14px 0;padding:22px;border:0;border-radius:24px;background:var(--app-panel);box-shadow:0 12px 36px rgba(20,28,24,.07)}.mcr-area-hub .hub-section-head{margin-bottom:16px}.mcr-area-hub .hub-section h2{font-size:clamp(1.45rem,2.2vw,2.1rem);font-weight:950;letter-spacing:-.045em}.mcr-area-hub .hub-section-head p{font-size:.9rem}.section-number{border-radius:999px;background:#eff2ef;padding:8px 11px;color:#4d5651;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.mcr-area-hub .hub-card-row{gap:14px}.mcr-area-hub .hub-card{border:0;border-radius:18px;background:#f4f6f3;box-shadow:none}.mcr-area-hub .hub-card img{height:170px}.mcr-area-hub .hub-card-body{padding:14px}.mcr-area-hub .hub-card b{font-size:1rem}.mcr-area-hub .hub-card-row:has(.hub-card:only-child){grid-template-columns:minmax(0,1fr)}.mcr-area-hub .hub-card:only-child{display:grid;grid-template-columns:minmax(280px,42%) minmax(0,1fr);min-height:210px;background:linear-gradient(135deg,#101412,#242b27);color:#fff}.mcr-area-hub .hub-card:only-child img{width:100%;height:210px}.mcr-area-hub .hub-card:only-child .hub-card-body{align-content:end;padding:24px}.mcr-area-hub .hub-card:only-child b{font-size:clamp(1.35rem,2.6vw,2.2rem);line-height:1}.mcr-area-hub .hub-card:only-child span{color:#d8ded9}
.mcr-area-hub .shortcut-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mcr-area-hub .shortcut{position:relative;display:block;min-height:230px;overflow:hidden;border-radius:18px;padding:0;background:#111}.mcr-area-hub .shortcut:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,7,.92),rgba(5,8,7,.04) 72%)}.mcr-area-hub .shortcut img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mcr-area-hub .shortcut:hover img{transform:scale(1.035)}.shortcut-copy{position:absolute;z-index:2;left:16px;right:48px;bottom:16px;display:grid!important;gap:4px}.shortcut-copy small{color:var(--app-lime);font-size:.67rem;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.shortcut-copy b{color:#fff;font-size:1.18rem;line-height:1.05}.shortcut-arrow{position:absolute;z-index:2;right:14px;bottom:14px;display:grid!important;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:#111;font-size:1rem!important}.mcr-area-hub .shortcut:nth-child(n){background:#111}
.mcr-area-hub .street-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mcr-area-hub .street-row>a{position:relative;display:block;min-height:170px;overflow:hidden;border-radius:18px;background:#111;color:#fff;text-decoration:none}.mcr-area-hub .street-row img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.mcr-area-hub .street-row>a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,7,.92),rgba(5,8,7,.06))}.mcr-area-hub .street-row>a>span{position:absolute;z-index:2;left:16px;bottom:15px;display:grid;gap:3px;border:0;border-radius:0;background:transparent;padding:0;color:#fff}.mcr-area-hub .street-row small{color:var(--app-lime);font-size:.67rem;font-weight:950;text-transform:uppercase;letter-spacing:.09em}.mcr-area-hub .street-row b{font-size:1.08rem}.mcr-area-hub .street-row i{position:absolute;z-index:2;right:15px;top:14px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:rgba(255,255,255,.9);color:#111;font-style:normal;font-weight:900}
.mcr-area-hub .nearby-row{gap:10px}.mcr-area-hub .nearby-card{position:relative;border:0;border-radius:16px;background:#f0f2ef;padding:16px 16px 16px 42px}.mcr-area-hub .nearby-card:before{content:"";position:absolute;left:17px;top:20px;width:10px;height:10px;border-radius:50%;background:var(--app-violet);box-shadow:0 0 0 5px rgba(120,87,255,.12)}.mcr-area-hub .nearby-card:nth-child(2):before{background:var(--app-coral);box-shadow:0 0 0 5px rgba(255,91,69,.12)}.mcr-area-hub .nearby-card:nth-child(3):before{background:#13a876;box-shadow:0 0 0 5px rgba(19,168,118,.12)}.mcr-area-hub .hub-footer-transition{border-radius:18px;background:linear-gradient(135deg,#111614,#202a25);padding:22px}.mcr-area-hub .hub-actions .hub-action{border-radius:999px;padding:12px 15px}
@media(max-width:899px){.mcr-area-hub{padding-bottom:18px}.mcr-area-hub .area-hub-hero{min-height:570px;padding:84px 14px 18px}.mcr-area-hub .area-hub-hero h1{font-size:3.5rem}.mcr-area-hub .area-hub-hero-content>p{font-size:.94rem;line-height:1.42}.hub-command-bar{grid-template-columns:1fr 1fr;border-radius:15px}.hub-command-bar a{min-height:66px;padding:12px}.hub-command-bar a:after{right:10px;top:9px}.hub-command-bar small{font-size:.7rem}.mcr-area-hub .area-hub-body{width:calc(100% - 20px);margin-top:10px}.mcr-area-hub .hub-section{margin:10px 0;padding:15px;border-radius:19px}.mcr-area-hub .hub-section-head{display:flex;margin-bottom:12px}.mcr-area-hub .hub-card:only-child{grid-template-columns:112px minmax(0,1fr);min-height:112px}.mcr-area-hub .hub-card:only-child img{width:112px;height:112px}.mcr-area-hub .hub-card:only-child .hub-card-body{padding:12px}.mcr-area-hub .hub-card:only-child b{font-size:1rem}.mcr-area-hub .shortcut-grid{grid-template-columns:1fr 1fr}.mcr-area-hub .shortcut{min-height:168px}.shortcut-copy{left:12px;right:36px;bottom:12px}.shortcut-copy b{font-size:.96rem}.shortcut-arrow{right:10px;bottom:10px;width:27px;height:27px}.mcr-area-hub .street-row{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:2px}.mcr-area-hub .street-row>a{flex:0 0 82%;min-height:165px;scroll-snap-align:start}.mcr-area-hub .nearby-row{display:grid;grid-template-columns:1fr}.mcr-area-hub .nearby-card{min-width:0}.mcr-area-hub .hub-footer-transition{padding:17px}}
@media(max-width:440px){.mcr-area-hub .area-hub-hero h1{font-size:3.05rem}.mcr-area-hub .area-tags{gap:5px}.mcr-area-hub .area-tags span{padding:5px 7px;font-size:.68rem}}

/* Revision 7: low-cost local utility layer */
.hub-utility-deck{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.5fr);gap:18px;width:100%;margin:16px 0 14px;padding:22px;border-radius:24px;background:linear-gradient(135deg,#111614,#243229);color:#fff;box-shadow:0 20px 48px rgba(16,24,20,.16)}.utility-intro{align-self:center}.utility-intro .areas-kicker{color:var(--app-lime)}.utility-intro h2{max-width:15ch;margin:0 0 8px;font-size:clamp(1.65rem,2.6vw,2.55rem);line-height:.95;letter-spacing:-.045em}.utility-intro>p:last-child{max-width:42ch;margin:0;color:#c9d0cc;font-size:.88rem;line-height:1.45}.utility-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.utility-actions button{display:grid;align-content:end;gap:3px;min-height:148px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.07);padding:15px;color:#fff;text-align:left;font:inherit;cursor:pointer;transition:transform .18s ease,background .18s ease}.utility-actions button:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}.utility-actions button>span{display:grid;place-items:center;width:35px;height:35px;margin-bottom:auto;border-radius:50%;background:var(--app-lime);color:#111;font-size:1.15rem;font-weight:950}.utility-actions button:nth-child(2)>span{background:var(--app-violet);color:#fff}.utility-actions button:nth-child(3)>span{background:var(--app-coral);color:#fff}.utility-actions b{font-size:.95rem}.utility-actions small{color:#bfc8c2;font-size:.7rem}.utility-actions button.is-saved{outline:2px solid var(--app-lime);background:rgba(201,255,69,.1)}.local-loop{grid-column:1/-1;border-radius:18px;background:#f7f9f6;padding:18px;color:#111}.local-loop[hidden]{display:none}.local-loop-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.local-loop-head small,.local-loop li small{color:#657068;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.local-loop h3{margin:3px 0 14px;font-size:1.35rem}.local-loop-head button{border:0;background:transparent;color:#111;font-size:1.8rem;cursor:pointer}.local-loop ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.local-loop li{display:flex;align-items:center;gap:10px;border:1px solid #dce2dd;border-radius:14px;background:#fff;padding:12px}.local-loop li>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#111;color:var(--app-lime);font-size:.72rem;font-weight:950}.local-loop li div{display:grid;gap:2px}.local-loop>p{margin:12px 0 0;color:#657068;font-size:.75rem}
@media(max-width:899px){.hub-utility-deck{grid-template-columns:1fr;margin:10px 0;padding:16px;border-radius:20px}.utility-intro h2{max-width:18ch}.utility-actions{grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:auto}.utility-actions button{min-width:112px;min-height:124px;padding:12px}.local-loop{grid-column:1}.local-loop ol{grid-template-columns:1fr}}
@media(max-width:440px){.utility-intro>p:last-child{font-size:.8rem}.utility-actions{margin-right:-16px;padding-right:16px}.utility-actions button{min-width:126px}}

/* Revision 8: real-data-only additions */
.area-photo-credit{margin-top:6px!important;font-size:.72rem!important;color:#d8ded9!important;opacity:.85}
.context-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.context-list li{border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px 14px;color:var(--ink);line-height:1.45}
.mcr-area-hub .context-list li{border:0;border-radius:14px;background:#f4f6f3}

/* Revision 9 candidate: directory and sparse hubs unified with the existing Rev8 product surface. */
.mcr-areas-page:not(.mcr-area-hub){--app-bg:#edf0ed;--app-panel:#fff;--app-ink:#101312;--app-lime:#c9ff45;--app-violet:#7857ff;--app-coral:#ff5b45;background:var(--app-bg);padding-bottom:48px}
.mcr-areas-page:not(.mcr-area-hub) .areas-shell{width:min(100%,1180px)}
.mcr-areas-page .areas-directory-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:end;gap:28px;overflow:hidden;margin:0 0 14px;padding:38px 34px;border-radius:0 0 28px 28px;background:radial-gradient(circle at 88% 15%,rgba(201,255,69,.18),transparent 27%),linear-gradient(135deg,#0d1210 0%,#1d2a23 100%);color:#fff;box-shadow:0 22px 50px rgba(16,24,20,.14)}
.mcr-areas-page .areas-directory-hero:before{content:"MCR / AREAS";position:absolute;right:28px;top:24px;color:rgba(255,255,255,.07);font-size:clamp(2.5rem,7vw,6rem);font-weight:950;letter-spacing:-.07em;line-height:1;pointer-events:none}
.mcr-areas-page .areas-directory-hero-copy,.mcr-areas-page .areas-directory-search-panel{position:relative;z-index:1}
.mcr-areas-page .areas-directory-hero .hub-live-row{margin-bottom:14px}
.mcr-areas-page .areas-directory-hero .areas-kicker{color:#fff}
.mcr-areas-page .areas-directory-hero h1{max-width:11ch;color:#fff;font-size:clamp(3.2rem,6vw,6rem);font-weight:950;letter-spacing:-.065em;line-height:.86}
.mcr-areas-page .areas-directory-hero-copy>p{max-width:650px;margin-top:18px;color:#d6ddd8;font-size:1rem;line-height:1.5}
.mcr-areas-page .areas-directory-search-panel{display:grid;gap:10px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.08);backdrop-filter:blur(16px)}
.mcr-areas-page .areas-directory-search-panel .areas-search input{height:58px;border:0;border-radius:14px;background:#fff;color:#111;box-shadow:none}
.mcr-areas-page .areas-directory-search-panel>p{margin:0;color:#c6cec9;font-size:.8rem}
.mcr-areas-page .areas-directory-search-panel strong{color:var(--app-lime);font-size:1rem}
.mcr-areas-page .areas-directory-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 12px;border-radius:18px;background:#121714;box-shadow:0 12px 32px rgba(16,24,20,.1)}
.mcr-areas-page .areas-directory-controls .areas-chips{flex:1;padding:0}
.mcr-areas-page .areas-directory-controls .chip{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:#fff}
.mcr-areas-page .areas-directory-controls .chip:has(input:checked),.mcr-areas-page .areas-directory-controls .chip.is-active{border-color:var(--app-lime);background:var(--app-lime);color:#111}
.mcr-areas-page .areas-directory-controls .areas-drawer{position:relative;flex:0 0 auto;margin:0}
.mcr-areas-page .areas-directory-controls .areas-drawer summary{min-height:38px;border-color:rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.09);color:#fff}
.mcr-areas-page .areas-directory-controls .areas-drawer-panel{position:absolute;z-index:5;right:0;top:100%;border:0;border-radius:14px;box-shadow:0 18px 38px rgba(0,0,0,.18)}
.mcr-areas-page:not(.mcr-area-hub) .areas-result-bar{padding:2px 4px}
.mcr-areas-page:not(.mcr-area-hub) .areas-list{gap:18px}
.mcr-areas-page:not(.mcr-area-hub) .area-card{position:relative;border:0;border-radius:20px;background:var(--app-panel);box-shadow:0 14px 36px rgba(20,28,24,.08);transition:transform .18s ease,box-shadow .18s ease}
.mcr-areas-page:not(.mcr-area-hub) .area-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(20,28,24,.14)}
.mcr-areas-page:not(.mcr-area-hub) .area-card>img,.mcr-areas-page:not(.mcr-area-hub) .area-card>.image-slot{height:220px}
.mcr-areas-page:not(.mcr-area-hub) .area-card>img{filter:saturate(.92) contrast(1.03)}
.mcr-areas-page:not(.mcr-area-hub) .area-card.has-fallback>.image-slot{background:radial-gradient(circle at 78% 20%,rgba(201,255,69,.2),transparent 25%),repeating-linear-gradient(125deg,transparent 0 30px,rgba(201,255,69,.12) 31px 34px),#172019;color:#fff}
.mcr-areas-page:not(.mcr-area-hub) .area-card.has-fallback>.image-slot span{max-width:15ch;font-size:1.15rem;letter-spacing:.04em}
.mcr-areas-page:not(.mcr-area-hub) .area-card-body{gap:10px;padding:17px}
.mcr-areas-page:not(.mcr-area-hub) .area-card h2{font-size:1.6rem;font-weight:950;letter-spacing:-.045em}
.mcr-areas-page:not(.mcr-area-hub) .area-region{color:#667069!important}
.mcr-areas-page:not(.mcr-area-hub) .area-link{border-radius:999px;background:#111614;padding:10px 14px;color:var(--app-lime)}
.mcr-areas-page:not(.mcr-area-hub) .area-card:nth-child(3n+2) .area-link{background:var(--app-violet);color:#fff}
.mcr-areas-page:not(.mcr-area-hub) .area-card:nth-child(3n) .area-link{background:var(--app-coral);color:#fff}

.mcr-area-hub .area-hub-hero.has-fallback{min-height:410px;background:radial-gradient(circle at 82% 18%,rgba(201,255,69,.2),transparent 26%),repeating-linear-gradient(125deg,transparent 0 58px,rgba(201,255,69,.07) 59px 63px),#101713}
.mcr-area-hub .area-hub-hero.has-fallback:after{background:linear-gradient(90deg,rgba(4,8,7,.58),rgba(4,8,7,.16))}
.mcr-area-hub .area-hub-hero .area-hub-fallback{opacity:1;background:transparent;color:#fff;text-align:right;place-items:end;padding:34px}
.mcr-area-hub .area-hub-hero .area-hub-fallback span{max-width:none;color:rgba(255,255,255,.15);font-size:clamp(2.6rem,7vw,6.5rem);font-weight:950;letter-spacing:-.07em;text-transform:none}
.mcr-area-hub .area-hub-hero .area-hub-fallback small{color:rgba(255,255,255,.48);font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.mcr-area-hub .area-hub-hero-content>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}

@media(max-width:899px){.mcr-areas-page .areas-directory-hero{grid-template-columns:1fr;gap:20px;margin:-66px -14px 12px;padding:92px 18px 22px;border-radius:0 0 24px 24px}.mcr-areas-page .areas-directory-hero:before{right:16px;top:74px}.mcr-areas-page .areas-directory-hero h1{font-size:3.55rem}.mcr-areas-page .areas-directory-hero-copy>p{margin-top:14px;font-size:.92rem}.mcr-areas-page .areas-directory-controls{display:block;margin-left:-4px;margin-right:-4px;padding:10px}.mcr-areas-page .areas-directory-controls .areas-drawer{margin-top:9px}.mcr-areas-page .areas-directory-controls .areas-drawer-panel{position:static}.mcr-areas-page:not(.mcr-area-hub) .area-card>img,.mcr-areas-page:not(.mcr-area-hub) .area-card>.image-slot{height:210px}.mcr-area-hub .area-hub-hero.has-fallback{min-height:500px}.mcr-area-hub .area-hub-hero .area-hub-fallback{padding:18px;place-items:end start;text-align:left}.mcr-area-hub .area-hub-hero .area-hub-fallback span{font-size:3.15rem}}
@media(max-width:440px){.mcr-areas-page .areas-directory-hero h1{font-size:3rem}.mcr-areas-page .areas-directory-search-panel{padding:11px}.mcr-areas-page .areas-directory-search-panel .areas-search input{height:52px}.mcr-areas-page:not(.mcr-area-hub) .area-card h2{font-size:1.45rem}}