:root{--primary:#c9933b;--dark:#1a1a1a}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f4f5f7;color:var(--dark);margin:0;padding:0 16px 20px}
.topnav{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;padding:14px 0;font-size:.9rem;font-weight:600}
.topnav a{color:var(--dark);text-decoration:none;border-bottom:2px solid transparent}
.topnav a:hover{border-color:var(--primary)}
.wrap{max-width:760px;margin:10px auto}
.wrap h1{font-size:1.5rem;margin:10px 0 6px;text-align:center}
.lead{text-align:center;color:#666;font-size:.9rem;margin-bottom:18px}
.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:18px}
.filters button{width:auto;padding:8px 14px;font-size:.85rem;background:#fff;color:var(--dark);border:1px solid #ddd;border-radius:20px}
.filters button.on{background:var(--dark);color:#fff}
.card{background:#fff;border-radius:12px;padding:16px 18px;margin-bottom:12px;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.card h3{margin:0 0 4px;font-size:1.05rem}
.area{margin:0 0 8px;color:#666;font-size:.85rem}
.tags span{display:inline-block;background:#fdf8f0;border:1px solid var(--primary);color:#8a6420;border-radius:12px;padding:2px 10px;font-size:.75rem;margin:0 6px 4px 0}
.box{background:#fff;border-radius:16px;padding:22px;box-shadow:0 10px 25px rgba(0,0,0,.05)}
.form-group{margin-bottom:16px}
label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}
input,select,textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1rem;font-family:inherit}
button{width:100%;background:var(--dark);color:#fff;padding:14px;border:none;border-radius:8px;font-size:1rem;font-weight:bold;cursor:pointer}
footer{max-width:760px;margin:24px auto 0;text-align:center;color:#777;font-size:.75rem}
footer a{color:#777}