/* № 2152: рубрика «Ответы на вопросы» — по эскизу № 2144 (экран 5); цвета и шрифты — переменные сайта */
.otvety .ov-lid { max-width: 46rem; margin: .5rem 0 1rem; font-size: 1.05rem; line-height: 1.6; opacity: .9; }
.otvety .ov-knopki { margin: 0; }
.ov-kak { margin: 0 0 1.5rem; padding: 1.1rem 1.25rem; border-radius: 16px; box-shadow: inset 0 0 0 1px rgba(10, 26, 51, .12); }
.ov-kak ol { margin: .5rem 0 0; padding-left: 1.3rem; line-height: 1.6; }
.ov-kak li + li { margin-top: .35rem; }
.ov-filtry { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 1.25rem; }
.ov-f { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(10, 26, 51, .18); color: inherit; text-decoration: none; font-weight: 600; font-size: .9rem; }
.ov-f small { opacity: .7; font-weight: 500; }
.ov-f[aria-current="true"] { background: #0a1a33; color: #fff; box-shadow: none; }
.ov { padding: 1.4rem 0; border-top: 1px solid rgba(10, 26, 51, .12); }
.ov:first-child { border-top: 0; padding-top: .25rem; }
.ov-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; margin: 0; font-size: .85rem; opacity: .85; }
.ov-chip, .ov-st { display: inline-flex; padding: 4px 10px; border-radius: 999px; background: rgba(10, 26, 51, .07); font-weight: 600; }
.ov-st { background: rgba(0, 179, 255, .12); color: #005f8a; }
.ov h3 { margin: .6rem 0 .45rem; font-size: 1.4rem; line-height: 1.28; }
.ov h3 a { color: inherit; text-decoration: none; }
.ov h3 a:hover { text-decoration: underline; }
.ov p { margin: 0 0 .6rem; line-height: 1.6; }
.ov-niz { display: flex; flex-wrap: wrap; gap: 4px 18px; align-items: center; min-height: 44px; font-weight: 600; }
.ov-niz span { font-weight: 500; opacity: .75; }
.ov-pusto { padding: 1.25rem; border-radius: 16px; background: rgba(10, 26, 51, .04); line-height: 1.6; }
.ov-otvet { max-width: 46rem; line-height: 1.75; font-size: 1.07rem; }
.ov-podpis { font-size: .85rem; font-weight: 600; opacity: .75; }
.ov-dalee p { display: flex; flex-wrap: wrap; gap: 10px; margin: 2rem 0 0; }
.ov-f:focus-visible, .ov h3 a:focus-visible { outline: 3px solid #00b3ff; outline-offset: 2px; }
html[data-tema*="noch"] .ov-kak, html[data-tema*="tem"] .ov-kak { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); }
html[data-tema*="noch"] .ov, html[data-tema*="tem"] .ov { border-color: rgba(255, 255, 255, .14); }
html[data-tema*="noch"] .ov-f, html[data-tema*="tem"] .ov-f { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25); }
html[data-tema*="noch"] .ov-chip, html[data-tema*="tem"] .ov-chip, html[data-tema*="noch"] .ov-pusto, html[data-tema*="tem"] .ov-pusto { background: rgba(255, 255, 255, .08); }
html[data-tema*="noch"] .ov-st, html[data-tema*="tem"] .ov-st { color: #7fd6ff; }
@media (max-width: 600px) { .ov h3 { font-size: 1.2rem; } .ov-filtry { flex-wrap: nowrap; overflow-x: auto; } }