*{box-sizing:border-box}
body{margin:0;font-family:Georgia,serif;color:#3b2f2a;background:#fbf7f1;line-height:1.6}
header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 24px;border-bottom:1px solid #e8dccb;background:#fff}
.brand{font-size:1.3rem;font-weight:bold;color:#7a4b2a;text-decoration:none}
nav a{margin-left:16px;color:#3b2f2a;text-decoration:none}
nav a[aria-current=page]{border-bottom:2px solid #7a4b2a}
main{max-width:880px;margin:0 auto;padding:32px 24px}
.hero{text-align:center;padding:48px 0}
.hero h1{font-size:2.4rem;margin:0 0 12px}
.button,button{display:inline-block;background:#7a4b2a;color:#fff;border:0;border-radius:6px;padding:10px 18px;text-decoration:none;font:inherit;cursor:pointer}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.cards article{background:#fff;border:1px solid #e8dccb;border-radius:8px;padding:16px}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #e8dccb}
form{display:grid;gap:12px;max-width:420px}
label{display:grid;gap:4px}
input,textarea{font:inherit;padding:8px;border:1px solid #d7c7b3;border-radius:6px}
footer{text-align:center;padding:24px;color:#8a7a6d;font-size:.9rem}