/* Брендбук ФРАНТЛАС: развороты 16:9.
   Структура взята из брендбука ADONIS 2026 (шмуцтитулы, номера, таблицы
   параметров справа), стиль - свой: светлый лист, тонкие линии, прямые углы. */

:root{
  --синий:#0B2035;      /* цвет знака */
  --бирюза:#00B6A0;     /* акцент знака */
  --фон:#DDE3E8;
  --лист:#F7F9FA;
  --лист-2:#EDF1F4;
  --чернила:#15222E;
  --чернила-2:#5D6E7C;
  --линия:#C6D1D9;
  --линия-2:#E1E7EC;
  --охра:#9A4A16;
}
*{box-sizing:border-box}
html{color-scheme:light}
body{
  margin:0;background:var(--фон);color:var(--чернила);
  font-family:"Golos Text","Segoe UI",system-ui,sans-serif;
  font-size:16px;line-height:1.6;
}

/* --- разворот --- */
.экран{
  position:relative;width:min(1280px,100%);aspect-ratio:16/9;margin:0 auto 22px;
  background:var(--лист);border:1px solid var(--линия);
  padding:4.2% 5%;display:flex;flex-direction:column;
  container-type:inline-size;
}
.экран.тёмный{background:var(--синий);color:#EDF1F4;border-color:var(--синий)}
.экран.тёмный .надзаголовок{color:var(--бирюза)}
.экран.тёмный h2,.экран.тёмный h1{color:#fff}
.экран.тёмный .мелко,.экран.тёмный .подпись{color:#93A3B1}
.экран.тёмный table th{background:rgba(255,255,255,.06);color:#C6D1D9}
.экран.тёмный table td,.экран.тёмный table th{border-color:rgba(255,255,255,.14)}

/* шапка и подвал разворота */
.марка-верх,.низ{
  position:absolute;left:5%;right:5%;
  font-family:"JetBrains Mono",monospace;font-size:1.05cqw;letter-spacing:.14em;
  text-transform:uppercase;color:var(--чернила-2);
  display:flex;justify-content:space-between;
}
.марка-верх{top:3.4%}
.низ{bottom:3.6%}
.экран.тёмный .марка-верх,.экран.тёмный .низ{color:#7F8E9C}
.номер{color:var(--бирюза)}

.надзаголовок{
  font-family:"JetBrains Mono",monospace;font-size:1.15cqw;letter-spacing:.2em;
  text-transform:uppercase;color:var(--бирюза);margin:0 0 1.4cqw;
}
h1{font-family:"Bitter",Georgia,serif;font-weight:700;font-size:5.4cqw;line-height:1.04;
  margin:0 0 1.2cqw;letter-spacing:-.02em}
h2{font-family:"Bitter",Georgia,serif;font-weight:700;font-size:3.6cqw;line-height:1.08;
  margin:0 0 2.2cqw;letter-spacing:-.015em}
h3{font-family:"Bitter",Georgia,serif;font-weight:600;font-size:1.7cqw;margin:0 0 .7cqw}
p{margin:0 0 1cqw;font-size:1.45cqw;line-height:1.6;max-width:62ch}
.мелко{font-size:1.15cqw;color:var(--чернила-2);line-height:1.55}
.подпись{font-family:"JetBrains Mono",monospace;font-size:1.02cqw;letter-spacing:.1em;
  text-transform:uppercase;color:var(--чернила-2)}

.тело{flex:1;display:flex;gap:4%;min-height:0}
.колонка{flex:1;min-width:0;display:flex;flex-direction:column}
.колонка.уже{flex:.85}

/* таблица параметров в правой колонке - как в брендбуке Adonis */
table{border-collapse:collapse;width:100%;font-size:1.2cqw}
.параметры td{border:0;border-bottom:1px solid var(--линия-2);padding:.85cqw 0;vertical-align:top}
.параметры td:first-child{font-family:"JetBrains Mono",monospace;font-size:1.02cqw;
  letter-spacing:.1em;text-transform:uppercase;color:var(--чернила-2);white-space:nowrap;
  padding-right:2cqw}
.параметры td:last-child{text-align:right}
.сетка-таблица th,.сетка-таблица td{border:1px solid var(--линия);padding:.8cqw 1cqw;
  text-align:left;vertical-align:top}
.сетка-таблица th{background:var(--лист-2);font-weight:600;font-size:1.1cqw}

/* карточки и рамки для показа знака */
.рамка{border:1px solid var(--линия);background:#fff;display:flex;align-items:center;
  justify-content:center;padding:2.4cqw;min-height:0;flex:1}
.рамка img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.рамка.тёмная{background:var(--синий);border-color:rgba(255,255,255,.16)}
.ряд{display:flex;gap:2.2%;flex:1;min-height:0}
.ряд > *{flex:1;min-width:0}
.ячейка{display:flex;flex-direction:column;gap:.8cqw;min-height:0}

.плитки{display:flex;gap:2%;flex:1}
.плитка{flex:1;display:flex;flex-direction:column}
.плашка{height:9cqw;border:1px solid var(--линия)}
.плитка .подпись{margin-top:.8cqw}
.плашка.низкая{height:5cqw}
.код{font-family:"JetBrains Mono",monospace;font-size:1.15cqw;margin-top:.25cqw}

.список{margin:0;padding-left:1.4cqw;font-size:1.35cqw;line-height:1.7}
.список li{margin-bottom:.55cqw}
.список.мельче{font-size:1.2cqw}

.да,.нет{border:1px solid var(--линия);padding:1.4cqw 1.6cqw;flex:1;font-size:1.3cqw;line-height:1.6}
.да{background:rgba(0,182,160,.08)}
.нет{background:rgba(154,74,22,.07)}
.да .подпись{color:#0b7f70;margin-bottom:.7cqw}
.нет .подпись{color:var(--охра);margin-bottom:.7cqw}

.нельзя{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw;flex:1}
.нельзя > div{border:1px solid var(--линия);background:var(--лист-2);padding:1.2cqw;
  display:flex;flex-direction:column;justify-content:space-between}
.крест{color:var(--охра);font-size:1.6cqw;line-height:1;text-align:right}

.иконки-ряд{display:flex;align-items:flex-end;gap:2.2cqw}
.иконки-ряд figure{margin:0;text-align:center}
.иконки-ряд img{display:block;image-rendering:auto}
.иконки-ряд figcaption{font-family:"JetBrains Mono",monospace;font-size:.95cqw;
  color:var(--чернила-2);margin-top:.5cqw}

/* охранное поле */
.поле-схема{position:relative;flex:1;border:1px solid var(--линия);background:#fff;
  display:flex;align-items:center;justify-content:center;padding:6cqw}
.поле-схема .пунктир{position:absolute;inset:3.4cqw;border:1px dashed var(--бирюза)}
.поле-схема img{max-width:100%;max-height:100%;object-fit:contain;position:relative}
.метка-x{position:absolute;font-family:"JetBrains Mono",monospace;font-size:1cqw;
  color:var(--бирюза);letter-spacing:.1em}

/* титул */
.титул{justify-content:center}
.титул .знак-титул{width:58%;margin-bottom:3cqw}
.титул .знак-титул img{width:100%;display:block}

/* содержание */
.оглавление{display:grid;grid-template-columns:1fr 1fr;gap:.6cqw 5%;flex:1;align-content:start}
.оглавление a{display:flex;justify-content:space-between;gap:2cqw;text-decoration:none;
  color:inherit;border-bottom:1px solid var(--линия-2);padding:.75cqw 0;font-size:1.3cqw}
.оглавление a:hover{color:var(--бирюза)}
.оглавление .ном{font-family:"JetBrains Mono",monospace;color:var(--чернила-2);font-size:1.05cqw}

/* шмуцтитул */
.шмуц{justify-content:center}
.шмуц .цифра{font-family:"Bitter",Georgia,serif;font-weight:700;font-size:11cqw;
  line-height:.9;color:var(--бирюза);margin-bottom:.4cqw}
.шмуц h2{margin-bottom:0}
.шмуц .состав{margin-top:2.6cqw;max-width:52%}
.шмуц .состав li{border-bottom:1px solid rgba(255,255,255,.14);padding:.7cqw 0;
  list-style:none;font-size:1.25cqw;color:#B9C4CE}
.шмуц .состав ul{margin:0;padding:0}

/* телефон и планшет: разворот перестаёт быть 16:9, иначе текст нечитаем */
@media (max-width:860px){
  .экран{aspect-ratio:auto;padding:26px 20px 52px;container-type:normal}
  .марка-верх{position:static;font-size:10px;margin-bottom:18px}
  .низ{position:static;font-size:10px;margin-top:22px}
  .надзаголовок{font-size:10.5px;margin-bottom:10px}
  h1{font-size:30px}h2{font-size:23px;margin-bottom:16px}h3{font-size:17px}
  p{font-size:16px;margin-bottom:12px}
  .мелко,.подпись{font-size:13px}
  .подпись{letter-spacing:.08em}
  .тело{flex-direction:column;gap:22px}
  .ряд{flex-direction:column;gap:18px}
  .плитки{flex-wrap:wrap;gap:12px}
  .плитка{flex:1 1 40%}
  .плашка{height:64px}
  .плашка.низкая{height:52px}
  .иконки-ряд figcaption{font-size:11px}
  .оглавление .ном{font-size:12px}
  .код,.список,.да,.нет{font-size:15px}
  .нельзя{grid-template-columns:1fr 1fr;gap:12px}
  .нельзя > div{padding:12px}
  .крест{font-size:15px}
  table,.сетка-таблица th,.сетка-таблица td,.параметры td{font-size:14px}
  .параметры td:first-child{font-size:11px;padding-right:12px}
  .сетка-таблица th{font-size:13px}
  .титул .знак-титул{width:100%}
  .шмуц .цифра{font-size:64px}
  .шмуц .состав{max-width:none}
  .шмуц .состав li{font-size:15px}
  .оглавление{grid-template-columns:1fr}
  .оглавление a{font-size:15px}
  .иконки-ряд{flex-wrap:wrap;gap:16px}
  .поле-схема{padding:30px}
  .поле-схема .пунктир{inset:16px}
  .метка-x{font-size:11px}
}

/* печать: один разворот на страницу, альбомная ориентация */
@page{size:A4 landscape;margin:0}
@media print{
  body{background:#fff}
  .подсказка{display:none}
  .экран{width:100%;margin:0;border:0;break-after:page;aspect-ratio:16/9}
}

/* панель над разворотами: только для экрана, в печать не идёт */
.подсказка{
  max-width:1280px;margin:0 auto 14px;padding:10px 14px;
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  background:var(--лист);border:1px solid var(--линия);
  font-family:"JetBrains Mono",monospace;font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--чернила-2);
}
.подсказка a{color:var(--синий);font-weight:500}