/* ============================================================
   ČASTÉ OTÁZKY — page-specific typography
   ============================================================ */

/* --- Hero title (matches /o-nas hero-title, /pro-developery hero-title) --- */
.faq-hero-title {
  font-size: clamp(1.75rem, 4.5vw, 2.5rem);
  line-height: 1.15;
}

/* --- CTA titles (match /o-nas cta-title scale) --- */
.faq-cta-title {
  font-size: 1.75rem;
  line-height: 1.25;
}

/* --- Horizontal rules: align to the decorative vertical frame lines
   (fixed frame below spans 40rem+16px each side of center for the
   inner pair) --- */
@media (min-width: 1280px) {
  .faq-frame-w {
    max-width: 82rem;
    margin-left: auto;
    margin-right: auto;
  }
}

/* --- Accordion — hide native <summary> marker cross-browser --- */
.faq-summary {
  list-style: none;
}
.faq-summary::-webkit-details-marker {
  display: none;
}

/* --- Accordion chevron — rotation is driven inline by caste-otazky.js so it
   stays in sync with the animated open/close height. The plain [open]
   selector below is a no-JS fallback: still correct, just instant. --- */
.faq-chevron {
  transition: transform 320ms cubic-bezier(0.16, 1, 0.3, 1);
}
.faq-item[open] > .faq-summary .faq-chevron {
  transform: rotate(180deg);
}