@layer layout, components;:root{--font-mono:"Roboto Mono",monospace;--c-ink:#0f1117;--c-paper:#ffffff;--c-accent:#3730a3;--c-accent-dark:#1e1b4b;--c-accent-light:#4338ca;--c-accent-muted:#c7d2fe;--max-width:1200px;--radius:6px;--radius-lg:12px;--base:1rem;--c-border:#e2ddd8;--shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.06);--font-serif:ui-serif,Palatino,"Palatino Linotype","Book Antiqua",serif;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-2xl:1.5rem;--text-3xl:clamp(1.5rem,3.5vw + 0.5rem,2rem);--text-4xl:clamp(1.5rem,2vw + 0.75rem,2.25rem);--c-muted:#4b5563;--c-error:#8f0c10;--c-cta:#b83d12;--c-green:#0a6435;--c-surface:#f5f5ff;--c-surface2:#ede9fe;--c-border-ui:#6b7280;--c-error-tint:color-mix(in srgb,var(--c-error) 10%,var(--c-paper));--c-accent-tint:color-mix(in srgb,var(--c-accent) 10%,var(--c-paper));--c-green-tint:color-mix(in srgb,var(--c-green) 10%,var(--c-paper));--c-cta-tint:color-mix(in srgb,var(--c-cta) 10%,var(--c-paper));--c-purple:#4c1d95;--c-purple-tint:color-mix(in srgb,var(--c-purple) 10%,var(--c-paper));--shadow-md:0 4px 12px rgba(17,24,39,0.08),0 2px 4px rgba(17,24,39,0.04)}*{box-sizing:border-box}html{font-size:112.5%;line-height:1.75;overflow-x:clip;-webkit-font-smoothing:antialiased}body,html{min-height:100%}body{font-family:system-ui;font-size:1rem;line-height:1.75;margin:0;background:var(--c-paper);@media (max-width:1024px){font-size:.875rem;line-height:1.6}}img{max-width:100%;height:auto;display:block}h1{margin-block:0;font-size:clamp(1.75rem,4vw + .75rem,3.5rem);line-height:1.1}p{@media (max-width:1024px){margin:calc(var(--base) * .75) 0}}a{&:focus:not(:focus-visible){opacity:.8;outline:none}&:active{opacity:.7;outline:none}}svg{vertical-align:middle}:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px;border-radius:3px}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}.home{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;padding:2.5rem;max-width:1024px;margin:0 auto;overflow:hidden;@media (max-width:400px){padding-left:1.35rem;padding-bottom:1.35rem;padding-right:1.35rem;padding-top:1.35rem}.home__content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;h1{text-align:center}}.home__links{display:flex;align-items:center;gap:.75rem;a{text-decoration:none;padding:.25rem .5rem;border-radius:var(--radius)}.home__admin{color:var(--c-ink);background:var(--c-paper);border:1px solid var(--c-ink)}.home__docs{color:var(--c-paper);background:var(--c-ink);border:1px solid var(--c-paper)}}.home__footer{display:flex;align-items:center;gap:.5rem;@media (max-width:1024px){flex-direction:column;gap:6px}p{margin:0}.home__code-link{text-decoration:none;padding:0 .5rem;background:rgb(60,60,60);border-radius:var(--radius)}}}@keyframes spin{to{transform:rotate(1turn)}}.page-loading{display:flex;align-items:center;justify-content:center;min-block-size:40vh}.page-loading__spinner{display:block;inline-size:36px;block-size:36px;border:3px solid var(--c-border);border-block-start-color:var(--c-accent);border-radius:50%;animation:spin .7s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border-width:0}.container{width:min(100% - clamp(2.5rem,6vw,4rem),var(--max-width));margin-inline:auto}.page-hero{background:linear-gradient(150deg,#3730a3,#1e1b4b);color:#ffffff;padding-inline:clamp(1.25rem,3vw,2rem);padding-block:clamp(2.5rem,5vw,4rem) clamp(2rem,4vw,3.5rem);position:relative;overflow:hidden}.page-hero__inner{max-inline-size:var(--max-width);margin-inline:auto;position:relative}.page-hero__back{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--text-sm);color:#c7d2fe;text-decoration:none;-webkit-margin-after:1.25rem;margin-block-end:1.25rem;transition:color .15s}.page-hero__back:hover{color:#ffffff}#event-title{margin-block:1.25rem 1.5rem}#article-heading{margin-block:0}.page-hero--form h1{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:400;line-height:1.1;color:#ffffff}.page-hero__sub{font-size:var(--text-base);color:#e0e7ff;font-weight:300;max-inline-size:58ch}.article-back-link{font-size:var(--text-sm);color:inherit;text-decoration:underline;text-underline-offset:2px;display:inline-flex;align-items:center;gap:.4rem;&:hover{text-decoration:none}}.article-nav{display:flex;flex-wrap:wrap;gap:.5rem;padding-block:clamp(1rem,2vw,1.5rem) clamp(1.5rem,2.5vw,2rem);-webkit-border-after:1px solid var(--c-border);border-block-end:1px solid var(--c-border);-webkit-margin-after:2.5rem;margin-block-end:2.5rem}.article-nav a{display:inline-flex;align-items:center;min-block-size:44px;padding:.4rem 1rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;color:var(--c-accent);text-decoration:none;transition:background .15s,border-color .15s}.article-nav a:hover{background:var(--c-accent-tint);border-color:var(--c-accent)}.article-section a{color:var(--c-accent);text-decoration:underline;text-underline-offset:2px;&:hover{text-decoration:none}}.article-section{padding-block:clamp(1.25rem,3vw,2.5rem);-webkit-border-after:1px solid var(--c-border);border-block-end:1px solid var(--c-border)}.article-section:last-of-type{-webkit-border-after:none;border-block-end:none}.article-section>h1,.article-section>h2{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400;-webkit-margin-after:.6rem;margin-block-end:.6rem}.article-section>p{font-size:var(--text-base);color:var(--c-ink);line-height:1.75;max-inline-size:72ch;-webkit-margin-after:1.25rem;margin-block-end:1.25rem}.article-section h2,.article-section h3{font-size:var(--text-base);font-weight:600;-webkit-margin-before:1.75rem;margin-block-start:1.75rem;-webkit-margin-after:.5rem;margin-block-end:.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1rem;gap:1rem;-webkit-margin-after:.5rem;margin-block-end:.5rem;list-style:none;padding:0}.card-grid__card{border:1px solid var(--c-border);border-radius:var(--radius);padding:1rem 1.25rem;display:flex;flex-direction:column}.card-grid--filled .card-grid__card{background:var(--c-surface)}.card-grid--outlined .card-grid__card{background:var(--c-paper)}.card-grid__badge{display:inline-flex;align-items:center;align-self:flex-start;background:var(--c-surface2);border-radius:999px;padding:.25rem .65rem;font-size:var(--text-xs);font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-ink);-webkit-margin-after:0;margin-block-end:0;max-inline-size:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-grid__title{font-weight:700;font-size:var(--text-base);-webkit-margin-after:.35rem;margin-block-end:.35rem}.card-grid__desc{font-size:var(--text-xs);color:var(--c-muted);line-height:1.55;margin:0;flex:1 1}.card-grid__link{display:inline-block;-webkit-margin-before:.75rem;margin-block-start:.75rem;font-size:var(--text-xs);font-weight:500;color:var(--c-accent);text-decoration:underline;text-underline-offset:2px}.card-grid__link:hover{text-decoration:none}.definition-list{-webkit-margin-after:.5rem;margin-block-end:.5rem}.definition-item{display:grid;grid-template-columns:130px 1fr;grid-gap:1rem;gap:1rem;padding-block:.75rem;-webkit-border-after:1px solid var(--c-border);border-block-end:1px solid var(--c-border);align-items:baseline}.definition-item:last-child{-webkit-border-after:none;border-block-end:none}.definition-item dt{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--c-ink);letter-spacing:.03em}.definition-item dd{font-size:var(--text-sm);color:var(--c-ink);line-height:1.65}.callout{-webkit-border-start:3px solid var(--c-border);border-inline-start:3px solid var(--c-border);border-radius:0 var(--radius) var(--radius) 0;background:var(--c-surface);padding:1rem 1.25rem;margin-block:1.5rem}.callout--info{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-surface2) 6%,var(--c-paper))}.callout--tip{border-color:var(--c-green);background:var(--c-green-tint)}.callout--warning{border-color:#f59e0b;background:#fefce8}.callout--example{border-color:var(--c-purple);background:var(--c-purple-tint)}.callout__header{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:var(--text-sm);margin-block:0}.callout__icon{font-style:normal;line-height:1}.payload-richtext>:last-child{-webkit-margin-after:0!important;margin-block-end:0!important}code{font-family:var(--font-mono);font-size:.9em;color:var(--c-purple);background:var(--c-purple-tint);padding:.1em .4em;border-radius:3px}.article-intro{font-size:var(--text-base);color:var(--c-muted);line-height:1.75;max-inline-size:65ch;padding-block:1.5rem}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem;-webkit-padding-after:4rem;padding-block-end:4rem;list-style:none;padding-inline:0;margin:0}.article-grid>li{min-width:0;display:flex}.article-card{display:flex;flex-direction:column;height:100%;background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:1.5rem;text-decoration:none;color:inherit;transition:border-color .15s}.article-card:hover{border-color:var(--c-border-ui)}.article-card--highlighted{-webkit-border-before:3px solid var(--c-accent);border-block-start:3px solid var(--c-accent)}.article-card__tag{-webkit-margin-after:.6rem;margin-block-end:.6rem;align-self:flex-start}.article-card__title{font-size:1.05rem;font-weight:700;color:var(--c-ink);line-height:1.4;-webkit-margin-after:.5rem;margin-block-end:.5rem}.article-card__desc{font-size:var(--text-sm);color:var(--c-muted);line-height:1.6;flex:1 1;-webkit-margin-after:1.25rem;margin-block-end:1.25rem}.article-card__cta{font-size:var(--text-sm);font-weight:500;color:var(--c-accent)}.article-detail-layout{display:grid;grid-template-columns:1fr 360px;grid-gap:2rem;gap:2rem;align-items:start}.article-detail-layout .page-section__card{max-inline-size:none}.article-sidebar{display:flex;flex-direction:column;gap:1.25rem;position:-webkit-sticky;position:sticky;inset-block-start:4.5rem}.article-sidebar__card{background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden}.article-sidebar__header{background:var(--c-surface);-webkit-border-after:1px solid var(--c-border);border-block-end:1px solid var(--c-border);padding:.75rem 1.25rem;font-size:var(--text-sm);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted)}.article-sidebar__body{padding:1.25rem}.article-sidebar__facts{margin:0;display:flex;flex-direction:column;gap:.6rem}.article-sidebar__fact{display:flex;flex-direction:column;gap:.1rem}.article-sidebar__fact dt{font-size:var(--text-xs);color:var(--c-muted)}.article-sidebar__fact dd{font-size:var(--text-sm);font-weight:500;color:var(--c-ink);margin:0}.article-sidebar__toc{margin:0;-webkit-padding-start:1.1rem;padding-inline-start:1.1rem;display:flex;flex-direction:column;gap:.4rem}.article-sidebar__toc li{font-size:var(--text-sm);color:var(--c-ink);line-height:1.45}.toc-link{color:inherit;text-decoration:underline;text-underline-offset:2px;&:hover{text-decoration:none}}@media (max-width:900px){.article-detail-layout{grid-template-columns:1fr}.article-sidebar{position:static;order:-1}}.article-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding-block:1.5rem .25rem;letter-spacing:.04em}.article-card__tag,.article-meta,.article-tag{align-items:center;font-size:var(--text-xs);color:var(--c-muted);font-family:var(--font-mono)}.article-card__tag,.article-tag{display:inline-flex;padding:.25rem .65rem;border-radius:3px;background:var(--c-surface2);white-space:nowrap;vertical-align:middle}@media (max-width:900px){.article-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.article-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}.definition-item{grid-template-columns:1fr;gap:.25rem}.article-nav{padding-block:1rem 1.5rem;-webkit-margin-after:1.5rem;margin-block-end:1.5rem}}@media (max-width:480px){.card-grid{grid-template-columns:1fr}}@layer components{.footer{background:var(--c-accent);color:var(--c-paper);-webkit-border-before:1px solid #ffffff14;border-block-start:1px solid #ffffff14;padding-block:3rem}.footer__top{width:min(100% - clamp(2.5rem,6vw,4rem),var(--max-width));margin-inline:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.footer__brand{display:flex;flex-direction:column}.footer__signet{display:block;height:48px;width:auto;-webkit-margin-after:.5rem;margin-block-end:.5rem}.footer__tagline{margin:0;-webkit-margin-before:.6rem;margin-block-start:.6rem;font-size:var(--text-sm);color:var(--c-accent-muted);line-height:1.5}.footer .menu__list{flex-wrap:wrap;gap:1rem}.footer .menu__link{font-weight:400;color:var(--c-accent-muted)}.footer .menu__link:hover{color:#ffffff}.footer__bottom{width:min(100% - clamp(2.5rem,6vw,4rem),var(--max-width));margin-inline:auto;-webkit-margin-before:2rem;margin-block-start:2rem;-webkit-padding-before:1.5rem;padding-block-start:1.5rem;-webkit-border-before:1px solid #ffffff14;border-block-start:1px solid #ffffff14;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-accent-muted);letter-spacing:.06em;overflow-wrap:break-word;word-break:break-word}@media (max-width:768px){.footer__top{flex-direction:column;gap:1.5rem}.footer .menu__list{flex-wrap:wrap;gap:0 1rem}}@media (max-width:480px){.footer .menu__list{flex-direction:column}.footer .menu__link{padding-inline:0;min-block-size:40px}}}@layer layout{.header{background:var(--c-accent);color:var(--c-paper);-webkit-border-after:1px solid #ffffff14;border-block-end:1px solid #ffffff14}.header__container{width:min(100% - clamp(2.5rem,6vw,4rem),var(--max-width));margin-inline:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:2rem;gap:2rem;min-block-size:3.75rem}.header__cta{display:flex;justify-content:flex-end}@media (max-width:800px){.header__container{grid-template-columns:1fr auto;gap:0}.header__container>.menu,.header__cta{display:none}}}@layer components{.mobile-nav__toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;background:transparent;border:none;cursor:pointer;border-radius:var(--radius);flex-shrink:0}.mobile-nav__toggle:focus-visible{outline:3px solid #c7d2fe;outline-offset:2px}.mobile-nav__bar{display:block;width:22px;height:2px;background:var(--c-paper);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.mobile-nav__toggle--open .mobile-nav__bar:first-child{transform:translateY(7px) rotate(45deg)}.mobile-nav__toggle--open .mobile-nav__bar:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-nav__toggle--open .mobile-nav__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav__backdrop{position:fixed;inset:0;z-index:199;background:rgba(0,0,0,.35);animation:mnFadeIn .15s ease}.mobile-nav__panel{position:fixed;inset-block-start:3.75rem;inset-inline:0;z-index:200;background:var(--c-accent);-webkit-border-after:1px solid #ffffff14;border-block-end:1px solid #ffffff14;padding:.5rem 1rem 1.25rem;box-shadow:0 8px 24px rgba(0,0,0,.25);animation:mnSlideDown .18s ease}.mobile-nav__list{list-style:none;margin:0;padding:0}.mobile-nav__link{display:flex;align-items:center;min-block-size:52px;padding-inline:.75rem;font-size:var(--text-base);font-weight:500;color:var(--c-paper);text-decoration:none;-webkit-border-after:1px solid #ffffff10;border-block-end:1px solid #ffffff10;border-radius:var(--radius);transition:background .15s}.mobile-nav__link:hover{background:#ffffff0f}.mobile-nav__link--active{font-weight:700;color:#ffffff}.mobile-nav__link:focus-visible{outline:3px solid #c7d2fe;outline-offset:-2px}.mobile-nav__footer{-webkit-padding-before:1rem;padding-block-start:1rem}.mobile-nav__cta{display:flex;align-items:center;justify-content:center;width:100%;min-block-size:48px;background:#ffffff;color:var(--c-accent);font-weight:600;font-size:var(--text-base);border-radius:var(--radius);text-decoration:none;transition:opacity .15s}.mobile-nav__cta:hover{opacity:.9}.mobile-nav__cta:focus-visible{outline:3px solid #c7d2fe;outline-offset:2px}@keyframes mnFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mnSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mobile-nav__backdrop,.mobile-nav__panel{animation:none}.mobile-nav__bar{transition:none}}@media (max-width:800px){.mobile-nav__toggle{display:flex}}}@layer components{.menu__list{display:flex;list-style:none;margin:0;padding:0;gap:.75rem}.menu__link{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:.75rem;font-size:var(--text-sm);font-weight:500;color:#c7d2fe;text-decoration:none;border-radius:var(--radius);transition:color .15s,background .15s}.menu__link:hover{color:var(--c-paper);background:#ffffff0f}.menu__link--active{color:var(--c-paper);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.menu__link:focus-visible{outline:3px solid var(--c-accent-light,#c5d8ff);outline-offset:2px;border-radius:var(--radius)}.menu__link[aria-disabled=true]{opacity:.45;cursor:default}}