/* HireAxis stage 3: tappable CTAs (44–48px), sticky «Подобрать вакансию», quiz /podbor/, table pages. No timers, no counters. */

/* 1) Offer buttons: 46px tall, full width on mobile */
.hit-apply.btn, .vac-actions .btn, .seo-cta__btn.btn, .quiz-submit.btn, .quiz-card .btn, .hero-pick.btn {
  min-height: 46px; padding: 12px 20px; font-size: 15px; line-height: 1.2; box-sizing: border-box;
}
.vac-actions .btn-ghost { min-height: 44px; }
@media (max-width: 768px) {
  .hit-apply.btn, .vac-actions .btn, .seo-cta__btn.btn, .quiz-submit.btn, .quiz-card .btn { width: 100%; justify-content: center; white-space: normal; text-align: center; }
  .hit-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .hero-pick.btn { width: 100%; }
}

/* 2) Sticky mobile CTA → /podbor/ (main page: #mobile-sticky-cta toggled by pro.js; SEO pages: .ha-sticky.is-visible) */
.ha-sticky, .mobile-sticky-cta.ha-sticky, .mobile-sticky-cta.ha-sticky.is-visible { display: none !important; }
@media (max-width: 768px) {
  .ha-sticky.is-visible, .mobile-sticky-cta.ha-sticky.is-visible {
    display: flex !important; align-items: center; justify-content: center;
    position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 950;
    min-height: 48px; padding: 12px 20px; border-radius: 14px; box-sizing: border-box;
    background: var(--teal, #0f766e); color: #fff !important; font-weight: 800; font-size: 16px; text-decoration: none;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .28);
  }
  .ha-sticky.is-visible:active { transform: translateY(1px); }
  body.seo-body:not(.no-sticky) { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  body.has-consent-banner .ha-sticky.is-visible, body.has-consent-banner .mobile-sticky-cta.ha-sticky.is-visible { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
  body.seo-body.has-consent-banner:not(.no-sticky) { padding-bottom: calc(150px + env(safe-area-inset-bottom, 0px)); }
}
body.no-sticky .ha-sticky { display: none !important; }

/* 3) Quiz /podbor/ */
.quiz { display: grid; gap: 16px; margin: 8px 0 24px; }
.quiz-step { margin: 0; padding: 16px; border: 1px solid var(--line, #e2e8f0); border-radius: var(--radius, 16px); background: #fff; min-width: 0; }
.quiz-step legend { padding: 0 6px; font-weight: 800; font-size: 17px; color: var(--ink, #0f172a); }
.quiz-num { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-right: 6px; border-radius: 50%; background: var(--teal, #0f766e); color: #fff; font-size: 14px; }
.quiz-opts { display: grid; gap: 10px; grid-template-columns: 1fr; margin-top: 10px; }
@media (min-width: 640px) { .quiz-opts { grid-template-columns: 1fr 1fr; } }
.quiz-opt { position: relative; display: block; cursor: pointer; }
.quiz-opt input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.quiz-opt span { display: grid; gap: 2px; min-height: 48px; padding: 12px 14px; border: 2px solid var(--line, #e2e8f0); border-radius: 12px; box-sizing: border-box; transition: border-color .15s, background .15s; }
.quiz-opt b { font-size: 15px; color: var(--ink, #0f172a); }
.quiz-opt small { font-size: 13px; color: var(--muted, #64748b); }
.quiz-opt input:checked + span { border-color: var(--teal, #0f766e); background: var(--teal-soft, #ecfdf5); }
.quiz-opt input:focus-visible + span { outline: 3px solid rgba(15,118,110,.35); outline-offset: 2px; }
.quiz-select select { display: block; width: 100%; min-height: 48px; margin-top: 10px; padding: 10px 12px; font: inherit; font-size: 16px; border: 2px solid var(--line, #e2e8f0); border-radius: 12px; background: #fff; color: var(--ink, #0f172a); }
.quiz-check { display: flex; align-items: center; gap: 10px; min-height: 44px; margin-top: 10px; font-size: 15px; cursor: pointer; }
.quiz-check input { width: 22px; height: 22px; accent-color: var(--teal, #0f766e); }
.quiz-submit.btn { justify-self: start; }
.quiz-error { margin: 0; color: #b91c1c; font-weight: 700; }
.quiz-results { margin: 8px 0 28px; padding: 16px; border-radius: var(--radius, 16px); background: var(--teal-soft, #ecfdf5); border: 1px solid rgba(15,118,110,.2); scroll-margin-top: calc(var(--header-h, 64px) + 12px); }
.quiz-results h2 { margin-top: 0; }
.quiz-results__note { margin: 0 0 12px; color: var(--ink-soft, #475569); font-size: 14px; }
.quiz-grid { display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 760px) { .quiz-grid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } }
.quiz-card { display: grid; gap: 8px; align-content: start; padding: 16px; border-radius: var(--radius-sm, 12px); background: #fff; border: 1px solid var(--line, #e2e8f0); box-shadow: var(--shadow); min-width: 0; }
.quiz-card__top { display: flex; gap: 12px; align-items: center; }
.quiz-card__brand { margin: 0; font-size: 12.5px; color: var(--muted, #64748b); font-weight: 700; }
.quiz-card__title { margin: 0; font-size: 16px; line-height: 1.3; }
.quiz-card__title a { color: var(--ink, #0f172a); text-decoration: none; }
.quiz-card__title a:hover { text-decoration: underline; }
.quiz-card__meta, .quiz-card__note { margin: 0; font-size: 13.5px; color: var(--ink-soft, #475569); }
.quiz-group { margin: 22px 0; scroll-margin-top: calc(var(--header-h, 64px) + 12px); }
.quiz-all-h { margin-top: 28px; }

/* 4) Table pages + CTAs placed between prose blocks */
.seo-h2-out { margin: 28px 0 8px; font-size: 22px; }
.seo-cta__name { margin: 0; font-weight: 700; font-size: 15px; }
.seo-cta__name a { color: var(--teal-deep, #115e59); }
.seo-pick { margin: 12px 0 0; font-size: 14px; color: var(--ink-soft, #475569); }
.seo-pick a { font-weight: 700; }
.seo-verdict { margin: 18px 0; padding: 14px 16px; border-left: 4px solid var(--teal, #0f766e); background: #fff; border-radius: 0 12px 12px 0; }
.seo-src { font-size: 12.5px; color: var(--muted, #64748b); }
/* quiz cards reuse .seo-cta__btn: cancel the desktop two-column CTA placement from seo.css */
.quiz-card .seo-cta__btn.btn { grid-row: auto; grid-column: auto; width: 100%; align-self: start; }
.quiz-card .ad-mark { grid-column: auto; }