:root{
  --bg:#100B0C; --surface:#1A1416; --accent:#C13B2E; --accent-dk:#A8311F;
  --text:#EDE7E0; --muted:#9A8F88; --line:rgba(237,231,224,0.12);
  --font-display:'Cormorant Garamond', Georgia, serif;
  --font-grotesk:'Manrope', system-ui, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--font-grotesk); font-size:17px; line-height:1.62;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.wrap{max-width:780px; margin:0 auto; padding:44px 24px 88px}
.back{
  display:inline-block; color:var(--muted); text-decoration:none;
  font-size:14px; letter-spacing:.04em; margin-bottom:30px;
}
.back:hover{color:var(--accent)}
.draft{
  display:inline-block; background:rgba(193,59,46,.13); color:#E6A99F;
  border:1px solid rgba(193,59,46,.4); border-radius:999px;
  padding:4px 13px; font-size:12.5px; letter-spacing:.04em; margin-bottom:20px;
}
h1{
  font-family:var(--font-display); font-weight:500;
  font-size:clamp(32px,5vw,46px); line-height:1.08; margin:0 0 12px;
}
.meta{
  color:var(--muted); font-size:14.5px; line-height:1.55; margin:0 0 4px;
  padding-bottom:28px; border-bottom:1px solid var(--line);
}
h2{
  font-family:var(--font-display); font-weight:500;
  font-size:clamp(21px,3vw,28px); color:var(--text); margin:40px 0 12px;
}
p{margin:0 0 14px}
ul{margin:0 0 16px; padding-left:22px}
li{margin:0 0 9px}
a{color:var(--accent)}
strong{color:var(--text); font-weight:600}
.note{
  margin-top:50px; padding-top:20px; border-top:1px solid var(--line);
  color:var(--muted); font-size:14px; font-style:italic; line-height:1.55;
}