.mz{padding-block:4.5rem;scroll-margin-top:5rem}.mz h2{font-size:clamp(1.65rem,3vw,2.35rem);font-weight:750;line-height:1.5;letter-spacing:-.035em}.mz h3{font-size:1.15rem;font-weight:700;line-height:1.7}.mz p{line-height:1.9;color:var(--ink-2)}.mz .mz-lead{max-width:66ch;margin-block:1rem 2rem;font-size:1.08rem}.mz-kicker{color:var(--accent);font-size:.85rem;font-weight:700;display:block;margin-bottom:.7rem}.mz-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.mz-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:1.5rem;min-width:0}.mz-card p{margin-top:.6rem}.mz-num{font-size:2.5rem;font-weight:750;line-height:1.4;font-variant-numeric:tabular-nums}.mz-flow{display:flex;gap:.6rem;flex-wrap:wrap;margin-block:1.5rem}.mz-flow span{padding:.6rem 1rem;border:1px solid var(--line);background:var(--surface);border-radius:99px;font-size:.9rem}.mz-flow span:not(:last-child):after{content:'←';margin-inline-start:.7rem;color:var(--accent)}[dir=ltr] .mz-flow span:not(:last-child):after{content:'→'}.mz-soft{background:var(--bg-2)}.mz-split{display:grid;grid-template-columns:1.1fr 1fr;gap:1.3rem;align-items:start}.mz-toolbar{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin-block:1.1rem}.mz button,.mz select{font:inherit;min-height:44px}.mz button:focus-visible,.mz select:focus-visible,.mz a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.mz button[aria-pressed=true],.mz button[aria-selected=true]{color:var(--accent-ink);background:var(--accent);border-color:transparent}.mz select{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.5rem .8rem;color:var(--ink);max-width:100%}.mz-map{min-height:350px;position:relative;isolation:isolate;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(23deg,transparent 43%,var(--surface) 43% 48%,transparent 48%),linear-gradient(105deg,transparent 40%,var(--surface) 40% 46%,transparent 46%),repeating-linear-gradient(0deg,transparent 0 65px,var(--line) 65px 67px),repeating-linear-gradient(90deg,var(--accent-soft) 0 90px,var(--line) 90px 92px)}.mz-map:after{content:'';position:absolute;inset:38% -15%;height:30px;background:var(--bg);border-block:1px solid var(--line);transform:rotate(-25deg);z-index:-1}.mz-marker{position:absolute;min-width:112px;max-width:45%;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);padding:.7rem;box-shadow:var(--shadow);font-size:.85rem!important}.mz-marker small{display:block;margin-top:.25rem}.mz-marker:nth-child(1){top:14%;inset-inline-start:12%}.mz-marker:nth-child(2){top:22%;inset-inline-start:58%}.mz-marker:nth-child(3){top:60%;inset-inline-start:20%}.mz-marker:nth-child(4){top:67%;inset-inline-start:61%}.mz-units{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-block:1rem}.mz-unit{border:1px solid var(--line);border-radius:12px;padding:.8rem;text-align:center}.mz-unit small{display:block;color:var(--muted);margin-top:.4rem}.mz-unit[data-state=ready]{border-color:var(--accent);background:var(--accent-soft)}.mz-muted{font-size:.85rem!important;color:var(--muted)!important}.mz-badge{display:inline-block;font-size:.78rem;font-weight:650;border:1px solid var(--line);border-radius:99px;padding:.3rem .7rem;margin-bottom:.8rem;color:var(--accent)}.mz-roles{grid-template-columns:repeat(3,minmax(0,1fr))}.mz-roles a{display:inline-flex;margin-top:1rem;color:var(--accent);font-size:.9rem;font-weight:650;min-height:44px;align-items:center}.mz-demo{border:1px solid var(--line);border-radius:24px;background:var(--surface);overflow:hidden}.mz-demo-head{padding:1.2rem 1.5rem;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.mz-demo-head strong{margin-inline-end:auto}.mz-demo-body{display:grid;grid-template-columns:250px minmax(0,1fr)}.mz-steps{padding:1rem;border-inline-end:1px solid var(--line)}.mz-step{display:flex;gap:.8rem;text-align:start;width:100%;padding:.7rem .9rem;border-radius:12px;align-items:center;margin-bottom:.3rem;color:var(--ink-2);font-size:.9rem!important}.mz-step b{font-variant-numeric:tabular-nums;font-size:.8rem;border:1px solid currentColor;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0}.mz-stage{padding:2rem;min-width:0}.mz-stage h3{font-size:1.65rem;margin-block:.3rem 1rem}.mz-stage .mz-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-block:1.5rem}.mz-case{border-inline-start:3px solid var(--accent);background:var(--bg-2);border-radius:12px;padding:1.2rem;margin-block:1.2rem}.mz-log{padding-inline-start:1.1rem;list-style:disc;color:var(--ink-2);line-height:2}.mz-checks{display:grid;gap:.7rem;margin-block:1rem}.mz-checks label{padding:.9rem;border:1px solid var(--line);border-radius:12px;display:flex;gap:.7rem;align-items:center;cursor:pointer;min-height:48px}.mz-checks input{accent-color:var(--accent);width:20px;height:20px}.mz-next{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;padding:1rem 1.5rem;border-top:1px solid var(--line)}.mz-progress{font-size:.85rem;color:var(--muted)}.mz-guide{max-width:780px;margin-inline:auto}.mz-guide ol{counter-reset:steps}.mz-guide li{list-style:none;padding:1.3rem 0;border-bottom:1px solid var(--line);line-height:1.9;color:var(--ink-2)}.mz-guide li:before{counter-increment:steps;content:counter(steps);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);margin-inline-end:.8rem;font-weight:700}.mz-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:1.5rem}.mz-link-grid a{border:1px solid var(--line);border-radius:16px;padding:1.2rem;color:var(--ink);background:var(--surface)}.mz-link-grid a:hover{border-color:var(--accent)}.mz [hidden]{display:none!important}.mz-note{margin-block:1rem;border-inline-start:3px solid var(--accent);padding:.6rem 1rem;background:var(--accent-soft);border-radius:8px}.mz-nav{display:flex;gap:.7rem;flex-wrap:wrap;margin-block:1rem}.mz-nav a{color:var(--accent);padding:.5rem}.mz-stage button{margin-block:.5rem}.mz-guide h2{margin-block:2.2rem 1rem}.mz-guide p{margin-block:1rem}.mz-guide ul{list-style:disc;padding-inline-start:1.3rem}.mz-guide ul li{border:0;padding:.4rem 0;list-style:disc}.mz-guide ul li:before{display:none}
@media(max-width:900px){.mz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mz-split{grid-template-columns:1fr}.mz-demo-body{grid-template-columns:1fr}.mz-steps{display:flex;overflow:auto;border-inline-end:0;border-bottom:1px solid var(--line);gap:.4rem}.mz-step{width:auto;min-width:145px;margin:0}.mz-stage{padding:1.3rem}.mz-roles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.mz{padding-block:3rem}.mz-grid,.mz-roles,.mz-link-grid{grid-template-columns:1fr}.mz-stage .mz-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.mz-stage .mz-grid .mz-card{padding:.6rem}.mz-stage .mz-num{font-size:1.6rem}.mz-stage .mz-grid p{font-size:.8rem}.mz-map{min-height:320px}.mz-marker{font-size:.78rem!important;min-width:100px}.mz-marker:nth-child(2),.mz-marker:nth-child(4){inset-inline-start:54%}.mz-unit{padding:.6rem .25rem}.mz-demo-head,.mz-next{padding:1rem}.mz-card{padding:1.2rem}.mz-stage h3{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.mz *{scroll-behavior:auto!important;transition:none!important}}