:root{
  --brown:#6e3b26;--brown-dark:#4a2417;--brown-deep:#3a1c12;
  --gold:#c99a3f;--gold-soft:#f3e6c8;--cream:#faf6ee;
  --ink:#33261e;--muted:#6f5d51;--line:#e7ddca;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.7;font-size:17px}
a{color:var(--brown);font-weight:700}
.top{background:linear-gradient(150deg,var(--brown),var(--brown-deep));color:#fff;padding:18px 0}
.wrap{width:min(760px,calc(100% - 36px));margin:auto}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{color:#fff;text-decoration:none;font-weight:900}.brand span{color:var(--gold)}
.back{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:8px 12px;border-radius:9px;font-size:.85rem}
main{padding:44px 0 60px}
.eyebrow{color:var(--gold);font-size:.76rem;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}
h1{font-size:2rem;line-height:1.2;color:var(--brown-dark);margin:8px 0 10px}
h2{font-size:1.18rem;color:var(--brown);margin:30px 0 8px}
p{margin:0 0 13px}
ul,ol{padding-left:24px}li{margin:7px 0}
.updated{color:var(--muted);font-size:.86rem;margin-bottom:24px}
.notice{background:var(--gold-soft);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:15px 18px;margin:20px 0}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin-top:20px}
.contact{background:var(--brown-dark);color:#fff;border-radius:14px;padding:18px;margin-top:30px}
.contact a{color:#ffe09c}
footer{background:var(--brown-deep);color:#cfbaaa;padding:24px 0;font-size:.82rem}
.links{display:flex;gap:8px 18px;flex-wrap:wrap;margin-bottom:10px}.links a{color:#f0e2d3}
@media(max-width:560px){body{font-size:16px}h1{font-size:1.65rem}.card{padding:20px}.back{font-size:.76rem}}