/* Sekce "Vyhledavani nemovitosti prirozenym jazykem" a FAQ (README sekce 4 a 7). */
.jak { border-top: 1px solid var(--line); background: var(--panel); }
.jak__vnitrek { max-width: 1220px; margin: 0 auto; padding: var(--sec-pad); display: grid; grid-template-columns: var(--sec-cols); gap: var(--sec-gap); align-items: start; }
.jak__text h2 { font-family: var(--font-nadpis); font-size: var(--h2); font-weight: 800; letter-spacing: -.03em; line-height: 1.12; margin: 0 0 20px; }
.jak__text p { color: var(--ink-2); margin: 0 0 14px; }
.jak__text p:last-child { margin-bottom: 0; }
.jak__kroky { display: grid; gap: 2px; background: var(--line); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.jak__krok { background: var(--panel); padding: 24px 26px; display: grid; grid-template-columns: 34px 1fr; gap: 18px; align-items: start; }
.jak__cislo { font-family: var(--font-mono); font-size: 12px; color: var(--accent-text); padding-top: 2px; }
.jak__krok h3 { font-family: var(--font-nadpis); font-size: 17px; font-weight: 700; letter-spacing: -.015em; margin: 0 0 6px; }
.jak__popis { display: block; color: var(--ink-2); font-size: 14.5px; text-wrap: pretty; }

.faq { border-top: 1px solid var(--line); background: var(--panel); }
.faq__vnitrek { max-width: 820px; margin: 0 auto; padding: var(--sec-pad); }
.faq h2 { font-family: var(--font-nadpis); font-size: 24px; font-weight: 700; letter-spacing: -.02em; margin: 0 0 24px; }
.faq__seznam { border-top: 1px solid var(--line); }
.faq__polozka { border-bottom: 1px solid var(--line); }
.faq__otazka { width: 100%; display: flex; align-items: center; gap: 20px; padding: 20px 4px; text-align: left; }
.faq__otazka:hover { color: var(--accent-text); }
.faq__nadpis { margin: 0; font: inherit; }
.faq__text { font-family: var(--font-nadpis); font-size: 16.5px; font-weight: 600; letter-spacing: -.01em; flex: 1; text-wrap: balance; }
.faq__znak { font-family: var(--font-mono); font-size: 15px; color: var(--ink-3); }
/* Odpoved je vzdy v HTML; skryta je jen vizualne (0fr + pruhlednost). */
.faq__odpoved { display: grid; grid-template-rows: 0fr; opacity: 0; overflow: hidden; transition: grid-template-rows .28s ease, opacity .2s ease; }
.faq__polozka.je-otevrena .faq__odpoved { grid-template-rows: 1fr; opacity: 1; }
.faq__odpoved p { margin: 0; min-height: 0; padding: 0 60px 22px 4px; color: var(--ink-2); }
.faq__polozka:not(.je-otevrena) .faq__odpoved p { padding-bottom: 0; }
/* S JS jsou zavrene odpovedi skryte i pro ctecky a tab (visibility po dokonceni prechodu); bez JS zustanou citelne. */
.faq--js .faq__polozka:not(.je-otevrena) .faq__odpoved { visibility: hidden; transition: grid-template-rows .28s ease, opacity .2s ease, visibility 0s linear .28s; }

@media (max-width: 767.98px) {
  .jak__vnitrek { grid-template-columns: 1fr; }
  .faq__odpoved p { padding-right: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .faq__odpoved, .faq--js .faq__polozka:not(.je-otevrena) .faq__odpoved { transition: none; }
}