/* /o-nas (23. 9. 2026). Jen to, co v base.css není: dvě karty lidí vedle sebe,
   tabulka údajů o firmě a řada dvou tlačítek v pásu. Karty, očíslovaný seznam,
   FAQ i pás s výzvou jsou sdílené třídy z base.css. */

.onas-people{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:760px){ .onas-people{grid-template-columns:1fr 1fr;gap:22px} }
.onas-people .card h3{font-size:1.3rem}
.onas-role{display:block;font-family:var(--font-head);font-weight:600;font-size:.78rem;
  letter-spacing:.08em;text-transform:uppercase;color:var(--orange-600);margin-bottom:.4em}

.onas-facts{margin:0;border-top:1px solid var(--border)}
.onas-facts > div{display:grid;grid-template-columns:1fr;gap:2px;padding:13px 0;border-bottom:1px solid var(--border)}
.onas-facts dt{font-weight:600;color:var(--navy)}
.onas-facts dd{margin:0;color:var(--muted)}
@media(min-width:620px){ .onas-facts > div{grid-template-columns:minmax(0,36%) 1fr;gap:16px} }
.onas-note{margin:1.3em 0 0;color:var(--muted)}

/* Stejná pravidla jako v faq.css (tam je načtené jen na /faq). */
.band-cta--row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.band-cta--row .btn{flex:1 1 260px;max-width:340px}
@media(min-width:600px){ .band-cta--row .btn{flex:0 1 auto} }