*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#3E4A4F;line-height:1.6;background:#FAF7F2}
a{color:#3F675B}h1,h2,h3{color:#2F3B40}.hero h1{color:#fff}header{background:#fff;border-bottom:1px solid #DDD5C9;position:sticky;top:0;z-index:9}
.nav{max-width:1100px;margin:auto;display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:12px 20px}.nav .logo{font-weight:800;font-size:1.25rem;color:#3F675B;text-decoration:none;margin-right:auto}
.nav a{text-decoration:none;font-size:.95rem}.wrap{max-width:1100px;margin:auto;padding:24px 20px}
.hero{background:#4A7568;color:#fff;padding:56px 20px}.hero h1{font-size:clamp(1.8rem,5vw,3rem);margin:0 0 10px}
.search{background:#fff;color:#3E4A4F;border-radius:14px;padding:18px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-top:24px;box-shadow:0 8px 24px rgba(62,74,79,.18)}
label{font-size:.85rem;font-weight:600;display:block}input,select,textarea{width:100%;padding:10px;border:1px solid #DDD5C9;border-radius:8px;font:inherit}
.btn{background:#B4553C;color:#fff;border:0;border-radius:8px;padding:12px 18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:#fff;border:1px solid #DDD5C9;border-radius:12px;padding:20px;box-shadow:0 4px 14px rgba(62,74,79,.12)}.band{padding:8px 0 24px}.band.alt{background:#E6EFEA;border-top:1px solid #D3E0D9;border-bottom:1px solid #D3E0D9}
.example{border:2px dashed #E8B48A;position:relative}.tag{background:#FBEADB;color:#8A5A36;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:99px}
.note{background:#EEF4F1;border-left:4px solid #7FA99B;padding:12px 16px;border-radius:6px}footer{background:#2F3B40;color:#EDE6DC;padding:28px 20px;margin-top:0;font-size:.9rem}footer a{color:#CFE3DB}
.photo{margin:24px 0;max-width:560px}.photo img{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 8px 24px rgba(62,74,79,.18)}.photo figcaption{margin-top:10px;font-size:.9rem;color:#5A666B;font-style:italic}table{border-collapse:collapse;width:100%}td{padding:6px;border-bottom:1px solid #EFE9E0}