.areas-archive{min-height:100vh}.areas-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:80px 5% 60px}.areas-hero h1{margin-bottom:15px;font-family:Rubik,sans-serif;font-size:2.8rem;font-weight:800}.areas-hero p{opacity:.9;margin-bottom:30px;font-size:1.1rem}.areas-search{gap:10px;max-width:500px;margin:0 auto;display:flex}.areas-search input{border:none;border-radius:10px;flex:1;padding:15px 20px;font-size:1rem}.areas-search button{background:var(--primary-orange,#ed4705);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:15px 30px;font-weight:700;transition:all .3s}.areas-search button:hover{transform:scale(1.05)}.areas-container{max-width:1400px;margin:0 auto;padding:50px 5%}.areas-stats{color:#666;margin-bottom:20px}.letter-nav{background:#f5f7fa;border-radius:10px;flex-wrap:wrap;gap:8px;margin-bottom:40px;padding:20px;display:flex}.letter-nav a{width:40px;height:40px;color:var(--primary-blue,#1a1a2e);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.letter-nav a:hover{background:var(--primary-orange,#ed4705);color:#fff}.letter-group{margin-bottom:40px}.letter-group h2{color:var(--primary-orange,#ed4705);border-bottom:2px solid #eee;margin-bottom:20px;padding-bottom:10px;font-size:1.5rem}.areas-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.area-link{background:#f8f9fa;border:1px solid #0000;border-radius:10px;flex-direction:column;padding:15px 20px;text-decoration:none;transition:all .3s;display:flex}.area-link:hover{border-color:var(--primary-orange,#ed4705);background:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #00000014}.area-name{color:var(--primary-blue,#1a1a2e);font-weight:600}.area-county{color:#888;margin-top:3px;font-size:.85rem}.no-results{text-align:center;color:#666;padding:60px 20px}.no-results a{color:var(--primary-orange,#ed4705);font-weight:600}@media (max-width:768px){.areas-hero h1{font-size:2rem}.areas-search{flex-direction:column}.letter-nav a{width:35px;height:35px;font-size:.9rem}}