.drill{border:1px solid var(--line);border-radius:18px;background:#0e1413eb;padding:28px;color:var(--ink);max-width:100%;overflow-wrap:anywhere}.drill *{min-width:0}.drill .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.drill .d-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.drill .d-tabs::-webkit-scrollbar{display:none}.drill [role=tab]{position:relative;background:none;border:0;color:var(--ink-3);font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:14px 0;cursor:pointer;white-space:nowrap;transition:color .25s}.drill [role=tab]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.drill [role=tab]:hover{color:var(--ink-2)}.drill [role=tab][aria-selected=true]{color:var(--ink)}.drill [role=tab][aria-selected=true]:after{transform:scaleX(1)}.drill [role=tab]:focus-visible,.drill .d-panel:focus-visible,.drill .d-chip:focus-visible,.drill summary:focus-visible,.drill textarea:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.drill .d-panel{animation:d-in .45s var(--ease) both}.drill .d-panel[hidden]{display:none}.drill .d-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.drill .d-chip{background:none;border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:9px 14px;font:400 14px/1.2 var(--sans);cursor:pointer;transition:border-color .2s,color .2s,background .2s}.drill .d-chip:hover{color:var(--ink);border-color:var(--ink-3)}.drill .d-chip[aria-pressed=true]{color:var(--ground);background:var(--ink);border-color:var(--ink)}.drill .d-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}.drill .d-q{font:400 clamp(22px,2.2vw,30px)/1.15 var(--serif);margin-bottom:22px}.drill .d-intro{font-size:15px;color:var(--ink-2);margin-bottom:20px}.drill .d-ta{display:block;width:100%;max-width:100%;resize:vertical;min-height:160px;background:#121a18d9;border:1px solid var(--line);border-radius:14px;color:var(--ink);padding:16px 18px;font:400 15px/1.55 var(--sans);transition:border-color .2s}.drill .d-ta::placeholder{color:var(--ink-3)}.drill .d-ta:hover{border-color:var(--ink-3)}.drill .d-ta:focus{border-color:var(--ink-2)}.drill .d-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.drill .d-count{font:500 10px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.drill .d-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.drill .d-out:empty{display:none}.drill .d-out{margin-top:24px}.drill .d-result{animation:d-in .5s var(--ease) both}.drill .d-result-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.drill .d-result-head .mono-label{margin:0;color:var(--ink-2)}.drill .d-checks{list-style:none;border-top:1px solid var(--line)}.drill .d-check{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}.drill .d-mark{font:500 14px/1 var(--mono);text-align:center}.drill .is-pass .d-mark{color:var(--ink)}.drill .is-fail .d-mark,.drill .is-partial .d-mark{color:var(--ink-3)}.drill .is-fail .d-label,.drill .is-partial .d-label{color:var(--ink-2)}.drill .d-rule{font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.drill .d-feedback{list-style:none;margin-top:18px;display:grid;gap:10px}.drill .d-feedback li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;font-size:14px;color:var(--ink-2);line-height:1.5}.drill .d-feedback .d-rule{padding-top:4px}.drill .d-feedback-ok{margin-top:16px;font-size:14px;color:var(--ink-2)}.drill .d-details{margin-top:20px;border:1px solid var(--line);border-radius:12px;padding:0 16px}.drill .d-details summary{cursor:pointer;list-style:none;padding:14px 0;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);display:flex;justify-content:space-between;gap:12px}.drill .d-details summary::-webkit-details-marker{display:none}.drill .d-details summary:after{content:"+";color:var(--ink-3);transition:transform .3s var(--ease)}.drill .d-details[open] summary:after{transform:rotate(45deg)}.drill .d-details summary:hover{color:var(--ink)}.drill .d-outline{list-style:none;padding:0 0 14px;display:grid;gap:8px}.drill .d-outline li{font-size:14px;color:var(--ink-2);padding-left:14px;position:relative}.drill .d-outline li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:1px;background:var(--ink-3)}.drill .d-bullets{list-style:none;display:grid;gap:12px}.drill .d-bullet{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:#121a1899;animation:d-in .5s var(--ease) both}.drill .d-bullet:nth-child(2){animation-delay:.05s}.drill .d-bullet:nth-child(3){animation-delay:.1s}.drill .d-bullet:nth-child(4){animation-delay:.15s}.drill .d-bullet:nth-child(n+5){animation-delay:.2s}.drill .d-bullet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.drill .d-bullet-text{font-size:15px;line-height:1.45;flex:1}.drill .d-bullet-band{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.drill .d-bullet-band .mono-label{margin:0}.drill .d-pills{list-style:none;display:flex;flex-wrap:wrap;margin-top:12px}.drill .d-pills .pill{gap:6px;max-width:100%;white-space:normal;line-height:1.3}.drill .d-pills .pill.is-pass{color:var(--ink);border-color:var(--ink-3)}.drill .d-pills .pill.is-fail{color:var(--ink-3);border-style:dashed}.drill .d-questions{list-style:none;margin-top:8px;display:grid;gap:6px}.drill .d-questions li{font:italic 400 17px/1.35 var(--serif);color:var(--ink-2);padding-left:16px;position:relative}.drill .d-questions li:before{content:"?";position:absolute;left:0;top:1px;font:500 11px/1.6 var(--mono);color:var(--ink-3);font-style:normal}.drill .d-foot{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font:500 10px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}@keyframes d-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:520px){.drill{padding:18px 16px;border-radius:14px}.drill .d-tabs{gap:18px}.drill .d-row{flex-direction:column;align-items:stretch}.drill .d-actions{justify-content:space-between}.drill .d-actions .btn{flex:1}.drill .d-bullet{padding:14px}.drill .d-bullet-head{flex-direction:column;gap:10px}.drill .d-bullet-band{flex-direction:row;align-items:center}.drill .d-feedback li{grid-template-columns:1fr;gap:4px}.drill .d-check{grid-template-columns:18px minmax(0,1fr);gap:10px}.drill .d-check .d-rule{grid-column:2}}@media (prefers-reduced-motion:reduce){.drill .d-panel,.drill .d-result,.drill .d-bullet{animation:none}.drill [role=tab]:after,.drill .d-details summary:after{transition:none}}
