.oracle-promo{position:relative;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;margin:70px auto;padding:28px 34px;max-width:1120px;border:1px solid rgba(182,151,88,.45);background:#17120f;color:#eee4cf;overflow:hidden}.oracle-promo:before{content:"✦";position:absolute;right:180px;top:50%;transform:translateY(-50%);font-size:90px;color:rgba(182,151,88,.08)}.oracle-promo small{display:block;margin-bottom:8px;color:#b69758;font:10px Manrope,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.oracle-promo strong{font:400 24px "PT Serif",Georgia,serif}.oracle-promo p{margin:7px 0 0;max-width:650px;color:#a99e8b;font:14px/1.55 "PT Serif",Georgia,serif}.oracle-promo a{position:relative;border-bottom:1px solid #a33b27;padding:12px 2px;color:inherit;font:10px Manrope,Arial,sans-serif;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;white-space:nowrap}@media(max-width:650px){.oracle-promo{grid-template-columns:1fr;margin:45px 18px;padding:25px}.oracle-promo:before{right:20px}.oracle-promo a{width:max-content}}

/* --- тач-цели: минимум 24 px (WCAG 2.5.8) ------------------------------
   Ссылки и кнопки в шапке, подвале и на первом экране были высотой 11-22 px.
   Растим область нажатия симметричным вертикальным отступом: содержимое
   остаётся по центру коробки и не переносится, поэтому вёрстка не меняется.
   Менять display на flex здесь нельзя — у «● ИНТЕРЕСНОЕ ТУТ» точка и текст
   стали бы отдельными флекс-элементами и разъехались на две строки. */
.topbar a,.topbar button,.bar a,.legal-top a,footer a,.links a,.map-actions a,
.controls a,.controls button,.hero-copy a,.hero-text a,.hero>a,.hero .down,
.sound-toggle,.about-open,.fullscreen,.compact-prev,.compact-next,
.translation-toggle,.pin,.hotspot,nav a,.meta a,.sources a{min-height:24px;padding-block:7px}
/* Ползунки: полоса была 16 px, пальцем не поймать. Высоту поднимаем у самого
   поля - область нажатия растёт, родная отрисовка бегунка не ломается. */
input[type=range]{height:26px}
/* Флажки и переключатели: 13-17 px до пальца не дотягивают. */
input[type=checkbox],input[type=radio]{width:24px;height:24px}
/* Ссылки-«источники» и вспомогательная навигация: у строчных растим область
   нажатия отступом (высота строки не меняется), у блочных — задаём высоту. */

/* Уважаем системную настройку «меньше движения»: анимации и плавная прокрутка
   у части людей вызывают тошноту и головокружение. Оставляем мгновенные
   состояния — интерфейс работает так же, просто без движения. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* Единый клавиатурный фокус промоблока. */
.oracle-promo :focus-visible{outline:3px solid #e8dfca;outline-offset:3px;box-shadow:0 0 0 6px #000}