/* Фірмові кольори aedoc.com.ua */
:root{--md-primary-fg-color:#3D6BA0;--md-primary-fg-color--dark:#2F5580;--md-accent-fg-color:#D9B84A}
/* Вся ширина екрана */
.md-grid{max-width:none}
/* Скріни: рамка, тінь, курсор-лупа */
.md-typeset img.shot{display:block;border:1px solid #E5E7EB;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.06);cursor:zoom-in;max-width:100%;height:auto;margin:8px 0 4px}
.md-typeset .shot-cap{color:#6B7280;font-size:.75rem;margin:0 0 1.2em}
/* Перегляд на весь екран */
.lb{position:fixed;inset:0;z-index:1000;background:rgba(17,24,39,.92);display:none;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.lb.open{display:flex}
.lb img{max-width:100%;max-height:100%;border-radius:4px;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.5)}
/* Відео YouTube 16:9 */
.md-typeset .video{position:relative;max-width:960px;aspect-ratio:16/9;margin:0 0 1.2em}
.md-typeset .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:6px}
/* Схеми SVG */
.md-typeset img.schema{width:100%;background:#fff;padding:16px;border-radius:8px}
.md-typeset img.schema--narrow{max-width:680px}
/* Примітка без заголовка — жовта смуга, як на aedoc.com.ua */
.md-typeset .admonition.note{border-color:#D9B84A}
.md-typeset .admonition.note>.admonition-title:empty{display:none}
/* Бейджі, картки, виноски — розділ «Зберігання даних» */
.md-typeset .badge{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:4px;margin:0 0 .6em}
.md-typeset .badge--done{background:#e8f0f9;color:#3D6BA0}
.md-typeset .badge--dev{background:#faf3de;color:#a3822f}
.md-typeset .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:1em 0}
.md-typeset .card,.md-typeset .promo{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #E5E7EB;border-left:4px solid #3D6BA0;border-radius:8px;padding:18px 22px;color:#1A1A1A!important;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:box-shadow .15s}
.md-typeset .card--dev,.md-typeset .promo{border-left-color:#D9B84A}
.md-typeset .card:hover,.md-typeset .promo:hover{box-shadow:0 2px 10px rgba(0,0,0,.12)}
.md-typeset .card>span:not(.badge),.md-typeset .promo>span:not(.badge){color:#6B7280;font-size:.7rem}
.md-typeset .card .badge,.md-typeset .promo .badge{align-self:flex-start;margin:0}
.md-typeset .promo{margin:1.5em 0}
.md-typeset table.metrics{display:table;width:100%;max-width:640px}
.md-typeset table.metrics tr:last-child td{font-weight:700;background:#f7f9fb}
.md-typeset img.chart-img{max-width:900px}
.md-typeset .callout{background:#f7f9fb;border-radius:8px;padding:16px 20px;margin:1em 0}
.md-typeset .callout p:last-child{margin-bottom:0}
.md-typeset .callout--gold{border-left:4px solid #D9B84A;border-radius:0 8px 8px 0}
.md-typeset .note-small{font-size:.65rem;color:#6B7280;font-style:italic}
.md-typeset .movegrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:.8em 0 1.2em}
.md-typeset .movecard{background:#fffaf0;border:1px solid #e6c877;border-radius:8px;padding:16px 18px}
.md-typeset .movecard-icon{font-size:20px;margin-bottom:6px}
.md-typeset .movecard-title{font-weight:700;margin:0 0 6px}
.md-typeset .movecard-sub{font-size:.7rem;color:#6B7280;margin:0}
@media (max-width:600px){.md-typeset .movegrid{grid-template-columns:1fr}}
/* Ліве меню: верхні розділи (Навчання роботи з АЕДок, Інтеграція) — як заголовки груп */
.md-nav--primary > .md-nav__list > .md-nav__item--section{margin-top:1.4em}
.md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav__link{
  display:flex;color:#fff!important;background:#3D6BA0;border-left:4px solid #D9B84A;
  border-radius:4px;padding:.45em .7em;font-weight:700;font-size:.7rem;letter-spacing:.02em;margin-bottom:.4em}
.md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav__link *{color:#fff!important}
.md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav__link .md-nav__icon{display:none}