.C4j7Xq_page{padding-bottom:var(--space-fluid-xl)}.C4j7Xq_page code{border-radius:var(--radius-xs);background:var(--color-bg-sunken);padding:.1em .4em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.82em}.C4j7Xq_head{gap:var(--space-5);padding-block:var(--space-fluid-m);justify-items:start;display:grid}.C4j7Xq_head h1{font-size:var(--step-6)}.C4j7Xq_lead{max-width:44em;color:var(--color-text-muted)}.C4j7Xq_toc{gap:var(--space-2);flex-wrap:wrap;display:flex}.C4j7Xq_toc a{font-size:var(--step--1);border-radius:var(--radius-pill);border:1px solid var(--color-line-strong);padding:.35em .9em;text-decoration:none}.C4j7Xq_toc a:hover{background:var(--color-text);color:var(--color-bg)}.C4j7Xq_section{padding-block:var(--space-fluid-l);border-top:1px solid var(--color-line);scroll-margin-top:var(--header-h)}.C4j7Xq_h2{align-items:baseline;gap:var(--space-4);font-size:var(--step-4);margin-bottom:var(--space-6);display:flex}.C4j7Xq_h2 span{font-family:var(--font-accent);font-style:italic;font-size:var(--step-1);color:var(--color-text-accent);font-variant-numeric:lining-nums}.C4j7Xq_h3{font-family:var(--font-body);font-size:var(--step--1);letter-spacing:.14em;color:var(--color-text-muted);margin:var(--space-6) 0 var(--space-4);font-weight:600}.C4j7Xq_p{max-width:46em;color:var(--color-text-muted);margin-bottom:var(--space-6)}.C4j7Xq_core{gap:var(--space-7);display:grid}@media (min-width:960px){.C4j7Xq_core{grid-template-columns:1fr 1fr}}.C4j7Xq_kicker{font-size:var(--step--1);letter-spacing:.14em;color:var(--color-text-accent);margin-bottom:var(--space-3)}.C4j7Xq_statement{font-family:var(--font-heading);font-size:var(--step-4);font-weight:600;line-height:1.45}.C4j7Xq_coreList{gap:var(--space-4);display:grid}.C4j7Xq_coreList div{gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-line);grid-template-columns:6.5rem 1fr;display:grid}.C4j7Xq_coreList dt{font-size:var(--step--1);color:var(--color-text-subtle)}.C4j7Xq_logoGrid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));display:grid}.C4j7Xq_logoTile{place-items:center;gap:var(--space-5);min-height:16rem;padding:var(--space-6);border-radius:var(--radius-lg);grid-template-rows:1fr auto;display:grid}.C4j7Xq_logoTile figcaption{font-size:var(--step--1);opacity:.75;justify-self:stretch}.C4j7Xq_tileLight{background:var(--color-bg-raised);border:1px solid var(--color-line)}.C4j7Xq_tileDark{background:var(--bruno-900);color:var(--crema-100)}.C4j7Xq_tileGreen{background:var(--foglia-500);color:var(--bruno-900)}.C4j7Xq_logoLg{width:min(100%,17rem);height:auto}.C4j7Xq_logoMd{width:12rem;height:auto}.C4j7Xq_marks{align-items:end;gap:var(--space-5);display:flex}.C4j7Xq_mark64{width:64px}.C4j7Xq_mark32{width:32px}.C4j7Xq_mark16{width:16px}.C4j7Xq_clear{outline:1px dashed var(--pomodoro-400);outline-offset:-1px;background:repeating-linear-gradient(45deg, transparent 0 6px, color-mix(in oklab, var(--pomodoro-400) 10%, transparent) 6px 7px);padding:1.6rem}.C4j7Xq_clear svg{background:var(--color-bg-raised)}.C4j7Xq_donts{gap:var(--space-2);margin-top:var(--space-6);color:var(--color-text-muted);padding-left:0;display:grid}.C4j7Xq_donts li:before{content:"✕";color:var(--color-action);margin-right:var(--space-2)}.C4j7Xq_downloads{gap:var(--space-2) var(--space-4);margin-top:var(--space-5);font-size:var(--step--1);flex-wrap:wrap;display:flex}.C4j7Xq_palettes{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));display:grid}.C4j7Xq_palette{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-raised);border:1px solid var(--color-line)}.C4j7Xq_palette h3{font-size:var(--step-2)}.C4j7Xq_palette>p{margin-block:var(--space-2) var(--space-4);font-size:var(--step--1);color:var(--color-text-muted)}.C4j7Xq_palette ul{gap:var(--space-2);display:grid}.C4j7Xq_palette li{column-gap:var(--space-3);font-size:var(--step--2);grid-template-columns:2.5rem 1fr auto;grid-template-areas:"sw tok hex""sw use use";align-items:center;display:grid}.C4j7Xq_swatch{border-radius:var(--radius-sm);grid-area:sw;width:2.5rem;height:2.5rem;box-shadow:inset 0 0 0 1px #00000014}.C4j7Xq_palette code{grid-area:tok;justify-self:start}.C4j7Xq_hex{color:var(--color-text-muted);grid-area:hex;font-family:ui-monospace,Menlo,monospace}.C4j7Xq_use{color:var(--color-text-subtle);grid-area:use}.C4j7Xq_semantic{gap:var(--space-2) var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));display:grid}.C4j7Xq_semantic li{align-items:center;gap:var(--space-3);font-size:var(--step--1);display:flex}.C4j7Xq_semantic span:last-child{color:var(--color-text-muted)}.C4j7Xq_swatchSm{border-radius:50%;flex:none;width:1.5rem;height:1.5rem;box-shadow:inset 0 0 0 1px #0000001f}.C4j7Xq_fonts{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));display:grid}.C4j7Xq_fontCard{gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-raised);border:1px solid var(--color-line);display:grid}.C4j7Xq_fontSample{font-size:var(--step-4);margin-bottom:var(--space-3);line-height:1.3}.C4j7Xq_fontCard h3{font-family:var(--font-body);font-size:var(--step-0)}.C4j7Xq_fontCard p:last-child{font-size:var(--step--1);color:var(--color-text-muted)}.C4j7Xq_scale{margin-top:var(--space-7);display:grid}.C4j7Xq_scale li{gap:var(--space-2);padding-block:var(--space-4);border-bottom:1px solid var(--color-line);display:grid}@media (min-width:800px){.C4j7Xq_scale li{grid-template-columns:12rem 1fr;align-items:baseline}}.C4j7Xq_scaleMeta{font-size:var(--step--2);color:var(--color-text-subtle)}.C4j7Xq_scale li>span:last-child{letter-spacing:.03em;line-height:1.3}.C4j7Xq_tokenGrid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));display:grid}.C4j7Xq_tokenGrid .C4j7Xq_h3{margin-top:0}.C4j7Xq_spaces{gap:var(--space-2);display:grid}.C4j7Xq_spaces li{font-size:var(--step--2);grid-template-columns:6rem 1fr;align-items:center;display:grid}.C4j7Xq_spaces span{background:var(--pomodoro-400);border-radius:2px;height:.75rem}.C4j7Xq_radii,.C4j7Xq_shadows{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.C4j7Xq_radii li,.C4j7Xq_shadows li{gap:var(--space-2);font-size:var(--step--2);justify-items:center;display:grid}.C4j7Xq_radii span{background:var(--foglia-200);border:1.5px solid var(--foglia-600);width:3.5rem;height:3.5rem}.C4j7Xq_shadows span{border-radius:var(--radius-md);background:var(--color-bg-raised);width:3.5rem;height:3.5rem}.C4j7Xq_motion{gap:var(--space-3);font-size:var(--step--1);display:grid}.C4j7Xq_motion dd{color:var(--color-text-muted)}.C4j7Xq_components{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,26rem),1fr));display:grid}.C4j7Xq_compCard{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-raised);border:1px solid var(--color-line)}.C4j7Xq_compCard .C4j7Xq_h3{margin-top:0}.C4j7Xq_compRow{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.C4j7Xq_platePreview{aspect-ratio:1;width:7rem}.C4j7Xq_archPreview{aspect-ratio:4/5;width:6rem}.C4j7Xq_icons{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));display:grid}.C4j7Xq_icons li{justify-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);border-radius:var(--radius-md);background:var(--color-bg-raised);border:1px solid var(--color-line);font-size:var(--step--2);color:var(--color-brand);display:grid}.C4j7Xq_icons code{color:var(--color-text-muted);background:0 0}.C4j7Xq_illos{gap:var(--space-5);margin-top:var(--space-6);color:var(--color-brand);grid-template-columns:repeat(4,1fr);display:grid}.C4j7Xq_illos svg{width:100%;max-height:9rem}.C4j7Xq_rules{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));display:grid}.C4j7Xq_rules li{gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-raised);border:1px solid var(--color-line);color:var(--color-text-muted);font-size:var(--step--1);display:grid}.C4j7Xq_rules strong{font-size:var(--step-1);color:var(--color-text)}.C4j7Xq_voice{gap:var(--space-6);display:grid}@media (min-width:800px){.C4j7Xq_voice{grid-template-columns:1fr 1fr}}.C4j7Xq_voice .C4j7Xq_h3{margin-top:0}.C4j7Xq_voice ul{gap:var(--space-3);display:grid}.C4j7Xq_voice li{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-raised);border-left:3px solid var(--foglia-500)}.C4j7Xq_voice>div:last-child li{border-left-color:var(--color-action)}