.token-swatches__toolbar[data-astro-cid-j5fgy2sq]{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 1rem}.token-swatches__tab[data-astro-cid-j5fgy2sq]{border:1px solid var(--rule);background:var(--panel);color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;padding:.45rem .75rem;cursor:pointer}.token-swatches__tab[data-astro-cid-j5fgy2sq][aria-pressed=true]{border-color:var(--gold);color:var(--ink);background:color-mix(in srgb,var(--gold) 12%,var(--panel))}.token-swatches__group[data-astro-cid-j5fgy2sq]+.token-swatches__group[data-astro-cid-j5fgy2sq]{margin-top:1.5rem}.token-swatches__group[data-astro-cid-j5fgy2sq] h3[data-astro-cid-j5fgy2sq]{font-weight:500;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:0 0 .75rem}.token-swatches__var[data-astro-cid-j5fgy2sq]{display:block;margin-top:.2rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;color:var(--muted)}.token-swatches__value[data-astro-cid-j5fgy2sq]{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem;max-width:18rem;word-break:break-word}.token-swatches__preview[data-astro-cid-j5fgy2sq]{width:5rem}.swatch[data-astro-cid-j5fgy2sq]{display:inline-block;width:2.5rem;height:1.25rem;border:1px solid var(--rule);vertical-align:middle}.swatch--shadow[data-astro-cid-j5fgy2sq]{background:var(--panel)}.swatch--type[data-astro-cid-j5fgy2sq]{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:2.5rem;padding:0 .35rem;background:var(--panel);color:var(--ink)}.swatch--bar[data-astro-cid-j5fgy2sq]{display:block;width:4rem;height:.45rem;background:color-mix(in srgb,var(--muted) 18%,transparent);padding:0;overflow:hidden}.swatch__fill[data-astro-cid-j5fgy2sq]{display:block;height:100%;background:var(--gold)}.token-swatches__contrast[data-astro-cid-j5fgy2sq]{font-size:.78rem;max-width:14rem}.contrast__ratio[data-astro-cid-j5fgy2sq]{margin:0 0 .35rem;color:var(--muted)}.contrast__checks[data-astro-cid-j5fgy2sq]{margin:0;padding:0;list-style:none}.contrast__check[data-astro-cid-j5fgy2sq]{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem}.contrast__check[data-astro-cid-j5fgy2sq]+.contrast__check[data-astro-cid-j5fgy2sq]{margin-top:.15rem}.contrast__check--pass[data-astro-cid-j5fgy2sq]{color:color-mix(in srgb,var(--ink) 70%,#2f7d32)}.contrast__check--fail[data-astro-cid-j5fgy2sq]{color:color-mix(in srgb,var(--ink) 70%,#b3261e)}.contrast__label[data-astro-cid-j5fgy2sq]{font-weight:500}.token-swatches__muted[data-astro-cid-j5fgy2sq]{color:var(--muted)}.doc-content{max-width:54rem}.doc-section{padding:1.5rem 0 2rem;border-bottom:1px solid var(--rule)}.doc-section h2{font-weight:300;font-size:clamp(1.45rem,3vw,2rem);margin:0 0 1rem}.doc-section h3{font-weight:500}.doc-section p,.doc-section li{color:var(--muted);font-weight:300}.doc-section code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.86em;color:var(--ink)}.code-stack{display:grid;gap:1rem}.code-block{margin:1rem 0;border:1px solid var(--rule);background:var(--panel)}.code-block figcaption{padding:.55rem .8rem;border-bottom:1px solid var(--rule);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.code-block pre{margin:0;padding:1rem;overflow:auto}.table-wrap{overflow:auto;border:1px solid var(--rule)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--rule);vertical-align:top}th{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}td{color:var(--muted);font-weight:300}.journey-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.journey-nav a{display:flex;flex-direction:column;border:1px solid var(--rule);padding:1rem;text-decoration:none}.journey-nav a:last-child{text-align:right}.journey-nav span{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold)}.journey-nav strong{font-weight:400}@media(max-width:560px){.journey-nav{grid-template-columns:1fr}.journey-nav>span:empty{display:none}.journey-nav a:last-child{text-align:left}}