/* inschlau: readable learning surfaces, accessible controls and a wrapping mobile header. */
:root{color-scheme:dark;--in-focus:#8ac5ff;--in-muted:#a8b8ce}
html{scroll-padding-top:6rem}
body{font-family:Geist,system-ui,sans-serif;font-size:1rem;line-height:1.65}
body>main.container{max-width:960px;margin:1.5rem auto;padding:0 24px}
button,input,select,textarea{font:inherit}
button,.btn,.go,.cta{min-height:44px}
input,select,textarea{max-width:100%;font-size:1rem}
label{font-size:.875rem!important}
:focus-visible{outline:3px solid var(--in-focus)!important;outline-offset:3px}
::selection{background:#224b72;color:#fff}
a{text-underline-offset:.2em}
img,svg,canvas{max-width:100%}
h1,h2,h3{overflow-wrap:break-word;text-wrap:balance}
p,li{overflow-wrap:break-word}
#inTopbar{height:auto!important;min-height:48px;flex-wrap:wrap;overflow:visible!important;white-space:normal!important;padding:8px 16px!important;gap:8px 16px!important}
#inTopbar a{min-height:32px;display:inline-flex;align-items:center;font-size:.875rem}
#inChip,#mdg-auth{position:static!important;float:none!important;max-width:100%;font-size:.875rem!important;margin:0!important;padding:6px 16px!important;text-align:right;background:#11182a!important}
#inGoal{font-size:.875rem!important}
.track-einfach p,.track-geek p,.lead{max-width:72ch}
.ws-quiz{scroll-margin-top:6rem;box-sizing:border-box;max-width:960px;margin:2rem auto;padding:0 16px}
.ws-done-slot{scroll-margin-top:6rem}
.ws-chip{font-size:.875rem}
.in-skip{position:fixed;left:12px;top:-100px;z-index:11000;padding:10px 16px;background:#11182a;color:#fff}
.in-skip:focus{top:12px}
.in-sources{max-width:72ch;margin:3rem auto;padding:1.5rem 1rem;border-top:1px solid #2a3550;font-size:.875rem;color:#b6c5d8}
.in-sources a{color:#8ac5ff}
.in-sources h2{font-size:1.125rem}
@media(max-width:600px){
  #inTopbar{position:relative!important;gap:4px 12px!important}
  #inGoal{margin-left:0!important;width:100%}
  .row{flex-wrap:wrap}.row>div{min-width:160px}
  .container{padding-left:16px!important;padding-right:16px!important}
  .ws-chip{bottom:8px;right:8px;max-width:calc(100vw - 16px);min-width:0}
  body{padding-bottom:76px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .ws-conf{display:none!important}
  .ws-done{animation:none!important}
  #inGoal svg circle{transition:none!important}
}