/* Document styles. Shared by the app and by the "Скачать HTML" export, so keep this file free of app chrome. */
:root{
  color-scheme: light;
  /* Ava Solutions presentation identity: yellow #FFE600, black, white. Font: Arial. */
  --yellow:#FFE600; --ink:#111111; --ink-2:#52514e; --muted:#7a786f;
  --paper:#ffffff; --surface:#f6f5f1; --line:#e4e2dc; --line-strong:#cfccc2;
  --calc-bg:#fff8c4; --flag-bg:#fde3e0; --flag-ink:#7a1a10; --na-ink:#7a786f;
  --info-bg:#eef4fd; --info-line:#2a78d6;
  --radius:10px; --font: Arial, Helvetica, "Liberation Sans", sans-serif;
}
.doc{font:16px/1.55 var(--font);color:var(--ink)}
.doc *{box-sizing:border-box}
.doc .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- cover ---------- */
.doc .cover{background:var(--ink);color:#fff;padding:clamp(24px,5vw,52px) clamp(18px,4vw,40px);border-bottom:8px solid var(--yellow);border-radius:var(--radius) var(--radius) 0 0;margin-bottom:28px}
.doc .brand{display:inline-block;font-weight:700;letter-spacing:.02em;color:var(--yellow);margin-bottom:clamp(18px,4vw,40px)}
/* LOGO SLOT: .brand is the place for the approved Ava Solutions logo file. Do not redraw the logo. */
.doc .cover h1{font-size:clamp(26px,4.4vw,46px);line-height:1.1;margin:0 0 14px;max-width:20ch}
.doc .cover__sub{font-size:clamp(15px,1.8vw,19px);color:#d8d6cd;max-width:62ch;margin:0 0 24px}
.doc .cover__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 28px;margin:0;font-size:14px}
.doc .cover__meta dt{color:var(--yellow);font-size:12px;letter-spacing:.04em;margin-bottom:2px}
.doc .cover__meta dd{margin:0;color:#fff}

/* ---------- text ---------- */
.doc h2.sec{font-size:clamp(22px,3vw,30px);line-height:1.2;margin:clamp(30px,5vw,54px) 0 18px;padding-bottom:10px;border-bottom:4px solid var(--yellow);scroll-margin-top:84px}
.doc h3.sub{font-size:18px;margin:28px 0 10px}
.doc p{margin:0 0 14px;max-width:80ch}
.doc ul,.doc ol{margin:0 0 18px;padding-left:22px;max-width:80ch}
.doc li{margin:0 0 8px}
.doc strong{font-weight:700}

/* ---------- callouts ---------- */
.doc .callout{border-radius:var(--radius);padding:16px 18px;margin:0 0 22px;border:1px solid var(--line-strong);background:var(--surface)}
.doc .callout p{margin:0;max-width:none}
.doc .callout__title{font-weight:700;margin-bottom:4px!important}
.doc .callout--warn{background:#fff9cc;border-color:#e6d200;border-left:8px solid var(--yellow)}
.doc .callout--info{background:var(--info-bg);border-color:#c5d9f4;border-left:8px solid var(--info-line)}
.doc .callout--key{background:var(--ink);color:#fff;border-color:var(--ink);border-left:8px solid var(--yellow)}

/* ---------- KPI cards ---------- */
.doc .kpis{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;max-width:none}
.doc .kpi{margin:0;background:var(--surface);border-radius:var(--radius);padding:16px 18px;border-top:6px solid var(--yellow);display:flex;flex-direction:column;gap:4px}
.doc .kpi__label{font-size:12px;color:var(--ink-2);letter-spacing:.02em}
.doc .kpi__value{font-size:clamp(28px,4vw,40px);line-height:1.05}
.doc .kpi__sub{font-size:13px;color:var(--ink-2)}

/* ---------- tables ---------- */
.doc .table-wrap{margin:0 0 26px}
.doc .table-cap{font-weight:700;font-size:14px;color:var(--ink-2);margin-bottom:8px}
.doc .table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}
.doc .data-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.4;table-layout:fixed}
.doc .data-table th,.doc .data-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;overflow-wrap:anywhere}
.doc .data-table thead th{background:var(--ink);color:#fff;font-size:13px}
.doc .data-table thead .th-sub{display:block;font-weight:400;color:var(--yellow);font-size:12px}
.doc .data-table tbody th{background:var(--surface);font-weight:700;border-right:1px solid var(--line)}
.doc .data-table tbody tr:last-child th,.doc .data-table tbody tr:last-child td{border-bottom:0}
.doc .data-table .is-total th,.doc .data-table .is-total td{font-weight:700;border-top:2px solid var(--ink)}
.doc .data-table [data-kind="calc"]{background:var(--calc-bg);font-style:italic}
.doc .data-table [data-kind="flag"]{background:var(--flag-bg);color:var(--flag-ink);font-weight:700}
.doc .data-table [data-kind="na"]{color:var(--na-ink)}
.doc .data-table tbody th[data-kind]{font-weight:700}
.doc .table-note{font-size:13px;color:var(--ink-2);margin:10px 2px 0;max-width:none}

/* ---------- figures & charts ---------- */
.doc .figure{margin:0 0 28px}
.doc .figure img,.doc .figure svg{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.doc .figure--narrow{max-width:360px}
.doc .figure figcaption{font-size:13px;color:var(--ink-2);margin-top:8px}

@media (max-width:720px){
  .doc{font-size:15px}
  .doc .data-table{font-size:13px}
  .doc .data-table th,.doc .data-table td{padding:8px 9px}
}
@media print{
  .doc .cover,.doc .data-table thead th,.doc .callout,.doc .kpi{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .doc .table-scroll{overflow:visible}
  .doc .figure,.doc .table-wrap,.doc tr{break-inside:avoid}
  .doc h2,.doc h3{break-after:avoid}
}