@layer components{.mk{--mk-bg:#fff;--mk-tile:#f5f5f2;--mk-tile-2:#eeeeea;--mk-line:#11151117;--mk-line-strong:#1115112e;--mk-ink:#111511;--mk-body:#474c48;--mk-muted:#666b67;--mk-quiet:#8d918e;--mk-forest:#1d3a2a;--mk-night:#0d1310;--mk-pill:#121412;--mk-green:#1d7a4b;--mk-blue:#2459c4;--mk-amber:#a8570a;--mk-plum:#84378a;--mk-teal:#0e7066;--mk-red:#b93d12;--mk-max:1152px;--mk-gutter:24px;background:var(--mk-bg);color:var(--mk-ink);min-height:100vh;overflow-x:clip}@media (max-width:400px){.mk{--mk-gutter:18px}}.mk :focus-visible{outline:2px solid var(--mk-ink);outline-offset:3px;border-radius:8px}.mk .mk-on-dark :focus-visible,.mk .mk-on-dark:focus-visible{outline-color:#fff}.mk .mk-wrap{width:100%;max-width:calc(var(--mk-max) + var(--mk-gutter)*2);padding-inline:var(--mk-gutter);margin-inline:auto}.mk .mk-display{letter-spacing:-.036em;text-wrap:balance;font-size:clamp(2.125rem,1.5rem + 3.2vw,4rem);font-weight:600;line-height:1.04}.mk .mk-h1{letter-spacing:-.032em;text-wrap:balance;font-size:clamp(2.25rem,1.6rem + 2.6vw,3.5rem);font-weight:600;line-height:1.04}.mk .mk-h2{letter-spacing:-.028em;text-wrap:balance;font-size:clamp(1.875rem,1.45rem + 1.6vw,2.625rem);font-weight:600;line-height:1.12}.mk .mk-h3{letter-spacing:-.012em;font-size:1.1875rem;font-weight:600;line-height:1.3}.mk .mk-quiet{color:var(--mk-quiet)}.mk .mk-lede{color:var(--mk-body);text-wrap:pretty;font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem);line-height:1.55}.mk .mk-body{color:var(--mk-body);text-wrap:pretty;font-size:.96875rem;line-height:1.6}.mk .mk-small{color:var(--mk-muted);font-size:.8125rem;line-height:1.5}.mk .mk-eyebrow{font-size:.8125rem;font-weight:600}.mk .mk-link{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--mk-line-strong);text-decoration-color:var(--mk-line-strong);text-underline-offset:4px;transition:text-decoration-color .15s}.mk .mk-link:hover{text-decoration-color:currentColor}.mk .mk-pill{background:var(--mk-pill);color:#fff;letter-spacing:-.012em;white-space:nowrap;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:10px;height:56px;padding:0 26px;font-size:1rem;font-weight:600;transition:background-color .15s;display:inline-flex;box-shadow:0 10px 24px -10px #00000073}.mk .mk-pill:hover{background:#2a2e2a}.mk .mk-pill-light{color:var(--mk-ink);background:#fff;border-color:#0000000f;box-shadow:0 10px 24px -12px #00000080}.mk .mk-pill-light:hover{background:#eeeeea}.mk .mk-pill-sm{height:40px;box-shadow:none;padding:0 16px;font-size:.875rem}.mk .mk-ghost{min-height:40px;color:var(--mk-ink);border:1px solid var(--mk-line-strong);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.875rem;font-weight:600;transition:background-color .15s;display:inline-flex}.mk .mk-ghost:hover{background:var(--mk-tile)}.mk .mk-ghost[aria-pressed=true],.mk .mk-ghost[aria-selected=true]{background:var(--mk-ink);border-color:var(--mk-ink);color:#fff}.mk .mk-ghost-dark{color:#fff;background:#0006;border-color:#ffffff4d}.mk .mk-ghost-dark:hover{background:#0009}.mk .mk-tile{background:var(--mk-tile);border-radius:28px;position:relative;overflow:hidden}.mk .mk-card{border:1px solid var(--mk-line);background:#fff;border-radius:18px}.mk .mk-night{background:var(--mk-night);color:#f4f4f1}.mk .mk-row{grid-template-rows:1fr;display:grid}.mk .mk-row>.mk-row-in{min-height:0;margin:-14px -4px -8px;padding:14px 4px 8px;overflow:hidden}.mk [data-play=armed] .mk-row{grid-template-rows:0fr}.mk [data-play=armed] .mk-row>.mk-row-in{opacity:0}.mk [data-play=playing] .mk-row,.mk [data-play=paused] .mk-row{animation:mk-row-grow .44s cubic-bezier(.22,.61,.36,1)var(--d,0s)both}.mk [data-play=playing] .mk-row>.mk-row-in,.mk [data-play=paused] .mk-row>.mk-row-in{animation:mk-row-fade .4s cubic-bezier(.22,.61,.36,1)calc(var(--d,0s) + 80ms)both}.mk .mk-typing-row{display:none}.mk [data-play=playing] .mk-typing-row,.mk [data-play=paused] .mk-typing-row{animation:mk-typing-row var(--t,.9s)linear var(--d,0s)both;display:grid}.mk [data-play=playing] .mk-typing-row>.mk-row-in,.mk [data-play=paused] .mk-typing-row>.mk-row-in{opacity:1;animation:none}.mk [data-play=paused] .mk-row,.mk [data-play=paused] .mk-row>.mk-row-in,.mk [data-play=paused] .mk-tapback{animation-play-state:paused!important}.mk .mk-row[data-instant]{grid-template-rows:1fr!important;animation:none!important}.mk .mk-row[data-instant]>.mk-row-in{opacity:1!important;animation:none!important}@keyframes mk-row-grow{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes mk-row-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes mk-typing-row{0%{opacity:0;grid-template-rows:0fr}16%{opacity:1;grid-template-rows:1fr}84%{opacity:1;grid-template-rows:1fr}to{opacity:0;grid-template-rows:0fr}}.mk [data-play=playing] .mk-tapback,.mk [data-play=paused] .mk-tapback{animation:mk-tapback .38s cubic-bezier(.34,1.4,.64,1)var(--d,0s)both}@keyframes mk-tapback{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}.mk .mk-dots i{background:#8e8e93;border-radius:999px;width:8px;height:8px;animation:1.1s ease-in-out infinite mk-dot;display:block}.mk .mk-dots i:nth-child(2){animation-delay:.16s}.mk .mk-dots i:nth-child(3){animation-delay:.32s}@keyframes mk-dot{0%,60%,to{opacity:.35}30%{opacity:1}}.mk .mk-rise{animation:.95s cubic-bezier(.22,.61,.36,1) .2s both mk-rise}@keyframes mk-rise{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:none}}.mk .mk-changed{border-radius:6px;animation:1.1s ease-out mk-changed}@keyframes mk-changed{0%{background-color:#d6ecd9}to{background-color:#0000}}.mk .mk-swap{animation:.26s cubic-bezier(.22,.61,.36,1) both mk-swap}@keyframes mk-swap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mk .mk-row,.mk .mk-row>.mk-row-in,.mk .mk-tapback,.mk .mk-rise,.mk .mk-changed,.mk .mk-swap{opacity:1!important;animation:none!important;transform:none!important}.mk .mk-row{grid-template-rows:1fr!important}.mk .mk-typing-row{display:none!important}.mk .mk-dots i{opacity:.6;animation:none}}.mk .mk-prose{padding-top:56px}.mk .mk-prose h1{letter-spacing:-.032em;font-size:clamp(2.25rem,1.7rem + 2vw,3rem);font-weight:600;line-height:1.06}.mk .mk-prose h2{margin-top:2.75rem;scroll-margin-top:24px;font-weight:600}.mk .mk-prose h3{margin-top:1.75rem;margin-bottom:.25rem;font-size:1.0625rem;font-weight:600}.mk .mk-prose p+p,.mk .mk-prose p+ul,.mk .mk-prose ul+p{margin-top:.9em}.mk .mk-prose ul{padding-left:1.25rem;list-style:outside}.mk .mk-prose li+li{margin-top:.35em}.mk .mk-prose:has(.mk-toc){flex-direction:column;display:flex}.mk .mk-prose:has(.mk-toc)>*{order:2}.mk .mk-prose:has(.mk-toc)>h1{order:0}.mk .mk-prose:has(.mk-toc)>.meta{order:0}.mk .mk-prose:has(.mk-toc)>.mk-toc{order:1}.mk .mk-prose .mk-toc a{text-decoration-color:#0000}.mk .mk-prose .mk-toc a:hover{text-decoration-color:currentColor}}
