/* Страницы документов: оферта, политика конфиденциальности, согласие — в стиле приложения ETHOS */
@font-face { font-family: "Forum"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/forum-400.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/garamond-300.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/garamond-500.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/garamond-600.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/garamond-400i.woff2") format("woff2"); }
@font-face { font-family: "Cinzel"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/cinzel-500.woff2") format("woff2"); }
@font-face { font-family: "Cinzel"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/cinzel-600.woff2") format("woff2"); }

:root {
  --bg: #0c0a08; --bg-2: #16120e; --line: rgba(237, 230, 216, .10); --line-2: rgba(237, 230, 216, .24);
  --text: #ede6d8; --body: #c9bfae; --soft: #c9bfae; --muted: #968b79; --dim: #857b6a; --bronze: #c2a476;
  --card: rgba(237, 230, 216, .04);
  --serif: "Cormorant Garamond", "Times New Roman", serif; --caps: "Forum", "Times New Roman", serif; --roman: "Cinzel", "Times New Roman", serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { background: var(--bg); color-scheme: dark; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--body); font: 500 18px/1.65 var(--serif); font-variant-numeric: lining-nums; }
body::before { content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 375 812' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3CradialGradient id='g' gradientUnits='userSpaceOnUse' cx='30' cy='49' r='1' gradientTransform='translate(30 49) scale(319 365) translate(-30 -49)'%3E%3Cstop offset='0' stop-color='%2333291f'/%3E%3Cstop offset='1' stop-color='%2333291f' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' gradientUnits='userSpaceOnUse' cx='375' cy='633' r='1' gradientTransform='translate(375 633) scale(206 244) translate(-375 -633)'%3E%3Cstop offset='0' stop-color='%23241d16' stop-opacity='0.9'/%3E%3Cstop offset='1' stop-color='%23241d16' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='375' height='812' fill='%230c0a08'/%3E%3Crect width='375' height='812' fill='url(%23g)'/%3E%3Crect width='375' height='812' fill='url(%23e)'/%3E%3Ccircle cx='-60' cy='210' r='280' stroke='%23ede6d8' stroke-opacity='0.05' stroke-width='0.8' fill='none'/%3E%3Ccircle cx='-60' cy='210' r='300' stroke='%23ede6d8' stroke-opacity='0.03' stroke-width='0.6' fill='none'/%3E%3Cpath d='M 215 -10 C 285 45, 300 10, 395 80.0' stroke='%23ede6d8' stroke-opacity='0.15' stroke-width='0.6' fill='none'/%3E%3Cpath d='M 221 -10 C 291 51, 294 22, 395 88.4' stroke='%23ede6d8' stroke-opacity='0.13' stroke-width='0.6' fill='none'/%3E%3Cpath d='M 227 -10 C 297 57, 288 34, 395 96.8' stroke='%23ede6d8' stroke-opacity='0.11' stroke-width='0.6' fill='none'/%3E%3Cpath d='M 233 -10 C 303 63, 282 46, 395 105.2' stroke='%23ede6d8' stroke-opacity='0.09' stroke-width='0.6' fill='none'/%3E%3Cpath d='M 239 -10 C 309 69, 276 58, 395 113.6' stroke='%23ede6d8' stroke-opacity='0.07' stroke-width='0.6' fill='none'/%3E%3Cpath d='M 245 -10 C 315 75, 270 70, 395 122.0' stroke='%23ede6d8' stroke-opacity='0.05' stroke-width='0.6' fill='none'/%3E%3Cpath d='M 395 560 C 300 600, 360 700, 230 830' stroke='%23ede6d8' stroke-opacity='0.110' stroke-width='0.6' fill='none'/%3E%3Cpath d='M 395 566 C 294 606, 366 694, 218 830' stroke='%23ede6d8' stroke-opacity='0.095' stroke-width='0.6' fill='none'/%3E%3Cpath d='M 395 572 C 288 612, 372 688, 206 830' stroke='%23ede6d8' stroke-opacity='0.080' stroke-width='0.6' fill='none'/%3E%3Cpath d='M 395 578 C 282 618, 378 682, 194 830' stroke='%23ede6d8' stroke-opacity='0.065' stroke-width='0.6' fill='none'/%3E%3Cpath d='M 395 584 C 276 624, 384 676, 182 830' stroke='%23ede6d8' stroke-opacity='0.050' stroke-width='0.6' fill='none'/%3E%3Cpath d='M 395 590 C 270 630, 390 670, 170 830' stroke='%23ede6d8' stroke-opacity='0.035' stroke-width='0.6' fill='none'/%3E%3C/svg%3E") center / cover no-repeat; }
a { color: var(--bronze); text-underline-offset: 3px; }
a:hover { color: var(--text); }
::selection { background: var(--bronze); color: var(--bg); }

.lg-top, .lg-doc, .lg-foot { position: relative; z-index: 1; }
.lg-top {
  position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 16px max(16px, calc((100vw - 760px) / 2)); background: rgba(12, 10, 8, .94); border-bottom: 1px solid var(--line);
}
.lg-logo { font: 600 17px/1 var(--roman); letter-spacing: .3em; color: var(--text); text-decoration: none; }
.lg-back { font: 400 12px/1 var(--caps); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); text-decoration: none; white-space: nowrap; }
.lg-back:hover { color: var(--text); }

.lg-doc { max-width: 760px; margin: 0 auto; padding: 48px 16px 80px; }
.lg-doc h1 { font: 300 clamp(38px, 7vw, 56px)/1.05 var(--serif); color: var(--text); margin: 0 0 12px; }
.lg-meta { font: 400 12px/1.6 var(--caps); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); margin: 0 0 36px; }
.lg-doc h2 { font: 300 30px/1.2 var(--serif); color: var(--text); margin: 48px 0 14px; padding-top: 26px; border-top: 0; position: relative; }
.lg-doc h2::before { content: ""; position: absolute; top: 0; left: 0; width: 140px; height: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='12'%3E%3Cpath d='M0 6 H60.0 M80.0 6 H140' stroke='%23ede6d8' stroke-opacity='0.25' stroke-width='0.8'/%3E%3Cpath d='M70.0 1.5 L74.5 6 L70.0 10.5 L65.5 6 Z' stroke='%23ede6d8' stroke-opacity='0.6' stroke-width='0.8' fill='none'/%3E%3C/svg%3E") center / contain no-repeat; }
.lg-doc h3 { font: 400 13px/1.5 var(--caps); letter-spacing: .18em; text-transform: uppercase; color: var(--muted); margin: 26px 0 8px; }
.lg-doc p { margin: 0 0 12px; }
.lg-doc ul, .lg-doc ol { margin: 0 0 12px; padding-left: 22px; }
.lg-doc li { margin-bottom: 6px; }
.lg-doc b, .lg-doc strong { color: var(--text); font-weight: 600; }
.lg-num { color: var(--bronze); font-variant-numeric: lining-nums; margin-right: 6px; }

.lg-toc { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 20px 24px; margin: 0 0 8px; }
.lg-toc ol { margin: 0; padding-left: 22px; columns: 2; column-gap: 28px; font-size: 18px; }
.lg-toc a { color: var(--soft); text-decoration: none; }
.lg-toc a:hover { color: var(--text); }

.lg-table { width: 100%; border-collapse: collapse; font-size: 18px; margin: 8px 0 16px; }
.lg-table th, .lg-table td { text-align: left; vertical-align: top; padding: 11px 14px 11px 0; border-bottom: 1px solid var(--line); }
.lg-table th { color: var(--muted); font: 400 12px/1.5 var(--caps); letter-spacing: .14em; text-transform: uppercase; width: 38%; padding-top: 14px; }

/* ещё не заполненные данные — видно сразу, чтобы не забыть */
.todo { background: rgba(194, 164, 118, .16); color: var(--bronze); border: 1px dashed rgba(194, 164, 118, .6); border-radius: 6px; padding: 0 6px; }

.lg-foot { max-width: 760px; margin: 0 auto; padding: 56px 16px 40px; font: 400 12px/1.6 var(--caps); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); display: flex; flex-wrap: wrap; gap: 8px 22px; position: relative; }
.lg-foot::before { content: ""; position: absolute; top: 0; left: 50%; width: 220px; height: 11px; transform: translateX(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='11' viewBox='0 -0.5 220 11'%3E%3Cpath d='M0 10 V0 H8.0 V6.0 H4.0 V4.0 H6.0 V2.0 H2.0 V10 H10 V0 H18.0 V6.0 H14.0 V4.0 H16.0 V2.0 H12.0 V10 H20 V0 H28.0 V6.0 H24.0 V4.0 H26.0 V2.0 H22.0 V10 H30 V0 H38.0 V6.0 H34.0 V4.0 H36.0 V2.0 H32.0 V10 H40 V0 H48.0 V6.0 H44.0 V4.0 H46.0 V2.0 H42.0 V10 H50 V0 H58.0 V6.0 H54.0 V4.0 H56.0 V2.0 H52.0 V10 H60 V0 H68.0 V6.0 H64.0 V4.0 H66.0 V2.0 H62.0 V10 H70 V0 H78.0 V6.0 H74.0 V4.0 H76.0 V2.0 H72.0 V10 H80 V0 H88.0 V6.0 H84.0 V4.0 H86.0 V2.0 H82.0 V10 H90 V0 H98.0 V6.0 H94.0 V4.0 H96.0 V2.0 H92.0 V10 H100 V0 H108.0 V6.0 H104.0 V4.0 H106.0 V2.0 H102.0 V10 H110 V0 H118.0 V6.0 H114.0 V4.0 H116.0 V2.0 H112.0 V10 H120 V0 H128.0 V6.0 H124.0 V4.0 H126.0 V2.0 H122.0 V10 H130 V0 H138.0 V6.0 H134.0 V4.0 H136.0 V2.0 H132.0 V10 H140 V0 H148.0 V6.0 H144.0 V4.0 H146.0 V2.0 H142.0 V10 H150 V0 H158.0 V6.0 H154.0 V4.0 H156.0 V2.0 H152.0 V10 H160 V0 H168.0 V6.0 H164.0 V4.0 H166.0 V2.0 H162.0 V10 H170 V0 H178.0 V6.0 H174.0 V4.0 H176.0 V2.0 H172.0 V10 H180 V0 H188.0 V6.0 H184.0 V4.0 H186.0 V2.0 H182.0 V10 H190 V0 H198.0 V6.0 H194.0 V4.0 H196.0 V2.0 H192.0 V10 H200 V0 H208.0 V6.0 H204.0 V4.0 H206.0 V2.0 H202.0 V10 H210 V0 H218.0 V6.0 H214.0 V4.0 H216.0 V2.0 H212.0 V10 H220' stroke='%23ede6d8' stroke-opacity='0.35' stroke-width='0.8' fill='none'/%3E%3C/svg%3E") center / contain no-repeat; }
.lg-foot a { color: var(--muted); text-decoration: none; }
.lg-foot a:hover { color: var(--text); }

@media (max-width: 600px) {
  body { font-size: 17px; }
  .lg-doc { padding-top: 32px; }
  .lg-toc ol { columns: 1; }
  .lg-table th, .lg-table td { display: block; width: 100%; padding: 4px 0; border: 0; }
  .lg-table tr { display: block; padding: 8px 0; border-bottom: 1px solid var(--line); }
}

/* Сплошная тёмная кромка у нижнего края экрана. Safari на iPhone красит нижнюю панель браузера в цвет пикселей у края:
   без неё там попадаются кусочки текста и кремовых кнопок, и панель становится светлой. */
.edge-guard { position: fixed; left: 0; right: 0; bottom: 0; height: 6px; background: #0c0a08; z-index: 44; pointer-events: none; }