body{margin:0;background:#f7f3ea;color:#252925;font:16px/1.7 Arial,sans-serif}
header{background:#24483a;color:white;text-align:center;padding:48px 20px}
header h1{font-family:Georgia,serif;margin:0;font-size:2.4rem}
nav{background:white;text-align:center;padding:12px;border-bottom:1px solid #e5ddcf}
nav a{color:#24483a;font-weight:bold;text-decoration:none;margin:5px 9px;display:inline-block}
main{max-width:920px;margin:34px auto;background:#fffdf9;padding:40px;border-radius:16px;box-shadow:0 8px 28px #00000012}
h1,h2,h3{font-family:Georgia,serif;color:#173127} h2{margin-top:32px}
a{color:#24483a}.notice{background:#edf2ee;border-left:5px solid #24483a;padding:15px;border-radius:7px}
.warning{background:#fff4e6;border-left-color:#b48a46}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{border:1px solid #e5ddcf;border-radius:12px;padding:18px;background:white}
footer{text-align:center;color:#69716b;padding:20px 15px 40px} table{width:100%;border-collapse:collapse}
th,td{border:1px solid #e5ddcf;padding:10px;text-align:left}
@media(max-width:700px){main{margin:18px 10px;padding:24px}header h1{font-size:1.85rem}}