:root{--ma-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--ma-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--ma-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--ma-ink:#111827;--ma-ink-2:#4b5563;--ma-ink-3:#6b7280;--ma-line:#e5e7eb;--ma-line-strong:#d1d5db;--ma-panel:#fff;--ma-canvas:#fff;--ma-soft:#f8fafc;--ma-accent:#1f3a5f;--ma-accent-ink:#fff;--ma-good:#15803d;--ma-warn:#b45309;--ma-bad:#b91c1c;--ma-radius:8px;--ma-rail:240px}body:has(.ma-root){margin:0}.ma-root{font-family:var(--ma-font);color:var(--ma-ink);background:var(--ma-canvas);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.55}.ma-root *,.ma-root :before,.ma-root :after{box-sizing:border-box}.ma-root[data-surface=alabaster]{--ma-canvas:#faf9f6}.ma-root[data-surface=crm]{--ma-canvas:#f9fafb}.ma-root[data-surface=feed]{--ma-canvas:#f8f9fa}.ma-root[data-surface=stone]{--ma-canvas:#f7f6f2;--ma-accent:#3f3a2f}.ma-root[data-surface=ivory]{--ma-canvas:#f9f8f5;--ma-accent:#1c1917}.ma-root[data-surface=linen]{--ma-canvas:#faf7f2;--ma-accent:#2f3e36}.ma-root[data-surface=studio]{--ma-canvas:#f8fafc;--ma-accent:#1d4ed8}.ma-root[data-tone=dark]{--ma-canvas:#0f1115;--ma-panel:#171a20;--ma-soft:#1d2129;--ma-ink:#f3f4f6;--ma-ink-2:#c7cad1;--ma-ink-3:#9aa0ab;--ma-line:#2a2f39;--ma-line-strong:#3a404c;--ma-accent:#e5e7eb;--ma-accent-ink:#0f1115}.ma-root h1,.ma-root h2,.ma-root h3,.ma-root h4{letter-spacing:-.01em;margin:0;font-weight:650;line-height:1.2}.ma-root p{margin:0}.ma-root a{color:inherit}.ma-root img{max-width:100%;display:block}.ma-root button{font:inherit;color:inherit;cursor:pointer}.ma-serif{font-family:var(--ma-serif);letter-spacing:-.015em;font-weight:500}.ma-mono{font-family:var(--ma-mono);font-variant-numeric:tabular-nums}.ma-muted{color:var(--ma-ink-3)}.ma-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--ma-ink-3);font-size:11px;font-weight:600}.ma-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.ma-shell{grid-template-columns:var(--ma-rail) minmax(0, 1fr);min-height:100vh;display:grid}.ma-shell[data-rail=none]{grid-template-columns:minmax(0,1fr)}.ma-rail{border-right:1px solid var(--ma-line);background:var(--ma-panel);align-self:start;height:100vh;padding:20px 14px;position:sticky;top:0;overflow-y:auto}.ma-rail-title{padding:0 8px 14px;font-size:15px;font-weight:650}.ma-rail-group{margin-top:18px}.ma-rail-group>.ma-eyebrow{padding:0 8px 6px;display:block}.ma-rail-link{color:var(--ma-ink-2);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:7px 8px;font-size:14px;text-decoration:none;display:flex}.ma-rail-link:hover{background:var(--ma-soft);color:var(--ma-ink)}.ma-rail-link[aria-current=page],.ma-rail-link[data-active=true]{background:var(--ma-soft);border-color:var(--ma-line);color:var(--ma-ink);font-weight:600}.ma-main{min-width:0;padding:28px 32px 64px}.ma-topbar{align-items:center;gap:12px;margin-bottom:24px;display:flex}.ma-wrap{max-width:1180px;margin:0 auto}.ma-section{margin-top:36px}.ma-section>h2{margin-bottom:14px;font-size:18px}.ma-grid{gap:16px;display:grid}.ma-grid[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.ma-grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.ma-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.ma-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ma-spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ma-panel{background:var(--ma-panel);border:1px solid var(--ma-line);border-radius:var(--ma-radius);padding:18px}.ma-card{background:var(--ma-panel);border:1px solid var(--ma-line);border-radius:var(--ma-radius);flex-direction:column;display:flex;overflow:hidden}.ma-card-body{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.ma-card-title{font-size:15px;font-weight:650}.ma-thumb{aspect-ratio:16/10;object-fit:cover;object-position:top;border-bottom:1px solid var(--ma-line);background:var(--ma-soft);flex:none;width:100%;height:auto}.ma-callout{background:var(--ma-soft);border:1px solid var(--ma-line);border-radius:var(--ma-radius);padding:14px 16px}.ma-rule{border:0;border-top:1px solid var(--ma-line);margin:24px 0}.ma-btn{border:1px solid var(--ma-line-strong);background:var(--ma-panel);color:var(--ma-ink);border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.ma-btn:hover{border-color:var(--ma-ink-3)}.ma-btn[data-kind=primary]{background:var(--ma-accent);border-color:var(--ma-accent);color:var(--ma-accent-ink)}.ma-btn[data-kind=quiet]{color:var(--ma-ink-2);background:0 0;border-color:#0000}.ma-btn:focus-visible,.ma-input:focus-visible,.ma-chip:focus-visible,.ma-rail-link:focus-visible,.ma-tab:focus-visible{outline:2px solid var(--ma-accent);outline-offset:2px}.ma-input{border:1px solid var(--ma-line-strong);background:var(--ma-panel);width:100%;font:inherit;color:var(--ma-ink);border-radius:7px;padding:9px 12px}.ma-search{border:1px solid var(--ma-line-strong);background:var(--ma-panel);min-width:0;color:var(--ma-ink-3);text-align:left;border-radius:7px;flex:1;align-items:center;gap:10px;padding:9px 12px;font-size:14px;display:flex}.ma-search:after{content:"⌘K";font-family:var(--ma-mono);border:1px solid var(--ma-line);color:var(--ma-ink-3);border-radius:4px;margin-left:auto;padding:1px 6px;font-size:12px}.ma-chip{border:1px solid var(--ma-line);background:var(--ma-panel);color:var(--ma-ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;display:inline-flex}.ma-chip[aria-pressed=true]{background:var(--ma-ink);border-color:var(--ma-ink);color:var(--ma-canvas)}.ma-tag{border:1px solid var(--ma-line);color:var(--ma-ink-2);background:var(--ma-soft);font-size:11.5px;font-family:var(--ma-mono);border-radius:4px;padding:2px 7px;display:inline-block}.ma-dot{background:var(--ma-ink-3);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.ma-dot[data-status=MOBBIN_CLEAN],.ma-dot[data-status=good]{background:var(--ma-good)}.ma-dot[data-status=LIVE]{background:#2563eb}.ma-dot[data-status=PREVIEW],.ma-dot[data-status=warn]{background:var(--ma-warn)}.ma-dot[data-status=bad]{background:var(--ma-bad)}.ma-tabs{border-bottom:1px solid var(--ma-line);gap:2px;display:flex;overflow-x:auto}.ma-tab{color:var(--ma-ink-3);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:14px;font-weight:600}.ma-tab[aria-selected=true]{color:var(--ma-ink);border-bottom-color:var(--ma-ink)}.ma-table-wrap{border:1px solid var(--ma-line);border-radius:var(--ma-radius);background:var(--ma-panel);overflow-x:auto}.ma-table{border-collapse:collapse;width:100%;font-size:13.5px}.ma-table th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--ma-ink-3);border-bottom:1px solid var(--ma-line);background:var(--ma-soft);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}.ma-table td{border-bottom:1px solid var(--ma-line);vertical-align:top;padding:10px 14px}.ma-table tr:last-child td{border-bottom:0}.ma-table td[data-num],.ma-table th[data-num]{text-align:right;font-family:var(--ma-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.ma-table tbody tr[data-clickable=true]{cursor:pointer}.ma-table tbody tr[data-clickable=true]:hover,.ma-table tbody tr[data-selected=true]{background:var(--ma-soft)}.ma-kpi{flex-direction:column;gap:4px;display:flex}.ma-kpi-value{font-size:26px;font-weight:650;font-family:var(--ma-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.ma-kv{grid-template-columns:minmax(96px,38%) minmax(0,1fr);gap:8px 12px;margin:0;font-size:13.5px;display:grid}.ma-kv dt{color:var(--ma-ink-3)}.ma-kv dd{overflow-wrap:anywhere;margin:0}.ma-scrim{z-index:40;background:#1118275c;position:fixed;inset:0}.ma-palette{z-index:50;background:var(--ma-panel);border:1px solid var(--ma-line-strong);border-radius:10px;width:min(640px,100vw - 32px);position:fixed;top:12vh;left:50%;overflow:hidden;transform:translate(-50%)}.ma-palette input{border:0;border-bottom:1px solid var(--ma-line);width:100%;font:inherit;color:var(--ma-ink);background:0 0;outline:none;padding:15px 16px;font-size:16px}.ma-palette-list{max-height:50vh;margin:0;padding:6px;list-style:none;overflow-y:auto}.ma-palette-item{border-radius:6px;justify-content:space-between;gap:12px;padding:9px 10px;font-size:14px;text-decoration:none;display:flex}.ma-palette-item[data-active=true]{background:var(--ma-soft)}.ma-drawer{z-index:50;background:var(--ma-panel);border-left:1px solid var(--ma-line-strong);flex-direction:column;width:min(560px,100vw);height:100vh;display:flex;position:fixed;top:0;right:0}.ma-drawer-head{border-bottom:1px solid var(--ma-line);padding:16px 18px}.ma-drawer-body{flex:1;padding:18px;overflow-y:auto}.ma-reader{grid-template-columns:var(--ma-rail) minmax(0, 1fr) 220px;min-height:100vh;display:grid}.ma-reader-center{min-width:0;padding:32px 40px 80px}.ma-prose{max-width:72ch;font-size:16px;line-height:1.7}.ma-prose h1{margin:0 0 14px;font-size:30px}.ma-prose h2{margin:34px 0 10px;padding-top:6px;font-size:22px}.ma-prose h3{margin:24px 0 8px;font-size:17px}.ma-prose h4{margin:18px 0 6px;font-size:15px}.ma-prose p,.ma-prose ul,.ma-prose ol,.ma-prose blockquote,.ma-prose pre,.ma-prose .ma-table-wrap{margin:0 0 14px}.ma-prose ul,.ma-prose ol{padding-left:22px}.ma-prose li{margin:3px 0}.ma-prose code{font-family:var(--ma-mono);background:var(--ma-soft);border:1px solid var(--ma-line);overflow-wrap:anywhere;border-radius:4px;padding:1px 5px;font-size:.88em}.ma-prose pre{background:var(--ma-soft);border:1px solid var(--ma-line);border-radius:var(--ma-radius);padding:12px 14px;font-size:13px;overflow-x:auto}.ma-prose pre code{background:0 0;border:0;padding:0}.ma-prose blockquote{border-left:3px solid var(--ma-line-strong);color:var(--ma-ink-2);padding:2px 0 2px 14px}.ma-prose a{text-underline-offset:2px;overflow-wrap:anywhere;text-decoration:underline}.ma-toc{border-left:1px solid var(--ma-line);align-self:start;max-height:100vh;padding:32px 16px;font-size:13px;position:sticky;top:0;overflow-y:auto}.ma-toc a{color:var(--ma-ink-3);border-left:2px solid #0000;padding:4px 8px;text-decoration:none;display:block}.ma-toc a[data-active=true]{color:var(--ma-ink);border-left-color:var(--ma-ink);font-weight:600}.ma-feed{grid-template-columns:var(--ma-rail) minmax(0, 1fr) 280px;min-height:100vh;display:grid}.ma-thread{background:var(--ma-panel);border:1px solid var(--ma-line);border-radius:var(--ma-radius);padding:16px 18px}.ma-thread mark{color:inherit;background:#fde68a;border-radius:2px;padding:0 2px}.ma-tier{background:var(--ma-panel);border:1px solid var(--ma-line);border-radius:var(--ma-radius);flex-direction:column;gap:14px;padding:22px;display:flex}.ma-tier[data-featured=true]{border-color:var(--ma-ink)}.ma-price{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:30px;font-weight:650}.ma-list{gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.ma-list li{padding-left:18px;position:relative}.ma-list li:before{content:"";background:var(--ma-ink-3);width:7px;height:1px;position:absolute;top:.62em;left:2px}.ma-bar{background:var(--ma-panel);border:1px solid var(--ma-line);border-radius:var(--ma-radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.ma-split{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.ma-display{font-family:var(--ma-serif);letter-spacing:-.025em;font-size:clamp(34px,5vw,58px);font-weight:500;line-height:1.05}.ma-lede{color:var(--ma-ink-2);max-width:54ch;font-size:18px}.ma-index{border-top:1px solid var(--ma-line);margin:0;padding:0;list-style:none}.ma-index-item{text-align:left;border:0;border-bottom:1px solid var(--ma-line);background:0 0;grid-template-columns:44px minmax(0,1fr);gap:4px 12px;width:100%;padding:16px 4px;display:grid}.ma-index-item[aria-pressed=true] .ma-index-title{text-underline-offset:4px;text-decoration:underline}.ma-index-no{font-family:var(--ma-mono);color:var(--ma-ink-3);padding-top:2px;font-size:13px}.ma-index-title{font-size:16px;font-weight:650}.ma-frame{border:1px solid var(--ma-line-strong);background:var(--ma-panel);border-radius:10px;overflow:hidden}.ma-frame-bar{border-bottom:1px solid var(--ma-line);background:var(--ma-soft);color:var(--ma-ink-3);align-items:center;gap:6px;padding:9px 12px;font-size:12px;display:flex}.ma-frame-body{padding:18px}.ma-bento{border:1px solid var(--ma-line);border-radius:var(--ma-radius);background:var(--ma-panel);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.ma-bento>div{border-right:1px solid var(--ma-line);border-bottom:1px solid var(--ma-line);flex-direction:column;gap:6px;padding:22px;display:flex}.ma-bleed{background:#1c1917;align-items:flex-end;min-height:min(78vh,720px);display:flex;position:relative;overflow:hidden}.ma-bleed>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ma-bleed-shade{background:#110c0861;position:absolute;inset:0}.ma-bleed-copy{color:#fff;max-width:760px;padding:48px 40px;position:relative}.ma-bleed-copy .ma-eyebrow{color:#ffffffd1}.ma-caption{color:var(--ma-ink-3);margin-top:8px;font-size:12.5px}.ma-option{border:1px solid var(--ma-line);border-radius:var(--ma-radius);background:var(--ma-panel);text-align:left;grid-template-columns:180px minmax(0,1fr);gap:16px;width:100%;padding:0;display:grid;overflow:hidden}.ma-option[aria-pressed=true]{border-color:var(--ma-ink)}.ma-option img{object-fit:cover;width:100%;height:100%;min-height:120px}.ma-option-body{flex-direction:column;gap:6px;padding:14px 16px 14px 0;display:flex}.ma-option[data-plain]{grid-template-columns:minmax(0,1fr)}.ma-option[data-plain] .ma-option-body{padding:14px 16px}.ma-bleed[data-plain]{min-height:0}.ma-summary{background:var(--ma-panel);border:1px solid var(--ma-line-strong);border-radius:var(--ma-radius);flex-direction:column;gap:12px;padding:20px;display:flex;position:sticky;top:20px}.ma-fine{color:var(--ma-ink-3);font-size:12px;line-height:1.5}.ma-bench{grid-template-columns:var(--ma-rail) minmax(0, 1fr) minmax(0, 1fr);min-height:100vh;display:grid}.ma-bench-pane{border-right:1px solid var(--ma-line);min-width:0;padding:28px}.ma-field{gap:6px;margin-bottom:16px;display:grid}.ma-field label{justify-content:space-between;gap:8px;font-size:13px;font-weight:600;display:flex}.ma-field input[type=range]{width:100%;accent-color:var(--ma-accent)}.ma-score{border-bottom:1px solid var(--ma-line);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;display:flex}.ma-score output{font-family:var(--ma-mono);font-variant-numeric:tabular-nums;font-size:20px;font-weight:650}.ma-gate{max-width:420px;margin:12vh auto 0;padding:0 20px}@media (width<=960px){.ma-shell,.ma-reader,.ma-feed,.ma-bench{grid-template-columns:minmax(0,1fr)}.ma-rail{border-right:0;border-bottom:1px solid var(--ma-line);height:auto;padding:14px;position:static}.ma-rail-group{margin-top:10px}.ma-toc,.ma-feed-aside{display:none}.ma-main,.ma-reader-center,.ma-bench-pane{padding:20px 16px 48px}.ma-bench-pane{border-right:0;border-bottom:1px solid var(--ma-line)}.ma-grid[data-cols="4"],.ma-grid[data-cols="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.ma-split{grid-template-columns:minmax(0,1fr);gap:28px}.ma-bento{grid-template-columns:minmax(0,1fr)}.ma-bleed-copy{padding:32px 20px}}@media (width<=560px){.ma-grid[data-cols="4"],.ma-grid[data-cols="3"],.ma-grid[data-cols="2"]{grid-template-columns:minmax(0,1fr)}.ma-option{grid-template-columns:minmax(0,1fr);gap:0}.ma-option img{aspect-ratio:16/9;height:auto;min-height:0}.ma-option-body{padding:14px 16px}}
