:root{
  --canvas:#EDE4D3; --canvas-dark:#DED2B9; --ink:#241812; --cedar:#3A281C;
  --ember:#A8481F; --ember-light:#C9663A; --frost:#7FA9A6; --frost-light:#DCEAE8;
  --frost-deep:#4E7C79; --paper:#FAF6ED;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:'Work Sans',sans-serif; color:var(--ink); background:var(--paper); line-height:1.6;}
h1,h2{font-family:'Fraunces',serif; font-weight:600; line-height:1.15;}
a{color:var(--ember);}
.nav{display:flex; justify-content:space-between; align-items:center; padding:1.4rem 1.5rem; background:var(--cedar);}
.nav .brand{font-family:'Space Mono',monospace; font-size:.85rem; letter-spacing:.18em; text-transform:uppercase; color:var(--paper);}
.nav a.back{font-family:'Space Mono',monospace; font-size:.72rem; letter-spacing:.06em; color:var(--paper); text-decoration:none; border:1px solid rgba(250,246,237,.5); padding:.5em 1em; border-radius:999px;}
.wrap{max-width:760px; margin:0 auto; padding:3.5rem 1.5rem 5rem;}
.wrap h1{font-size:clamp(1.9rem,6vw,2.6rem); margin-bottom:.4rem;}
.wrap .updated{font-family:'Space Mono',monospace; font-size:.72rem; color:rgba(36,24,18,.5); margin-bottom:2.4rem;}
.wrap h2{font-size:1.3rem; margin-top:2.4rem; margin-bottom:.8rem; color:var(--ember);}
.wrap p, .wrap li{font-size:.98rem; color:rgba(36,24,18,.85); margin-bottom:.9rem;}
.wrap ul{padding-left:1.3rem; margin-bottom:1rem;}
.placeholder{background:var(--frost-light); border:1px dashed var(--frost-deep); padding:.15em .5em; border-radius:4px; font-family:'Space Mono',monospace; font-size:.85em; color:var(--frost-deep);}
.noteBox{background:var(--canvas); border-left:4px solid var(--ember); padding:1rem 1.2rem; margin:1.6rem 0; font-size:.9rem;}
footer{background:var(--ink); color:rgba(250,246,237,.5); text-align:center; padding:2rem; font-family:'Space Mono',monospace; font-size:.72rem;}
footer a{color:rgba(250,246,237,.7);}