.app{min-height:60vh;padding-block:1.5rem 4rem}.intro{max-width:44rem}.intro,.intro-step{margin-bottom:1.5rem}.app h1{font-size:clamp(2rem,7vw,3rem)}.overview-lede{max-width:34ch;margin-top:1rem;font-size:1.125rem}.actions{gap:.5rem;display:grid}.score+p+.actions,.small+.actions{margin-top:1.5rem}.action{width:100%;font:inherit;text-align:left;cursor:pointer;border:1px solid var(--ink);background:var(--paper);color:var(--ink);justify-content:space-between;align-items:baseline;gap:1rem;padding:.875rem 1rem;display:flex}.action.primary{background:var(--ink);color:var(--paper)}.action:hover{border-color:var(--red)}.action.primary:hover{background:var(--red);border-color:var(--red)}.action:disabled{opacity:.4;cursor:default}.action span:first-child{font-weight:600}.action span:last-child{opacity:.8;font-size:.875rem}.stats{margin:0}.stats .facts td{white-space:nowrap;text-align:left;width:1%;font-size:1.75rem}.readiness{margin-top:1.5rem}.readiness li{grid-template-columns:1fr 3rem;align-items:center;gap:.75rem;padding-block:.25rem;font-size:.9375rem;display:grid}.readiness .meter{background:var(--rule);grid-column:1/-1;height:3px}.readiness .meter i{background:var(--red);height:100%;display:block}.readiness span:last-of-type{text-align:right;font-variant-numeric:tabular-nums}.code{border-top:1px solid var(--rule);margin-top:2rem;padding-top:1.25rem}.code strong{letter-spacing:.04em;font-size:1.3125rem}.code form{border:1px solid var(--ink);max-width:24rem;margin-top:.75rem;display:flex}.code input{min-width:0;font:inherit;text-transform:uppercase;border:0;flex:1;padding:.5rem .75rem}.code input:focus-visible{outline-offset:-2px}.code input::placeholder{text-transform:none}.code form button{font:inherit;background:var(--ink);color:var(--paper);cursor:pointer;border:0;padding:0 1rem;font-weight:600}.error{color:var(--red);margin-top:.5rem}.step-head{color:var(--grey);justify-content:space-between;gap:1rem;font-size:.875rem;display:flex}.step-head button{white-space:nowrap;font:inherit;color:var(--grey);cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:0;text-decoration:underline}.mnemonic{border-left:3px solid var(--red);margin-top:1rem;padding-left:.75rem}.retry{color:var(--red);font-size:.875rem}[data-after] .retry{margin-top:.5rem}.cols{gap:2.5rem;display:grid}.act,.info{border-top:1px solid var(--ink);padding-top:1.25rem}@media (width>=60rem){.cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"info act";align-items:start;gap:3.5rem}.act{grid-area:act;position:sticky;top:1.5rem}.info{grid-area:info}}.info-title{margin-bottom:1rem;font-size:1.3125rem;line-height:1.3}.info .feedback{border:0;margin:0 0 1.5rem;padding:0}.explain summary{cursor:pointer;align-items:center;gap:.625rem;padding-block:.25rem;font-weight:600;list-style:none;display:inline-flex}.explain summary::-webkit-details-marker{display:none}.explain summary:before{content:"+";border:1px solid var(--ink);place-items:center;width:1.375rem;height:1.375rem;font-weight:400;line-height:1;display:grid}.explain[open] summary:before{content:"−";background:var(--ink);color:var(--paper)}.explain summary:hover:before{border-color:var(--red)}.explain-body{margin-top:1rem}.explain-body p+p{margin-top:.75rem}.terms-list{margin-top:1rem}.terms-list dt{font-weight:600}.terms-list dd{color:var(--grey);margin:0 0 .5rem}[data-after]>div{margin-top:1.25rem}.question{font-size:1.3125rem;font-weight:600;line-height:1.3}.retry+.question{margin-top:.75rem}.question:focus{outline:none}.german{color:var(--grey);margin-top:.25rem}.qpicture{max-width:100%;margin-top:1rem;display:block}.choices{margin-top:1.25rem;display:grid}.choices.pictures{grid-template-columns:repeat(2,1fr);gap:.5rem}.choice{font:inherit;text-align:left;cursor:pointer;background:var(--paper);width:100%;color:var(--ink);border:0;border-top:1px solid var(--rule);grid-template-columns:2.25rem 1fr;align-items:center;gap:.25rem;padding:.625rem .25rem;display:grid}.choices.pictures .choice{border:1px solid var(--rule);grid-template-columns:1fr;justify-items:start;padding:.625rem}.choice img{object-fit:contain;width:100%;max-height:150px}.choice b{border:1px solid var(--ink);place-items:center;width:1.625rem;height:1.625rem;font-size:.8125rem;font-weight:600;display:grid}.choice:hover:not(:disabled) b{border-color:var(--red);color:var(--red)}.choice:disabled{cursor:default}.choice.chosen b{background:var(--ink);color:var(--paper)}.choice.is-right b{background:var(--red);border-color:var(--red);color:var(--paper)}.choice.is-wrong span,.choice.is-wrong img{opacity:.45;text-decoration:line-through}.feedback{border-top:1px solid var(--ink);margin-top:1.25rem;padding-top:1rem}.verdict-line{font-weight:600}.verdict-line.ok{color:var(--red)}.feedback p+p{margin-top:.625rem}.feedback .note{font-size:.9375rem}.feedback .src{color:var(--grey);margin-top:.75rem;font-size:.8125rem}.next{font:inherit;background:var(--ink);color:var(--paper);cursor:pointer;border:0;margin-top:1.5rem;padding:.75rem 1.5rem;font-weight:600}.next:hover{background:var(--red)}.hint{color:var(--grey);margin-top:.5rem;font-size:.8125rem}.score{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-bottom:.5rem;font-size:clamp(3rem,12vw,5rem);font-weight:600;line-height:1}.mistakes{margin-top:.25rem}.mistakes li{border-top:1px solid var(--rule);padding-block:.75rem}.mistakes .q{font-size:1rem;font-weight:600}.mistakes .a{color:var(--red)}.mistakes .w{color:var(--grey);font-size:.9375rem}