/* Партнёрское предложение (scripts/offers.py, _ui.offer), с 28.09.2026.
 * Тихая панель ниже ответа: кнопка вторичная, синяя заливка остаётся за
 * действиями самого сайта. Переменные страниц /calc и выпуска (--line, --ink*,
 * --fld); у страниц без --fld берётся --bg2. */
.offer .of-main { display: flex; align-items: center; gap: 16px; }
.offer .of-ico { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
  background: var(--fld, var(--bg2)); color: var(--ink2); }
.offer .of-ico svg { width: 22px; height: 22px; }
.offer .of-txt { flex: 1 1 auto; min-width: 0; }
.offer h2 { margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -.01em; color: var(--ink); }
.offer .of-txt p { margin: 4px 0 0; font-size: 14px; line-height: 1.45; color: var(--ink2); }
.offer .of-go { flex: none; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 44px; padding: 0 18px;
  border-radius: 999px; background: var(--fld, var(--bg2)); color: var(--ink); box-shadow: inset 0 0 0 1px var(--line2);
  font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap;
  transition: background-color 150ms ease, transform 160ms cubic-bezier(.23, 1, .32, 1); }
.offer .of-go:hover { background: var(--fld-h, var(--bg3)); }
.offer .of-go:active { transform: scale(.97); }
.offer .of-go:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; }
.offer .of-go svg { width: 15px; height: 15px; color: var(--ink3); }
.offer .of-legal { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid var(--line); font-size: 12.5px; line-height: 1.5; color: var(--ink3); }
.offer .of-tag { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; margin-right: 8px; border-radius: 999px;
  background: var(--fld, var(--bg2)); color: var(--ink2); font-size: 11.5px; font-weight: 600; vertical-align: 1px; }
@media (max-width: 640px) {
  .offer .of-main { flex-wrap: wrap; align-items: flex-start; }
  .offer .of-txt { flex-basis: calc(100% - 60px); }
  .offer .of-go { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .offer .of-go { transition: none; } }