*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#f8f2e5;--card:#fffdf8;--ink:#18414a;--muted:#5f7a77;--line:#e7dcc6;--accent:#2f9d84;--gold:#ffd25e}
html{-webkit-text-size-adjust:100%}
body{font-family:Manrope,'Segoe UI',Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;font-size:16px}
.wrap{max-width:820px;margin:0 auto;padding:28px 18px 64px}
header.doc{margin-bottom:22px}
header.doc .brand{font-weight:800;letter-spacing:.08em;font-size:13px;color:var(--accent);text-transform:uppercase}
header.doc h1{font-size:clamp(24px,5vw,34px);line-height:1.2;margin:8px 0 6px}
header.doc .ed{color:var(--muted);font-size:14px}
nav.toc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin:18px 0 26px;font-size:14px}
nav.toc a{display:block;color:var(--ink);text-decoration:none;padding:3px 0}
section{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 18px 14px;margin-bottom:14px}
section h2{font-size:19px;margin-bottom:10px;line-height:1.3}
section h3{font-size:16px;margin:12px 0 6px}
section p{margin-bottom:10px}
section ul{margin:0 0 10px 20px}
section li{margin-bottom:5px}
.note{background:#eef7f2;border:1px solid #cfe7da;border-radius:12px;padding:12px 14px;margin-bottom:10px}
table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:10px}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:#f4ecdb}
a{color:var(--accent)}
footer.doc{margin-top:26px;font-size:14px;color:var(--muted);text-align:center}
footer.doc a{margin:0 8px}
@media (max-width:480px){.wrap{padding:20px 12px 48px}section{padding:15px 14px 10px}table{font-size:13px}}