.mini-demo[data-astro-cid-2much3sm]{gap:var(--space-5);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-frame);background:var(--surface);flex-direction:column;min-width:0;display:flex}.md-steps[data-astro-cid-2much3sm]{justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);display:flex}.md-steps[data-astro-cid-2much3sm][hidden]{display:none}.md-step-text[data-astro-cid-2much3sm] b[data-astro-cid-2much3sm]{color:var(--text);font-variant-numeric:tabular-nums}.md-step-bar[data-astro-cid-2much3sm]{flex:1;gap:6px;max-width:200px;display:flex}.md-seg[data-astro-cid-2much3sm]{background:var(--surface-2);height:4px;transition:background var(--duration-normal) var(--ease-standard);border-radius:999px;flex:1}.md-seg[data-astro-cid-2much3sm].is-on{background:var(--accent)}.md-panel[data-astro-cid-2much3sm]{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.md-panel[data-astro-cid-2much3sm]+.md-panel[data-astro-cid-2much3sm]{padding-top:var(--space-5);border-top:1px solid var(--border)}.is-stepped[data-astro-cid-2much3sm] .md-panel[data-astro-cid-2much3sm]{border-top:0;padding-top:0}.is-stepped[data-astro-cid-2much3sm] .md-panel[data-astro-cid-2much3sm]:not(.is-active){display:none}.md-h[data-astro-cid-2much3sm]{font:400 var(--heading-sm)/1.3 var(--font-heading);color:var(--text);outline:none;margin:0}.md-pieces[data-astro-cid-2much3sm]{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.md-piece[data-astro-cid-2much3sm]{align-items:center;gap:var(--space-1);min-width:min(6.5rem,40%);padding:var(--space-4) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--bg);flex-direction:column;flex:0 8rem;display:flex}.md-piece-glyph[data-astro-cid-2much3sm]{font-family:var(--font-jp);color:var(--md-c);font-size:clamp(2.6rem,12vw,3.5rem);line-height:1.1}.md-piece-mean[data-astro-cid-2much3sm]{font-size:var(--text-md);color:var(--text);text-align:center;overflow-wrap:anywhere;font-weight:600}.md-plus[data-astro-cid-2much3sm]{font:300 2rem var(--font-heading);color:var(--text-muted)}.md-note[data-astro-cid-2much3sm]{color:var(--text-muted);font-size:var(--text-sm);margin:0}.is-stepped[data-astro-cid-2much3sm] .is-active[data-astro-cid-2much3sm] .from-left[data-astro-cid-2much3sm]{animation:md-in-left .6s var(--ease-standard) both}.is-stepped[data-astro-cid-2much3sm] .is-active[data-astro-cid-2much3sm] .from-right[data-astro-cid-2much3sm]{animation:md-in-right .6s var(--ease-standard) .25s both}@keyframes md-in-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes md-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.is-stepped[data-astro-cid-2much3sm] .is-active[data-astro-cid-2much3sm] .from-left[data-astro-cid-2much3sm],.is-stepped[data-astro-cid-2much3sm] .is-active[data-astro-cid-2much3sm] .from-right[data-astro-cid-2much3sm]{animation:none}}.md-quiz[data-astro-cid-2much3sm]{gap:var(--space-5);text-align:left;flex-direction:column;width:100%;max-width:32rem;margin:0;padding:0;list-style:none;display:flex}.md-prompt[data-astro-cid-2much3sm]{margin:0 0 var(--space-2);font-size:var(--text-md);color:var(--text);font-weight:600}.md-options[data-astro-cid-2much3sm]{gap:var(--space-2);flex-wrap:wrap;display:flex}.md-option[data-astro-cid-2much3sm]{min-width:64px;min-height:44px;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--text);font:500 var(--text-md) var(--font-ui), var(--font-jp);cursor:pointer}.md-option[data-astro-cid-2much3sm]:hover:not([aria-disabled=true]){border-color:var(--accent)}.md-option[data-astro-cid-2much3sm]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.md-option[data-astro-cid-2much3sm][aria-disabled=true]{cursor:default}.md-option[data-astro-cid-2much3sm].is-correct{background:var(--success-soft);border-color:var(--success);color:var(--success-ink);font-weight:700}.md-option[data-astro-cid-2much3sm].is-wrong{background:var(--error-soft);border-color:var(--error);color:var(--error-ink);text-decoration:line-through}.md-feedback[data-astro-cid-2much3sm]{margin:var(--space-2) 0 0;min-height:1.4em;font-size:var(--text-sm)}.md-feedback[data-astro-cid-2much3sm].is-correct{color:var(--success-ink)}.md-feedback[data-astro-cid-2much3sm].is-wrong{color:var(--error-ink)}.md-end-glyph[data-astro-cid-2much3sm]{color:var(--accent);margin:0;font-size:4.5rem;line-height:1}.md-end-actions[data-astro-cid-2much3sm]{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.md-nav[data-astro-cid-2much3sm]{justify-content:space-between;gap:var(--space-3);display:flex}.md-nav[data-astro-cid-2much3sm][hidden]{display:none}.md-back[data-astro-cid-2much3sm],.md-next[data-astro-cid-2much3sm],.md-restart[data-astro-cid-2much3sm]{min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-full);font:600 var(--text-md) var(--font-ui);cursor:pointer}.md-back[data-astro-cid-2much3sm],.md-restart[data-astro-cid-2much3sm]{border:1px solid var(--border-strong);color:var(--text);background:0 0}.md-back[data-astro-cid-2much3sm]:disabled{opacity:.4;cursor:default}.md-next[data-astro-cid-2much3sm]{background:var(--brand);color:var(--brand-ink);border:0;min-width:120px}.md-next[data-astro-cid-2much3sm]:hover{background:color-mix(in srgb, var(--brand) 88%, var(--text))}.md-back[data-astro-cid-2much3sm]:focus-visible,.md-next[data-astro-cid-2much3sm]:focus-visible,.md-restart[data-astro-cid-2much3sm]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.md-restart[data-astro-cid-2much3sm][hidden],.md-next[data-astro-cid-2much3sm][hidden]{display:none}@media (width>=768px){.mini-demo[data-astro-cid-2much3sm]{padding:var(--space-8)}}
