:root{--moss:#687333;--moss-deep:#424c1e;--cream:#f4ecd9;--paper:#fbf8f1;--ink:#2b2f22;--soft:#5d6250;--clay:#b8643f;--rule:#e2d9c3}
@media (prefers-color-scheme:dark){:root{--paper:#1d2014;--ink:#ece6d4;--soft:#b9b39f;--rule:#3a3f2a;--cream:#2a2e1d}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif}
header{background:var(--moss);color:#f4ecd9;padding:28px 20px 36px}
header .wrap{display:flex;align-items:center;gap:16px}
header img{width:56px;height:56px;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
header h1{margin:0;font-size:26px;font-weight:600;letter-spacing:.2px}
header p{margin:2px 0 0;opacity:.85;font-size:15px}
nav{background:var(--moss-deep);padding:10px 20px}
nav .wrap{display:flex;gap:18px;flex-wrap:wrap}
nav a{color:#f4ecd9;text-decoration:none;font:600 14px/1.4 -apple-system,"Segoe UI",sans-serif;opacity:.9}
nav a[aria-current]{border-bottom:2px solid #e9b48f}
.wrap{max-width:720px;margin:0 auto}
main{padding:28px 20px 60px}
h2{font-size:22px;margin:38px 0 8px;color:var(--moss-deep)}
@media (prefers-color-scheme:dark){h2{color:#c8d08e}}
h3{font-size:18px;margin:26px 0 4px}
code{font:14px ui-monospace,Menlo,monospace;background:var(--cream);padding:1px 5px;border-radius:4px}
table{border-collapse:collapse;width:100%;font-size:15px;margin:10px 0}
td,th{border-bottom:1px solid var(--rule);padding:7px 6px;text-align:left;vertical-align:top}
.lang{display:inline-block;font:700 12px -apple-system,sans-serif;letter-spacing:1px;color:var(--clay);text-transform:uppercase;margin-top:44px}
.note{color:var(--soft);font-size:15px}
footer{border-top:1px solid var(--rule);padding:18px 20px;color:var(--soft);font-size:14px}
a{color:var(--clay)}