:root{
  --ground:#100C0A; --surface:#1A1512; --edge:#332821; --edge2:#4A3A2E;
  --ink:#F2E9D8; --body:#BEB09C; --muted:#8A7A65;
  --amber:#E0A94A; --blood:#C8483A;
  --mono:ui-monospace,Menlo,Consolas,"SF Mono",monospace;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
}
*{box-sizing:border-box;margin:0}
body{background:var(--ground);color:var(--body);font-family:var(--mono);
     font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}
.wrap{max-width:46rem;margin:0 auto;padding:3rem 1.25rem 6rem}
a{color:var(--amber)}
.back{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);
      text-decoration:none;display:inline-block;margin-bottom:2.5rem}
.back:hover{color:var(--ink)}
h1{font-family:var(--serif);font-size:2.4rem;color:var(--ink);font-weight:600;
   letter-spacing:.02em;margin-bottom:.5rem}
.updated{font-size:.72rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;
         margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--edge)}
h2{font-family:var(--serif);font-size:1.25rem;color:var(--ink);font-weight:600;
   margin:2.5rem 0 .8rem}
p{margin-bottom:1.1rem}
ul{margin:0 0 1.3rem 0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.55rem}
li::marker{color:var(--muted)}
strong{color:var(--ink)}
.callout{background:var(--surface);border:1px solid var(--edge);border-left:3px solid var(--amber);
         border-radius:4px;padding:1.2rem 1.4rem;margin:1.6rem 0}
.callout.hard{border-left-color:var(--blood)}
.callout p:last-child{margin-bottom:0}
footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--edge);
       font-size:.78rem;color:var(--muted)}
footer a{margin-right:1.2rem}