.mth-ladder{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:8px 0 0;padding:0;list-style:none;display:grid}@media (max-width:1080px){.mth-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.mth-ladder{grid-template-columns:1fr 1fr}}@media (max-width:440px){.mth-ladder{grid-template-columns:1fr}}.mth-rung{--rung:var(--signal);border:1px solid var(--paper-2);border-radius:var(--r-lg);background:var(--frost);transition:transform var(--dur-base,.25s) var(--ease-out,ease), box-shadow var(--dur-base,.25s), border-color var(--dur-base,.25s);flex-direction:column;gap:6px;padding:20px 20px 18px;display:flex;position:relative}.mth-rung:hover,.mth-rung:focus-within{border-color:color-mix(in srgb, var(--rung) 45%, var(--paper-2));box-shadow:0 18px 44px -24px color-mix(in srgb, var(--rung) 55%, transparent);transform:translateY(-4px)}.mth-rung__bar{align-items:flex-end;height:56px;margin-bottom:6px;display:flex}.mth-rung__bar span{width:100%;height:var(--h,50%);background:linear-gradient(180deg, color-mix(in srgb, var(--rung) 70%, var(--frost)), var(--rung));transform-origin:bottom;animation:mthRung .9s var(--ease-out,ease) both;animation-delay:calc(.2s + var(--i,0) * 90ms);border-radius:8px 8px 3px 3px;display:block}@keyframes mthRung{0%{transform:scaleY(0)}}.mth-rung__g{width:44px;height:44px;font-family:var(--f-display);color:var(--rung);background:color-mix(in srgb, var(--rung) 10%, var(--frost));border:1px solid color-mix(in srgb, var(--rung) 40%, transparent);border-radius:12px;place-items:center;font-size:1.35rem;font-weight:900;display:grid}.mth-rung--a{--rung:var(--signal)}.mth-rung--b{--rung:var(--signal-ink)}.mth-rung--c{--rung:var(--accent-2-ink)}.mth-rung--d{--rung:var(--mist)}.mth-rung--e{--rung:var(--danger)}.mth-rung__name{font-family:var(--f-display);letter-spacing:-.01em;color:var(--text-primary);margin:4px 0 0;font-size:1.12rem;font-weight:800}.mth-rung__src{color:var(--mist);margin:0;font-size:.9rem;line-height:1.55}.mth-rung__rule{border-top:1px dashed var(--paper-2);font-family:var(--f-mono);letter-spacing:.02em;color:var(--signal-ink);margin:auto 0 0;padding-top:10px;font-size:.7rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.mth-rung{transition:none}.mth-rung:hover{transform:none}.mth-rung__bar span{animation:none}}.mth-answers__list{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:1080px){.mth-answers__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.mth-answers__list{grid-template-columns:1fr 1fr}}@media (max-width:440px){.mth-answers__list{grid-template-columns:1fr}}.mth-answer{--tone:var(--band-accent,#c8aeff);border-radius:var(--r-lg);transition:transform var(--dur-base,.25s) var(--ease-out,ease), border-color var(--dur-base,.25s), background var(--dur-base,.25s);background:#ffffff09;border:1px solid #ffffff1f;gap:10px;padding:22px 20px 20px;display:grid;position:relative;overflow:hidden}.mth-answer:before{content:"";background:var(--tone);transform-origin:0;height:3px;transition:transform .45s var(--ease-out,ease);position:absolute;inset:0 0 auto;transform:scaleX(0)}.mth-answer:hover{border-color:color-mix(in srgb, var(--tone) 55%, transparent);background:#ffffff0f;transform:translateY(-4px)}.mth-answer:hover:before{transform:scaleX(1)}.mth-answer__dot{background:var(--tone);width:14px;height:14px;box-shadow:0 0 0 4px color-mix(in srgb, var(--tone) 22%, transparent);border-radius:50%}.mth-answer__word{font-family:var(--f-display);letter-spacing:-.01em;color:var(--on-ink);font-size:1.22rem;font-weight:800;line-height:1.15}.mth-answer__gloss{color:#e4e6eac7;font-size:.88rem;line-height:1.5}.mth-answer--go{--tone:color-mix(in srgb, var(--icon-success) 60%, white)}.mth-answer--cond{--tone:color-mix(in srgb, var(--icon-warning) 50%, white)}.mth-answer--pivot{--tone:var(--band-accent,var(--signal-ink))}.mth-answer--stop{--tone:color-mix(in srgb, var(--danger) 50%, white)}.mth-answer--wait{--tone:color-mix(in srgb, var(--mist) 45%, white)}.mth-answer--go .mth-answer__dot{animation:2.4s ease-in-out infinite mthPulse}@keyframes mthPulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb, var(--tone) 22%, transparent)}50%{box-shadow:0 0 0 9px color-mix(in srgb, var(--tone) 10%, transparent)}}@media (prefers-reduced-motion:reduce){.mth-answer,.mth-answer:before{transition:none}.mth-answer:hover{transform:none}.mth-answer--go .mth-answer__dot{animation:none}}