:root{--bg:#fdf8f3;--ink:#2a1d17;--brown:#6b3e26;--gold:#b5832f;--line:#eadfd3;--mut:#6f625a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 'Avenir Next','Segoe UI',system-ui,sans-serif}
.c{max-width:700px;margin:0 auto;padding-inline:18px}
.top{background:var(--brown);color:#fff}.top .c{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:baseline;padding-block:16px}
.logo{color:#fff;text-decoration:none;font:600 22px/1 Georgia,serif;letter-spacing:.02em}.logo b{color:#f2c879;font-weight:600}
.top nav{display:flex;flex-wrap:wrap;gap:4px 16px}.top nav a{color:#f6e9dc;text-decoration:none;font-size:14px}.top nav a:hover{color:#fff;text-decoration:underline}
h1{font:600 34px/1.2 Georgia,serif;margin:28px 0 10px;text-wrap:balance}h2{font:600 23px/1.3 Georgia,serif;color:var(--brown);margin:32px 0 8px}
a{color:var(--brown)}.intro{font-size:19px;color:#4a3a31}
table{width:100%;border-collapse:collapse;font-size:15px;margin:14px 0}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--mut);font-weight:600}
.note{background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);padding:10px 14px;margin:22px 0;font-size:15px}
.refs{border-top:1px solid var(--line);margin-top:38px;padding-top:10px;font-size:14px}.refs ol{padding-left:20px}
.foot{border-top:1px solid var(--line);margin-top:44px;padding-block:18px;font-size:13px;color:var(--mut)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0}.grid a{display:block;background:#fff;border:1px solid var(--line);padding:12px 14px;text-decoration:none;color:var(--ink);border-radius:6px}.grid a strong{color:var(--brown);display:block}