.sidebar[data-astro-cid-ssfzsv2f]{position:fixed;top:0;left:0;width:220px;height:100dvh;background:var(--bg-subtle);border-right:1px solid var(--border-default);padding:var(--space-6) 0;overflow-y:auto;z-index:100;display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-header[data-astro-cid-ssfzsv2f]{display:flex;flex-direction:column;padding:0 var(--space-5) var(--space-5);border-bottom:1px solid var(--border-default);margin-bottom:var(--space-3);position:relative}.sidebar-logo[data-astro-cid-ssfzsv2f]{font-size:var(--fs-18);font-weight:var(--fw-bold);color:var(--fg-1);letter-spacing:var(--ls-tight)}.sidebar-tagline[data-astro-cid-ssfzsv2f]{font-size:var(--fs-12);color:var(--fg-3)}.sidebar-close[data-astro-cid-ssfzsv2f]{display:none;position:absolute;top:0;right:0;background:none;border:none;cursor:pointer;color:var(--fg-3);font-size:var(--fs-16);padding:var(--space-1);line-height:1}.nav-group[data-astro-cid-ssfzsv2f]{padding:0 var(--space-3)}.nav-group-label[data-astro-cid-ssfzsv2f]{margin:0 0 var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--fs-12);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--fg-3)}ul[data-astro-cid-ssfzsv2f]{list-style:none;margin:0;padding:0}.nav-link[data-astro-cid-ssfzsv2f]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-14);color:var(--fg-2);transition:background .12s,color .12s}.nav-icon[data-astro-cid-ssfzsv2f]{flex-shrink:0;opacity:.6;transition:opacity .12s}.nav-link[data-astro-cid-ssfzsv2f]:hover .nav-icon[data-astro-cid-ssfzsv2f],.nav-link[data-astro-cid-ssfzsv2f].active .nav-icon[data-astro-cid-ssfzsv2f]{opacity:1}.nav-link[data-astro-cid-ssfzsv2f]:hover{background:var(--bg-muted);color:var(--fg-1);text-decoration:none}.nav-link[data-astro-cid-ssfzsv2f].active{background:var(--bg-accent-soft);color:var(--fg-accent);font-weight:var(--fw-medium)}.hamburger[data-astro-cid-ssfzsv2f]{display:none;position:fixed;top:var(--space-4);left:var(--space-4);z-index:200;background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;flex-direction:column;gap:4px}.hamburger[data-astro-cid-ssfzsv2f] span[data-astro-cid-ssfzsv2f]{display:block;width:18px;height:2px;background:var(--fg-1);border-radius:1px}.sidebar-backdrop[data-astro-cid-ssfzsv2f]{display:none;position:fixed;inset:0;background:#0000004d;z-index:90}@media(max-width:768px){.sidebar[data-astro-cid-ssfzsv2f]{transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow-lg)}.sidebar[data-astro-cid-ssfzsv2f].open{transform:translate(0)}.sidebar-close[data-astro-cid-ssfzsv2f]{display:block}.hamburger[data-astro-cid-ssfzsv2f]{display:flex}.sidebar-backdrop[data-astro-cid-ssfzsv2f].open{display:block}}.sidebar-footer[data-astro-cid-ssfzsv2f]{margin-top:auto;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-default);display:flex;flex-direction:column;gap:var(--space-3)}.sidebar-attribution[data-astro-cid-ssfzsv2f]{font-size:var(--fs-12);color:var(--fg-3);margin:0;line-height:var(--lh-snug)}.sidebar-footer-row[data-astro-cid-ssfzsv2f]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.theme-toggle[data-astro-cid-ssfzsv2f]{background:none;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer;color:var(--fg-3);font-size:var(--fs-14);display:flex;align-items:center;gap:var(--space-1);transition:background .12s,color .12s;line-height:1}.theme-toggle[data-astro-cid-ssfzsv2f]:hover{background:var(--bg-muted);color:var(--fg-1)}.theme-icon[data-astro-cid-ssfzsv2f]{display:none}.theme-toggle[data-astro-cid-ssfzsv2f][data-showing=dark] .theme-icon-dark[data-astro-cid-ssfzsv2f],.theme-toggle[data-astro-cid-ssfzsv2f][data-showing=light] .theme-icon-light[data-astro-cid-ssfzsv2f]{display:block}.version-badge[data-astro-cid-ssfzsv2f]{font-size:var(--fs-12);font-weight:var(--fw-semibold);color:var(--fg-3);background:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:2px var(--space-3);text-decoration:none;transition:background .12s,color .12s}.version-badge[data-astro-cid-ssfzsv2f]:hover,.version-badge[data-astro-cid-ssfzsv2f].active{background:var(--bg-accent-soft);color:var(--fg-accent);border-color:var(--border-accent)}:root{--color-navy: #094B77;--color-aqua: #32CBED;--color-light-aqua: #9BEBF9;--color-white: #FFFFFF;--color-black: #000000;--color-grey: #999999;--color-dark-grey: #666666;--color-navy-900: #062F4A;--color-navy-700: #094B77;--color-navy-500: #1F6EA0;--color-navy-100: #DCEAF3;--color-aqua-700: #1FA8C9;--color-aqua-500: #32CBED;--color-aqua-300: #62D9F3;--color-aqua-200: #BFF1FB;--color-aqua-50: #ECFAFD;--color-grey-900: #131A21;--color-grey-800: #232C35;--color-grey-700: #3A4754;--color-grey-600: #56636F;--color-grey-500: #6E7A86;--color-grey-400: #8C97A1;--color-grey-300: #B6BEC6;--color-grey-200: #D8DEE3;--color-grey-100: #ECEFF2;--color-grey-50: #F4F6F8;--color-success: #2E9E6E;--color-warning: #E9A23B;--color-error: #D6492F;--color-info: #7C5BD9;--color-success-200: #C8F0DF;--color-success-400: #6FCA9E;--color-success-600: #2E9E6E;--color-success-800: #1A6343;--color-success-1000: #0A2B1D;--color-warning-200: #FDECD2;--color-warning-400: #F5C073;--color-warning-600: #E9A23B;--color-warning-800: #9E6A1D;--color-warning-1000: #3D280A;--color-error-50: #FFF2F0;--color-error-200: #FAD5CE;--color-error-400: #E98474;--color-error-600: #D6492F;--color-error-700: #B83C24;--color-error-800: #8F2D1C;--color-error-1000: #3A0F09;--color-info-200: #E6E0FA;--color-info-400: #B09AEA;--color-info-600: #7C5BD9;--color-info-800: #4A30A8;--color-info-1000: #1E1242}:root{--bg-canvas: var(--color-white);--bg-subtle: var(--color-grey-50);--bg-muted: var(--color-grey-100);--bg-accent-soft: var(--color-aqua-50);--bg-accent: var(--color-aqua);--fg-1: var(--color-navy-900);--fg-2: var(--color-grey-800);--fg-3: var(--color-grey-600);--fg-4: var(--color-grey-400);--fg-link: var(--color-navy);--fg-link-hover: var(--color-aqua-700);--fg-accent: var(--color-aqua-700);--border-subtle: var(--color-grey-200);--border-default: var(--color-grey-300);--border-strong: var(--color-grey-600);--border-accent: var(--color-aqua);--logo-accent: var(--color-aqua);--logo-mark: var(--color-navy-700);--logo-wordmark: var(--color-navy-700);--btn-primary-bg: var(--color-navy-700);--btn-primary-bg-hover: var(--color-navy-500);--btn-primary-bg-active: var(--color-navy-900);--btn-primary-bg-disabled: var(--color-grey-50);--btn-primary-text: var(--color-white);--btn-primary-text-disabled:var(--color-grey-400);--btn-secondary-bg: var(--color-white);--btn-secondary-bg-hover: var(--color-navy-100);--btn-secondary-bg-active: var(--color-navy-100);--btn-secondary-bg-disabled: var(--color-white);--btn-secondary-text: var(--color-navy-900);--btn-secondary-text-disabled: var(--color-grey-400);--btn-secondary-border: var(--color-navy-700);--btn-secondary-border-hover: var(--color-navy-900);--btn-secondary-border-active: var(--color-navy-900);--btn-secondary-border-disabled: var(--color-grey-200);--btn-ghost-bg-hover: var(--color-grey-100);--btn-ghost-bg-active: var(--color-grey-200);--btn-ghost-text: var(--color-navy-700);--btn-ghost-text-disabled: var(--color-grey-400);--btn-ghost-border: var(--color-grey-300);--btn-ghost-border-disabled: var(--color-grey-200)}[data-theme=dark]{--bg-canvas: var(--color-grey-900);--bg-subtle: var(--color-navy-900);--bg-muted: var(--color-navy-700);--bg-accent-soft: rgba(50,203,237,.12);--bg-accent: var(--color-aqua);--fg-1: var(--color-white);--fg-2: rgba(255,255,255,.88);--fg-3: rgba(255,255,255,.72);--fg-4: rgba(255,255,255,.48);--fg-link: var(--color-light-aqua);--fg-link-hover: var(--color-aqua);--fg-accent: var(--color-aqua-300);--border-subtle: rgba(255,255,255,.1);--border-default: var(--color-grey-700);--border-strong: var(--color-grey-400);--border-accent: var(--color-aqua);--logo-accent: var(--color-aqua);--logo-mark: var(--color-white);--logo-wordmark: var(--color-white);--btn-primary-bg: var(--color-navy-500);--btn-primary-bg-hover: var(--color-aqua-700);--btn-primary-bg-active: var(--color-navy-700);--btn-primary-bg-disabled: var(--color-navy-900);--btn-primary-text: var(--color-white);--btn-primary-text-disabled:#42677F;--btn-secondary-bg: var(--color-grey-800);--btn-secondary-bg-hover: var(--color-navy-900);--btn-secondary-bg-active: var(--color-navy-700);--btn-secondary-bg-disabled: var(--color-grey-800);--btn-secondary-text: var(--color-white);--btn-secondary-text-disabled: #3D6986;--btn-secondary-border: var(--color-navy-500);--btn-secondary-border-hover: var(--color-aqua-700);--btn-secondary-border-active: var(--color-aqua-500);--btn-secondary-border-disabled: var(--color-navy-700);--btn-ghost-bg-hover: var(--color-navy-900);--btn-ghost-bg-active: var(--color-navy-900);--btn-ghost-text: var(--color-white);--btn-ghost-text-disabled: #3D6986;--btn-ghost-border: var(--color-navy-700);--btn-ghost-border-disabled: var(--color-navy-700)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-canvas: var(--color-grey-900);--bg-subtle: var(--color-navy-900);--bg-muted: var(--color-navy-700);--bg-accent-soft: rgba(50,203,237,.12);--bg-accent: var(--color-aqua);--fg-1: var(--color-white);--fg-2: rgba(255,255,255,.88);--fg-3: rgba(255,255,255,.72);--fg-4: rgba(255,255,255,.48);--fg-link: var(--color-light-aqua);--fg-link-hover: var(--color-aqua);--fg-accent: var(--color-aqua-300);--border-subtle: rgba(255,255,255,.1);--border-default: var(--color-grey-700);--border-strong: var(--color-grey-400);--border-accent: var(--color-aqua);--logo-accent: var(--color-aqua);--logo-mark: var(--color-white);--logo-wordmark: var(--color-white);--btn-primary-bg: var(--color-navy-500);--btn-primary-bg-hover: var(--color-aqua-700);--btn-primary-bg-active: var(--color-navy-700);--btn-primary-bg-disabled: var(--color-navy-900);--btn-primary-text: var(--color-white);--btn-primary-text-disabled:#42677F;--btn-secondary-bg: var(--color-grey-800);--btn-secondary-bg-hover: var(--color-navy-900);--btn-secondary-bg-active: var(--color-navy-700);--btn-secondary-bg-disabled: var(--color-grey-800);--btn-secondary-text: var(--color-white);--btn-secondary-text-disabled: #3D6986;--btn-secondary-border: var(--color-navy-500);--btn-secondary-border-hover: var(--color-aqua-700);--btn-secondary-border-active: var(--color-aqua-500);--btn-secondary-border-disabled: var(--color-navy-700);--btn-ghost-bg-hover: var(--color-navy-900);--btn-ghost-bg-active: var(--color-navy-900);--btn-ghost-text: var(--color-white);--btn-ghost-text-disabled: #3D6986;--btn-ghost-border: var(--color-navy-700);--btn-ghost-border-disabled: var(--color-navy-700)}}:root{--font-sans: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-brand: var(--font-sans);--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fs-12: .75rem;--fs-13: .8125rem;--fs-14: .875rem;--fs-15: .9375rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--fs-22: 1.375rem;--fs-24: 1.5rem;--fs-28: 1.75rem;--fs-32: 2rem;--fs-36: 2.25rem;--fs-44: 2.75rem;--fs-56: 3.5rem;--fs-72: 4.5rem;--fs-96: 6rem;--fs-120: 7.5rem;--lh-display: .95;--lh-tight: 1.05;--lh-snug: 1.2;--lh-normal: 1.45;--lh-relaxed: 1.6;--ls-display: -.035em;--ls-tight: -.02em;--ls-snug: -.01em;--ls-normal: 0;--ls-loose: .04em;--ls-wide: .12em}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(9,75,119,.06);--shadow-sm: 0 2px 4px rgba(9,75,119,.08), 0 1px 2px rgba(9,75,119,.04);--shadow-md: 0 6px 14px rgba(9,75,119,.1), 0 2px 4px rgba(9,75,119,.06);--shadow-lg: 0 16px 32px rgba(9,75,119,.12), 0 4px 8px rgba(9,75,119,.06);--shadow-xl: 0 28px 56px rgba(9,75,119,.18), 0 8px 16px rgba(9,75,119,.08);--shadow-focus: 0 0 0 3px rgba(50,203,237,.45);--container-narrow: 720px;--container-default: 1120px;--container-wide: 1440px;--icon-stroke-sm: 2;--icon-stroke-md: 2;--icon-stroke-lg: 2;--border-thin: .5px;--border-regular: 1px;--border-thick: 2px;--border-bar: 12px}:root{--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.2, 0, 0, 1.2);--ease-out: cubic-bezier(0, 0, 0, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s}@font-face{font-family:Figtree;src:url(/_astro/Figtree-VariableFont_wght.CuCnmeMh.ttf) format("truetype-variations");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/_astro/Figtree-Italic-VariableFont_wght.BKw5bOcC.ttf) format("truetype-variations");font-weight:300 900;font-style:italic;font-display:swap}.t-display,.t-h1,.t-h2,.t-h3,.t-h4,.t-h5,.t-eyebrow,.t-lead,.t-body,.t-body-sm,.t-caption,.t-mono,.t-wordmark{font-family:var(--font-sans);color:var(--fg-1)}.t-display{font-size:var(--fs-120);font-weight:var(--fw-semibold);line-height:var(--lh-display);letter-spacing:var(--ls-display);text-wrap:balance}.t-h1{font-size:var(--fs-56);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);text-wrap:balance}.t-h2{font-size:var(--fs-36);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--ls-snug);text-wrap:balance}.t-h3{font-size:var(--fs-28);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:var(--ls-snug);text-wrap:balance}.t-h4{font-size:var(--fs-22);font-weight:var(--fw-semibold);line-height:var(--lh-snug);text-wrap:balance}.t-h5{font-size:var(--fs-18);font-weight:var(--fw-semibold);line-height:var(--lh-snug);text-wrap:balance}.t-lead{font-size:var(--fs-20);font-weight:var(--fw-regular);line-height:var(--lh-relaxed);color:var(--fg-2);text-wrap:pretty}.t-body{font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:var(--lh-relaxed);color:var(--fg-2);text-wrap:pretty}.t-eyebrow{font-size:var(--fs-13);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--fg-3)}.t-body-sm{font-size:var(--fs-14);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--fg-2)}.t-caption{font-size:var(--fs-12);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--fg-3)}.t-mono{font-family:var(--font-mono);font-size:var(--fs-14);line-height:var(--lh-normal);color:var(--fg-2)}.t-wordmark{font-family:var(--font-sans);font-weight:var(--fw-bold);text-transform:lowercase;letter-spacing:var(--ls-tight);line-height:1;color:var(--color-navy)}.metanoia-typography{font-family:var(--font-sans);color:var(--fg-2);font-size:var(--fs-16);line-height:var(--lh-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.metanoia-typography h1{font-size:var(--fs-56);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--fg-1);text-wrap:balance}.metanoia-typography h2{font-size:var(--fs-36);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--ls-snug);color:var(--fg-1);text-wrap:balance}.metanoia-typography h3{font-size:var(--fs-28);font-weight:var(--fw-semibold);line-height:var(--lh-snug);color:var(--fg-1);text-wrap:balance}.metanoia-typography h4{font-size:var(--fs-22);font-weight:var(--fw-semibold);line-height:var(--lh-snug);color:var(--fg-1);text-wrap:balance}.metanoia-typography p{margin:0 0 var(--space-4);text-wrap:pretty}.metanoia-typography a{color:var(--fg-link);text-decoration:underline;text-underline-offset:2px}.metanoia-typography a:hover{color:var(--fg-link-hover)}.metanoia-typography code,.metanoia-typography pre{font-family:var(--font-mono)}.ds-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:inherit}.ds-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:var(--icon-stroke-md);stroke-linecap:round;stroke-linejoin:round;fill:none}.ds-icon--sm{width:16px;height:16px}.ds-icon--sm svg{stroke-width:var(--icon-stroke-sm)}.ds-icon--md{width:20px;height:20px}.ds-icon--lg{width:24px;height:24px}.ds-icon--lg svg{stroke-width:var(--icon-stroke-lg)}.container{width:100%;max-width:var(--container-default);margin-inline:auto;padding-inline:var(--space-6)}.container--narrow{max-width:var(--container-narrow)}.container--wide{max-width:var(--container-wide)}@media(max-width:600px){.container,.container--narrow,.container--wide{padding-inline:var(--space-5)}}.section{padding-block:var(--space-24)}.section--sm{padding-block:var(--space-12)}.section--lg{padding-block:var(--space-32)}.section--alt{background:var(--bg-subtle)}.section--muted{background:var(--bg-muted)}.section--dark{background:var(--color-navy)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-14);line-height:var(--lh-normal);letter-spacing:var(--ls-loose);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);padding:var(--space-3) var(--space-5)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;pointer-events:none}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--fs-13)}.btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--fs-16)}.btn--icon-sm{padding:var(--space-2)}.btn--icon-md{padding:var(--space-3)}.btn--icon-lg{padding:var(--space-4)}.btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn--primary:hover{background:var(--btn-primary-bg-hover)}.btn--primary:active{background:var(--btn-primary-bg-active)}.btn--primary:disabled,.btn--primary[aria-disabled=true]{background:var(--btn-primary-bg-disabled);color:var(--btn-primary-text-disabled)}.btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.btn--secondary:hover{background:var(--btn-secondary-bg-hover);border-color:var(--btn-secondary-border-hover)}.btn--secondary:active{background:var(--btn-secondary-bg-active);border-color:var(--btn-secondary-border-active)}.btn--secondary:disabled,.btn--secondary[aria-disabled=true]{background:var(--btn-secondary-bg-disabled);color:var(--btn-secondary-text-disabled);border-color:var(--btn-secondary-border-disabled)}.btn--ghost{background:transparent;color:var(--btn-ghost-text);border-color:var(--btn-ghost-border)}.btn--ghost:hover{background:var(--btn-ghost-bg-hover)}.btn--ghost:active{background:var(--btn-ghost-bg-active)}.btn--ghost:disabled,.btn--ghost[aria-disabled=true]{color:var(--btn-ghost-text-disabled);border-color:var(--btn-ghost-border-disabled)}.page-header{padding-bottom:var(--space-8);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-8)}.eyebrow{font-size:var(--fs-12);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--fg-accent);margin:0 0 var(--space-3)}.page-header h1{font-size:var(--fs-36);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);margin:0 0 var(--space-4)}.lead{font-size:var(--fs-16);color:var(--fg-2);line-height:var(--lh-relaxed);max-width:580px;margin:0}.token-section{margin-bottom:var(--space-16)}.token-section h2{font-size:var(--fs-14);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--fg-3);margin:0 0 var(--space-5)}.demo-section{margin-bottom:var(--space-12)}.demo-section h2{font-size:var(--fs-14);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--fg-3);margin:0 0 var(--space-5)}.demo-row{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-8);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-4);align-items:center}.align-end{align-items:flex-end}.demo-surface{padding:var(--space-8);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.demo-note{font-size:var(--fs-14);color:var(--fg-3);margin:var(--space-3) 0 0}.section-desc{font-size:var(--fs-15);color:var(--fg-2);margin:0 0 var(--space-6);max-width:540px}.code-block{font-size:var(--fs-13);line-height:var(--lh-relaxed)}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.rule-card{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.rule-card h3{font-size:var(--fs-14);font-weight:var(--fw-semibold);margin:0 0 var(--space-3);color:var(--fg-1)}.rule-card ul{margin:0;padding-left:var(--space-5);font-size:var(--fs-14);color:var(--fg-2);line-height:var(--lh-relaxed)}.token-table{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.token-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);align-items:center;font-size:var(--fs-14)}.token-row:last-child{border-bottom:none}.token-row:nth-child(2n):not(.header-row){background:var(--bg-subtle)}.header-row{background:var(--bg-muted);font-size:var(--fs-12);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--fg-3)}.token-row code{color:var(--fg-accent);font-size:var(--fs-13)}.token-row span{color:var(--fg-2)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);font-size:16px;-webkit-font-smoothing:antialiased}body{margin:0;background:var(--bg-canvas);color:var(--fg-1);line-height:var(--lh-normal)}a{color:var(--fg-link);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--font-mono);font-size:var(--fs-14)}pre{background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto}h1,h2,h3,h4{font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-snug);color:var(--fg-1);margin-top:0}.main-content[data-astro-cid-5hce7sga]{margin-left:220px;padding:var(--space-10) var(--space-12);min-height:100dvh;max-width:calc(100vw - 220px)}@media(min-width:1280px){.main-content[data-astro-cid-5hce7sga]{padding:var(--space-10) var(--space-16)}}@media(max-width:768px){.main-content[data-astro-cid-5hce7sga]{margin-left:0;padding:var(--space-16) var(--space-5) var(--space-8)}}