*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#e8f3d6;color:#3b2a1a;line-height:1.6}
header{background:#5fa83a;color:#fff;padding:28px 20px;text-align:center;border-bottom:6px solid #3f7d24}
header a{color:#fff;text-decoration:none}header h1{margin:0;font-size:2rem}header p{margin:4px 0 0;opacity:.9}
nav{background:#8a5a2b;text-align:center;padding:10px}nav a{color:#fff;text-decoration:none;margin:0 12px;font-weight:600;display:inline-block;padding:4px 0}
nav a:hover{text-decoration:underline}
main{max-width:760px;margin:24px auto;padding:24px;background:#fffdf5;border:3px solid #8a5a2b;border-radius:16px}
h2{margin-top:1.6em;color:#3f7d24}a{color:#2a6fb0}footer{text-align:center;padding:20px;font-size:.9rem;color:#6b5a48}
.updated{color:#6b5a48;font-size:.9rem}.cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.cards a{display:block;padding:16px;background:#f3e6c4;border:2px solid #8a5a2b;border-radius:12px;text-decoration:none;color:#3b2a1a;font-weight:700;text-align:center}
.cards a:hover{background:#e8d6a6}