/* Hero – hlavní sdělení */
.hero-heading {
    max-width: 720px;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 600;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}
/* =========================================================
   KNOWLEDGE HUB – referenční prototyp
   Čtyři rovnocenné vstupy do znalostního ekosystému
   ========================================================= */

.knowledge-hub {
    max-width: 1180px;
    margin: 0 auto;
    padding: 70px 30px 80px;
}

.knowledge-hub__header {
    max-width: 680px;
    margin: 0 auto 50px;
    text-align: center;
}

.knowledge-hub__label {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #777;
}

.knowledge-hub__header h2 {
    margin: 0 0 12px;
    font-size: 34px;
    line-height: 1.2;
}

.knowledge-hub__header p {
    margin: 0;
    color: #666;
}


/* Čtyři směry */

.knowledge-hub__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.knowledge-hub__direction {
    padding: 38px 42px;
}

/* Jemné osy vytvářejí dojem čtyř směrů,
   nikoli čtyř samostatných marketingových karet. */

.knowledge-hub__direction:nth-child(odd) {
    border-right: 1px solid #ddd;
}

.knowledge-hub__direction:nth-child(-n+2) {
    border-bottom: 1px solid #ddd;
}

.knowledge-hub__direction h3 {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1.25;
}

.knowledge-hub__intro {
    margin: 0 0 28px;
    color: #666;
    line-height: 1.6;
}


/* Hlavní kurátorská položka */

.knowledge-hub__featured {
    margin-bottom: 22px;
}

.knowledge-hub__meta {
    display: block;
    margin-bottom: 7px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #888;
}

.knowledge-hub__featured h4 {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 1.35;
}

.knowledge-hub__featured p {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: #555;
}


/* Další vstupy */

.knowledge-hub__direction > a {
    display: block;
    padding: 9px 0;
    border-top: 1px solid #eee;
    color: inherit;
    text-decoration: none;
}

.knowledge-hub__direction > a:hover {
    text-decoration: underline;
}


/* Mobil */

@media (max-width: 767px) {

    .knowledge-hub {
        padding: 50px 20px 60px;
    }

    .knowledge-hub__grid {
        grid-template-columns: 1fr;
    }

    .knowledge-hub__direction {
        padding: 30px 0;
        border-right: 0 !important;
        border-bottom: 1px solid #ddd;
    }

    .knowledge-hub__direction:last-child {
        border-bottom: 0;
    }
}
/* ======================================================
   Homo Sapiens AI – Entry Gates
   ====================================================== */

.entry-gates {
  display: flex;
  gap: 16px;
}

.entry-gate {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;

  min-height: 68px;
  padding: 12px 22px;

  border: 3px solid #ffffff;
  border-radius: 10px;

  color: #ffffff;
  background-color: transparent;

  text-align: center;
  text-decoration: none;

  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.entry-gate--primary {
  background-color: #0292b7;
}

/* Když uživatel najede myší na bránu */
.entry-gate:hover,
.entry-gate:focus-visible {

  background-color: #0292b7;

  color: #ffffff;

  transform: translateY(-2px);

}

@media (max-width: 767px) {
  .entry-gates {
    flex-direction: column;
  }

  .entry-gate {
    width: 100%;
  }
}
/* ======================================================
   Homo Sapiens AI
   Komponenta: Knowledge Navigation
   ====================================================== */

/* Celý navigační blok */
.knowledge-navigation {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* Jedna klikací navigační položka */
.knowledge-navigation__item {
  display: flex;
  align-items: center;
  gap: 22px;

  padding: 18px 20px;

  color: #000000;
  background-color: #ffffff;

  text-decoration: none;
  border-radius: 10px;

  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
}

/* Kruh se šipkou */
.knowledge-navigation__action {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 62px;

  width: 62px;
  height: 62px;

  border: 2px solid #0292b7;
  border-radius: 50%;

  color: #0292b7;
  font-size: 28px;
  line-height: 1;
}

/* Textová část položky */
.knowledge-navigation__content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Nadpis položky */
.knowledge-navigation__title {
  color: #000000;
  font-size: 20px;
  line-height: 1.2;
}

/* Krátký popis */
.knowledge-navigation__description {
  color: #000000;
  font-size: 16px;
  line-height: 1.5;
}

/* Reakce celé položky při najetí myší */
.knowledge-navigation__item:hover,
.knowledge-navigation__item:focus-visible {
  color: #000000;
  background-color: rgba(2, 146, 183, 0.10);
  transform: translateY(-2px);
}

/* Zvýraznění kruhu při najetí myší */
.knowledge-navigation__item:hover .knowledge-navigation__action,
.knowledge-navigation__item:focus-visible .knowledge-navigation__action {
  color: #ffffff;
  background-color: #0292b7;
}
/* ======================================================
   Homo Sapiens AI
   Komponenta: Author Card
   ====================================================== */

/* Samostatný blok fotografie pod navigací */
.author-card {
    margin-top: 32px;

    /* Zarovnání fotografie pod začátek textu navigačních položek */
    margin-left: 104px;
}

/* Celá fotografie je klikací */
.author-card .author-image-link {
    display: block;
    width: 280px;
    max-width: 100%;
}

/* Fotografie autora */
.author-card .author-image {
    display: block;

    /* Pevná zamýšlená šířka, ale bezpečně responzivní */
    width: 280px !important;
    max-width: 100% !important;
    height: auto !important;

    border-radius: 10px;

    transition: transform 0.2s ease;
}

/* Jemná odezva při najetí myší */
.author-card .author-image-link:hover .author-image,
.author-card .author-image-link:focus-visible .author-image {
    transform: translateY(-2px);
}

/* Na menších obrazovkách fotografie nezačíná odsazená */
@media (max-width: 767px) {
    .author-card {
        margin-left: 0;
    }
}
/* Nadpis univerzální navigační komponenty */
.knowledge-navigation__heading {
    margin: 0 0 24px 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #000000;
}
.knowledge-navigation__content {
    margin-left: 32px;
}
/* ------------------------------------------------------------
   Coaching
   ------------------------------------------------------------ */

/* Úvod */
.coaching-intro {
     margin-top: -24px;
    margin-bottom: 24px;
    max-width: 1100px;
    font-size: 18px;
    line-height: 1.6;
}

/* Dvě videa vedle sebe */
.coaching-videos {
    display: flex;
    gap: 32px;
    margin: 0 0 24px;
}

.coaching-video {
    flex: 1;
}

.coaching-video video {
    display: block;
    width: 100%;
    height: auto;
}

/* Autor */
.coaching-about {
    display: flex;
    gap: 28px;
    align-items: center;
    margin: 0 0 36px;
}

.coaching-about__photo {
    flex: 0 0 220px;
    max-width: 220px;
}

.coaching-about__photo img {
    display: block;
    width: 100%;
    height: auto;
}

.coaching-about__content {
    flex: 1;
}

/* Kontakt */
.coaching-contact {
    margin-top: 0;
}

/* Mobil */
@media (max-width: 767px) {
    .coaching-videos,
    .coaching-about {
        flex-direction: column;
    }

    .coaching-about {
        align-items: flex-start;
    }

    .coaching-about__photo {
        flex-basis: auto;
        max-width: 220px;
    }
}