:root{--paper:#F4F6F2;--card:#FFF;--ink:#15211C;--muted:#586158;--line:#DDE3DA;--green:#0E5C4C;--brass:#C68A2E;--green-soft:#E3EEE9;--font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
@media(prefers-color-scheme:dark){:root{--paper:#0E1512;--card:#141C18;--ink:#E8EDE8;--muted:#98A39A;--line:#26302B;--green:#3E9E85;--brass:#D9A44E;--green-soft:#122a23}}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.7}
.wrap{max-width:780px;margin:0 auto;padding:0 22px}
nav{border-bottom:1px solid var(--line)}nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:720;font-size:1.3rem;letter-spacing:-.03em;text-decoration:none;color:var(--ink)}.logo .dot{color:var(--brass)}
.navlinks a{color:var(--muted);text-decoration:none;margin-left:22px;font-size:.92rem}.navlinks a:hover{color:var(--ink)}
h1{font-size:2rem;letter-spacing:-.02em;margin:.4em 0}h2{font-size:1.25rem;margin:1.6em 0 .4em;letter-spacing:-.01em}
main{padding:36px 0 70px}p,li{color:var(--ink)}.muted,.draft{color:var(--muted)}
a{color:var(--green)}
.draft{background:var(--green-soft);border-left:4px solid var(--brass);border-radius:0 8px 8px 0;padding:14px 18px;font-size:.9rem;margin:18px 0}
.updated{color:var(--muted);font-size:.82rem}
label{display:block;font-weight:600;margin:16px 0 5px;font-size:.92rem}
input,textarea{width:100%;padding:.7em .8em;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font:inherit}
button{margin-top:18px;background:var(--brass);color:#241703;border:0;border-radius:999px;padding:.75em 1.6em;font-weight:640;font-size:.95rem;cursor:pointer}
details{border-bottom:1px solid var(--line);padding:14px 0}summary{font-weight:620;cursor:pointer;font-size:1.02rem}details p{color:var(--muted);margin:.6em 0 0}
footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:.84rem}footer a{color:var(--muted);text-decoration:none}