/* Юридические страницы «Приметно»: тот же шрифт и шапка, что на главной. Тексты документов не менялись. */
@font-face {
  font-family: "Primetno Roboto";
  src: url("fonts/roboto-var-cyr-lat.woff2") format("woff2-variations"),
       url("fonts/roboto-var-cyr-lat.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 75% 100%;
  font-display: swap;
}
:root {
  --f: "Primetno Roboto", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ink: #101214; --text: #24272a; --muted: #5d6062; --line: #d6d3cc; --line-2: #a4a09a;
  --bg: #f6f2ec; --graphite: #1a1e1f; --cream: #fffdf8; --orange: #f9712b;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--text); font: 400 17px/1.6 var(--f); -webkit-font-smoothing: antialiased; font-variant-numeric: lining-nums; }

.lhdr { background: var(--graphite); }
.lhdr__in { max-width: 1440px; margin: 0 auto; height: 56px; padding: 0 clamp(16px, 4.17vw, 60px); display: flex; align-items: center; }
.logo { display: inline-flex; align-items: center; gap: 20px; color: var(--cream); text-decoration: none; }
.logo svg { width: 28px; height: 33px; fill: currentColor; }
.logo span { font-size: 23px; font-weight: 800; letter-spacing: -0.012em; line-height: 1; }

.doc { max-width: 800px; margin: 0 auto; padding: 36px 16px 88px; }
h1 { margin: 14px 0 8px; font-size: clamp(32px, 4.4vw, 46px); font-weight: 900; font-stretch: 82%; line-height: 1; letter-spacing: -0.012em; color: var(--ink); }
h2 { margin: 36px 0 10px; padding-top: 16px; border-top: 1px solid var(--line-2); font-size: 22px; font-weight: 800; font-stretch: 90%; line-height: 1.25; color: var(--ink); }
.meta, .back { margin: 0; font-size: 14px; line-height: 1.4; color: var(--muted); }
.back a { color: var(--muted); text-decoration: none; border-bottom: 1px solid currentColor; }
.back a:hover { color: var(--ink); }
p { margin: 0 0 12px; }
a { color: var(--ink); text-decoration-color: var(--orange); text-underline-offset: 3px; }
ol, ul { padding-left: 1.3em; margin: 0 0 12px; }
li { margin: 6px 0; }
b { color: var(--ink); }
.plans { width: 100%; border-collapse: collapse; margin: 12px 0 16px; font-size: 15px; line-height: 1.45; background: #fbf9f5; }
.plans th, .plans td { border: 1px solid var(--line); padding: 9px 11px; text-align: left; vertical-align: top; }
.plans th { font-weight: 700; color: var(--ink); background: #efebe4; }
@media (max-width: 640px) {
  body { font-size: 16px; }
  .lhdr__in { height: 58px; }
  .logo svg { width: 25px; height: 30px; }
  .logo span { font-size: 22px; }
  .plans, .plans tbody, .plans tr, .plans td, .plans th { display: block; width: 100%; }
  .plans tr:first-child { display: none; }
  .plans tr { border: 1px solid var(--line); margin-bottom: 10px; }
  .plans td { border: 0; border-bottom: 1px solid var(--line); }
  .plans td:last-child { border-bottom: 0; }
}