:root{--bg:#f6f1e7;--surface:#fffdf8;--text:#171511;--muted:#71695d;--line:#e4d8c1;--gold:#c89432;--deep:#8b6119;--shadow:0 18px 50px rgba(63,45,14,.11);--radius:16px}
@media(prefers-color-scheme:dark){:root{--bg:#10100f;--surface:#1a1916;--text:#f5f1e8;--muted:#bbb2a4;--line:#3b342a;--gold:#ddb65e;--deep:#f1ca75;--shadow:0 18px 50px rgba(0,0,0,.32)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 8% -5%,color-mix(in srgb,var(--gold) 18%,transparent),transparent 28rem),var(--bg);line-height:1.68}a{color:var(--deep);text-underline-offset:3px}.container{width:min(1080px,calc(100% - 32px));margin:auto}.site-header{padding:34px 0 18px}.brand{display:flex;align-items:center;gap:16px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.brand-mark{width:60px;height:60px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-weight:800;letter-spacing:.05em;color:var(--gold)}.brand h1{font-size:clamp(1.65rem,4vw,2.5rem);line-height:1.12;margin:0}.brand p{margin:4px 0 0;color:var(--muted)}.topnav{display:flex;gap:10px;flex-wrap:wrap;padding-top:14px}.topnav a{text-decoration:none;border:1px solid var(--line);background:var(--surface);padding:8px 12px;border-radius:999px;font-size:.92rem}.layout{display:grid;grid-template-columns:250px 1fr;gap:24px;align-items:start;padding:8px 0 55px}.toc{position:sticky;top:18px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:18px}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;text-decoration:none;color:var(--muted);padding:5px 0;font-size:.93rem}.card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(22px,4vw,42px)}h2{font-size:1.35rem;margin:2.25rem 0 .65rem;scroll-margin-top:24px}h2:first-child{margin-top:0}h3{font-size:1.08rem;margin:1.4rem 0 .4rem}p{margin:.55rem 0 1rem}ul,ol{padding-left:1.25rem}li{margin:.35rem 0}.notice,.warning{padding:14px 16px;margin:1rem 0;border-radius:0 10px 10px 0;border-left:4px solid var(--gold);background:color-mix(in srgb,var(--gold) 9%,var(--surface))}.warning{border-left-color:#b34a4a;background:color-mix(in srgb,#b34a4a 8%,var(--surface))}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tile{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:20px;transition:.18s ease}.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.tile h2{margin:0 0 6px;font-size:1.15rem}.tile p{color:var(--muted);margin:0}.form{display:grid;gap:14px;margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:14px}label{font-weight:650}input,textarea{width:100%;padding:11px 12px;border-radius:9px;border:1px solid var(--line);color:var(--text);background:var(--surface);font:inherit}button{border:0;border-radius:10px;padding:12px 16px;font-weight:750;background:var(--gold);color:#17120a;cursor:pointer}.small{font-size:.9rem;color:var(--muted)}footer{padding:0 16px 42px;text-align:center;color:var(--muted);font-size:.9rem}code{background:color-mix(in srgb,var(--gold) 9%,var(--surface));padding:.13em .38em;border-radius:5px}@media(max-width:820px){.layout{grid-template-columns:1fr}.toc{position:static}.grid{grid-template-columns:1fr}}