.mc-ladder{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.mc-row{background:var(--surface);color:inherit;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s, translate .35s var(--ease-hover,cubic-bezier(.34, 1.56, .64, 1));border-radius:16px;grid-template-columns:118px minmax(0,1.1fr) minmax(0,2fr) auto;align-items:center;gap:8px 16px;padding:14px 16px;text-decoration:none;display:grid}a.mc-row{cursor:pointer}a.mc-row:hover{box-shadow:inset 0 0 0 1.5px var(--line-strong)}a.mc-row:focus-visible{outline:2px solid var(--tangerine);outline-offset:2px}.mc-ladder li[data-current] .mc-row{background:color-mix(in srgb, var(--lemon) 30%, var(--surface))}.mc-step{background:color-mix(in srgb, var(--lemon) 70%, var(--surface));color:#352242;white-space:nowrap;border-radius:999px;justify-self:start;padding:4px 10px;font-size:12.5px;font-weight:700;line-height:1.3}.mc-step[data-step=batch]{background:color-mix(in srgb, var(--mint) 85%, var(--surface))}.mc-step[data-step=final]{background:color-mix(in srgb, var(--pink) 70%, var(--surface))}.mc-step[data-step=fix]{background:color-mix(in srgb, var(--cobalt) 30%, var(--surface));color:var(--ink)}.mc-name{gap:2px;min-width:0;display:grid}.mc-name b{overflow-wrap:anywhere;font-size:15.5px}.mc-name small{color:var(--ink-50);font-size:12.5px}.mc-note{color:var(--ink-70);font-size:14px;line-height:1.45}.mc-price{white-space:nowrap;justify-items:end;font-size:14px;display:grid}.mc-price small{color:var(--ink-50);font-size:12px}.mc-shape{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:18px;display:grid}.mc-card{border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);grid-template-rows:auto 1fr auto;gap:12px;min-width:0;margin:0;padding:18px 18px 16px;display:grid}.mc-example{background:color-mix(in srgb, var(--mint) 26%, var(--surface))}.mc-card figcaption{letter-spacing:.02em;color:var(--ink-50);font-size:12.5px;font-weight:700}.mc-text{font-family:var(--f-mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);margin:0;font-size:13.5px;line-height:1.6}.mc-card .bp-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mc-card .bp-copy{background:var(--hover);height:40px;color:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:0 16px;font-size:14px;font-weight:600;transition:background-color .2s}.mc-card .bp-copy:hover{background:var(--hover-2)}.mc-card .bp-copy[data-done]{background:var(--mint);color:#352242}.mc-card .bp-try{max-width:100%}.mc-fixes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.mc-fix{border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);gap:10px;margin:0;padding:16px 18px;display:grid}.mc-fix>div{grid-template-columns:52px minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.mc-fix dt{letter-spacing:.02em;color:var(--ink-50);font-size:12px;font-weight:700}.mc-fix dd{color:var(--ink-70);overflow-wrap:anywhere;margin:0;font-size:14.5px;line-height:1.5}.mc-fix .mc-problem{color:var(--ink);font-weight:650}.mc-fix .mc-cure{color:var(--ink)}@media (max-width:900px){.mc-row{grid-template-columns:auto minmax(0,1fr) auto}.mc-note{grid-column:1/-1}.mc-shape,.mc-fixes{grid-template-columns:minmax(0,1fr)}}@media (max-width:420px){.mc-row{grid-template-columns:minmax(0,1fr) auto;padding:12px 14px}.mc-step{grid-column:1/-1}.mc-fix>div{grid-template-columns:minmax(0,1fr);gap:2px}}@media (prefers-reduced-motion:reduce){.mc-row{transition:none}}
