/* Общий стиль юридических страниц «Кладовки онлайн» */
:root{ --lime:#6fcf17; --lime-d:#4fa300; --bg:#f4f8f0; --card:#fff; --ink:#16210f; --muted:#5a6a4f; --line:#dfe7d7; }
@media(prefers-color-scheme:dark){ :root{ --bg:#0e130b; --card:#161d10; --ink:#e9f1e1; --muted:#96a488; --line:#26311c; --lime:#7ed321; } }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--ink); font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; line-height:1.6; }
.wrap{ max-width:820px; margin:0 auto; padding:24px 20px 64px; }
.top{ position:sticky; top:0; background:color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter:blur(8px); border-bottom:1px solid var(--line); }
.top .in{ max-width:820px; margin:0 auto; padding:12px 20px; display:flex; align-items:center; gap:12px; }
.brand{ display:flex; align-items:center; gap:9px; font-weight:800; font-size:17px; text-decoration:none; color:var(--ink); }
.brand .mk{ width:30px; height:30px; border-radius:8px; background:var(--lime); display:grid; place-items:center; }
.brand .mk svg{ width:18px; height:18px; }
.back{ margin-left:auto; color:var(--lime-d); text-decoration:none; font-weight:600; font-size:14px; }
h1{ font-size:clamp(22px,3.4vw,30px); margin:18px 0 6px; line-height:1.2; }
.sub{ color:var(--muted); font-size:14px; margin:0 0 22px; }
h2{ font-size:18px; margin:28px 0 8px; }
h3{ font-size:15.5px; margin:18px 0 6px; }
p,li{ font-size:15px; color:var(--ink); }
ol,ul{ padding-left:22px; }
li{ margin:5px 0; }
.muted{ color:var(--muted); }
.note{ background:color-mix(in srgb,var(--lime) 12%,var(--card)); border:1px solid var(--line); border-radius:14px; padding:14px 16px; font-size:14px; color:var(--muted); margin:18px 0; }
.req{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px 18px; font-size:14.5px; }
.req b{ color:var(--ink); }
.req div{ margin:3px 0; }
.doc-list{ list-style:none; padding:0; display:grid; gap:12px; }
.doc-list a{ display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--ink); background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px 18px; font-weight:600; transition:border-color .12s, transform .08s; }
.doc-list a:hover{ border-color:var(--lime); transform:translateY(-1px); }
.doc-list .ic{ font-size:22px; }
.doc-list small{ display:block; color:var(--muted); font-weight:400; font-size:13px; margin-top:2px; }
a{ color:var(--lime-d); }
footer{ border-top:1px solid var(--line); margin-top:40px; padding-top:18px; color:var(--muted); font-size:13px; }