:root{--clr-surface-0:#fff;--clr-surface-100:#f5f9ff;--clr-surface-200:#eef5ff;--clr-surface-300:#e8f2ff;--clr-surface-400:#d6e4f0;--clr-surface-500:#bcced8;--clr-surface-600:#a1b7c0;--clr-surface-700:#7f98a1;--clr-surface-800:#5f747c;--clr-surface-900:#44565d;--clr-surface-1000:#2f3a3f;--clr-table-header:var(--clr-surface-400);--clr-table-row:var(--clr-surface-200);--clr-table-row-alt:var(--clr-surface-300);--clr-brand-100:#e6f7f9;--clr-brand-200:#cfeff3;--clr-brand-300:#a8dee4;--clr-brand-400:#7fcbd5;--clr-brand-500:#4fb5c2;--clr-brand-600:#2ba6b5;--clr-brand-700:#178c9e;--clr-brand-800:#00758a;--clr-brand-900:#295470;--clr-brand-1000:#283f5a;--clr-indigo-700:#1e40af;--clr-indigo-500:#6366f1;--clr-bluegray-600:#264653;--clr-slate-500:#64748b;--clr-blue-600:#2563eb;--clr-blue-500:#1f77b4;--clr-blue-400:#118ab2;--clr-cyan-500:#00b4d8;--clr-teal-500:#06d6a0;--clr-teal-400:#2a9d8f;--clr-green-600:#166534;--clr-amber-500:#f4a261;--clr-amber-400:#e9c46a;--clr-orange-500:#ff7f0e;--clr-rose-500:#e63946;--clr-crimson-500:#ef4444;--clr-magenta-500:#ef476f;--clr-violet-500:#9b5de5;--clr-brown-500:#92400e;--clr-maroon-500:#991b1b;--clr-red-100:oklch(from var(--clr-red-400) calc(l - .16) calc(c - .037) calc(h + 37.31));--clr-red-200:oklch(from var(--clr-red-400) calc(l - .09) calc(c - .025) calc(h + 23.46));--clr-red-300:oklch(from var(--clr-red-400) calc(l - .05) calc(c - .016) calc(h + 8.71));--clr-red-400:oklch(49.2% .171 24.9);--clr-red-500:oklch(from var(--clr-red-400) calc(l + .07929) calc(c - .00229) calc(h - .38869));--clr-red-600:oklch(from var(--clr-red-400) calc(l + .15858) calc(c - .00916) calc(h - 1.55478));--clr-red-700:oklch(from var(--clr-red-400) calc(l + .23787) calc(c - .02062) calc(h - 3.49825));--clr-red-800:oklch(from var(--clr-red-400) calc(l + .31715) calc(c - .03671) calc(h - 6.21867));--clr-red-900:oklch(from var(--clr-red-400) calc(l + .39644) calc(c - .05727) calc(h - 9.71737));--clr-red-1000:oklch(from var(--clr-red-400) calc(l + .47573) calc(c - .08247) calc(h - 13.993));--font-primary:"Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-condensed:"Roboto Condensed", "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-strong:var(--clr-surface-900);--text:var(--clr-surface-900);--text-muted:var(--clr-surface-1000);--heading:var(--clr-brand-900);--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--fs-100:.5rem;--fs-200:.75rem;--fs-300:.875rem;--fs-400:1rem;--fs-500:1.125rem;--fs-600:1.25rem;--fs-700:1.5rem;--fs-800:2rem;--fs-900:clamp(1.75rem, 3vw + .5rem, 2.5rem);--fs-1000:clamp(2rem, 4vw + 1rem, 3rem);--fs-h1:var(--fs-1000);--fs-h2:var(--fs-900);--fs-h3:var(--fs-800);--fs-h4:var(--fs-600);--fw-100:100;--fw-200:200;--fw-300:300;--fw-400:400;--fw-500:500;--fw-600:600;--fw-700:700;--fw-800:800;--fw-900:900;--lh-100:1;--lh-200:1.2;--lh-300:1.35;--lh-400:1.6;--lh-body:var(--lh-400);--lh-label:var(--lh-300);--lh-heading:var(--lh-200);--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--side-bar-menu-padding:var(--space-2) var(--space-2);--shadow-1:0 10px 30px #0f172a0d;--shadow-2:0 10px 30px #0f172a26;--content-max-width:min(1100px, 72vw);--gap:2rem;--margin:2rem;--full:minmax(0, 1fr);--content:minmax(0, min(var(--content-max-width), calc(100% - var(--gap) * 2)));--card-fixed-width:min(100%, clamp(260px, 30vw, 420px));--card-fluid-width:clamp(0px, 100%, 100%)}body{color:var(--text);font-family:var(--font-primary);font-size:var(--fs-400);font-weight:var(--fw-regular);font-synthesis:none;line-height:var(--lh-body);scroll-behavior:smooth;background-color:var(--clr-surface-100);min-height:100svh;margin:0;scroll-padding-block-start:5rem;overflow-y:auto}.section{scroll-margin:5rem}p{font-size:var(--fs-300);line-height:var(--lh-body)}.app-topbar{background:var(--clr-surface-300);border-bottom:1px solid var(--clr-surface-400);padding:var(--space-3) var(--space-4);font-weight:var(--fw-600);color:var(--clr-surface-900)}.paragraph{font-family:var(--font-primary);font-size:var(--fs-400);font-weight:var(--fw-regular);line-height:var(--lh-body);color:var(--text)}.flex-group{--flex-gap:1em;width:var(--_flex-container-width,fit-content);align-items:center;gap:calc(var(--flex-gap) / 2) var(--flex-gap);flex-wrap:wrap;display:flex}.flex-group.center{--_flex-container-width:auto;justify-content:center}.flex-group.nowrap{flex-wrap:nowrap}.flex-group.space-between{--_flex-container-width:auto;justify-content:space-between}.flex-group.push-first>:first-child{margin-inline-end:auto}.flex-group.push-last>:last-child{margin-inline-start:auto}@layer layout{.primary-layout{grid-template-columns:[sidebar] auto [full-width-start] var(--full) [content-start] var(--content) [content-end] var(--full) [full-width-end];display:grid}.full-content{grid-column:full-width}.grid-auto-fit{--min-column-size:350px;--column-count:2;--gap:2rem;--grid-fit-strategy:auto-fit;--breakpoint:calc(var(--min-column-size) * var(--column-count) + (var(--gap) * (var(--column-count) - 1)));--column-size:calc((100% / var(--column-count)) - var(--gap));gap:var(--gap);grid-template-columns:repeat(var(--grid-fit-strategy), minmax(min(max(var(--column-size), (100% - var(--breakpoint)) * -9999), 100%), 1fr));display:grid}.grid-rows{grid-template-rows:var(--rows)}.primary-layout>*,.full-width>*{grid-column:content}.flow>:where(:not(:first-child)){margin-top:var(--flow-spacer,.5em)}.primary-layout>aside{grid-column:sidebar}.primary-layout>.sidebar-shell{grid-column:sidebar;justify-self:start}.sidebar-shell{overflow:visible}.primary-layout,.full-width{--minimum-content-padding:2rem;--full-max-width:1fr;--content-max-width:1062px;--full:minmax(0, 1fr);--content:min(var(--content-max-width), 100% - var(--minimum-content-padding) * 2);grid-template-columns:[sidebar] auto [full-width-start] var(--full) [content-start] var(--content) [content-end] var(--full) [full-width-end];display:grid}.full{grid-column:full-width}.full-start{grid-column-start:full-width-start}.full-end{grid-column-end:full-width-end}.content{grid-column:content}.content-start{grid-column-start:content-start}.content-end{grid-column-end:content-end}.full-width,.full-content,.full-content-nopadding{grid-column:full-width}.full-content{padding-inline:var(--minimum-content-padding)}}.grid-stack{grid-template-areas:"stack";place-items:center;display:grid}.grid-stack>*{grid-area:stack}