/* doc.css — общий стиль юридических страниц КАНО (оферта / политика / лицензия)
   Эстетика «лист дела»: машинопись, поля, штамп редакции, подшивка. Единый язык с index.html */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --paper:#e6ddc8; --sheet:#f3eddd; --ink:#14110c; --muted:#4c4434; --hair:#c9bd9f;
  --blue:#22365c; --red:#9a241f; --green:#2f5e3a; --card:#b59a63; --line:#16130d;
  --mono:'Courier Prime',monospace; --display:'Oswald',sans-serif; --serif:'PT Serif',Georgia,serif;
  --shadow:6px 6px 0 rgba(20,17,12,.85); --shadow-sm:4px 4px 0 rgba(20,17,12,.8);
}
html{scroll-behavior:smooth}
body{font-family:var(--serif);color:var(--ink);background:var(--paper);line-height:1.62;position:relative;padding:34px 0 70px}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E")}

.back{display:inline-flex;align-items:center;gap:8px;max-width:860px;margin:0 auto 16px;padding:0 24px;position:relative;z-index:1;
  font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;color:var(--muted);text-decoration:none}
.back:hover{color:var(--red)}
.back .k{font-family:var(--display);font-weight:700}

.doc{max-width:860px;margin:0 auto;background:var(--sheet);border:2px solid var(--ink);box-shadow:var(--shadow);
  padding:54px 60px 60px;position:relative;z-index:1}

/* шапка-бланк */
.dhead{border-bottom:3px solid var(--ink);padding-bottom:22px;margin-bottom:34px;position:relative}
.dhead .brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.dhead .brand .ls{width:36px;height:36px;border:2.5px solid var(--ink);display:flex;align-items:center;justify-content:center;
  font-family:var(--display);font-weight:700;font-size:17px}
.dhead .brand .lt{font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:.06em}
.dhead h1{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:33px;line-height:1.02;letter-spacing:-.01em}
.dhead .meta{font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.04em;margin-top:12px}
.dhead .red-stamp{position:absolute;top:0;right:0;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:11px;
  letter-spacing:.06em;color:var(--red);border:2.5px solid var(--red);padding:7px 12px;transform:rotate(-6deg);text-align:center;line-height:1.2}

/* блок-предупреждение черновика */
.req{background:#fff;border:2px dashed var(--red);padding:18px 20px;margin:6px 0 8px;position:relative;
  font-family:var(--mono);font-size:13px;line-height:1.85;color:var(--ink)}
.req .req-stamp{position:absolute;top:-11px;left:18px;background:var(--red);color:var(--sheet);font-family:var(--display);
  font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.08em;padding:3px 9px}
.req b{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;font-size:13px}
.req .ph{color:var(--red);font-weight:700}

/* разделы */
.doc h2{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:19px;letter-spacing:.01em;
  margin:34px 0 12px;padding-top:18px;border-top:1.5px solid var(--hair);display:flex;gap:12px;align-items:baseline}
.doc h2 .nn{color:var(--red);font-family:var(--mono);font-size:15px;font-weight:700;flex-shrink:0}
.doc h2:first-of-type{border-top:none;padding-top:0;margin-top:8px}
.doc p{margin:9px 0;font-size:15.5px}
.doc p.lead{font-size:16px;color:var(--muted);font-style:italic;margin-bottom:6px}
.doc ul,.doc ol{margin:9px 0 9px 6px;padding-left:22px}
.doc li{font-size:15px;margin:6px 0;line-height:1.55}
.doc ul li::marker{color:var(--red)}
.doc .term{font-family:var(--mono);font-size:14px}
.doc b,.doc strong{font-weight:700}
.doc a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.doc a:hover{color:var(--red)}
.note{background:var(--paper);border-left:4px solid var(--blue);padding:14px 18px;margin:18px 0;font-size:14.5px}
.note b{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;font-size:13.5px;color:var(--blue)}

/* подвал листа */
.dfoot{margin-top:46px;padding-top:20px;border-top:3px solid var(--ink);display:flex;justify-content:space-between;
  align-items:center;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--muted)}
.dfoot .seal{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.07em;
  color:var(--blue);border:2px solid var(--blue);padding:4px 11px;transform:rotate(-3deg);opacity:.85}

@media(max-width:720px){
  body{padding:18px 0 50px}
  .doc{padding:34px 22px 40px;border-left:none;border-right:none;box-shadow:none}
  .back{padding:0 18px}
  .dhead h1{font-size:24px}
  .dhead .red-stamp{position:static;display:inline-block;transform:rotate(-3deg);margin-top:14px}
}