.color-cards:where(.astro-cksjf7ch){display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1.5rem 0}.cc-card:where(.astro-cksjf7ch){background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);border-radius:1rem;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;overflow:hidden}.cc-swatch:where(.astro-cksjf7ch){display:block;width:100%;aspect-ratio:3 / 2;box-shadow:inset 0 0 0 1px #0000000a}.cc-meta:where(.astro-cksjf7ch){display:flex;flex-direction:column;padding:.75rem .85rem .9rem}.cc-name:where(.astro-cksjf7ch){font-weight:700;font-size:1.0625rem;color:var(--sl-color-white)}code:where(.astro-cksjf7ch).cc-var,code:where(.astro-cksjf7ch).cc-hex{font-family:var(--sl-font-mono),ui-monospace,monospace;font-size:.8125rem;color:var(--sl-color-gray-3);background:transparent;border:0;padding:0;border-radius:0;word-break:break-word}code:where(.astro-cksjf7ch).cc-var{margin-top:.55rem}code:where(.astro-cksjf7ch).cc-hex{margin-top:.35rem}.surface-list:where(.astro-o4wrgec2){margin:1.5rem 0;border:1px solid var(--sl-color-gray-5);border-radius:1rem;padding:.15rem 1.25rem;background:var(--sl-color-bg)}.sf-row:where(.astro-o4wrgec2){display:grid;grid-template-columns:72px minmax(0,1fr) 9rem 5rem;align-items:center;gap:1rem 1.25rem;padding:.6rem 0;border-top:1px solid var(--sl-color-gray-6, var(--sl-color-gray-5))}.sf-row:where(.astro-o4wrgec2):first-child{border-top:0}.sf-swatch:where(.astro-o4wrgec2){width:72px;height:32px;border-radius:.5rem;box-shadow:inset 0 0 0 1px #0000000f;display:block}.sf-name:where(.astro-o4wrgec2){font-weight:600;font-size:.9375rem;color:var(--sl-color-white);min-width:0}.sf-token:where(.astro-o4wrgec2),.sf-val:where(.astro-o4wrgec2){font-family:var(--sl-font-mono),ui-monospace,monospace;font-size:.8125rem;background:transparent;border:0;padding:0;white-space:nowrap}.sf-token:where(.astro-o4wrgec2){color:var(--sl-color-gray-4);text-align:left;justify-self:start}.sf-val:where(.astro-o4wrgec2){color:var(--sl-color-gray-3);text-align:right;justify-self:end}@media(max-width:600px){.sf-row:where(.astro-o4wrgec2){grid-template-columns:56px minmax(0,1fr) auto;gap:.6rem .9rem}.sf-swatch:where(.astro-o4wrgec2){width:56px;height:28px}.sf-token:where(.astro-o4wrgec2){display:none}}.status-cards:where(.astro-4y24muyo){display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.st-card:where(.astro-4y24muyo){background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);border-radius:1rem;box-shadow:0 1px 3px #0000000f;padding:1.25rem 1.25rem 1.1rem;display:flex;flex-direction:column;gap:.4rem}.st-badges:where(.astro-4y24muyo){display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.35rem}.st-badge:where(.astro-4y24muyo){display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .95rem;font-size:.8125rem;font-weight:600;line-height:1;color:#fff}.st-cls:where(.astro-4y24muyo){font-weight:700;font-size:1rem;color:var(--sl-color-white);background:transparent;border:0;padding:0}.st-uses:where(.astro-4y24muyo){font-size:.8125rem;color:var(--sl-color-gray-3)}.st-hex:where(.astro-4y24muyo){font-family:var(--sl-font-mono),ui-monospace,monospace;font-size:.8125rem;color:var(--sl-color-gray-3);background:transparent;border:0;padding:0}.type-families:where(.astro-4233c6tc){display:flex;flex-direction:column;gap:.375rem;margin:.75rem 0}.type-families:where(.astro-4233c6tc)>:where(.astro-4233c6tc){margin-top:0!important}.tf-card:where(.astro-4233c6tc){background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);border-radius:.75rem;box-shadow:0 1px 2px #0000000a;padding:.75rem 1.25rem;display:grid;grid-template-columns:140px 1fr 240px;align-items:center;gap:1.5rem;min-height:92px}@media(max-width:860px){.tf-card:where(.astro-4233c6tc){grid-template-columns:1fr;gap:.75rem;padding:1rem}.tf-use-info:where(.astro-4233c6tc){border-left:none!important;border-top:1px dashed var(--sl-color-gray-6);padding-left:0!important;padding-top:.75rem}}.tf-meta:where(.astro-4233c6tc){flex-shrink:0;display:flex;flex-direction:column;gap:.15rem;align-self:center}.tf-label:where(.astro-4233c6tc){font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--sl-color-gray-3)}.tf-name:where(.astro-4233c6tc){font-size:1rem;font-weight:700;color:var(--sl-color-white)}.tf-sans-preview:where(.astro-4233c6tc){font-family:var(--sl-font-sans);display:flex;flex-direction:column;gap:.05rem;align-self:center}.tf-title-preview:where(.astro-4233c6tc){font-size:1.375rem;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--sl-color-white)}.tf-desc-preview:where(.astro-4233c6tc){font-size:.875rem;font-weight:400;line-height:1.35;color:var(--sl-color-gray-3)}.tf-mono-preview:where(.astro-4233c6tc){font-family:var(--sl-font-mono),ui-monospace,monospace;font-size:.8125rem;color:var(--sl-color-white);align-self:center}.tf-brand:where(.astro-4233c6tc){font-family:"Manrope",var(--sl-font-sans),sans-serif;font-size:1.375rem;font-weight:800;line-height:1.05;letter-spacing:-.02em;color:var(--sl-color-white);align-self:center}.tf-use-info:where(.astro-4233c6tc){font-size:.8125rem;color:var(--sl-color-gray-3);line-height:1.4;border-left:1px solid var(--sl-color-gray-6);padding-left:1.25rem;display:flex;align-items:center;align-self:center}.type-scale:where(.astro-fxyz3c77){display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}.type-scale:where(.astro-fxyz3c77)>:where(.astro-fxyz3c77){margin-top:0!important}@media(max-width:768px){.type-scale:where(.astro-fxyz3c77){grid-template-columns:1fr}}.ts-card:where(.astro-fxyz3c77){background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);border-radius:.75rem;padding:1.15rem 1.25rem;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;gap:1.25rem}.ts-header:where(.astro-fxyz3c77){display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--sl-color-gray-6);padding-bottom:.4rem}.ts-tag:where(.astro-fxyz3c77){font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--sl-color-gray-3)}.ts-spec:where(.astro-fxyz3c77){font-family:var(--sl-font-mono),ui-monospace,monospace;font-size:.6875rem;color:var(--sl-color-gray-3)}.ts-preview:where(.astro-fxyz3c77){font-family:var(--sl-font-sans);color:var(--sl-color-white)}.display-title:where(.astro-fxyz3c77){font-size:2rem;line-height:2.5rem;font-weight:700;letter-spacing:-.02em}.page-title:where(.astro-fxyz3c77){font-size:1.875rem;line-height:2.25rem;font-weight:800;letter-spacing:-.02em}.section-title:where(.astro-fxyz3c77){font-size:1.125rem;line-height:1.75rem;font-weight:700}.card-heading:where(.astro-fxyz3c77){font-size:1rem;line-height:1.5rem;font-weight:600}.body-text:where(.astro-fxyz3c77){font-size:.875rem;line-height:1.25rem;font-weight:400;color:var(--sl-color-gray-2)}.meta-text:where(.astro-fxyz3c77){font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--sl-color-gray-3)}.label-text:where(.astro-fxyz3c77){font-size:.875rem;line-height:.875rem;font-weight:500;color:var(--sl-color-gray-2)}.caption-text:where(.astro-fxyz3c77){font-size:.75rem;line-height:1rem;font-weight:400;color:var(--sl-color-gray-3)}.icon-gallery:where(.astro-soqc3gcn){border:1px solid var(--sl-color-gray-5);border-radius:.75rem;padding:1.5rem 1.25rem;margin:1.5rem 0}.icon-gallery:where(.astro-soqc3gcn)>:where(.astro-soqc3gcn){margin-top:0!important}.icon-grid:where(.astro-soqc3gcn){display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:1.5rem 1rem}.icon-grid:where(.astro-soqc3gcn)>:where(.astro-soqc3gcn){margin-top:0!important}.icon-item:where(.astro-soqc3gcn){display:flex;flex-direction:column;align-items:center;gap:.55rem;color:var(--sl-color-text)}.icon-label:where(.astro-soqc3gcn){font-family:var(--sl-font-mono),ui-monospace,monospace;font-size:.75rem;opacity:.75}