/* Юридичні сторінки: та сама палітра, але верстка документа —
   довгий текст читають, а не розглядають. */
:root{
  --velvet:#2A0A12; --velvet-deep:#1B060C;
  --paper:#F2EADA; --ink:#2B1710; --ink-soft:#5C463A;
  --olive:#8B8B5A; --olive-deep:#6E6E44; --gold:#C9A961;
  --cream:#EFE6D6; --cream-dim:#B9A896;
}
*{ box-sizing:border-box; }
body{
  margin:0; background:var(--velvet); color:var(--cream);
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased;
}
.wrap{ width:min(760px,92vw); margin-inline:auto; }
.topbar{
  border-bottom:1px solid rgba(201,169,97,.16);
  background:rgba(27,6,12,.9); position:sticky; top:0; z-index:5;
  backdrop-filter:blur(12px);
}
.topbar-in{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.9rem 0; }
.brand{
  font-family:'Playfair Display',Georgia,serif; font-weight:700; font-size:1rem;
  letter-spacing:.14em; text-transform:uppercase; color:var(--cream);
  text-decoration:none;
}
.brand span{ color:var(--gold); }
.back{ font-size:.88rem; color:var(--cream-dim); text-decoration:none; }
.back:hover{ color:var(--gold); }

main{ padding:clamp(2.5rem,6vw,4.5rem) 0 5rem; }
h1{
  font-family:'Playfair Display',Georgia,serif; font-weight:900;
  font-size:clamp(1.9rem,5vw,2.8rem); line-height:1.08; text-transform:uppercase;
  color:var(--cream); margin:0 0 .6rem; text-wrap:balance;
}
.pub{ color:var(--cream-dim); font-size:.9rem; margin:0 0 2.6rem; }
h2{
  font-family:'Playfair Display',Georgia,serif; font-weight:700;
  font-size:1.3rem; color:var(--gold); margin:2.8rem 0 .9rem; text-wrap:balance;
}
h3{ font-size:1.02rem; font-weight:700; color:var(--cream); margin:1.8rem 0 .6rem; }
p, li{ color:var(--cream-dim); }
strong{ color:var(--cream); }
ol, ul{ padding-left:1.3rem; display:grid; gap:.5rem; }
ol.num{ counter-reset:i; list-style:none; padding-left:0; }
ol.num > li{ counter-increment:i; position:relative; padding-left:2.4rem; }
ol.num > li::before{
  content:counter(i) '.'; position:absolute; left:0; top:0;
  color:var(--olive); font-variant-numeric:tabular-nums; font-weight:700;
}
.note{
  background:rgba(139,139,90,.14); border-left:3px solid var(--olive);
  border-radius:0 12px 12px 0; padding:1.1rem 1.3rem; margin:1.6rem 0;
}
.note p{ margin:0; color:var(--cream); }
.card{
  background:var(--paper); color:var(--ink); border-radius:16px;
  padding:1.6rem 1.8rem; margin:2rem 0;
}
.card p, .card li{ color:var(--ink-soft); }
.card strong{ color:var(--ink); }
.card h3{ color:var(--ink); margin-top:0; }
a{ color:var(--gold); }
footer{
  border-top:1px solid rgba(201,169,97,.16); padding:2.4rem 0 3.5rem;
  font-size:.84rem; color:var(--cream-dim);
}
footer a{ color:var(--cream-dim); }