/* Warm opening band, shared by all Czech and Slovak subpages. */
body.home-page.academy-subpage {
  --academy-gold: #b99c58;
  --academy-line: #dedfce;
  background: #fff;
  min-height: 100vh;
}
.academy-subpage-welcome {
  display: flow-root;
  padding-bottom: 28px;
  background: radial-gradient(ellipse at 95% 4%, #e9eddf 0, transparent 42%),
    linear-gradient(150deg, #faf8f0, #f4f6ef 80%);
  border-bottom: 1px solid #e4e7dc;
}
.academy-subpage-welcome--related {padding-bottom: 0;}
.academy-subpage-welcome > .course-fact-strip:last-child,
.academy-subpage-welcome > .bp-facts:last-child {border-bottom: 0;}
.academy-subpage .course-fact-strip,
.academy-subpage .bp-facts,
.academy-subpage .course-sections,
.academy-subpage .breadcrumbs {border-color: var(--academy-line);}
.academy-subpage .nutrition-study-kit {
  background: #fafbf5;
  border-color: #d8dfcf;
  border-top-color: var(--academy-gold);
}
.academy-subpage .enrol-card {
  background: #fafbf6;
  border-color: #d8dfcf;
  border-top-color: #185363;
}
.academy-related {padding-block: 33px 40px; scroll-margin-top: 120px;}
.academy-related-heading {display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 22px;}
.academy-related-heading .overline {font-size: 10px; letter-spacing: 1.8px; color: #776332; margin: 0 0 8px;}
.academy-related-heading h2 {font: 400 clamp(28px, 3vw, 36px)/1.25 Georgia, serif; letter-spacing: -.7px; margin: 0; color: #173b43;}
.academy-related-heading > a {flex-shrink: 0;}
.academy-related-grid {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px;}
.academy-related-grid--three {grid-template-columns: repeat(3, minmax(0, 1fr));}
.academy-related-card {
  display: flex; flex-direction: column; min-width: 0;
  padding: 20px 20px 18px;
  background: #fffdf7;
  border: 1px solid #d8c89e;
  border-radius: 5px;
  color: #173b43;
  text-decoration: none;
  box-shadow: inset 0 3px 0 var(--academy-gold);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.academy-related-top {display: flex; align-items: center; justify-content: space-between; gap: 15px;}
.academy-related-badge {background: #f0e6ca; color: #75602a; border-radius: 3px; font-size: 10px; font-weight: 700; letter-spacing: 1px; padding: 4px 9px;}
.academy-related-number {font: 400 21px/1 Georgia, serif; color: #ad945a;}
.academy-related-card h3 {font: 400 22px/1.3 Georgia, serif; letter-spacing: -.3px; margin: 16px 0 10px; color: #173b43;}
.academy-related-card > p {font-size: 14px; line-height: 1.65; color: #566d70; margin: 0 0 18px;}
.academy-related-footer {display: flex; flex-direction: column; align-items: start; gap: 10px; margin-top: auto; padding-top: 13px; border-top: 1px solid #e9e1ce;}
.academy-related-duration {font-size: 12px; color: #63736c;}
.academy-related-action {display: inline-flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 600; color: #185363; white-space: nowrap;}
.academy-related-action > span {font-size: 21px; line-height: 1;}
.academy-related-card:hover {transform: translateY(-4px); border-color: #b19550; box-shadow: inset 0 3px 0 var(--academy-gold), 0 12px 26px #77633212;}
.academy-related-card:focus-visible {outline: 3px solid #185363; outline-offset: 4px;}
@media (max-width: 1100px) {
  .academy-related-grid, .academy-related-grid--three {grid-template-columns: repeat(2, minmax(0, 1fr));}
  .academy-related-grid--three > :last-child {grid-column: 1 / -1;}
  .academy-related-footer {align-items: start; flex-direction: column; gap: 10px;}
}
@media (max-width: 680px) {
  .academy-related {padding-block: 28px 32px; scroll-margin-top: 96px;}
  .academy-related-heading {align-items: start; flex-direction: column; gap: 10px;}
  .academy-related-grid, .academy-related-grid--three {grid-template-columns: 1fr; gap: 18px;}
  .academy-related-card {padding: 23px 22px 20px;}
  .academy-related-card h3 {font-size: 25px;}
  .academy-related-footer {align-items: center; flex-direction: row;}
}
@media (max-width: 370px) {
  .academy-related-footer {align-items: start; flex-direction: column;}
}
@media (prefers-reduced-motion: reduce) {
  .academy-related-card {transition: none;}
  .academy-related-card:hover {transform: none;}
}
