html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;background:#ffffff;padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
a{color:#0070C0}a:hover{color:#192E7B}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #FFCB04;outline-offset:2px}
img{max-width:100%}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg-ok{color:#1B6E3A;font-weight:600}
.msg-err{color:#B42318;font-weight:600}
button[disabled]{opacity:.6;cursor:wait}
@media (max-width: 820px){
  .navlink{display:none !important}
  header nav{gap:8px !important}
}
@media (max-width: 520px){
  section > div{padding-left:18px !important;padding-right:18px !important}
  #kontakt-form{padding:22px !important}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

/* Course content */
.course-body{font-size:17px;line-height:1.7;color:#2A3142}
.course-body h3{font-family:Montserrat,sans-serif;font-weight:700;font-size:20px;color:#192E7B;margin:32px 0 10px}
.course-body p{margin:0 0 16px}
.course-body ul,.course-body ol{margin:0 0 16px;padding-left:22px}
.course-body li{margin-bottom:6px}
.course-body blockquote{margin:0 0 18px;padding:14px 18px;border-left:4px solid #0070C0;background:#F5F6F8;border-radius:0 6px 6px 0}
.course-body blockquote p:last-child{margin-bottom:0}
.course-body .tip{background:#FFF6D1;border-left:4px solid #FFCB04;padding:14px 18px;border-radius:0 6px 6px 0}
.course-body .formula{font-family:Montserrat,sans-serif;font-weight:600;background:#EEF3FB;padding:14px 18px;border-radius:6px;color:#192E7B}
.tablewrap{overflow-x:auto;margin:0 0 18px;border:1px solid #E1E4EA;border-radius:6px}
.course-body table{border-collapse:collapse;width:100%;font-size:15px}
.course-body th{text-align:left;background:#F5F6F8;color:#192E7B;padding:10px 12px;border-bottom:2px solid #192E7B}
.course-body td{padding:10px 12px;border-bottom:1px solid #E1E4EA;vertical-align:top}
.chapter{padding:40px 0;border-top:1px solid #E1E4EA}
.chapter > h2{font-family:Montserrat,sans-serif;font-weight:800;font-size:clamp(24px,3vw,30px);color:#192E7B;margin:0 0 18px;letter-spacing:-.3px}
.chapter-kicker{display:block;font-size:14px;font-weight:600;color:#0070C0;margin-bottom:4px;font-family:Roboto,sans-serif;letter-spacing:0}
.q{border:1px solid #E1E4EA;border-radius:8px;padding:18px 20px;margin:0 0 14px;background:#ffffff;min-width:0}
.q legend{float:left;width:100%;font-weight:700;color:#192E7B;padding:0;margin:0 0 10px;font-size:17px;line-height:1.4}
.q legend + *{clear:both}
.q label{display:flex;gap:10px;align-items:flex-start;min-height:40px;padding:6px 0;font-size:16px;line-height:1.45;cursor:pointer}
.q input{width:20px;height:20px;margin:2px 0 0;flex-shrink:0}
.q.wrong{border-color:#B42318;background:#FFF5F4}
@media print{header,nav,.noprint{display:none !important}body{background:#ffffff !important}}

@media (max-width: 640px){
  .tablewrap{border:none;overflow:visible}
  .course-body table,.course-body tbody,.course-body tr,.course-body td{display:block;width:100%}
  .course-body thead{display:none}
  .course-body tr{border:1px solid #E1E4EA;border-radius:8px;padding:6px 14px;margin:0 0 12px;background:#ffffff}
  .course-body td{border-bottom:1px solid #EEF0F4;padding:8px 0}
  .course-body tr td:last-child{border-bottom:none}
  .course-body td[data-label]:not([data-label=""])::before{content:attr(data-label);display:block;font-size:13px;font-weight:700;color:#0070C0;margin-bottom:2px}
  .course-body tr td:first-child{font-weight:700;color:#192E7B;font-size:16px}
  .course-body tr td:first-child::before{display:none !important}
  .q{padding:14px 14px}
  .q legend{font-size:16px}
  #kontroll{padding:18px !important}
}
