/* Учебная среда, «Опыт крупным планом» (концепт В1, перенос на все страницы 17.10.2026, дизайнер-сайтов).
   Контраст по WCAG 2.x, норма текста 4,5:1. Посчитано скриптом по токенам, в скобках пара.
   Тёмная сцена: ink 16,86 и mute 10,04 к night; lime 16,37 к night; on-lime 15,59 к lime.
   Бумага: p-ink 16,96, p-mute 6,82, p-link 9,05, pen-text 4,94 к paper. #E5372B на бумаге 4,12 — только для линий и штампа, текст ответов pen-text. */

/* Шрифты fontsource, свои копии: Unbounded 800 (заголовки, логотип), Manrope 400/700 (текст, кнопки, цифры с tnum, ρ из greek), Caveat 700 (рукописные ответы) */
@font-face{font-family:"Unbounded";src:url(/assets/unbounded-cyrillic-800-normal.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Unbounded";src:url(/assets/unbounded-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2212,U+2215}
@font-face{font-family:"Manrope";src:url(/assets/manrope-cyrillic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";src:url(/assets/manrope-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2212,U+2215}
@font-face{font-family:"Manrope";src:url(/assets/manrope-greek-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0370-03FF}
@font-face{font-family:"Manrope";src:url(/assets/manrope-cyrillic-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";src:url(/assets/manrope-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2212,U+2215}
@font-face{font-family:"Manrope";src:url(/assets/manrope-greek-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0370-03FF}
@font-face{font-family:"Caveat";src:url(/assets/caveat-cyrillic-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Caveat";src:url(/assets/caveat-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2212}

:root{
  /* сцена: холодная ночь лаборатории, без золота и тёплых тонов */
  --night:#061312;        /* фон страницы, пипеткой с края кадра сцены */
  --night-2:#0C211F;      /* приподнятые плитки на сцене: ink 14,93, mute 8,89, lime 14,50 */
  --ink:#EAF4F1;          /* текст на сцене */
  --mute:#A9C2BD;         /* второй текст на сцене */
  --line:rgba(234,244,241,.16);
  --field:#6F8A85;        /* рамка поля на сцене: 5,0 к night */
  --link:#D4FF3A;
  --lime:#D4FF3A;         /* один акцент: кнопка, выделенное слово, плашка формулы */
  --on-lime:#0B1A08;      /* текст на лайме */
  /* бумага: лист и длинный текст читаются на светлом */
  --paper:#FBFBF7;
  --p-ink:#151A19; --p-mute:#4F5B58; --p-line:#D7DCDA; --p-field:#7A8780; --p-link:#0F4F4A;
  --pen:#E5372B;          /* красная ручка: штамп, линии */
  --pen-text:#D02E22;     /* красный текст ответов и ошибок на бумаге */
  --ok:#1E7A46; --good-bg:#E6F2EA; --pen-bg:#FBE9E6;
  /* типографика */
  --f-display:"Unbounded","Manrope",system-ui,sans-serif;
  --f-text:"Manrope",system-ui,sans-serif;
  --f-head:var(--f-text);   /* интерфейс; им же набрана панель печатных страниц */
  --f-hand:"Caveat","Manrope",cursive;
  --fs-body:1.0625rem; --lh-body:1.6; --fs-small:.875rem;
  --fs-h1:clamp(1.625rem,1.1rem + 2.2vw,2.75rem);
  --fs-h2:clamp(1.25rem,1.05rem + .8vw,1.75rem);
  /* сетка */
  --block:20px; --section:48px; --radius:14px; --r-sm:8px;
  --wrap:1440px; --measure:68ch; --tap:44px; --btn-h:52px;
  --top-h:82px;           /* высота шапки на ПК, от неё считается сцена */
  --scene-h:560px;
  --shadow:0 30px 70px rgba(0,0,0,.5);
}
@media (max-width:820px){:root{--top-h:96px;--scene-h:340px;--section:40px}}