:root{
  --mz-blue:#2563eb; --mz-ink:#0f172a; --mz-muted:#475569; --mz-line:#e2e8f0;
  --mz-bg:#ffffff; --mz-soft:#f8fafc;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--mz-ink);background:var(--mz-bg);line-height:1.65;font-size:17px}
a{color:var(--mz-blue);text-decoration:none}
a:hover{text-decoration:underline}
.mz-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:14px 20px;
  border-bottom:1px solid var(--mz-line);position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}
.mz-brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--mz-ink);font-size:18px}
.mz-brand svg{width:24px;height:24px}
.mz-cta{font-weight:600;font-size:14px}
.mz-content{max-width:720px;margin:0 auto;padding:40px 20px 24px}
.mz-content h1{font-size:2rem;line-height:1.2;margin:0 0 .25rem;letter-spacing:-.01em}
.mz-content h2{font-size:1.35rem;margin:2.2rem 0 .6rem;letter-spacing:-.01em}
.mz-content h3{font-size:1.08rem;margin:1.5rem 0 .35rem}
.mz-meta{color:var(--mz-muted);font-size:.9rem;margin:0 0 1.5rem}
.mz-content p,.mz-content li{color:#1e293b}
.mz-content ul,.mz-content ol{padding-left:1.25rem}
.mz-content li{margin:.3rem 0}
.mz-callout{background:var(--mz-soft);border:1px solid var(--mz-line);border-left:3px solid var(--mz-blue);
  border-radius:8px;padding:14px 16px;margin:1.5rem 0;font-size:.95rem;color:var(--mz-muted)}
.mz-content table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.93rem}
.mz-content th,.mz-content td{border:1px solid var(--mz-line);padding:8px 10px;text-align:left}
.mz-content th{background:var(--mz-soft);font-weight:600}
.mz-footer{max-width:720px;margin:0 auto;padding:24px 20px 48px;border-top:1px solid var(--mz-line);
  color:var(--mz-muted);font-size:.9rem}
.mz-footer nav{display:flex;flex-wrap:wrap;gap:14px;margin:.6rem 0}
.mz-fineprint{font-size:.82rem;color:#94a3b8}