/* site.css — некритические стили портала «Детство.md».
   Критический CSS (вся фирменная дизайн-система) — инлайн в render.js (CRITICAL_CSS).
   Поднимайте ASSET_V в render.js при правках, чтобы сбросить кэш браузера/Cloudflare. */

/* Раскладка «контент + сайдбар» (афиша, рубрика) — сайдбар появляется только на десктопе.
   На мобиле сайдбар уходит вниз/прячется (баннер не отвлекает на маленьком экране). */
.with-side{display:grid;gap:28px;grid-template-columns:1fr;align-items:start}
@media(min-width:1000px){.with-side{grid-template-columns:1fr 300px}}
.side-col{display:flex;flex-direction:column;gap:18px}
.side-col .ad-slot.side{position:sticky;top:90px}
@media(max-width:999px){.side-col{display:none}}

/* Прозовый контент (статьи, страницы) */
.prose ul{padding-left:1.2em;margin:0 0 14px}
.prose li{margin:.3em 0}
.prose h2{font-family:var(--font-h)}
.prose blockquote{margin:16px 0;padding:12px 18px;border-left:4px solid var(--coral);background:var(--bg2);border-radius:0 12px 12px 0;color:var(--ink2)}

/* FAQ-аккордеон */
details.card summary{cursor:pointer;list-style:none}
details.card summary::-webkit-details-marker{display:none}
details.card summary::after{content:"＋";float:right;color:var(--muted);font-weight:800}
details.card[open] summary::after{content:"−"}
details.card[open]{box-shadow:var(--shadow-md)}

/* Видимый фокус с клавиатуры (a11y) */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,
[tabindex]:focus-visible{outline:3px solid var(--sun);outline-offset:2px;border-radius:6px}

/* Уважение к prefers-reduced-motion */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* Печать: убрать шапку/подвал/виджет */
@media print{header.site,footer.site,#dtBtn,#dtPanel,.ad-slot{display:none!important}}