.loc-main{--navy:#232e70;--deep:#171f55;--gold:#e4b48c;--line:#e5e7ef;--muted:#667085;--ink:#17203b;color:var(--ink);background:#f7f8fb;min-height:100vh;padding-bottom:80px;overflow-x:hidden}.loc-main *{box-sizing:border-box;min-width:0}.loc-hero{background:linear-gradient(118deg, var(--deep), var(--navy) 66%, #303c83);color:#fff;padding:100px 24px 44px}@media (max-width:640px){.loc-hero{padding:84px 16px 52px}}.loc-hero-inner{width:min(1240px,100%);margin-inline:auto}.loc-breadcrumb{color:#cbd0e9;align-items:center;gap:8px;margin-bottom:20px;font-size:12px;display:flex}.loc-breadcrumb a{color:#cbd0e9}.loc-breadcrumb a:hover{color:#fff}.loc-breadcrumb span:last-child{color:#fff;font-weight:600}.loc-eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.loc-hero h1{letter-spacing:-.02em;max-width:820px;margin-top:10px;font-size:clamp(26px,4vw,40px);line-height:1.15}.loc-hero p{color:#dfe3f4;max-width:680px;margin-top:12px;font-size:14px;line-height:1.7}.loc-body{width:min(1240px,100% - 48px);margin-inline:auto}.loc-filter-bar{z-index:3;border:1px solid var(--line);background:#fff;border-radius:16px;flex-wrap:wrap;gap:10px;margin-top:-26px;padding:14px;display:flex;position:relative;box-shadow:0 16px 38px #171f551a}.loc-filter-bar input,.loc-filter-bar select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px;font-size:13px}.loc-filter-bar input{flex:220px;min-width:0}.loc-filter-bar select{flex:none}.loc-filter-bar button{color:#fff;background:var(--navy);cursor:pointer;border:0;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700}@media (max-width:640px){.loc-filter-bar{flex-direction:column;align-items:stretch;margin-top:-18px}.loc-filter-bar input,.loc-filter-bar select,.loc-filter-bar button{flex:auto;width:100%}}.loc-result-count{color:var(--muted);margin-top:22px;font-size:13px}.loc-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:16px;display:grid}@media (max-width:1024px){.loc-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.loc-grid{gap:12px}.loc-card{min-height:220px}.loc-card-body{padding:12px}.loc-card-body h3{font-size:14px}.loc-card-body p{font-size:10px}.loc-card-body span{margin-top:8px;font-size:10px}.loc-aqi{min-width:0;padding:6px 8px;top:8px;right:8px}.loc-aqi b{font-size:11px}.loc-aqi em{font-size:8px}}.loc-card{isolation:isolate;color:#fff;background:var(--deep);border-radius:15px;min-height:300px;display:block;position:relative;overflow:hidden}.loc-card:after{content:"";z-index:-1;background:linear-gradient(#0000,#0a0f2bf5);position:absolute;inset:25% 0 0}.loc-card img{object-fit:cover;transition:transform .35s}.loc-card:hover img{transform:scale(1.035)}.loc-card-body{padding:18px;position:absolute;bottom:0;left:0;right:0}.loc-card-body small{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin:0 0 5px;font-size:9px;font-weight:700;display:block}.loc-card-body h3{margin:0;font-size:17px}.loc-card-body p{color:#e4e7f2;margin:7px 0 0;font-size:11px}.loc-card-body span{color:#fff;align-items:center;gap:5px;margin-top:12px;font-size:11px;font-weight:700;display:flex}.loc-card-body span svg{width:13px}.loc-aqi{z-index:2;color:#30384c;background:#fff;border-radius:10px;grid-template-columns:16px auto;align-items:center;column-gap:5px;min-width:92px;padding:8px 10px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 5px 15px #080c222e}.loc-aqi svg{grid-row:1/3;width:15px;height:15px}.loc-aqi b{font-size:13px;line-height:1.1}.loc-aqi em{color:var(--muted);grid-column:2;font-size:10px;font-style:normal}.loc-aqi-good b{color:#16a34a}.loc-aqi-moderate b{color:#d97706}.loc-aqi-poor b{color:#dc2626}.loc-empty{text-align:center;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:24px;padding:40px}.loc-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:36px;display:flex}.loc-pagination a,.loc-pagination span{border:1px solid var(--line);min-width:38px;height:38px;color:var(--ink);border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:600;display:flex}.loc-pagination a:hover{border-color:var(--gold)}.loc-pagination .active{background:var(--navy);color:#fff;border-color:var(--navy)}.loc-pagination .disabled{color:#c3c7d3;pointer-events:none}