:root{--g:#4a6b3a;--g2:#5f8f3e;--soil:#6b4f3a;--sand:#f7f3ea;--ink:#2b2a26;--sun:#e0a23a}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--sand)}
a{color:#2f5d8a}a:focus,button:focus{outline:3px solid var(--sun);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:6px;z-index:9}
header{background:var(--g);color:#fff}.bar{max-width:1100px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:12px 20px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:700;font-size:1.35rem}
.brand img{height:72px;width:72px;object-fit:contain;border-radius:50%}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}nav a{color:#fff;text-decoration:none;padding:4px 2px}nav a[aria-current]{border-bottom:3px solid var(--sun)}nav a:hover{text-decoration:underline}
main{max-width:1000px;margin:auto;padding:24px 20px}h1,h2,h3{color:var(--soil);line-height:1.25}h1{font-size:2rem}
.hero-logo{float:right;width:160px;height:160px;margin:0 0 12px 20px;border-radius:50%}
.hero{background:linear-gradient(135deg,#e8eedd,#f3e6cf);border-radius:14px;padding:28px;overflow:hidden}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{background:#fff;border:1px solid #e2dccd;border-radius:12px;padding:16px}.note{background:#fff8e6;border-left:5px solid var(--sun);padding:12px 16px;border-radius:6px}
.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fff}th,td{border:1px solid #d9d2c1;padding:8px 10px;text-align:left;vertical-align:top}th{background:#e8eedd}caption{text-align:left;font-weight:700;color:var(--soil);padding:0 0 8px}tbody tr:nth-child(even){background:#faf7f0}
footer{background:#3a3226;color:#eee;margin-top:40px}footer .bar{display:block;font-size:.9rem}footer a{color:#f3d08a}
@media(max-width:600px){.hero-logo{float:none;display:block;margin:0 auto 12px;width:120px;height:120px}h1{font-size:1.6rem}.brand img{height:52px;width:52px}}