@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/fraunces-vietnamese-wght-normal.CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/fraunces-latin-ext-wght-normal.Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/fraunces-latin-wght-normal.ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_assets/figtree-latin-ext-wght-normal.DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_assets/figtree-latin-wght-normal.D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_assets/newsreader-vietnamese-wght-normal.Czsa-EzN.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_assets/newsreader-latin-ext-wght-normal.C-3rgBeH.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_assets/newsreader-latin-wght-normal.CCVVNp6i.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_assets/sora-latin-ext-wght-normal.CawQDOvP.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_assets/sora-latin-wght-normal.DdqRvwsR.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand-id: haven;--brand-name: Haven;--canvas: #f6f1e9;--surface: #fbf8f2;--surface-raised: #ffffff;--ink: #0e2426;--ink-soft: #33464a;--muted: #5a6a6c;--border: #e2d9c7;--border-strong: #c9bda4;--accent: #a04022;--accent-ink: #ffffff;--success: #1f6b4a;--warning: #8a5200;--danger: #a32020;--font-display: "Fraunces Variable", Georgia, "Times New Roman", serif;--font-body: "Figtree Variable", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", Menlo, monospace;--fw-display: 500;--fw-body: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--step-2xs: clamp(.75rem, .71rem + .18vw, .83rem);--step-xs: clamp(.83rem, .78rem + .23vw, .94rem);--step-sm: clamp(.94rem, .88rem + .27vw, 1.06rem);--step-md: clamp(1.06rem, .97rem + .41vw, 1.25rem);--step-lg: clamp(1.25rem, 1.13rem + .56vw, 1.5rem);--step-xl: clamp(1.5rem, 1.32rem + .81vw, 1.88rem);--step-2xl: clamp(1.88rem, 1.6rem + 1.31vw, 2.5rem);--step-3xl: clamp(2.5rem, 2.05rem + 2.06vw, 3.5rem);--step-4xl: clamp(3.5rem, 2.7rem + 3.56vw, 5rem);--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 8rem;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--r-button: 8px;--container: 1240px;--container-narrow: 880px;--container-wide: 1440px;--gutter: clamp(1rem, .7rem + 1.6vw, 2.5rem);--header-h: 4rem;--ease-out: cubic-bezier(.2, .7, .2, 1);--ease-in: cubic-bezier(.6, 0, .8, 0);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-ui: .18s;--dur-ui-lg: .28s;--dur-page: .4s;--shadow-sm: 0 1px 2px rgba(14, 36, 38, .04), 0 1px 1px rgba(14, 36, 38, .03);--shadow-md: 0 4px 12px rgba(14, 36, 38, .06), 0 2px 4px rgba(14, 36, 38, .04);--shadow-lg: 0 12px 32px rgba(14, 36, 38, .08), 0 4px 8px rgba(14, 36, 38, .05)}:root[data-theme=dark]{--canvas: #0c1b1d;--surface: #112427;--surface-raised: #163034;--ink: #f1eadc;--ink-soft: #c9c0ae;--muted: #8fa0a2;--border: #1f3a3e;--border-strong: #2f5257;--accent: #e27a4a;--accent-ink: #0e2426;--success: #3fb37f;--warning: #e0a341;--danger: #e36363;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--canvas: #0c1b1d;--surface: #112427;--surface-raised: #163034;--ink: #f1eadc;--ink-soft: #c9c0ae;--muted: #8fa0a2;--border: #1f3a3e;--border-strong: #2f5257;--accent: #e27a4a;--accent-ink: #0e2426;--success: #3fb37f;--warning: #e0a341;--danger: #e36363;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100svh;font-family:var(--font-body);font-weight:var(--fw-body);font-size:var(--step-md);line-height:1.55;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern","liga","calt";padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1.25rem)}@media(max-width:639px){body{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 3rem)}}img,picture,svg,canvas,video{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}select{background:var(--surface);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:.6em 2em .6em .8em;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-soft) 50%),linear-gradient(135deg,var(--ink-soft) 50%,transparent 50%);background-position:calc(100% - 1.2em) 50%,calc(100% - .8em) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}select option{background:var(--surface-raised);color:var(--ink)}button{background:none;border:none;cursor:pointer}a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);transition:text-decoration-color var(--dur-ui) var(--ease-out)}a:hover{text-decoration-color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}:root[data-theme=dark] a:focus-visible,:root[data-theme=dark] button:focus-visible,:root[data-theme=dark] input:focus-visible{outline-color:var(--accent)}[hidden]{display:none!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--fw-display);line-height:1.12;letter-spacing:-.012em;color:var(--ink);text-wrap:balance}h1{font-size:var(--step-3xl)}h2{font-size:var(--step-2xl)}h3{font-size:var(--step-xl)}h4{font-size:var(--step-lg)}p{text-wrap:pretty;max-width:68ch}small{font-size:var(--step-2xs)}strong,b{font-weight:var(--fw-semibold)}code,kbd,samp{font-family:var(--font-mono);font-size:.92em;color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,var(--surface-raised));padding:.1em .35em;border-radius:var(--r-sm)}:root[data-theme=dark] code,:root[data-theme=dark] kbd,:root[data-theme=dark] samp{background:color-mix(in srgb,var(--ink) 14%,var(--surface-raised))}@media(prefers-color-scheme:dark){:root:not([data-theme]) code,:root:not([data-theme]) kbd,:root:not([data-theme]) samp{background:color-mix(in srgb,var(--ink) 14%,var(--surface-raised))}}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.container-narrow{max-width:var(--container-narrow)}.container-wide{max-width:var(--container-wide)}.section{padding-block:var(--space-2xl)}.section-sm{padding-block:var(--space-xl)}.section-lg{padding-block:var(--space-3xl)}@media(max-width:768px){.section{padding-block:var(--space-lg)}.section-sm{padding-block:var(--space-md)}.section-lg{padding-block:var(--space-xl)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%);background:var(--surface-raised);color:var(--ink);padding:.75rem 1rem;border-radius:var(--r-md);box-shadow:var(--shadow-md);z-index:1000;transition:transform var(--dur-ui) var(--ease-out);text-decoration:none}.skip-link:focus-visible{transform:translateY(0)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7em 1.2em;border-radius:var(--r-button);font-family:var(--font-body);font-weight:var(--fw-medium);font-size:var(--step-sm);line-height:1;text-decoration:none;border:1px solid transparent;transition:background var(--dur-ui) var(--ease-out),color var(--dur-ui) var(--ease-out),border-color var(--dur-ui) var(--ease-out),transform var(--dur-ui) var(--ease-out);white-space:nowrap}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 88%,var(--ink) 12%)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--surface-raised);color:var(--ink);border-color:var(--border-strong)}.btn-secondary:hover{border-color:var(--ink);background:var(--surface)}.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn .icon{width:1.1em;height:1.1em;flex-shrink:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:border-color var(--dur-ui) var(--ease-out),box-shadow var(--dur-ui) var(--ease-out),transform var(--dur-ui-lg) var(--ease-out)}.card-interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tag,.badge{display:inline-flex;align-items:center;gap:.4em;padding:.3em .7em;border-radius:var(--r-pill);font-size:var(--step-2xs);font-weight:var(--fw-medium);background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink-soft);white-space:nowrap}.tag-accent{background:color-mix(in srgb,var(--accent) 22%,var(--surface-raised));color:var(--ink);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.eyebrow{font-family:var(--font-body);font-size:var(--step-2xs);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-2xs)}.divider{height:1px;background:var(--border);border:none;width:100%}.scroll-x{display:flex;gap:var(--space-md);overflow-x:auto;scroll-snap-type:x mandatory;padding-block:var(--space-2xs);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.scroll-x>*{scroll-snap-align:start;flex:0 0 auto}.scroll-x:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.scroll-x::-webkit-scrollbar{height:6px}.scroll-x::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--dur-page)}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important}.no-print{display:none!important}.section{padding-block:1rem}a{text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:.85em;color:#444}}.site-header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:100;isolation:isolate;background:color-mix(in srgb,var(--canvas) 96%,transparent);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--border)}.header-inner[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-md);min-height:var(--header-h)}.brandmark[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none;font-family:var(--font-display);font-weight:var(--fw-display);font-size:var(--step-lg);letter-spacing:-.012em;line-height:1;margin-right:auto}.brandmark-glyph[data-astro-cid-3ef6ksr2]{color:var(--accent)}.brandmark-text[data-astro-cid-3ef6ksr2]{white-space:nowrap}.primary-nav[data-astro-cid-3ef6ksr2]{display:none}.nav-list[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-md);list-style:none;padding:0;margin:0}.nav-link[data-astro-cid-3ef6ksr2]{font-size:var(--step-sm);color:var(--ink-soft);text-decoration:none;padding:.4em 0;border-bottom:2px solid transparent;transition:color var(--dur-ui) var(--ease-out),border-color var(--dur-ui) var(--ease-out);white-space:nowrap}.nav-link[data-astro-cid-3ef6ksr2]:hover{color:var(--ink)}.nav-link[data-astro-cid-3ef6ksr2].active{color:var(--ink);border-bottom-color:var(--accent)}.header-actions[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-sm)}.nav-cta[data-astro-cid-3ef6ksr2]{display:none}.nav-menu-toggle[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--r-md);color:var(--ink);background:transparent}.nav-menu-toggle[data-astro-cid-3ef6ksr2][aria-expanded=true]{background:color-mix(in srgb,var(--ink) 7%,transparent)}.mobile-menu[data-astro-cid-3ef6ksr2]{background:var(--canvas);border-bottom:1px solid var(--border);overflow:hidden}.mobile-menu-inner[data-astro-cid-3ef6ksr2]{padding-block:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.mobile-nav-list[data-astro-cid-3ef6ksr2]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2xs)}.mobile-nav-link[data-astro-cid-3ef6ksr2]{display:block;padding:.7em 0;font-family:var(--font-display);font-size:var(--step-lg);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--border)}.mobile-nav-link[data-astro-cid-3ef6ksr2].active{color:var(--accent)}.mobile-cta[data-astro-cid-3ef6ksr2]{align-self:stretch;justify-content:center}@media(min-width:1024px){.primary-nav[data-astro-cid-3ef6ksr2]{display:block;margin-right:var(--space-md)}.nav-cta[data-astro-cid-3ef6ksr2]{display:inline-flex}.nav-menu-toggle[data-astro-cid-3ef6ksr2]{display:none}}.site-footer[data-astro-cid-sz7xmlte]{background:var(--surface);border-top:1px solid var(--border);padding-block:var(--space-2xl) var(--space-lg);margin-top:var(--space-3xl)}.footer-grid[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:1fr;gap:var(--space-xl);padding-bottom:var(--space-xl)}.footer-brandmark[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink);font-family:var(--font-display);font-size:var(--step-lg);margin-bottom:var(--space-sm)}.footer-brandmark[data-astro-cid-sz7xmlte] svg[data-astro-cid-sz7xmlte]{color:var(--accent)}.footer-tagline[data-astro-cid-sz7xmlte]{color:var(--ink-soft);max-width:36ch;margin-bottom:var(--space-sm)}.footer-stats[data-astro-cid-sz7xmlte]{color:var(--muted);font-size:var(--step-2xs);margin-bottom:var(--space-sm)}.footer-contact[data-astro-cid-sz7xmlte]{color:var(--ink-soft);font-size:var(--step-sm);display:flex;flex-wrap:wrap;align-items:baseline;gap:.4em;max-width:36ch}.footer-contact[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--ink-soft)}.footer-contact[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--accent);text-decoration:underline;text-underline-offset:.18em}.footer-contact-sep[data-astro-cid-sz7xmlte]{color:var(--muted)}.footer-col[data-astro-cid-sz7xmlte] h2[data-astro-cid-sz7xmlte].footer-heading{font-family:var(--font-body);font-size:var(--step-2xs);font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-sm)}.footer-col[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--ink-soft);text-decoration:none;font-size:var(--step-sm)}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--ink);text-decoration:underline;text-underline-offset:.18em}.footer-bottom[data-astro-cid-sz7xmlte]{border-top:1px solid var(--border);padding-top:var(--space-md);display:flex;flex-direction:column;gap:.5rem;color:var(--muted);font-size:var(--step-2xs)}@media(min-width:768px){.footer-grid[data-astro-cid-sz7xmlte]{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--space-lg)}.footer-bottom[data-astro-cid-sz7xmlte]{flex-direction:row;justify-content:space-between;align-items:center}}.demo-pill[data-astro-cid-dhcnce2i]{position:fixed;right:1rem;bottom:1rem;z-index:90;font-size:var(--step-2xs)}.demo-toggle[data-astro-cid-dhcnce2i]{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--r-pill);box-shadow:var(--shadow-md);padding:.45em .85em;font-size:var(--step-2xs);font-weight:var(--fw-semibold);letter-spacing:.04em;cursor:pointer;transition:background var(--dur-ui) var(--ease-out),border-color var(--dur-ui) var(--ease-out)}.demo-toggle[data-astro-cid-dhcnce2i]:hover{background:var(--surface);border-color:var(--ink)}.demo-toggle[data-astro-cid-dhcnce2i] svg[data-astro-cid-dhcnce2i]{color:var(--accent);flex-shrink:0}.demo-toggle-label[data-astro-cid-dhcnce2i]{line-height:1}.demo-panel[data-astro-cid-dhcnce2i]{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--space-sm);width:248px;display:flex;flex-direction:column;gap:var(--space-2xs);margin-top:var(--space-2xs)}.demo-panel-head[data-astro-cid-dhcnce2i]{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-2xs);border-bottom:1px solid var(--border)}.demo-pill-title[data-astro-cid-dhcnce2i]{font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:var(--step-2xs)}.demo-close[data-astro-cid-dhcnce2i]{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--ink-soft);border-radius:var(--r-sm)}.demo-close[data-astro-cid-dhcnce2i]:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}.demo-pill-row[data-astro-cid-dhcnce2i]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xs)}.demo-label[data-astro-cid-dhcnce2i]{color:var(--muted);font-weight:var(--fw-medium)}.demo-btn-group[data-astro-cid-dhcnce2i]{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--r-button);overflow:hidden}.demo-btn-group[data-astro-cid-dhcnce2i] button[data-astro-cid-dhcnce2i]{background:transparent;color:var(--ink-soft);padding:.3em .6em;font-size:var(--step-2xs);font-weight:var(--fw-medium);border:none;border-right:1px solid var(--border-strong);transition:background var(--dur-ui) var(--ease-out),color var(--dur-ui) var(--ease-out)}.demo-btn-group[data-astro-cid-dhcnce2i] button[data-astro-cid-dhcnce2i]:last-child{border-right:none}.demo-btn-group[data-astro-cid-dhcnce2i] button[data-astro-cid-dhcnce2i][aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.demo-brand-active[data-astro-cid-dhcnce2i]{color:var(--ink);font-weight:var(--fw-semibold)}.demo-pill-foot[data-astro-cid-dhcnce2i]{color:var(--muted);font-size:.7rem;line-height:1.3;margin-top:var(--space-2xs);padding-top:var(--space-2xs);border-top:1px solid var(--border)}.demo-pill-foot[data-astro-cid-dhcnce2i] code[data-astro-cid-dhcnce2i]{font-family:var(--font-mono);background:color-mix(in srgb,var(--ink) 14%,var(--surface-raised));padding:.1em .3em;border-radius:var(--r-sm);font-size:.95em}@media(max-width:639px){.demo-pill[data-astro-cid-dhcnce2i]{right:.5rem;bottom:.5rem;left:auto;width:auto}.demo-toggle[data-astro-cid-dhcnce2i]{margin-left:0;padding:.4em .75em}.demo-pill[data-astro-cid-dhcnce2i][data-open=true] .demo-toggle[data-astro-cid-dhcnce2i]{display:none}.demo-panel[data-astro-cid-dhcnce2i]{width:min(280px,calc(100vw - 1rem));margin-top:0;margin-bottom:var(--space-2xs);border-radius:var(--r-lg);max-height:50vh;overflow-y:auto}}