:root{--primary-blue:#0f3557;--accent:#00bfa6;--bg:#f5f7fb;--text:#1f2937}
*{box-sizing:border-box}body{margin:0;font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--text)}
.container{max-width:1100px;margin:0 auto;padding:16px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;padding:12px 16px;border-radius:12px;margin-bottom:14px}
.topbar a{text-decoration:none;color:var(--primary-blue);font-weight:700}
.hero{background:#fff;padding:20px;border-radius:14px}
.hero h1{font-size:clamp(24px,4vw,36px);margin:0 0 10px;color:var(--primary-blue)}
.hero p{line-height:1.65;margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.card{background:#fff;border-radius:12px;padding:12px;border:1px solid #e5e7eb}
.card img{width:100%;height:140px;object-fit:cover;border-radius:10px}
.section{margin-top:14px;background:#fff;padding:16px;border-radius:14px}
.section h2{margin:0 0 10px;color:var(--primary-blue);font-size:20px}
.filters input,.filters select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px}
table{width:100%;border-collapse:collapse}th,td{border:1px solid #e5e7eb;padding:9px;text-align:left;font-size:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#e6f7f4;color:#035b53;padding:6px 10px;border-radius:999px;font-size:13px}
ul{padding-left:18px}a{color:#0f5c93}
.faq-item{padding:10px;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:8px}
@media (max-width:640px){.container{padding:10px}.section,.hero{padding:12px}.topbar{padding:10px}}

.prose p{line-height:1.7;margin:0 0 10px}.prose h3{margin:8px 0;color:var(--primary-blue)}
.map-embed{width:100%;min-height:260px;border:0;border-radius:10px}
