:root{
  --ground:#F7F1E6; --surface:#FFFDF8; --sand:#EFE4D2; --deep:#221A22;
  --ink:#241E1A; --ink-soft:#5E5247; --hair:#DCCBB2; --red:#B4162A; --gold:#C9962B;
  --on-deep:#F3E8D8; --on-deep-soft:#BCAA95;
}
*{box-sizing:border-box}
body{margin:0; background:var(--ground); color:var(--ink);
     font-family:"Commissioner","Segoe UI",system-ui,sans-serif;
     font-size:16.5px; line-height:1.65; -webkit-font-smoothing:antialiased}
h1,h2{font-family:"Philosopher",Georgia,serif; margin:0; text-wrap:balance}
p{margin:0}
a{color:var(--red)}

header.top{position:sticky; top:0; z-index:20; display:flex; align-items:center;
  justify-content:space-between; gap:16px; padding:14px 20px;
  background:rgba(34,26,34,.97); color:var(--on-deep);
  border-bottom:1px solid rgba(243,232,216,.14); backdrop-filter:blur(6px)}
header.top .brand{font-family:"Philosopher",serif; font-size:16px; color:#fff; text-decoration:none}
header.top .back{font-size:13.5px; color:var(--on-deep-soft); text-decoration:none;
  border:1px solid rgba(243,232,216,.3); padding:8px 14px; border-radius:3px; white-space:nowrap}
header.top .back:hover{color:#fff; border-color:var(--gold)}

.wrap{max-width:760px; margin:0 auto; padding:52px 20px 70px}
.doc-head{margin-bottom:38px; padding-bottom:22px; border-bottom:1px solid var(--hair)}
.doc-eyebrow{font-size:11.5px; letter-spacing:.18em; text-transform:uppercase;
  font-weight:600; color:var(--red); margin-bottom:10px}
h1.doc-title{font-size:clamp(25px,4vw,34px); line-height:1.16}
.doc-sub{margin-top:13px; font-size:15px; color:var(--ink-soft)}

section.clause{margin-top:34px}
section.clause h2{font-size:15px; letter-spacing:.05em; text-transform:uppercase; color:var(--red);
  display:flex; align-items:baseline; gap:10px; margin-bottom:13px;
  border-bottom:1px solid var(--hair); padding-bottom:9px;
  font-family:"Commissioner",system-ui,sans-serif; font-weight:700}
section.clause h2 .num{font-family:"Philosopher",serif; font-size:15px; color:var(--ink-soft)}
section.clause p{margin:0 0 12px; font-size:15.6px}
section.clause p:last-child{margin-bottom:0}
section.clause ul{margin:0 0 12px; padding-left:20px; display:grid; gap:7px; font-size:15.6px}

.req-box{margin-top:16px; background:var(--deep); color:var(--on-deep);
  padding:22px 24px; border:1px solid var(--hair); font-size:15.4px}
.req-box .req-title{font-family:"Philosopher",serif; font-size:14px; letter-spacing:.06em;
  text-transform:uppercase; color:var(--gold); margin-bottom:12px}
.req-box dl{margin:0; display:grid; grid-template-columns:auto 1fr; gap:6px 16px}
.req-box dt{color:var(--on-deep-soft); font-size:13.6px; white-space:nowrap}
.req-box dd{margin:0}
.req-box a{color:var(--gold)}

.stamp{margin-top:16px; padding:14px 18px; background:var(--surface);
  border-left:3px solid var(--gold); font-size:14.6px; color:var(--ink-soft)}

footer.site{background:var(--deep); color:var(--on-deep-soft); padding:26px 20px; text-align:center;
  font-size:13px; line-height:1.8}
footer.site a{color:var(--on-deep)}

@media (max-width:480px){
  .req-box dl{grid-template-columns:1fr}
  .req-box dt{margin-top:8px}
}