:root{
  --paper:#F2EEE6; --paper-deep:#E9E2D4; --ink:#211C16; --ink-soft:#5B5347;
  --line:#D8D0BF; --coral:#FF4B2E; --coral-deep:#D6391E; --white:#FFFCF6;
  --font-display:'Fraunces',serif; --font-body:'Inter',sans-serif;
}
*{ box-sizing:border-box; margin:0; padding:0; }
body{ font-family:var(--font-body); background:var(--paper); color:var(--ink); line-height:1.7; }
a{ color:var(--coral-deep); }
.nav{ position:sticky; top:0; z-index:80; background:rgba(242,238,230,0.9); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.nav-inner{ max-width:820px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:16px 28px; }
.nav-brand{ font-family:var(--font-display); font-size:19px; font-weight:700; color:var(--ink); }
.nav-brand .dot{ color:var(--coral); }
.nav-back{ font-size:13.5px; color:var(--ink-soft); }
.wrap{ max-width:760px; margin:0 auto; padding:56px 28px 90px; }
h1{ font-family:var(--font-display); font-size:36px; margin-bottom:10px; }
.updated{ font-size:12.5px; color:var(--ink-soft); margin-bottom:40px; font-family:monospace; }
h2{ font-family:var(--font-display); font-size:21px; margin:36px 0 12px; }
p, li{ font-size:15px; color:var(--ink-soft); margin-bottom:12px; }
li{ margin-left:20px; }
strong{ color:var(--ink); }
.footer{ border-top:1px solid var(--line); padding:28px; text-align:center; font-size:12.5px; color:var(--ink-soft); }