:root{--mh-rings:420px;--mh-step:44px}.mh-hero{gap:var(--s-7);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;display:grid}.mh-fig{align-items:center;gap:var(--s-3);flex-direction:column;margin:0;display:flex;position:relative}.mh-fig-row{align-items:center;gap:var(--s-5);width:100%;display:flex}.mh-rings{min-width:0;max-width:var(--mh-rings);flex:1 1 0;height:auto}.mh-num{letter-spacing:-.04em;flex-direction:column;align-items:flex-start;font-weight:700;line-height:.8;display:flex}.mh-num bdi{font-family:var(--font-sans);font-size:var(--text-display-age);font-variant-numeric:tabular-nums;line-height:.85}.mh-num span{letter-spacing:0;color:var(--foreground);border-block-end:3px solid var(--brand);margin-block-start:var(--s-3);font-size:20px;font-weight:700}.mh-cap{text-align:center;max-width:36ch;color:var(--muted-foreground);font-size:14px}.mh-sec{padding-block:var(--s-8)}.mh-sec-alt{background:var(--card);border-block:1px solid var(--border)}.mh-head{gap:var(--s-2);max-width:62ch;flex-direction:column;margin-block-end:var(--s-6);display:flex}.mh-steps{gap:var(--s-5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.mh-step{gap:var(--s-3);padding:var(--s-5);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-pass);flex-direction:column;display:flex}.mh-sec-alt .mh-step{background:var(--background)}.mh-stepn{width:var(--mh-step);height:var(--mh-step);border:3px solid var(--foreground);font-family:var(--font-mono);border-radius:9999px;place-items:center;font-size:20px;font-weight:500;display:grid}.mh-vocab{margin:0 0 var(--s-6);gap:var(--s-4) var(--s-5);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.mh-vocab li{gap:var(--s-1) var(--s-2);grid-template-columns:auto 1fr;align-items:center;display:grid}.mh-vocab b{font-weight:500}.mh-vocab span{color:var(--muted-foreground);grid-column:2;font-size:14px}.mh-groups{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;margin:0;padding:0;list-style:none;display:grid}.mh-groups>li{padding:var(--s-4);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-ctl)}.mh-groups h3{margin-block-end:var(--s-2);font-size:16px}.mh-groups ul{color:var(--muted-foreground);gap:2px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.mh-board{background:var(--board);color:var(--on-board);padding-block:var(--s-8)}.mh-board-head{justify-content:space-between;align-items:flex-end;gap:var(--s-4);flex-wrap:wrap;margin-block-end:var(--s-6);display:flex}.mh-board-head p{color:var(--board-muted)}.mh-board :focus-visible{outline-color:var(--on-board)}.mh-close{gap:var(--s-7);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.mh-plat{padding:var(--s-4);border:1px dashed var(--input);background:var(--card);border-radius:var(--s-1);margin-block-start:var(--s-4)}.mh-pros{gap:var(--s-7);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.mh-pros ul{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.mh-pros li{gap:var(--s-3);padding:var(--s-4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-ctl);align-items:flex-start;display:flex}.mh-pros li svg{color:var(--primary);flex:none}@media (max-width:899px){.mh-hero,.mh-close,.mh-pros{gap:var(--s-6);grid-template-columns:1fr}.mh-steps,.mh-vocab,.mh-groups{grid-template-columns:1fr}.mh-sec,.mh-board{padding-block:var(--s-7)}}