/* Funkce za kredity přes Claude (návrh odpovědi na recenzi, koncept stránky, shrnutí "Jak vás AI popisuje") a řádek hlídání.
   Třídy mají předponu ft-. Barvy jen z proměnných zaklad.css, aby je převzal každý vzhled. */

.ft-sekce { margin: 28px 0 8px; }
.ft-nadpis { margin: 0 0 6px; font-size: 1.15rem; line-height: 1.3; }
.ft-uvod { margin: 0 0 14px; color: var(--tlumeny); max-width: 62ch; }

.ft-formular { margin: 14px 0 0; display: grid; gap: 0 16px; max-width: 640px; }
.ft-formular .pole { margin: 0 0 12px; }
.ft-formular textarea { width: 100%; min-height: 7rem; resize: vertical; font: inherit; }
.ft-formular-rada { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 4px; }
.ft-cena { color: var(--tlumeny); font-size: 0.88rem; }

.ft-vysledky { margin-top: 18px; display: grid; gap: 14px; }
.ft-vysledek { padding: 12px 14px; background: var(--pozadi-jemne); border: 1px solid var(--linka); border-radius: var(--polomer-mala); }
.ft-hlava { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-bottom: 8px; }
.ft-datum { color: var(--tlumeny); font-size: 0.86rem; }
.ft-stitek { margin: 0 0 8px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.ft-pozn { margin: 0; color: var(--tlumeny); font-size: 0.86rem; }
.ft-text { margin: 0 0 10px; padding: 10px 12px; background: var(--karta); border: 1px solid var(--linka-silna); border-radius: var(--polomer-mala); white-space: pre-wrap; overflow-wrap: anywhere; max-height: 480px; overflow: auto; line-height: 1.55; }
.ft-text-nadpis { margin: 0 0 4px; font-size: 0.86rem; font-weight: 600; color: var(--inkoust-2); }
.ft-akce { margin: 0 0 4px; display: flex; flex-wrap: wrap; gap: 8px; }
.ft-zadani { margin: 0 0 8px; }
.ft-zadani summary { cursor: pointer; color: var(--inkoust-2); font-size: 0.9rem; }
.ft-zadani-telo { margin: 6px 0 0; padding-left: 10px; border-left: 3px solid var(--linka-silna); white-space: pre-wrap; overflow-wrap: anywhere; color: var(--inkoust-2); font-size: 0.92rem; }

.ft-shrnuti { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--linka); }
.ft-podnadpis { margin: 0 0 6px; font-size: 1rem; line-height: 1.3; }
.ft-shrnuti .ft-formular { margin-top: 8px; }
.ft-meta { margin: 8px 0 0; color: var(--tlumeny); font-size: 0.84rem; }

.ft-hlidani { margin: 14px 0 0; padding: 10px 12px; background: var(--pozadi-jemne); border: 1px solid var(--linka); border-radius: var(--polomer-mala); color: var(--inkoust-2); font-size: 0.92rem; }
.ft-hlidani strong { color: var(--inkoust); }

@media (max-width: 640px) {
  .ft-formular { max-width: none; }
  .ft-text { max-height: 360px; }
}