/* ============================================================
   Daimo — документные страницы портала (политика, оферта, согласие,
   удаление данных). Брендбук v4: лён/эспрессо/золото, Piazzolla +
   Commissioner. До 31.08.2026 эти страницы жили на закрытой v1-системе
   (Unbounded + электрик #0030D9) — она снята вместе с этим файлом.

   Отдельный файл, а не assets/style.css: там вёрстка портала на 18 страниц
   (герои, сетки, аккордеоны), документам из неё нужны только токены и текст.
   Шрифты те же self-hosted, что и на портале.
   ============================================================ */

/* ---------- шрифты (вариативные, кириллица + латиница) ---------- */
@font-face {
  font-family: 'Piazzolla';
  font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('/assets/fonts/piazzolla-var-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Piazzolla';
  font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('/assets/fonts/piazzolla-var-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;
}
@font-face {
  font-family: 'Commissioner';
  font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('/assets/fonts/commissioner-var-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Commissioner';
  font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('/assets/fonts/commissioner-var-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;
}

/* ---------- палитра (брендбук v4 §09) ---------- */
:root {
  --ink:      #2B2115;  /* уголь — основной текст */
  --paper:    #F7F1E3;  /* слоновая кость — фон */
  --linen:    #EDE2CD;  /* лён — подложки, выноски */
  --cognac:   #9A6227;  /* коньяк — ссылки, заголовки */
  --tobacco:  #715433;  /* табак — вторичный текст */
  --sand:     #D9C5A3;  /* песок — линии */
  --gold:     #E09A45;  /* закатное золото — точка знака, акцент */
}

/* ---------- база ---------- */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: 'Commissioner', 'Segoe UI', sans-serif;
  font-size: 16px; font-weight: 300; line-height: 1.75;
  color: var(--ink); background: var(--paper);
  -webkit-text-size-adjust: 100%;
}
::selection { background: var(--gold); color: #271C12; }
.wrap { max-width: 720px; margin: 0 auto; padding: 0 20px; }

/* ---------- знак: канонический сниппет брендбука v4 §08 ----------
   точка строго над осью «I»: смещение = −(letter-spacing ÷ 2) */
header { border-bottom: 1px solid var(--sand); padding: 18px 0; }
.logo {
  font-family: 'Commissioner', sans-serif; font-weight: 300; font-size: 15px;
  letter-spacing: .32em; text-transform: uppercase; color: var(--ink);
  text-decoration: none; display: inline-flex; align-items: center;
}
.logo .i { position: relative; }
.logo .i::before {
  content: ''; position: absolute; top: -.42em; left: calc(50% - .16em);
  transform: translateX(-50%); width: .17em; height: .17em;
  border-radius: 50%; background: var(--gold);
}

/* ---------- текст ---------- */
main { padding: 56px 0 80px; }
h1 {
  font-family: 'Piazzolla', Georgia, serif; font-weight: 300;
  font-size: clamp(27px, 4.4vw, 40px); line-height: 1.15;
  color: var(--ink); margin-bottom: 10px;
}
.date { font-size: 13.5px; color: var(--tobacco); margin-bottom: 40px; }
h2 {
  font-family: 'Piazzolla', Georgia, serif; font-weight: 400;
  font-size: 20px; line-height: 1.3; color: var(--cognac);
  margin: 42px 0 12px;
}
h3 { font-size: 14px; font-weight: 600; letter-spacing: .02em; margin: 26px 0 8px; }
p + p { margin-top: .8em; }
b, strong { font-weight: 600; }
ul, ol { margin: 10px 0 10px 22px; }
li + li { margin-top: 6px; }
a { color: var(--cognac); text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { color: var(--tobacco); }
hr { border: none; border-top: 1px solid var(--sand); margin: 32px 0; }

/* выноска — там, где в старой вёрстке был жёлтый блок */
.note {
  background: var(--linen); border-left: 2px solid var(--gold);
  padding: 16px 18px; margin: 22px 0; font-size: 15px;
}

table { border-collapse: collapse; width: 100%; margin: 16px 0; font-size: 14.5px; }
th, td { border-bottom: 1px solid var(--sand); padding: 10px 8px; text-align: left; vertical-align: top; }
th { font-weight: 600; color: var(--tobacco); }

footer {
  border-top: 1px solid var(--sand); padding: 28px 0;
  font-size: 13.5px; color: var(--tobacco);
}
footer a { color: var(--tobacco); }

/* реквизиты в оферте — исторический класс, тот же приём, что и .note */
.req { background: var(--linen); padding: 20px 22px; margin-top: 36px; font-size: 15px; }