/* siladoma.media — документы (ПД1). Значения взяты из общего слоя сайта Хабаровска
   (~/Claude/Siladoma/khabarovsk/static/css/tokens.css, Д3): цвета, Inter, кегли. Mobile first, 375 → 768. */
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/fonts/inter-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/fonts/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --bg: #eeeeef; --surface: #ffffff; --sand: #f8e8cf; --blue: #4b8fff; --blue-ink: #2a62c4;
  --ink: #252326; --muted: #5e5b61; --line: #e2dfda; --line-warm: #e6d6ba;
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --gutter: 16px;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 17px/25px var(--font); -webkit-text-size-adjust: 100%; }
a { color: var(--blue-ink); }

.top { background: var(--blue); padding: 12px var(--gutter); }
.logo { color: #fff; font: 700 20px/28px var(--font); letter-spacing: .04em; text-decoration: none; }

.doc { background: var(--surface); max-width: 760px; margin: 0 auto; padding: 24px var(--gutter) 48px; }
.doc h1 { font: 700 30px/34px var(--font); letter-spacing: -.02em; margin: 0 0 8px; }
.doc h2 { font: 700 21px/26px var(--font); letter-spacing: -.02em; margin: 36px 0 12px; }
.doc p, .doc ul { margin: 0 0 14px; }
.doc ul { padding-left: 22px; }
.doc li { margin-bottom: 6px; }
.meta { color: var(--muted); font: 400 15px/19px var(--font); }

/* реквизит ещё не вписан — видно сразу */
.todo { background: var(--sand); border: 1px dashed var(--line-warm); border-radius: 4px; padding: 0 4px; color: var(--muted); white-space: nowrap; }

.foot { max-width: 760px; margin: 0 auto; padding: 20px var(--gutter) 40px; color: var(--muted); font: 400 14px/20px var(--font); }
.foot p { margin: 0 0 6px; }
.foot a { color: var(--muted); }

@media (min-width: 768px) {
  :root { --gutter: 40px; }
  .doc { margin-top: 32px; border-radius: 12px; padding-top: 40px; }
  .doc h1 { font-size: 38px; line-height: 42px; }
}