
/* ═══ avm — скин «в цветах Aviamasters» (ревёрстка 2026-10-21):
/* небо #5BB8E8→#8FD4F6, океан #0F4E88/#1E72B8, CTA-красный #E23B2E,
/* вин-зелёный #33C152, облака #FFFFFF/#EAF7FE. Light default. ═══ */
:root{
  --avm-sky:#5BB8E8; --avm-sky-l:#8FD4F6; --avm-sky-xl:#D6EFFC;
  --avm-ocean:#0F4E88; --avm-ocean-2:#1E72B8; --avm-ink:#12283C;
  --avm-red:#E23B2E; --avm-red-d:#C42D22; --avm-win:#33C152;
  --avm-cloud:#FFFFFF; --avm-cloud-2:#EAF7FE;
  --avm-bg:var(--avm-cloud-2); --avm-card:var(--avm-cloud);
  --avm-text:#12283C; --avm-mut:#4A637D; --avm-line:rgba(15,78,136,.16);
  --avm-line-2:rgba(15,78,136,.10);
  --avm-head-bg:var(--avm-ocean); --avm-head-fg:#FFFFFF;
  --avm-soft:rgba(91,184,232,.10);
  color-scheme:light;
}
@media (prefers-color-scheme: dark){ :root{
  --avm-bg:#07223F; --avm-card:#0F3B66; --avm-text:#DCEBFA; --avm-mut:#8FB3D4;
  --avm-sky-xl:#163D68; --avm-line:rgba(143,212,246,.24); --avm-line-2:rgba(143,212,246,.14);
  --avm-head-bg:#06152A; --avm-soft:rgba(30,114,184,.22);
  color-scheme:dark;
}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;padding:0 0 128px;background:var(--avm-bg);color:var(--avm-text);
  font:16px/1.66 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-text-size-adjust:100%}
a{color:var(--avm-ocean-2)}
a:hover{color:var(--avm-red)}
@media (prefers-color-scheme: dark){ a{color:var(--avm-sky-l)} }
img{max-width:100%}
[hidden]{display:none!important}

/* ── header: бренд + СВОЁ меню (data-k + I18N) + свитчер языков (%menu%).
   %menu% — перекрытие из инклюда (avm_menu raw HTML): движковое
   generate_menu перекрыто phpMenuOverride всегда, дорвей-меню не светится.
   До локализации JS чипы = коды языков (самодостаточно в любом языке) ── */
.x-header{position:sticky;top:0;z-index:40;background:var(--avm-head-bg);color:var(--avm-head-fg);
  box-shadow:0 2px 14px rgba(7,34,63,.30)}
