:root{--bg:#f6f3ee;--ink:#1d1b18;--muted:#6b645b;--line:#e2dcd2;--accent:#8a5a2b}
*{box-sizing:border-box}html{font-size:17px}
body{margin:0;font-family:Georgia,"Times New Roman",serif;background:var(--bg);color:var(--ink);line-height:1.55}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
header{border-bottom:1px solid var(--line);padding:1.2rem 0}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.brand{font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.brand small{display:block;font-size:.72rem;letter-spacing:.2em;color:var(--muted)}
nav{margin-top:.6rem;display:flex;gap:1.4rem;flex-wrap:wrap;font-size:.92rem}
nav a{color:var(--muted)}nav a.active{color:var(--ink);border-bottom:1px solid var(--ink)}
main{padding:2.5rem 0 3rem}
h1{font-weight:normal;font-size:2.1rem;margin:0 0 .4rem}h2{font-weight:normal;font-size:1.4rem;margin:2rem 0 .6rem}
.lead{color:var(--muted);font-size:1.1rem;max-width:40rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.4rem;margin-top:2rem}
figure{margin:0}figure img,figure svg{width:100%;height:auto;display:block;border:1px solid var(--line);background:#fff}
figcaption{font-size:.85rem;color:var(--muted);margin-top:.45rem}
.notice{border:1px solid var(--line);padding:1rem 1.2rem;background:#fff;margin:2rem 0;font-size:.95rem}
table{border-collapse:collapse;width:100%;font-size:.95rem}td,th{text-align:left;padding:.5rem .4rem;border-bottom:1px solid var(--line);vertical-align:top}
footer{border-top:1px solid var(--line);padding:1.4rem 0 2.2rem;font-size:.82rem;color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem}
@media(max-width:600px){html{font-size:16px}h1{font-size:1.7rem}}