.sklgr-course-info { color: #eee; line-height: 1.65; }
.sklgr-course-info p { padding-left: 0; }
.sklgr-course-info p:not(.sklgr-kicker) { color: #ddd; }
.sklgr-shortcuts { display: flex; flex-wrap: wrap; gap: 8px 22px; padding: 8px 0 20px; }
.sklgr-shortcuts a { color: #ffcc00; text-decoration: underline; padding: 8px 0; }
.sklgr-intro { border-left: 3px solid #ffcc00; background: rgba(255,204,0,.055); padding: 24px; margin: 12px 0 30px; }
.sklgr-course-info h2 { font-size: clamp(24px, 3vw, 32px); margin: 0 0 16px; color: #ffcc00; }
.sklgr-course-info h3 { font-size: 23px; margin: 26px 0 12px; color: #fff; }
.sklgr-kicker { letter-spacing: .08em; font-size: 13px; color: #ffcc00; }
.sklgr-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin: 24px 0; }
.sklgr-facts strong, .sklgr-facts span { display: block; }
.sklgr-facts strong { font-size: 27px; color: #ffcc00; }
.sklgr-facts span { font-size: 15px; }
.sklgr-course-info details { border-top: 1px solid #554928; padding: 14px 0; }
.sklgr-course-info summary { cursor: pointer; color: #ffcc00; font-weight: bold; }
.sklgr-course-info details p:first-of-type { margin-top: 16px; }
.sklgr-documents { padding-left: 20px; }
.sklgr-documents li { margin: 9px 0; }
.sklgr-documents a { color: #ffcc00; text-decoration: underline; }
.sklgr-table-scroll { overflow-x: auto; margin-bottom: 16px; }
.sklgr-schedule { width: 100%; border-collapse: collapse; text-align: left; font-size: 16px; }
.sklgr-schedule caption { text-align: left; color: #ffcc00; padding: 8px; }
.sklgr-schedule th, .sklgr-schedule td { padding: 12px 8px; border-bottom: 1px solid #454045; }
.sklgr-schedule tbody th { color: #ffcc00; }
.sklgr-schedule td:nth-child(2), .sklgr-schedule td:last-child { white-space: nowrap; }
#sportovni-klub, #rozvrh, #klub-dokumenty, #podminky, #prihlaseni, #terminy { scroll-margin-top: 100px; }
.sklgr-course-info .tlacitko { display: inline-block; max-width: 100%; white-space: normal; margin: 4px 8px 4px 0; }
.sklgr-course-info :focus-visible { outline: 2px solid #ffcc00; outline-offset: 4px; }
@media (max-width: 600px) {
  .sklgr-intro { padding: 18px 14px; }
  .sklgr-facts { grid-template-columns: 1fr; gap: 12px; }
  .sklgr-facts div { display: flex; gap: 16px; align-items: baseline; }
  .sklgr-facts strong { min-width: 100px; font-size: 23px; }
  .sklgr-schedule { font-size: 14px; }
}
