/* HERBÉE — юридичні сторінки. Генерується scripts/legal.mjs. */
:root{
  --cream:#f5f3ef; --cream-2:#efece6; --graphite:#1a1a1a;
  --mute:#6b6b66; --rule:rgba(26,26,26,.14); --rule-soft:rgba(26,26,26,.08);
  --forest:#2F5233;
  --serif:"Newsreader","Times New Roman",serif;
  --sans:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body{margin:0}
body{background:var(--cream);color:var(--graphite);font-family:var(--sans);
  font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;border-bottom:1px solid var(--rule);
  transition:color .3s var(--ease),border-color .3s var(--ease)}
a:hover{color:var(--forest);border-color:var(--forest)}
.lwrap{max-width:820px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}

/* header */
.lhead{border-bottom:1px solid var(--rule-soft);background:rgba(245,243,239,.9);
  backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}
.lhead .lwrap{display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding-top:20px;padding-bottom:20px}
.brand{font-family:var(--serif);font-weight:300;font-size:22px;letter-spacing:.3em;
  padding-left:.3em;border:0;white-space:nowrap}
.brand .acute{color:var(--forest)}
.lnav{display:flex;gap:22px;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--mute)}
.lnav a{border:0}

/* doc */
.doc{padding-top:clamp(40px,7vw,72px);padding-bottom:clamp(56px,8vw,96px)}
.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--mute);margin:0 0 18px}
h1{font-family:var(--serif);font-weight:300;font-size:clamp(32px,6vw,52px);
  line-height:1.12;letter-spacing:-.02em;margin:0 0 22px}
.lede{font-family:var(--serif);font-size:clamp(17px,2.4vw,20px);line-height:1.6;
  color:var(--graphite);margin:0 0 18px;max-width:60ch}
.updated{font-size:12px;letter-spacing:.1em;color:var(--mute);
  margin:0 0 clamp(36px,5vw,56px);padding-bottom:26px;border-bottom:1px solid var(--rule)}

.sec{margin:0 0 clamp(34px,4.5vw,48px);scroll-margin-top:96px}
.sec h2{font-family:var(--serif);font-weight:400;font-size:clamp(20px,3vw,26px);
  letter-spacing:-.01em;margin:0 0 16px;color:var(--graphite)}
.sec p{margin:0 0 14px;max-width:72ch}
.sec strong{font-weight:600}
.sec code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;
  background:var(--cream-2);padding:1px 5px;border-radius:3px}

ul.bul,ol.num{margin:0 0 16px;padding-left:0;max-width:72ch}
ul.bul{list-style:none}
ul.bul li{position:relative;padding-left:22px;margin-bottom:9px}
ul.bul li::before{content:"";position:absolute;left:4px;top:.68em;width:5px;height:1px;
  background:var(--forest)}
ol.num{list-style:none;counter-reset:n}
ol.num li{position:relative;padding-left:32px;margin-bottom:10px;counter-increment:n}
ol.num li::before{content:counter(n)".";position:absolute;left:0;top:0;
  font-family:var(--serif);color:var(--forest);font-size:15px}

/* requisites table */
.req{margin:0 0 16px;border-top:1px solid var(--rule-soft)}
.req-row{display:grid;grid-template-columns:190px 1fr;gap:18px;
  padding:13px 0;border-bottom:1px solid var(--rule-soft)}
.req dt{font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--mute);margin:0;padding-top:3px}
.req dd{margin:0}
@media(max-width:620px){
  .req-row{grid-template-columns:1fr;gap:4px}
  .req dt{padding-top:0}
}

.note{background:var(--cream-2);border-left:2px solid var(--forest);
  padding:16px 20px;font-size:14px;color:var(--mute);margin:20px 0!important}
.todo{background:rgba(162,59,59,.1);border-bottom:1px dashed #a23b3b;
  color:#a23b3b;padding:0 4px;font-style:italic}

.cta-row{margin:20px 0 18px!important}
.cta{display:inline-block;background:var(--graphite);color:var(--cream);
  border:0;padding:15px 30px;font-size:11px;letter-spacing:.24em;
  text-transform:uppercase;font-weight:500;
  transition:background-color .4s var(--ease),transform .4s var(--ease),
    box-shadow .4s var(--ease),letter-spacing .4s var(--ease)}
.cta:hover{background:var(--forest);color:var(--cream);transform:translateY(-1px);
  box-shadow:0 10px 26px rgba(47,82,51,.22);letter-spacing:.26em}

/* footer */
.lfoot{background:var(--graphite);color:rgba(245,243,239,.78);
  padding:clamp(40px,6vw,60px) 0;font-size:13px}
.lfoot a{color:rgba(245,243,239,.9);border-bottom-color:rgba(245,243,239,.22)}
.lfoot a:hover{color:#fff;border-bottom-color:#cfe3c2}
.lfoot-links{display:flex;flex-wrap:wrap;gap:14px 26px;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  padding-bottom:22px;border-bottom:1px solid rgba(245,243,239,.14)}
.lfoot-links a{border:0}
.lfoot-contacts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  padding:20px 0;border-bottom:1px solid rgba(245,243,239,.14)}
.lfoot-contacts .sep{color:rgba(245,243,239,.35)}
.lfoot-legal{padding-top:22px;display:grid;gap:14px;
  font-size:12px;color:rgba(245,243,239,.55);line-height:1.65}
.lfoot-legal .disclaimer{max-width:76ch}
.lfoot .todo{background:rgba(162,59,59,.22);color:#ffb3b3;border-bottom-color:#ffb3b3}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}