.mf-material{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-block}.mf-hero{background:radial-gradient(120% 140% at 100% 0,#4f46e5 0%,#4338ca 42%,#312e81 100%);border-radius:20px;margin-bottom:3rem;padding:3.25rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 16px 32px -8px #4f46e51f,0 4px 8px -2px #4f46e50f}.mf-hero-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#c7d2fe;margin:0 0 1rem;font-family:SF Mono,Monaco,monospace;font-size:.75rem}.mf-hero h1{color:#fff;letter-spacing:-.03em;max-width:26ch;margin:0 0 1.25rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:clamp(2rem,4vw + 1rem,3.1rem);font-weight:900;line-height:1.05}.mf-hero p{color:#e0e7ff;max-width:46rem;margin:0;font-size:1.0625rem;line-height:1.6}.mf-hero p strong{color:#fff;font-weight:700}.mf-part{border-bottom:2px solid #4f46e5;flex-wrap:wrap;align-items:baseline;gap:.85rem;margin:3.5rem 0 .5rem;padding-bottom:.75rem;display:flex}.mf-part-kicker{text-transform:uppercase;letter-spacing:.14em;color:#4338ca;background:#e0e7ff;border-radius:6px;padding:.2rem .6rem;font-family:SF Mono,Monaco,monospace;font-size:.75rem;font-weight:700}.mf-part-title{color:#0f172a;letter-spacing:-.02em;font-family:Red Hat Display,system-ui,sans-serif;font-size:1.5rem;font-weight:800}.mf-section{border-bottom:1px solid #e6e8eb;margin-top:2.5rem;padding-bottom:2rem}.mf-section:last-of-type{border-bottom:none}.mf-section-header{align-items:center;margin-bottom:.75rem;display:flex}.mf-section-number{color:#fff;background:#4f46e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin-right:.75rem;font-size:.875rem;font-weight:700;display:inline-flex}.mf-section-title{color:#0f172a;font-family:Red Hat Display,system-ui,sans-serif;font-size:1.25rem;font-weight:700}.mf-text{color:#475569;max-width:48rem;font-family:Rubik,system-ui,sans-serif;font-size:.9375rem;line-height:1.7}.mf-text+.mf-text{margin-top:1rem}.mf-text strong{color:#0f172a;font-weight:600}.mf-text code,.mf-inline-code{color:#4338ca;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,monospace;font-size:.875em}.mf-callout{background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;gap:.75rem;max-width:48rem;margin:1.25rem 0;padding:1rem 1.25rem;display:flex}.mf-callout .mf-material{color:#4338ca;flex-shrink:0;font-size:1.25rem}.mf-callout-text{color:#3730a3;font-family:Rubik,system-ui,sans-serif;font-size:.875rem;line-height:1.6}.mf-callout-text strong{color:#312e81;font-weight:700}.mf-callout-text code{color:#3730a3;background:#4f46e51a;border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.85em}.mf-rules{flex-direction:column;gap:.75rem;max-width:48rem;margin:1.25rem 0;display:flex}.mf-rule{background:#fff;border:1px solid #e6e8eb;border-left:3px solid #4f46e5;border-radius:10px;padding:.9rem 1.125rem}.mf-rule-line{color:#0f172a;margin:0;font-family:Rubik,system-ui,sans-serif;font-size:.9375rem;line-height:1.5}.mf-rule-why{color:#64748b;margin:.35rem 0 0;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.5}.mf-tag{text-transform:uppercase;letter-spacing:.05em;vertical-align:.08em;border-radius:4px;margin-right:.5rem;padding:.1rem .4rem;font-family:SF Mono,Monaco,monospace;font-size:.625rem;font-weight:700;display:inline-block}.mf-tag.rule{color:#4338ca;background:#e0e7ff}.mf-tag.why{color:#475569;background:#f1f5f9}.mf-rule code{color:#334155;background:#0f172a0f;border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.8125em}.mf-demo{background:#fff;border:1px solid #e6e8eb;border-radius:12px;margin:1.25rem 0;padding:1.5rem}.mf-demo-label{text-transform:uppercase;color:#475569;letter-spacing:.08em;margin-bottom:1rem;font-size:.6875rem;font-weight:700}.mf-standard-cap{text-transform:uppercase;letter-spacing:.08em;color:#475569;align-items:center;gap:.4rem;margin:.9rem 0 0;font-family:SF Mono,Monaco,monospace;font-size:.6875rem;font-weight:700;display:flex}.mf-standard-cap .mf-material{color:#4338ca;font-size:.95rem}.mf-pair{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;max-width:48rem;margin:1.25rem 0;display:grid}.mf-card{background:#fff;border:1px solid #e6e8eb;border-radius:12px;padding:1.15rem 1.25rem}.mf-card.avoid{background:#fbfcfd;border-style:dashed;border-color:#cbd5e1}.mf-card-head{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.4rem;margin-bottom:.6rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;font-weight:700;display:flex}.mf-card.rec .mf-card-head{color:#166534}.mf-card.avoid .mf-card-head{color:#475569}.mf-card-body{color:#475569;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.55}.mf-card-body code{color:#4338ca;background:#eef2ff;border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.85em}.mf-scroll{border:1px solid #e6e8eb;border-radius:12px;max-width:52rem;margin:1.25rem 0;overflow-x:auto}table.mf-map{border-collapse:collapse;background:#fff;width:100%;min-width:620px;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem}table.mf-map th{text-align:left;color:#0f172a;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e6e8eb;padding:.75rem 1rem;font-size:.75rem;font-weight:700}table.mf-map th.desk{background:#f8fafc}table.mf-map th.mob{background:#eef2ff}table.mf-map th.src{background:#f8fafc}table.mf-map td{color:#475569;vertical-align:top;border-bottom:1px solid #f1f5f9;padding:.7rem 1rem}table.mf-map td.desk{color:#64748b}table.mf-map td.mob{color:#0f172a;background:#fafbff;font-weight:600}table.mf-map td.src{color:#64748b;font-size:.75rem}table.mf-map tr:last-child td{border-bottom:none}table.mf-map .mf-arrow-cell{color:#4338ca;font-weight:700}table.mf-map code{color:#4338ca;background:#eef2ff;border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.85em}.mf-phone{background:#0f172a;border-radius:48px;width:320px;max-width:100%;margin:0 auto;padding:12px;position:relative;box-shadow:0 28px 56px -16px #0f172a73,inset 0 0 0 1px #94a3b840}.mf-phone:before,.mf-phone:after{content:"";background:#1e293b;border-radius:2px 0 0 2px;width:3px;position:absolute;left:-2px}.mf-phone:before{height:34px;top:108px}.mf-phone:after{height:58px;top:152px}.mf-phone-screen{background:#f8fafc;border-radius:38px;flex-direction:column;height:640px;display:flex;position:relative;overflow:hidden}.mf-phone-notch{z-index:5;background:#0f172a;border-radius:14px;width:110px;height:26px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.mf-status{color:#475569;flex-shrink:0;justify-content:space-between;align-items:center;padding:2.75rem 1rem .2rem;font-family:Rubik,system-ui,sans-serif;font-size:.7rem;font-weight:600;display:flex}.mf-appbar{color:#0f172a;border-bottom:1px solid #e6e8eb;flex-shrink:0;padding:.35rem 1rem .75rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:1.05rem;font-weight:800}.mf-canvas{flex-direction:column;flex:1;gap:.6rem;padding:.85rem 1rem;display:flex;overflow-y:auto}.mf-line{background:#e6e8eb;border-radius:6px;height:.7rem}.mf-line.short{width:55%}.mf-line.mid{width:78%}.mf-tile{background:#fff;border:1px solid #e6e8eb;border-radius:12px;flex-direction:column;gap:.5rem;padding:.75rem .85rem;display:flex}.mf-tile-title{color:#0f172a;font-family:Rubik,system-ui,sans-serif;font-size:.8rem;font-weight:700}.mf-thumb-arc{pointer-events:none;z-index:1;background:radial-gradient(circle at 100% 100%,#4f46e524 0%,#4f46e50f 55%,#4f46e500 72%);border-radius:50%;width:240px;height:240px;position:absolute;bottom:-40px;right:-40px}.mf-reach-tag{text-transform:uppercase;letter-spacing:.06em;color:#64748b;z-index:4;background:#f8fafcd9;border:1px dashed #cbd5e1;border-radius:6px;padding:.1rem .35rem;font-family:SF Mono,Monaco,monospace;font-size:.55rem;font-weight:700;position:absolute;top:46px;left:12px}.mf-sticky-cta{z-index:3;backdrop-filter:blur(6px);background:#ffffffeb;border-top:1px solid #e6e8eb;flex-shrink:0;padding:.7rem 1rem calc(.7rem + 8px);position:relative}.mf-cta-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;width:100%;min-height:48px;font-family:Rubik,system-ui,sans-serif;font-size:.95rem;font-weight:700;display:flex}.mf-cta-btn:hover{background:#4338ca}.mf-cta-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5}.mf-cta-btn .mf-material{font-size:1.2rem}.mf-bottomnav{background:#fff;border-top:1px solid #e6e8eb;flex-shrink:0;padding-bottom:8px;display:flex}.mf-navitem{color:#64748b;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.15rem;min-height:48px;padding:.45rem .2rem;font-family:Rubik,system-ui,sans-serif;font-size:.625rem;font-weight:600;text-decoration:none;display:flex}.mf-navitem .mf-material{font-size:1.25rem}.mf-navitem:focus-visible{border-radius:8px;outline:none;box-shadow:inset 0 0 0 2px #4f46e5}.mf-navitem[aria-current=page]{color:#4338ca}.mf-navitem[aria-current=page] .mf-material{font-variation-settings:"FILL" 1}.mf-fab{z-index:4;color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex;position:absolute;bottom:70px;right:14px;box-shadow:0 8px 16px -4px #4f46e580}.mf-fab:hover{background:#4338ca}.mf-fab:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5}.mf-fab .mf-material{font-size:1.5rem}.mf-snackbar{z-index:4;background:#1e293b;border-radius:10px;align-items:center;gap:.6rem;padding:.7rem .75rem .7rem 1rem;display:flex;position:absolute;bottom:16px;left:12px;right:12px;box-shadow:0 10px 24px -8px #0f172a80}.mf-snackbar-text{color:#f1f5f9;flex:1;font-family:Rubik,system-ui,sans-serif;font-size:.8rem;line-height:1.35}.mf-snackbar-action{color:#a5b4fc;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;min-height:36px;padding:0 .6rem;font-family:Rubik,system-ui,sans-serif;font-size:.8rem;font-weight:700}.mf-snackbar-action:hover{background:#a5b4fc29}.mf-snackbar-action:focus-visible{outline:none;box-shadow:0 0 0 2px #1e293b,0 0 0 4px #a5b4fc}.mf-ghost-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.35rem;min-height:44px;padding:0 .9rem;font-family:Rubik,system-ui,sans-serif;font-size:.85rem;font-weight:600;display:inline-flex}.mf-ghost-btn:hover{color:#4338ca;border-color:#4f46e5}.mf-ghost-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5}.mf-ghost-btn .mf-material{color:#4338ca;font-size:1.1rem}dialog.mf-sheet{width:100%;max-width:420px;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border:none;border-radius:18px 18px 0 0;margin:0 auto;position:fixed;inset:auto 0 0;box-shadow:0 -12px 32px -8px #0f172a40}dialog.mf-sheet::backdrop{background:#0f172a73}.mf-sheet-inner{padding:.5rem 1.25rem 1.25rem}.mf-grabber-row{justify-content:center;padding:.5rem 0 .75rem;display:flex}.mf-grabber{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:48px;height:24px;display:inline-flex}.mf-grabber:before{content:"";background:#cbd5e1;border-radius:999px;width:36px;height:5px;display:block}.mf-grabber:hover:before{background:#94a3b8}.mf-grabber:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5}.mf-sheet-title{color:#0f172a;margin:0 0 .4rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:1.15rem;font-weight:800}.mf-sheet-body{color:#475569;margin:0 0 1rem;font-family:Rubik,system-ui,sans-serif;font-size:.875rem;line-height:1.55}.mf-sheet-actions{gap:.6rem;display:flex}.mf-sheet-actions button{cursor:pointer;border-radius:10px;flex:1;min-height:48px;font-family:Rubik,system-ui,sans-serif;font-size:.9rem;font-weight:700}.mf-btn-primary{color:#fff;background:#4f46e5;border:1px solid #4f46e5}.mf-btn-primary:hover{background:#4338ca}.mf-btn-secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.mf-btn-secondary:hover{color:#4338ca;border-color:#4f46e5}.mf-sheet-actions button:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5}.mf-swipe-list{border:1px solid #e6e8eb;border-radius:12px;max-width:32rem;margin:0;padding:0;list-style:none;overflow:hidden}.mf-swipe-row{background:#fff;border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.mf-swipe-row:last-child{border-bottom:none}.mf-swipe-main{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.mf-swipe-name{color:#0f172a;font-family:Rubik,system-ui,sans-serif;font-size:.875rem;font-weight:700}.mf-swipe-meta{color:#64748b;font-family:Rubik,system-ui,sans-serif;font-size:.75rem}.mf-swipe-action{color:#3730a3;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;flex-shrink:0;align-items:center;gap:.3rem;min-height:44px;padding:0 .75rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;font-weight:700;display:inline-flex}.mf-swipe-action:hover{background:#e0e7ff}.mf-swipe-action:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5}.mf-swipe-action .mf-material{font-size:1.05rem}.mf-swipe-hint{text-transform:uppercase;letter-spacing:.05em;color:#64748b;align-items:center;gap:.3rem;font-family:SF Mono,Monaco,monospace;font-size:.6rem;font-weight:700;display:inline-flex}.mf-swipe-hint .mf-material{color:#94a3b8;font-size:.95rem}.mf-chips{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.75rem 0;display:flex}.mf-chip{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:.1rem;padding:.1rem .15rem .1rem .5rem;font-family:Rubik,system-ui,sans-serif;font-size:.75rem;font-weight:600;display:inline-flex}.mf-chip-x{color:#4338ca;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.mf-chip-x:hover{background:#c7d2fe}.mf-chip-x:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 3px #4f46e5}.mf-chip-x .mf-material{font-size:.8rem}.mf-code{color:#e2e8f0;background:#0f172a;border-radius:10px;max-width:48rem;margin:1.25rem 0;padding:1.1rem 1.3rem;font-family:SF Mono,Monaco,monospace;font-size:.8125rem;line-height:1.75;overflow-x:auto}.mf-code .mf-c-com{color:#94a3b8}.mf-code .mf-c-prop{color:#a5b4fc}.mf-code .mf-c-val{color:#7dd3fc}.mf-ladder{counter-reset:mf-step;max-width:48rem;margin:1.25rem 0}.mf-ladder-step{border-bottom:1px dashed #e2e8f0;gap:.875rem;padding:.875rem 0;display:flex}.mf-ladder-step:last-child{border-bottom:none}.mf-ladder-step:before{counter-increment:mf-step;content:counter(mf-step);color:#4338ca;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-family:SF Mono,monospace;font-size:.75rem;font-weight:700;display:flex}.mf-ladder-text{color:#334155;font-family:Rubik,system-ui,sans-serif;font-size:.875rem;line-height:1.5}.mf-ladder-text strong{color:#0f172a}.mf-ladder-text code{color:#4338ca;background:#f1f5f9;border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.85em}.mf-xlink{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:.4rem;margin:1rem .5rem 0 0;padding:.4rem .9rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.mf-xlink:hover{background:#e0e7ff}.mf-xlink .mf-material{font-size:1rem}.mf-sources-list{max-width:52rem;margin:1.25rem 0 0;padding:0;list-style:none}.mf-sources-list li{color:#475569;border-bottom:1px solid #f1f5f9;padding:.7rem 0;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.6}.mf-sources-list li:last-child{border-bottom:none}.mf-sources-list strong{color:#0f172a}.mf-sources-list code{color:#4338ca;font-family:SF Mono,Monaco,monospace;font-size:.85em}.mf-note{color:#92400e;text-transform:uppercase;letter-spacing:.04em;background:#fffbeb;border:1px solid #fde68a;border-radius:4px;padding:.05rem .35rem;font-family:SF Mono,Monaco,monospace;font-size:.6rem;font-weight:700}.mf-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){dialog.mf-sheet{transition:none}}