.md-desk{border:1px solid var(--ar-line,#7f7f7f59);background:linear-gradient(160deg,color-mix(in srgb,var(--pick,#7c8cff) 10%,transparent),transparent 60%);border-radius:18px;margin:28px 0;padding:20px}.md-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.md-head h2{font:900 italic clamp(24px,3.4vw,34px)/1 var(--d,system-ui);text-transform:uppercase;letter-spacing:.01em;margin:0}.md-pickers{flex-wrap:wrap;gap:10px;display:flex}.md-pickers label{font:700 11px/1 var(--d,system-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ar-muted,#8a8f98);gap:4px;display:grid}.md-pickers select{border:1px solid var(--ar-line,#7f7f7f59);min-height:40px;color:inherit;background:0 0;border-radius:10px;padding:0 10px;font:600 15px/1 system-ui}.md-pickers option{color:#111}.md-tabs{scrollbar-width:thin;gap:8px;margin:16px -4px 0;padding:0 4px 6px;display:flex;overflow-x:auto}.md-tabs button{border:1px solid var(--ar-line,#7f7f7f59);min-height:40px;color:inherit;font:700 14px/1 var(--d,system-ui);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:0 14px}.md-tabs button.on{background:var(--pick,#7c8cff);border-color:var(--pick,#7c8cff);color:var(--bc-on-volt,#050608)}.md-body{min-height:72px;margin-top:14px}.md-text p{max-width:72ch;margin:0 0 6px;font-size:18px;line-height:1.55}.md-quiet{color:var(--ar-muted,#8a8f98)}.md-radio{border:1px solid var(--pick,#7c8cff);min-height:44px;color:inherit;font:800 14px/1 var(--d,system-ui);text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;margin:12px 0;padding:0 16px;display:inline-flex}.md-radio.on{background:var(--pick,#7c8cff);color:var(--bc-on-volt,#050608)}.md-lines{gap:6px;max-height:420px;margin:6px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.md-lines li{border-radius:10px;grid-template-columns:52px minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:8px 10px;display:grid}.md-lines li.big{background:color-mix(in srgb,var(--pick,#7c8cff) 14%,transparent);font-weight:700}.md-min{font:800 14px/1 var(--d,system-ui);font-variant-numeric:tabular-nums;color:var(--ar-muted,#8a8f98)}.md-why{min-height:32px;color:inherit;font:700 12px/1 var(--d,system-ui);cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:0 10px}.md-whytext{grid-column:2/-1;margin:4px 0 0;font-weight:400;line-height:1.5}.md-quiz{gap:14px;margin:0;padding-inline-start:20px;display:grid}.md-quiz p{margin:0 0 8px;font-weight:700}.md-quiz div{flex-wrap:wrap;gap:8px;display:flex}.md-quiz button{border:1px solid var(--ar-line,#7f7f7f59);min-height:40px;color:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:0 14px;font:600 15px/1 system-ui}.md-quiz button.right{background:#2fd27a38;border-color:#2fd27a}.md-quiz button.wrong{background:#ff5b662e;border-color:#ff5b66}.md-score{font:900 italic 22px/1 var(--d,system-ui);margin-inline-start:-20px;list-style:none}.md-foot{color:var(--ar-muted,#8a8f98);margin:14px 0 0;font-size:13px}@media (max-width:640px){.md-desk{padding:16px}.md-lines li{grid-template-columns:44px minmax(0,1fr)}.md-why{grid-column:2}}@media (prefers-reduced-motion:no-preference){.md-tabs button,.md-radio{transition:background .15s,color .15s}}
