:root{--mk-paper:#eeebe6;--mk-ink:#0e1a2b;--mk-muted:#59616b;--mk-line:#c9c5be;--mk-accent:#c45a31;--mk-accent-2:#879d9a;--mk-dark:#111a26;--mk-dark-ink:#f6f1e9;--mk-radius:28px;--mk-font:Arial,Helvetica,sans-serif;--mk-font-display:Arial,Helvetica,sans-serif;--mk-font-mono:Consolas,'Courier New',monospace;--mk-ease:cubic-bezier(0.16,1,0.3,1)}
.mk-stage,.mk-stage *,[data-mk],[data-mk] *{box-sizing:border-box}
.mk-stage,[data-mk].mk-stage{font-family:var(--mk-font)}
:is(.mk-stage,[data-mk]) :is(button,a,input){-webkit-tap-highlight-color:transparent}
:is(.mk-stage,[data-mk]) button{font:inherit;color:inherit;cursor:pointer}
:is(.mk-stage,[data-mk]) :is(button,a,input):focus-visible{outline:3px solid var(--mk-accent);outline-offset:5px}
:is(.mk-stage,[data-mk]) button:disabled{cursor:default}
.mk-stage{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid var(--mk-line);border-radius:var(--mk-radius);color:var(--mk-ink);background-color:var(--mk-paper);background-image:linear-gradient(var(--mk-line) 1px,transparent 1px),linear-gradient(90deg,var(--mk-line) 1px,transparent 1px);background-size:24px 24px;box-shadow:inset 0 0 70px 20px var(--mk-paper);isolation:isolate;container-type:inline-size}
.mk-stage>svg{display:block;width:100%;height:100%;fill:var(--mk-ink);font:26px var(--mk-font)}.mk-stage text{stroke:none}.mk-stage .mk-eyebrow{font:24px var(--mk-font-mono);fill:var(--mk-muted)}.mk-stage .mk-note{font:24px var(--mk-font-mono);fill:var(--mk-muted)}.mk-stage .mk-small{font-size:24px}.mk-stage .mk-title{font-size:38px;font-weight:700;letter-spacing:-1px}.mk-stage .mk-big{font-size:92px;font-weight:700;letter-spacing:-5px}.mk-surface{fill:var(--mk-paper);stroke:var(--mk-line);stroke-width:1.5}.mk-ink-fill{fill:var(--mk-ink)}.mk-paper-fill{fill:var(--mk-paper)}.mk-accent-fill{fill:var(--mk-accent)}.mk-accent-2-fill{fill:var(--mk-accent-2)}.mk-dark-fill{fill:var(--mk-dark)}.mk-on-dark{fill:var(--mk-dark-ink)}.mk-line{fill:none;stroke:var(--mk-line);stroke-width:2}.mk-stroke{fill:none;stroke:var(--mk-accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.mk-muted{fill:var(--mk-muted)}.mk-mobile{display:none}.mk-stage .mk-content-label{font-size:28px}
.mk-js .mk-mounted [data-motion-start]{will-change:transform,opacity}.mk-tabs{padding:13% 7% 7%;height:100%;display:flex;flex-direction:column;gap:18px;background:var(--mk-paper)}.mk-tabs-heading{font:12px var(--mk-font-mono);margin:0;color:var(--mk-muted)}.mk-tab-buttons{position:relative;display:flex;border-bottom:1px solid var(--mk-line);gap:4px}.mk-tab-buttons button{position:relative;z-index:1;flex:1;border:0;padding:12px 4px;background:transparent;font-size:clamp(12px,3.8cqw,24px)}.mk-tab-indicator{position:absolute;bottom:-2px;left:0;height:3px;width:33.333%;background:var(--mk-accent);transform:translateX(0)}.mk-tab-panel h3{font-size:clamp(16px,5cqw,36px);margin:0 0 6px}.mk-tab-panel p{font-size:clamp(12px,3.8cqw,25px);margin:5px 0}.mk-tabs-panels{display:grid;gap:12px;flex:1;align-content:start}.mk-tab-panel{padding:8px 10px;border-left:2px solid var(--mk-line)}.mk-js .mk-tabs-enhanced .mk-tab-panel{padding:24px 0;border:0}.mk-tab-panel[hidden]{display:none}.mk-tabs-note{font:12px var(--mk-font-mono);margin:0;color:var(--mk-muted)}
.mk-dock{height:100%;display:flex;align-items:center;justify-content:center;padding:36px 18px;gap:2px;position:relative}.mk-dock-heading{position:absolute;top:10%;left:7%;font:12px var(--mk-font-mono)}.mk-dock-list{display:flex;align-items:center;justify-content:center;width:100%;padding:30px 4px 38px;border:1px solid var(--mk-line);border-radius:22px;background:var(--mk-paper)}.mk-dock-item{width:14.285%;position:relative;text-align:center}.mk-dock button{border:0;background:none;padding:4px;width:100%;height:52px;display:flex;align-items:center;justify-content:center;transform-origin:50% 100%}.mk-dock button svg{width:30px;height:30px;fill:none;stroke:var(--mk-ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mk-dock-label{display:block;font:12px var(--mk-font);margin-top:8px;white-space:nowrap}.mk-dock-cursor{position:absolute;top:65%;left:0;width:22px;height:28px;pointer-events:none;fill:var(--mk-accent);stroke:var(--mk-paper);stroke-width:1.5}.mk-dock-note{position:absolute;bottom:8%;left:7%;font:12px var(--mk-font-mono)}
.mk-particle-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.mk-stage .mk-layers{transform-style:preserve-3d;transform-origin:300px 300px}.mk-stage .mk-layer{transform-origin:300px 300px}
@container (max-width:599px){.mk-mobile{display:inline}.mk-desktop{display:none}.mk-stage .mk-small{font-size:24px}.mk-stage .mk-big{font-size:82px}}
@media(prefers-reduced-motion:reduce){:is(.mk-stage,[data-mk]),:is(.mk-stage,[data-mk]) *,:is(.mk-stage,[data-mk])::before,:is(.mk-stage,[data-mk])::after,:is(.mk-stage,[data-mk]) *::before,:is(.mk-stage,[data-mk]) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mk-stage [data-motion-start]{will-change:auto}}
[data-mk-preview="reduce"] *,[data-mk-preview="reduce"] *::before,[data-mk-preview="reduce"] *::after{animation:none!important;transition:none!important}
.mk-stage .mk-type-outline text{fill:none;stroke:var(--mk-ink);stroke-width:1.3}.mk-dock-heading,.mk-dock-note{font-size:clamp(12px,4cqw,40px)}.mk-dock-label{font-size:clamp(12px,3.8cqw,32px)}.mk-dock button{height:clamp(52px,12cqw,120px)}.mk-dock button svg{width:clamp(28px,7cqw,76px);height:clamp(28px,7cqw,76px)}.mk-dock-list{padding:clamp(30px,7cqw,76px) 4px clamp(38px,8cqw,86px)}.mk-dock-cursor{width:clamp(22px,5cqw,54px);height:clamp(28px,6.4cqw,69px)}.mk-tabs-heading,.mk-tabs-note{font-size:clamp(12px,4cqw,40px)}.mk-tab-buttons button{font-size:clamp(12px,4cqw,40px)}.mk-tab-panel h3{font-size:clamp(16px,5cqw,54px)}.mk-tab-panel p{font-size:clamp(12px,3.8cqw,40px)}
.mk-tabs{position:absolute;inset:0}.mk-stage:not(.mk-tabs-enhanced) .mk-tabs{padding:7%;gap:6px}.mk-stage:not(.mk-tabs-enhanced) .mk-tab-buttons button{padding:7px 4px}.mk-stage:not(.mk-tabs-enhanced) .mk-tabs-panels{gap:6px}.mk-stage:not(.mk-tabs-enhanced) .mk-tab-panel{padding:0 8px}.mk-stage:not(.mk-tabs-enhanced) .mk-tab-panel h3{font-size:clamp(16px,4cqw,40px);margin:0 0 2px}.mk-stage:not(.mk-tabs-enhanced) .mk-tab-panel p{font-size:clamp(12px,3.4cqw,34px);margin:2px 0}.mk-stage:not(.mk-tabs-enhanced) .mk-tabs-heading,.mk-stage:not(.mk-tabs-enhanced) .mk-tabs-note{font-size:clamp(12px,3.4cqw,34px)}
.mk-js .mk-tabs-enhanced .mk-tab-indicator{will-change:transform}
.mk-stage[data-mk="tabs-panels"] .mk-tabs{padding:7%;gap:6px}.mk-stage[data-mk="tabs-panels"] .mk-tab-buttons button{padding:7px 4px;font-size:clamp(12px,4cqw,40px)}.mk-stage[data-mk="tabs-panels"] .mk-tabs-panels{gap:6px}.mk-js .mk-stage.mk-tabs-enhanced .mk-tab-panel{padding:0 8px;border-left:2px solid var(--mk-line)}.mk-stage[data-mk="tabs-panels"] .mk-tab-panel h3{font-size:clamp(16px,4cqw,40px);margin:0 0 2px}.mk-stage[data-mk="tabs-panels"] .mk-tab-panel p{font-size:clamp(12px,3.4cqw,34px);margin:2px 0}.mk-stage[data-mk="tabs-panels"] .mk-tabs-heading,.mk-stage[data-mk="tabs-panels"] .mk-tabs-note{font-size:clamp(12px,3.4cqw,34px)}

/* Kit presentation only. The shared website runtime remains unchanged. */
.mk-stage{--mk-grid:color-mix(in srgb,var(--mk-line) 33%,var(--mk-paper));background-image:linear-gradient(var(--mk-grid) 1px,transparent 1px),linear-gradient(90deg,var(--mk-grid) 1px,transparent 1px)}
.mk-stage[data-mk="tabs-panels"] .mk-tabs{padding:5%;gap:2cqw;background:transparent}
.mk-stage[data-mk="tabs-panels"] .mk-tabs-heading,.mk-stage[data-mk="tabs-panels"] .mk-tabs-note{font-size:clamp(12px,2.6cqw,28px);line-height:1.2;flex:none}
.mk-stage[data-mk="tabs-panels"] .mk-tab-buttons{flex:none;gap:0;border-bottom:1px solid var(--mk-line)}
.mk-stage[data-mk="tabs-panels"] .mk-tab-buttons button{font-size:clamp(16px,4.5cqw,49px);padding:2cqw 1cqw;line-height:1.2}
.mk-stage[data-mk="tabs-panels"] .mk-tab-indicator{height:clamp(3px,.65cqw,7px);bottom:-1px;border-radius:4px}
.mk-stage[data-mk="tabs-panels"] .mk-tabs-panels{min-height:0;flex:1;gap:1.4cqw;align-content:stretch;grid-auto-rows:1fr}
.mk-stage[data-mk="tabs-panels"] .mk-tab-panel{display:flex;flex-direction:column;justify-content:center;padding:2cqw 4cqw;border:1px solid var(--mk-line);border-radius:2cqw;background:var(--mk-paper);min-height:0}
.mk-stage[data-mk="tabs-panels"] .mk-tab-panel[hidden]{display:none}
.mk-stage[data-mk="tabs-panels"] .mk-tab-panel h3{font-size:clamp(16px,3.7cqw,40px);line-height:1.15;margin:0 0 1cqw;letter-spacing:-.03em}
.mk-stage[data-mk="tabs-panels"] .mk-tab-panel p{font-size:clamp(12px,3cqw,33px);line-height:1.35;margin:.3cqw 0}
.mk-stage[data-mk="tabs-panels"].mk-tabs-enhanced .mk-tab-panel{justify-content:center;padding:5cqw;border-left:1px solid var(--mk-line)}
.mk-stage[data-mk="tabs-panels"].mk-tabs-enhanced .mk-tab-panel h3{font-size:clamp(24px,6.2cqw,67px);margin:0 0 5cqw;max-width:11em}
.mk-stage[data-mk="tabs-panels"].mk-tabs-enhanced .mk-tab-panel p{font-size:clamp(14px,3.6cqw,39px);margin:0;padding:2.4cqw 0;border-top:1px solid var(--mk-line)}
/* Reserve the enhanced geometry before modules load. A failed module still
   leaves every panel readable by scrolling the panel region. */
@media(scripting:enabled){
  .mk-stage[data-mk="tabs-panels"] .mk-tabs-panels{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;gap:0}
  .mk-stage[data-mk="tabs-panels"] .mk-tab-panel{flex:0 0 100%;justify-content:center;padding:5cqw;border-left:1px solid var(--mk-line)}
  .mk-stage[data-mk="tabs-panels"] .mk-tab-panel h3{font-size:clamp(24px,6.2cqw,67px);margin:0 0 5cqw;max-width:11em}
  .mk-stage[data-mk="tabs-panels"] .mk-tab-panel p{font-size:clamp(14px,3.6cqw,39px);margin:0;padding:2.4cqw 0;border-top:1px solid var(--mk-line)}
}