:root{
  --brass:#9A7628; --brass-pale:#E2BC6A; --coral:#C25A48;
  --paper:#FBF4E4; --paper-dp:#F1E6CE; --ink:#2E2A22; --ink-soft:#6B6151; --ink-mute:#9A9280;
  --dark:#232B1F;
  --mono:'IBM Plex Mono',ui-monospace,monospace; --serif:'Cormorant Garamond',Georgia,serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{overflow-x:hidden}
body{background:var(--dark);font-family:var(--serif);line-height:1.65;color:var(--ink)}
.wrap{max-width:820px;margin:0 auto;padding:clamp(26px,4vw,60px) clamp(16px,4vw,40px) clamp(50px,7vw,90px)}
.sheet{
  position:relative;background:linear-gradient(160deg,var(--paper),var(--paper-dp));
  border:1px solid rgba(154,118,40,.45);
  box-shadow:0 34px 80px rgba(0,0,0,.5);
  padding:clamp(26px,4vw,56px) clamp(20px,3.4vw,52px) clamp(34px,4.4vw,58px);
}
.sheet::before{content:'';position:absolute;inset:7px;border:1px solid rgba(154,118,40,.2);pointer-events:none}
.head{
  display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;
  padding-bottom:14px;margin-bottom:clamp(20px,2.6vw,32px);
  border-bottom:1px solid rgba(154,118,40,.35);
  font-family:var(--mono);font-size:clamp(8.5px,.74vw,10.5px);letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink-soft);
}
h1{
  font-weight:700;font-size:clamp(24px,3.4vw,42px);line-height:1.08;
  text-transform:uppercase;letter-spacing:.02em;color:var(--ink);
}
.upd{margin-top:.7em;font-family:var(--mono);font-size:clamp(9.5px,.78vw,11.5px);
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}
.stub{
  margin-top:clamp(22px,2.8vw,34px);
  border:1px dashed rgba(194,90,72,.55);background:rgba(194,90,72,.06);
  padding:clamp(16px,2vw,26px);
}
.stub .lb{
  display:block;font-family:var(--mono);font-size:clamp(9px,.76vw,11px);letter-spacing:.2em;
  text-transform:uppercase;color:var(--coral);margin-bottom:.8em;
}
.stub p{font-size:clamp(14.5px,1.15vw,17px);color:var(--ink-soft)}
.stub ul{margin:.8em 0 0 1.1em;font-size:clamp(13.5px,1.05vw,16px);color:var(--ink-soft)}
.stub li{margin-top:.35em}
h2{
  margin-top:clamp(26px,3vw,40px);font-weight:700;
  font-size:clamp(17px,1.6vw,24px);color:var(--ink);
}
h2 .n{font-family:var(--mono);font-size:.62em;color:var(--brass);margin-right:.6em}
p.t{margin-top:.7em;font-size:clamp(14.5px,1.12vw,17px);color:var(--ink-soft)}
.foot{
  margin-top:clamp(30px,3.6vw,46px);padding-top:16px;
  border-top:1px dashed rgba(154,118,40,.4);
  font-family:var(--mono);font-size:clamp(10px,.82vw,12px);line-height:1.7;color:var(--ink-soft);
}
.foot b{color:var(--ink)}
.back{
  display:inline-block;margin-top:clamp(22px,2.6vw,32px);
  font-family:var(--mono);font-size:clamp(9.5px,.78vw,11.5px);letter-spacing:.2em;
  text-transform:uppercase;color:#5A4A2C;text-decoration:none;
  border-bottom:1px solid rgba(154,118,40,.45);padding-bottom:4px;
}
.back:hover{color:var(--coral);border-color:var(--coral)}

p.t.li{padding-left:1.2em;text-indent:-1.2em;margin-top:.35em}
.sheet a{color:var(--coral);text-decoration:none;border-bottom:1px solid rgba(194,90,72,.35);word-break:break-word}
.sheet a:hover{color:var(--ink)}
h2+p.t{margin-top:.9em}