/*
 * Медиа, отзывы, «Вопрос-ответ» (шаг 4.8) — ручные дополнения к media.css (генерируется design-prep/extract-css.py).
 */
.da-page .playlist-item[hidden], .da-page [data-media-empty][hidden], .da-page .knowledge-article[hidden], .da-page .faq-tree a[hidden], .da-page [data-faq-empty][hidden] { display: none; }

/* Медиатека */
.da-page .da-media__intro { max-width: 380px; font-size: 12px; line-height: 1.9; color: var(--muted); }
.da-page .da-media__intro p { margin: 0 0 6px; }
.da-page .playlist-item { color: var(--ink); text-decoration: none; cursor: pointer; }
.da-page .playlist-thumb { display: block; aspect-ratio: 4 / 3; border-radius: 8px; overflow: hidden; background: var(--sand); }
.da-page .playlist-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.da-page .playlist-item [data-state] { display: inline-flex; align-items: center; gap: 6px; }
.da-page .playlist-item [data-state] .ui-icon { width: 12px; height: 12px; }
.da-page #media-results { max-height: 640px; overflow-y: auto; padding-right: 6px; scrollbar-width: thin; }
.da-page .video-stage { background: var(--overlay-3b2f27); }
.da-page .video-stage > img { position: absolute; inset: 0; }
.da-page .play-large { position: absolute; inset: 0; margin: auto; width: 78px; height: 78px; border: 0; border-radius: 50%; background: var(--paper-ee); color: var(--brown); display: grid; place-items: center; cursor: pointer; transition: transform .2s; }
.da-page .play-large:hover { transform: scale(1.06); }
.da-page .play-large .ui-icon { width: 30px; height: 30px; }
.da-page .watch-caption h2 { font-size: 28px; line-height: 1.3; letter-spacing: -.03em; }
.da-page .external-reviews a { color: var(--ink); }
.da-page .external-reviews .ui-icon { width: 16px; height: 16px; }
.da-page .media-bottom .ui-icon { width: 13px; height: 13px; }

/* Вопрос-ответ */
.da-page .faq-tree a { color: var(--ink); }
.da-page .knowledge-article h2 { font-size: clamp(28px, 2.6vw, 40px); line-height: 1.25; letter-spacing: -.035em; }
.da-page .knowledge-article h2:focus { outline: none; }
.da-page .knowledge-article .btn { margin-top: 10px; }
.da-page .answer-help a, .da-page .knowledge-aside a { color: var(--ink); }
.da-page .answer-help .ui-icon, .da-page .knowledge-aside .ui-icon { width: 13px; height: 13px; }
.da-page .mobile-hub-nav > summary .ui-icon { width: 16px; height: 16px; }
.da-page .da-faq__answers > .knowledge-article + .knowledge-article { margin-top: 40px; }

@media (max-width: 800px) {
	.da-page #media-results { max-height: 520px; } /* длинный список на телефоне — прокрутка внутри блока */
}
@media (max-width: 680px) {
	.da-page .watch-caption h2 { font-size: 22px; }
	.da-page .play-large { width: 62px; height: 62px; }
}