.x-hbar{max-width:1100px;margin:0 auto;padding:9px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.x-brand{display:flex;align-items:center;gap:9px;color:#fff;font-weight:800;font-size:1.04rem;
  letter-spacing:.01em;text-decoration:none;white-space:nowrap}
.x-brand-glyph{width:34px;height:34px;border-radius:9px;flex-shrink:0}
.x-brand:hover{color:#fff}
.x-nav{display:flex;gap:2px;flex-wrap:wrap;align-items:center;min-width:0}
.x-nav a{color:var(--avm-sky-l);text-decoration:none;font-size:.93rem;font-weight:600;
  padding:5px 10px;border-radius:8px;white-space:nowrap}
.x-nav a:hover{background:rgba(143,212,246,.15);color:#fff}
.x-nav a.active{background:rgba(143,212,246,.18);color:#fff}
/* свитчер языков в шапке: чипы на тёмном фоне хедера,
   один вид для light/dark (сам хедер меняет --avm-head-bg) */
.x-lang{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-left:auto;padding-left:8px}
.x-lang a,.x-lang .cur{font-size:.78rem;font-weight:700;text-decoration:none;padding:4px 10px;
  border-radius:999px;border:1px solid rgba(143,212,246,.32);color:#BFE6F8;
  background:rgba(143,212,246,.08);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.x-lang .cur{background:var(--avm-sky-l);border-color:var(--avm-sky-l);color:#0B2C4C}
.x-lang a:hover{background:rgba(143,212,246,.22);color:#fff;border-color:rgba(143,212,246,.55)}
@media(max-width:760px){
  .x-hbar{padding:8px 12px;gap:8px}
  .x-brand{font-size:.98rem;margin-right:auto}
  .x-nav{overflow-x:auto;max-width:100%;padding-bottom:2px;-webkit-overflow-scrolling:touch}
  .x-nav a{font-size:.88rem;padding:4px 8px}
  .x-lang{margin-left:0;padding-left:0;justify-content:flex-start}
}

/* ── контент-колонка ── */
main{padding:22px 0 8px}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.article{background:var(--avm-card);border:1px solid var(--avm-line);border-radius:16px;
  padding:26px 26px 28px;box-shadow:0 6px 22px rgba(15,78,136,.08)}
@media(max-width:560px){.article{padding:16px 13px 20px;border-radius:13px}}

/* типографика прозы (таблицы/карточки — на всю ширину) */
.article p,.article li,.article blockquote{max-width:70ch}
.article h1,.article h2,.article h3,.article h4{line-height:1.27;color:var(--avm-ocean);margin:1.25em 0 .45em}
@media(prefers-color-scheme:dark){.article h1,.article h2,.article h3,.article h4,.article strong{color:var(--avm-sky-l)}}
.article p{margin:.65em 0}
.article ul,.article ol{margin:.55em 0;padding-left:1.4em}
.article li{margin:.30em 0}
.article strong{color:var(--avm-ocean)}
.article hr{border:0;border-top:1px solid var(--avm-line);margin:1.4em 0}

/* breadcrumb */
.x-crumb{margin:0 0 6px}
.x-crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 4px;
  font-size:.82rem;color:var(--avm-mut)}
.x-crumb li{display:flex;align-items:baseline}
.x-crumb li+li::before{content:"›";margin:0 5px;color:var(--avm-mut)}
.x-crumb a,.x-crumb span{color:var(--avm-mut);text-decoration:none}
.x-crumb a:hover{color:var(--avm-red)}
.x-crumb li:last-child span{color:var(--avm-text);font-weight:600}

/* hero (home) */
.x-hero{margin:0 0 8px;border-radius:14px;overflow:hidden;border:1px solid var(--avm-line);
  background:linear-gradient(160deg,#8FD4F6 0%,#5BB8E8 62%,#1B6299 100%)}
.x-hero-svg{display:block;width:100%;height:auto}

/* шапка страницы: иконка + H1 + meta-бейджи */
.x-head{margin:14px 0 18px;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:start}
.x-head-ic{grid-row:1/span 2;width:62px;height:62px;border-radius:13px;flex-shrink:0;
  border:1px solid var(--avm-line);background:var(--avm-cloud-2);overflow:hidden}
.x-head-ic .x-svg{width:62px;height:62px;display:block}
.x-head h1{margin:0;font-size:1.72rem;line-height:1.22}
.x-meta{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.84rem}
.x-meta p{margin:0}
@media(max-width:560px){.x-head-ic{width:50px;height:50px;border-radius:11px}
  .x-head-ic .x-svg{width:50px;height:50px}
  .x-head h1{font-size:1.34rem}}
.x-badge{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--avm-soft);
  border:1px solid var(--avm-line);color:var(--avm-ocean);font-weight:600;font-size:.8rem}
@media(prefers-color-scheme:dark){.x-badge{color:var(--avm-sky-l)}}
.x-badge a{color:inherit;text-decoration:none}
.x-badge a:hover{color:var(--avm-red)}

/* секция с H2 */
.x-sec{margin:26px 0 4px}
.x-sec:first-of-type{margin-top:18px}
.x-h2{margin:0 0 12px!important;font-size:1.34rem;padding-bottom:7px;
  border-bottom:2px solid var(--avm-sky)}
@media(max-width:560px){.x-h2{font-size:1.16rem}}

/* TOC */
.x-toc{margin:14px 0 22px;padding:14px 18px;border:1px solid var(--avm-line);border-radius:12px;
  background:var(--avm-soft)}
.x-toc-h{margin:0 0 6px!important;font-size:.86rem;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:var(--avm-ocean)}
@media(prefers-color-scheme:dark){.x-toc-h{color:var(--avm-sky-l)}}
.x-toc ol{margin:0;padding-left:1.3em;columns:2;column-gap:34px;font-size:.92rem}
.x-toc li{margin:.25em 0;break-inside:avoid}
@media(max-width:640px){.x-toc ol{columns:1}}

/* сетки карточек */
.x-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:14px;margin:14px 0}
.x-card{display:flex;flex-direction:column;gap:7px;padding:16px 16px 14px;border:1px solid var(--avm-line);
  border-radius:13px;background:linear-gradient(180deg,var(--avm-soft),transparent 60%),var(--avm-card);
  transition:transform .14s ease,box-shadow .14s ease}
.x-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,78,136,.14)}
.x-card-ic .x-svg{width:52px;height:52px;border-radius:11px;display:block;border:1px solid var(--avm-line)}
/* аватар автора = диск с инициалами (без Bing-фото реальных имён) */
.x-ava{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;
  background:linear-gradient(135deg,var(--avm-ocean),#0F4E88);color:#fff;font-weight:700;font-size:1.35rem;
  letter-spacing:.02em;flex:none}
.x-card-ic .x-ava{width:52px;height:52px;font-size:1.1rem}
/* фото через движковый макрос %img (images.php, Bing либо локальный пул) */
.x-card-img{margin:-16px -16px 4px;overflow:hidden;border-radius:13px 13px 0 0;background:var(--avm-soft)}
.x-card-img img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.x-feat{margin:6px 0 4px;direction:ltr}
.x-feat img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;
  border:1px solid var(--avm-line);border-radius:12px}
.x-card-badge{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--avm-ocean-2);background:var(--avm-soft);
  border:1px solid var(--avm-line);border-radius:999px;padding:2px 9px}
@media(prefers-color-scheme:dark){.x-card-badge{color:var(--avm-sky-l)}}
.x-card-h{margin:0;font-size:1.02rem;line-height:1.3}
.x-card-h a{color:var(--avm-ocean);text-decoration:none}
.x-card-h a:hover{color:var(--avm-red)}
@media(prefers-color-scheme:dark){.x-card-h a{color:var(--avm-sky-l)}}
.x-card-d{margin:0;font-size:.87rem;color:var(--avm-mut);max-width:100%}
.x-card-n{margin-top:auto;font-size:.8rem;font-weight:600;color:var(--avm-ocean)}
@media(prefers-color-scheme:dark){.x-card-n{color:var(--avm-sky)}}

/* таблицы (raw-HTML из корпуса + рендер-таблицы) */
.x-twrap{overflow-x:auto;margin:12px 0;border:1px solid var(--avm-line);border-radius:12px}
.x-table{width:100%;border-collapse:collapse;margin:0;font-size:.93rem}
.x-table th,.x-table td{border:1px solid var(--avm-line-2);padding:9px 12px;text-align:left;vertical-align:top}
.x-table thead th{background:var(--avm-ocean);color:#fff;font-weight:700;border-color:var(--avm-ocean)}
.x-table tbody th{background:var(--avm-soft);color:var(--avm-ocean);font-weight:700;white-space:nowrap}
@media(prefers-color-scheme:dark){.x-table thead th{background:#0A2B4E;color:#fff}
  .x-table tbody th{color:var(--avm-sky-l)}}
.x-table tbody tr:nth-child(2n) td{background:rgba(91,184,232,.08)}
.x-table tbody tr:hover td{background:rgba(91,184,232,.14)}
.x-table a{text-decoration:none;font-weight:600}
@media(max-width:560px){.x-table th,.x-table td{padding:6px 7px;font-size:.85rem;line-height:1.35}
  .x-table tbody th{white-space:normal}}

/* цитата */
.x-quote{margin:1.1em 0;padding:12px 16px;border-left:4px solid var(--avm-sky);
  background:rgba(91,184,232,.08);border-radius:0 10px 10px 0;font-style:italic}
.x-quote cite{display:block;margin-top:.6em;font-style:normal;font-size:.9rem;color:var(--avm-mut)}
.x-quote cite a{color:var(--avm-mut)}

/* CTA в конце контента */
.x-cta{margin:24px 0 10px;padding:20px 16px;text-align:center;
  background:linear-gradient(135deg,rgba(91,184,232,.16),rgba(51,193,82,.10));
  border:1px solid var(--avm-line);border-radius:14px}
.x-cta-btn{display:inline-block;padding:13px 28px;border-radius:11px;background:var(--avm-red);
  color:#fff;font-weight:800;font-size:1.05rem;text-decoration:none;
  box-shadow:0 4px 14px rgba(226,59,46,.35)}
.x-cta-btn:hover{background:var(--avm-red-d);color:#fff}
.x-cta-note{display:block;margin-top:10px;font-size:.8rem;color:var(--avm-mut)}

/* футер (3 колонки) */
.site-footer{margin-top:30px;padding:30px 16px 34px;background:var(--avm-head-bg);color:var(--avm-sky-l);font-size:.9rem}
.site-footer-in{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:26px}
.site-footer .fcol h3{margin:0 0 10px;font-size:.84rem;font-weight:800;letter-spacing:.09em;
  text-transform:uppercase;color:#fff}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer ul li{margin:5px 0}
.site-footer a{color:var(--avm-sky-l);text-decoration:none}
.site-footer a:hover{color:#fff}
.site-footer .fcol p{margin:.2em 0;line-height:1.6;color:rgba(220,235,250,.85)}
.site-footer .legal{grid-column:1/span 3;border-top:1px solid rgba(143,212,246,.25);
  padding-top:14px;color:rgba(220,235,250,.62);font-size:.78rem}
.site-footer .legal a{color:rgba(220,235,250,.62);text-decoration:underline}
@media(max-width:760px){.site-footer-in{grid-template-columns:1fr 1fr}
  .site-footer .legal{grid-column:1/-1}}
@media(max-width:480px){.site-footer-in{grid-template-columns:1fr}}

/* sticky-CTA (низ, закрываемый) */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));
  background:var(--avm-ocean);color:#fff;box-shadow:0 -4px 18px rgba(7,34,63,.4)}
.sticky-cta-in{max-width:1100px;margin:0 auto;display:flex;gap:12px;align-items:center}
.sticky-cta-txt{flex:1;font-size:.86rem;min-width:0}
.sticky-cta-txt b{color:#fff}
.sticky-cta-btn{flex-shrink:0;display:inline-block;padding:9px 18px;border-radius:9px;background:var(--avm-red);
  color:#fff;font-weight:800;font-size:.95rem;text-decoration:none;white-space:nowrap}
.sticky-cta-btn:hover{background:var(--avm-red-d);color:#fff}
.sticky-cta-x{flex-shrink:0;background:none;border:0;color:#BFD9EE;font-size:20px;line-height:1;
  padding:6px 8px;cursor:pointer;border-radius:8px}
.sticky-cta-x:hover{color:#fff;background:rgba(143,212,246,.15)}


html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body{ overflow-x:hidden; }
img,video,iframe,svg{ max-width:100%; height:auto; }
main,article,section,aside,header,nav,footer{ min-width:0; }
@media (max-width:768px){
  [class*="layout"],[class*="container"],[class*="grid"],[class*="content"],[class*="wrapper"],[class*="main"],[class*="row"]{ min-width:0; }
  pre,table{ min-width:0; max-width:100%; }
  pre{ overflow-x:auto; }
  table{ display:block; overflow-x:auto; }
  code,kbd,samp{ word-break:break-word; }
  [class*="ticker"]{ overflow:hidden; }
  [class*="ticker"] *{ min-width:0; }
}
