:root{color-scheme:dark;--canvas:#0B0906;--panel:#15110B;--accent:#E7BD6A;--accent-hover:#F4D48F;--line:#7A6538;--t1:#F3EBDC;--t2:#B8AA90;--display:"Bodoni Moda",Didot,Georgia,serif;--body:"Barlow","Segoe UI",system-ui,sans-serif;--mono:"DM Mono",ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box}
html{overflow-x:hidden;overflow-x:clip}
body{margin:0;background:var(--canvas);color:var(--t1);font:400 17px/1.7 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}
a{color:var(--accent)}
a:hover{color:var(--accent-hover)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.skip{position:fixed;left:16px;top:-60px;background:var(--accent);color:#140E05;padding:10px 16px;border-radius:8px;font-weight:600;text-decoration:none}
.skip:focus{top:16px}
header{border-bottom:1px solid rgba(122,101,56,.45)}
header .bar,main,footer .bar{max-width:820px;margin:0 auto;padding:0 20px}
header .bar{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:16px}
.brand{font:400 23px/1 var(--display);color:var(--accent-hover);text-decoration:none}
.back{font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
main{padding-top:64px;padding-bottom:80px}
.kicker{font-family:var(--mono);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}
h1{font:400 clamp(40px,7vw,64px)/1.05 var(--display);margin:0 0 14px}
.updated{color:var(--t2);font-size:15px;margin:0 0 40px}
.tri{display:block;height:9px;max-width:260px;margin:0 0 44px;background:linear-gradient(var(--accent),var(--accent)) 0 0/100% 1px no-repeat,linear-gradient(var(--accent),var(--accent)) 0 4px/100% 1px no-repeat,linear-gradient(var(--accent),var(--accent)) 0 8px/100% 1px no-repeat;opacity:.8}
h2{font:400 clamp(25px,3.4vw,31px)/1.2 var(--display);margin:48px 0 14px;color:var(--t1)}
h3{font:600 18px/1.4 var(--body);margin:26px 0 8px;color:var(--t1)}
p,li{color:#DCD1BC}
ul{padding-left:22px}
li{margin:6px 0}
.box{background:var(--panel);border-radius:6px;padding:20px 24px;box-shadow:inset 0 0 0 1px rgba(122,101,56,.5);margin:18px 0}
.box p{margin:4px 0}
.notice{border-left:3px solid var(--accent);padding:14px 18px;background:rgba(231,189,106,.07);margin:18px 0}
.notice p{color:var(--t1);margin:0}
mark.todo{background:#5a1f12;color:#ffd9c9;padding:1px 6px;border-radius:4px}
footer{border-top:1px solid rgba(122,101,56,.45);padding:32px 0 44px}
footer .bar{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font-family:var(--mono);font-size:12.5px;color:#8C7F68}
footer a{color:var(--t2);text-decoration:none}