/* Страница «Медиаграмотность»: поиск, блоки материалов, игра, призыв проверить новость. Карточки — стили insights.css (.review-card). */
.literacy-search { display: block; width: 100%; max-width: 520px; margin-top: 18px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--navy); font: inherit; }
.literacy-search:focus-visible { outline: 3px solid rgba(39, 111, 191, .32); outline-offset: 2px; }
.literacy-block[hidden], .literacy-block .review-card[hidden] { display: none !important; }
.literacy-block:not(.open):not(.searching) .review-card:nth-child(n+7) { display: none; }
.literacy-block.searching .literacy-more { display: none; }
.literacy-more { margin-top: 20px; }
.literacy-game { display: block; width: 100%; min-height: 820px; border: 0; border-radius: 8px; background: #f8fafc; }
.literacy-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
/* Плотная вёрстка страницы: отступы заметно меньше общих (просьбы 13.10.2026) */
body[data-page="game"] .page-hero { padding: 20px 0 6px; }
body[data-page="game"] .page-hero h1 { margin-bottom: 8px; font-size: clamp(2rem, 3.6vw, 3rem); }
body[data-page="game"] .page-hero p { margin-bottom: 8px; }
body[data-page="game"] .database-nav { margin-top: 8px; gap: 8px; }
body[data-page="game"] .literacy-search { margin-top: 8px; padding: 9px 14px; }
body[data-page="game"] .section { padding: 14px 0; }
body[data-page="game"] #game { padding: 22px 0; margin-top: 10px; }
body[data-page="game"] .section-head { gap: 12px; margin-bottom: 10px; }
body[data-page="game"] .section-head h2 { font-size: clamp(1.4rem, 2.4vw, 1.9rem); }
body[data-page="game"] .section-kicker { margin-bottom: 3px; }
body[data-page="game"] .review-list { gap: 12px; }
body[data-page="game"] .review-card { padding: 14px 16px; border-radius: 14px; }
body[data-page="game"] .review-date { margin-bottom: 5px; }
body[data-page="game"] .review-card h3 { margin-bottom: 6px; font-size: 1.04rem; }
body[data-page="game"] .review-card p { margin-bottom: 8px; }
body[data-page="game"] .literacy-more { margin-top: 10px; }
@media (max-width: 700px) { body[data-page="game"] .section { padding: 10px 0; } body[data-page="game"] .page-hero { padding: 14px 0 4px; } }