@import url('../fonts/inter.css');

/* mamatov.biz — юридические страницы (оферта, политика, согласие). Светлая тема, без курсивов. */
:root{
  color-scheme: light;
  --bg:#FFFFFF; --surface:#F4F6F8; --line:#E1E6EC; --ink:#0D1117; --ink-2:#4E5764; --ink-3:#858E9B;
  --graphite:#11161D; --accent:#B4F23C; --accent-dk:#5E8A06;
}
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-padding-top:90px; }
body{ margin:0; background:var(--bg); color:var(--ink); font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif; font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
i,em{ font-style:normal; }
a{ color:inherit; }

.top{ position:sticky; top:0; z-index:5; background:rgba(255,255,255,.9); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
.top__in, .doc, .foot__in{ width:100%; max-width:860px; margin:0 auto; padding:0 24px; }
.top__in{ display:flex; align-items:center; justify-content:space-between; gap:16px; height:66px; }
.logo{ display:flex; align-items:center; gap:10px; text-decoration:none; }
.logo b{ width:34px; height:34px; border-radius:9px; background:var(--graphite); color:var(--accent); display:grid; place-items:center; font-size:15px; letter-spacing:-.04em; }
.logo span{ font-weight:750; font-size:14.5px; letter-spacing:-.02em; }
.top nav{ display:flex; gap:4px; flex-wrap:wrap; }
.top nav a{ text-decoration:none; font-size:14px; font-weight:550; color:var(--ink-2); padding:7px 10px; border-radius:8px; }
.top nav a:hover{ background:var(--surface); color:var(--ink); }
.top nav a[aria-current]{ color:var(--ink); background:var(--surface); }

.doc{ padding-top:56px; padding-bottom:80px; }
.doc__k{ display:inline-flex; align-items:center; gap:9px; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-2); }
.doc__k::before{ content:''; width:22px; height:3px; border-radius:2px; background:var(--accent); }
.doc h1{ margin:16px 0 10px; font-size:clamp(28px,4.4vw,42px); line-height:1.1; letter-spacing:-.03em; font-weight:800; text-wrap:balance; }
.doc__meta{ color:var(--ink-3); font-size:14px; margin:0 0 36px; }
.doc h2{ margin:40px 0 12px; font-size:20px; letter-spacing:-.02em; font-weight:750; }
.doc p, .doc li{ color:var(--ink-2); }
.doc p{ margin:0 0 12px; }
.doc ol, .doc ul{ margin:0 0 12px; padding-left:22px; }
.doc li{ margin:6px 0; }
.doc b{ color:var(--ink); font-weight:650; }
.doc a{ color:var(--ink); text-decoration:none; border-bottom:2px solid var(--accent); }
.doc a:hover{ border-color:var(--ink); }
.req{ margin-top:16px; padding:22px 24px; border-radius:16px; background:var(--surface); border:1px solid var(--line); }
.req dl{ margin:0; display:grid; grid-template-columns:auto 1fr; gap:8px 20px; }
.req dt{ color:var(--ink-3); font-size:14px; }
.req dd{ margin:0; font-weight:600; }
.note{ padding:14px 16px; border-left:3px solid var(--accent); background:var(--surface); border-radius:0 12px 12px 0; }

.foot{ border-top:1px solid var(--line); padding:26px 0; color:var(--ink-3); font-size:13.5px; }
.foot__in{ display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.foot a{ text-decoration:none; border-bottom:1px solid currentColor; }

@media (max-width:640px){
  .top__in, .doc, .foot__in{ padding:0 16px; }
  .top__in{ height:auto; padding-top:10px; padding-bottom:10px; flex-direction:column; align-items:flex-start; gap:6px; }
  .top nav a{ padding:5px 8px; font-size:13px; }
  .doc{ padding-top:32px; }
  .req dl{ grid-template-columns:1fr; gap:2px; }
  .req dd{ margin-bottom:8px; }
}
@media print{ .top, .foot{ display:none; } .doc{ padding:0; } }