@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&display=swap";:where(.astro-cuecaxvc),:where(.astro-cuecaxvc):before,:where(.astro-cuecaxvc):after{margin:0;padding:0;box-sizing:border-box}:root{--raw-neutral-950: #0c0a06;--raw-neutral-900: #131210;--raw-neutral-850: #1a1815;--raw-neutral-800: #211f1b;--raw-neutral-750: #292622;--raw-neutral-700: #312e28;--raw-neutral-600: #403c34;--raw-neutral-500: #585349;--raw-neutral-400: #7d766a;--raw-neutral-300: #a6a094;--raw-neutral-200: #cbc5b9;--raw-neutral-100: #ebe5db;--raw-neutral-50: #f7f2ea;--gold-50: #fefce8;--gold-100: #fef9c3;--gold-200: #fef08a;--gold-300: #fde047;--gold-400: #facc15;--gold-500: #d4a017;--gold-600: #b8860b;--gold-700: #8b6914;--gold-800: #6b4f12;--stone-300: #b8b0a0;--stone-400: #9a907d;--stone-500: #7c7264;--stone-600: #625a4e;--stone-700: #4a4439;--stone-800: #332f27;--success: #4ade80;--success-dark: #16a34a;--warning: #f59e0b;--warning-dark: #d97706;--error: #ef4444;--error-dark: #dc2626;--info: #60a5fa;--info-dark: #2563eb;--font-display: "Playfair Display", Georgia, serif;--font-body: "Geist", -apple-system, system-ui, sans-serif;--font-mono: "Geist Mono", "SF Mono", monospace}:where(.astro-cuecaxvc)[data-theme=dark]{--neutral-950: #0c0a06;--neutral-900: #131210;--neutral-850: #1a1815;--neutral-800: #211f1b;--neutral-750: #292622;--neutral-700: #312e28;--neutral-600: #403c34;--neutral-500: #585349;--neutral-400: #7d766a;--neutral-300: #a6a094;--neutral-200: #cbc5b9;--neutral-100: #ebe5db;--neutral-50: #f7f2ea;--accent: var(--gold-500);--accent-hover: var(--gold-400);--accent-text: var(--gold-300);--accent-muted: rgba(212, 160, 23, .12);--accent-muted-border: rgba(212, 160, 23, .2);--accent-on: #0a0a08;--semantic-success: var(--success);--semantic-warning: var(--warning);--semantic-error: var(--error);--semantic-info: var(--info);--selection-bg: rgba(212, 160, 23, .3);--selection-text: var(--neutral-50);--nav-bg: rgba(10, 10, 8, .85);--glow-color: rgba(212, 160, 23, .06);--glow-secondary: rgba(184, 134, 11, .04);--swatch-border: var(--neutral-700)}:where(.astro-cuecaxvc)[data-theme=light]{--neutral-950: #fffdf9;--neutral-900: #fdf6ee;--neutral-850: #f7f0e8;--neutral-800: #ede4da;--neutral-750: #e3d9cd;--neutral-700: #d6cbbe;--neutral-600: #bfb3a4;--neutral-500: #968a7a;--neutral-400: #6d6252;--neutral-300: #4d4234;--neutral-200: #332820;--neutral-100: #2b1f14;--neutral-50: #1a130b;--accent: var(--gold-700);--accent-hover: var(--gold-600);--accent-text: var(--gold-800);--accent-muted: rgba(139, 105, 20, .08);--accent-muted-border: rgba(139, 105, 20, .15);--accent-on: #ffffff;--semantic-success: var(--success-dark);--semantic-warning: var(--warning-dark);--semantic-error: var(--error-dark);--semantic-info: var(--info-dark);--selection-bg: rgba(139, 105, 20, .2);--selection-text: #1a130b;--nav-bg: rgba(253, 246, 238, .9);--glow-color: rgba(139, 105, 20, .04);--glow-secondary: rgba(184, 134, 11, .025);--swatch-border: var(--neutral-700)}html{background:var(--neutral-950);color:var(--neutral-100);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;transition:background .4s ease,color .4s ease}body{overflow-x:hidden}:where(.astro-cuecaxvc)::selection{background:var(--selection-bg);color:var(--selection-text)}a:where(.astro-cuecaxvc){color:var(--accent);text-decoration:none}a:where(.astro-cuecaxvc):hover{color:var(--accent-hover)}section:where(.astro-cuecaxvc),.component-card:where(.astro-cuecaxvc),.logo-card:where(.astro-cuecaxvc),.voice-card:where(.astro-cuecaxvc),.example-card:where(.astro-cuecaxvc),.do-col:where(.astro-cuecaxvc),.dont-col:where(.astro-cuecaxvc),.ui-preview:where(.astro-cuecaxvc),.ui-stat:where(.astro-cuecaxvc),.gradient-card:where(.astro-cuecaxvc),.swatch:where(.astro-cuecaxvc),.badge:where(.astro-cuecaxvc),.btn:where(.astro-cuecaxvc),.input-demo:where(.astro-cuecaxvc),nav:where(.astro-cuecaxvc){transition:background .4s ease,border-color .4s ease,color .4s ease,box-shadow .4s ease}.theme-toggle:where(.astro-cuecaxvc){display:flex;align-items:center;gap:.5rem;background:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:100px;padding:.25rem;cursor:pointer;position:relative}.theme-toggle-option:where(.astro-cuecaxvc){padding:.375rem .75rem;font-size:.6875rem;font-weight:500;letter-spacing:.03em;border-radius:100px;color:var(--neutral-400);background:transparent;border:none;cursor:pointer;transition:color .2s,background .2s;position:relative;z-index:1;font-family:var(--font-body)}.theme-toggle-option:where(.astro-cuecaxvc).active{color:var(--neutral-50);background:var(--neutral-700)}.container:where(.astro-cuecaxvc){max-width:1120px;margin:0 auto;padding:0 2rem}section:where(.astro-cuecaxvc){padding:6rem 0;border-bottom:1px solid var(--neutral-800)}section:where(.astro-cuecaxvc):last-child{border-bottom:none}nav:where(.astro-cuecaxvc){position:fixed;top:0;left:0;right:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--neutral-800);transition:background .4s ease,border-color .4s ease}nav:where(.astro-cuecaxvc) .container:where(.astro-cuecaxvc){display:flex;align-items:center;justify-content:space-between;height:64px}nav:where(.astro-cuecaxvc) .brand:where(.astro-cuecaxvc){font-family:var(--font-display);font-size:1.375rem;color:var(--neutral-50);letter-spacing:-.02em}nav:where(.astro-cuecaxvc) .links:where(.astro-cuecaxvc){display:flex;gap:2rem;list-style:none}nav:where(.astro-cuecaxvc) .links:where(.astro-cuecaxvc) a:where(.astro-cuecaxvc){color:var(--neutral-400);font-size:.8125rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;transition:color .2s}nav:where(.astro-cuecaxvc) .links:where(.astro-cuecaxvc) a:where(.astro-cuecaxvc):hover{color:var(--neutral-50)}.hero:where(.astro-cuecaxvc){min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--neutral-800)}.hero:where(.astro-cuecaxvc):before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,var(--glow-color) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 30% 60%,var(--glow-secondary) 0%,transparent 60%);pointer-events:none}.hero:where(.astro-cuecaxvc):after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--glow-secondary) 0%,transparent 70%);pointer-events:none;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.hero-label:where(.astro-cuecaxvc){font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:2rem;position:relative;z-index:1}.hero:where(.astro-cuecaxvc) h1:where(.astro-cuecaxvc){font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:400;line-height:1.05;color:var(--neutral-50);letter-spacing:-.03em;margin-bottom:1.5rem;position:relative;z-index:1}.hero:where(.astro-cuecaxvc) h1:where(.astro-cuecaxvc) em:where(.astro-cuecaxvc){font-style:italic;color:var(--accent-hover)}.hero:where(.astro-cuecaxvc) p:where(.astro-cuecaxvc){font-size:1.125rem;color:var(--neutral-400);max-width:520px;line-height:1.7;position:relative;z-index:1}.section-label:where(.astro-cuecaxvc){font-size:.6875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.section-title:where(.astro-cuecaxvc){font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;color:var(--neutral-50);letter-spacing:-.02em;line-height:1.15;margin-bottom:1rem}.section-desc:where(.astro-cuecaxvc){font-size:1rem;color:var(--neutral-400);max-width:560px;line-height:1.7;margin-bottom:3rem}.color-grid:where(.astro-cuecaxvc){display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-bottom:3rem}.swatch:where(.astro-cuecaxvc){aspect-ratio:1;border-radius:12px;display:flex;flex-direction:column;justify-content:flex-end;padding:.75rem;border:1px solid var(--neutral-700);transition:transform .2s ease,box-shadow .2s ease;cursor:default}.swatch:where(.astro-cuecaxvc):hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.swatch-name:where(.astro-cuecaxvc){font-size:.6875rem;font-weight:600;letter-spacing:.02em;margin-bottom:.125rem}.swatch-value:where(.astro-cuecaxvc){font-family:var(--font-mono);font-size:.625rem;opacity:.7}.swatch:where(.astro-cuecaxvc).light-text .swatch-name:where(.astro-cuecaxvc),.swatch:where(.astro-cuecaxvc).light-text .swatch-value:where(.astro-cuecaxvc){color:#ebe5db}.swatch:where(.astro-cuecaxvc).dark-text .swatch-name:where(.astro-cuecaxvc),.swatch:where(.astro-cuecaxvc).dark-text .swatch-value:where(.astro-cuecaxvc){color:#131210}.palette-label:where(.astro-cuecaxvc){font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--neutral-400);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--neutral-800)}.type-specimen:where(.astro-cuecaxvc){margin-bottom:4rem}.type-sample:where(.astro-cuecaxvc){padding:2rem 0;border-bottom:1px solid var(--neutral-800)}.type-sample:where(.astro-cuecaxvc):last-child{border-bottom:none}.type-meta:where(.astro-cuecaxvc){display:flex;gap:1.5rem;margin-bottom:.75rem;flex-wrap:wrap}.type-meta:where(.astro-cuecaxvc) span:where(.astro-cuecaxvc){font-family:var(--font-mono);font-size:.6875rem;color:var(--neutral-500);letter-spacing:.02em}.type-display:where(.astro-cuecaxvc){font-family:var(--font-display);font-size:3.75rem;line-height:1.1;color:var(--neutral-50);letter-spacing:-.02em}.type-heading:where(.astro-cuecaxvc){font-family:var(--font-display);font-size:2.25rem;line-height:1.15;color:var(--neutral-50)}.type-subheading:where(.astro-cuecaxvc){font-family:var(--font-body);font-size:1.25rem;font-weight:500;line-height:1.4;color:var(--neutral-100)}.type-body-text:where(.astro-cuecaxvc){font-family:var(--font-body);font-size:.875rem;line-height:1.6;color:var(--neutral-200);max-width:600px}.type-caption:where(.astro-cuecaxvc){font-family:var(--font-mono);font-size:.75rem;color:var(--neutral-400);letter-spacing:.02em}.logo-grid:where(.astro-cuecaxvc){display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.logo-card:where(.astro-cuecaxvc){background:#131210;border:1px solid #312e28;border-radius:16px;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;transition:border-color .2s}.logo-card:where(.astro-cuecaxvc):hover{border-color:#403c34}.logo-card:where(.astro-cuecaxvc) .label:where(.astro-cuecaxvc){font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#7d766a}.logo-mark:where(.astro-cuecaxvc){width:64px;height:64px}.logo-wordmark:where(.astro-cuecaxvc){height:48px;width:auto}.logo-lockup:where(.astro-cuecaxvc){height:48px;width:auto}.gradient-grid:where(.astro-cuecaxvc){display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.gradient-card:where(.astro-cuecaxvc){height:200px;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.gradient-card:where(.astro-cuecaxvc) .gradient-name:where(.astro-cuecaxvc){font-size:.8125rem;font-weight:600;color:var(--neutral-50);margin-bottom:.25rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}.gradient-card:where(.astro-cuecaxvc) .gradient-css:where(.astro-cuecaxvc){font-family:var(--font-mono);font-size:.625rem;color:var(--neutral-300);line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.2)}.grad-warmth:where(.astro-cuecaxvc){background:linear-gradient(135deg,var(--neutral-900) 0%,var(--neutral-800) 40%,var(--accent-muted) 100%)}.grad-surface:where(.astro-cuecaxvc){background:linear-gradient(180deg,var(--neutral-850) 0%,var(--neutral-950) 100%)}.grad-accent:where(.astro-cuecaxvc){background:linear-gradient(135deg,var(--gold-700) 0%,var(--gold-500) 50%,var(--gold-400) 100%)}.grad-glow:where(.astro-cuecaxvc){background:radial-gradient(ellipse at 30% 50%,var(--accent-muted) 0%,var(--neutral-900) 70%)}.grad-depth:where(.astro-cuecaxvc){background:linear-gradient(180deg,var(--neutral-800) 0%,var(--neutral-900) 50%,var(--neutral-950) 100%);box-shadow:inset 0 1px #ffffff0a}:where(.astro-cuecaxvc)[data-theme=light] .grad-depth:where(.astro-cuecaxvc){box-shadow:inset 0 1px #00000008}.grad-hero:where(.astro-cuecaxvc){background:radial-gradient(ellipse 80% 60% at 50% 30%,var(--glow-color) 0%,transparent 70%),radial-gradient(ellipse 40% 50% at 80% 70%,var(--glow-secondary) 0%,transparent 60%),var(--neutral-950)}.component-grid:where(.astro-cuecaxvc){display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.component-card:where(.astro-cuecaxvc){background:var(--neutral-900);border:1px solid var(--neutral-700);border-radius:16px;padding:2rem}.component-card:where(.astro-cuecaxvc) h4:where(.astro-cuecaxvc){font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--neutral-500);margin-bottom:1.5rem}.btn:where(.astro-cuecaxvc){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-family:var(--font-body);font-size:.8125rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn-primary:where(.astro-cuecaxvc){background:var(--accent);color:var(--accent-on)}.btn-primary:where(.astro-cuecaxvc):hover{background:var(--accent-hover);box-shadow:0 0 20px var(--accent-muted)}.btn-secondary:where(.astro-cuecaxvc){background:var(--neutral-800);color:var(--neutral-100);border:1px solid var(--neutral-600)}.btn-secondary:where(.astro-cuecaxvc):hover{background:var(--neutral-750);border-color:var(--neutral-500)}.btn-ghost:where(.astro-cuecaxvc){background:transparent;color:var(--neutral-300)}.btn-ghost:where(.astro-cuecaxvc):hover{color:var(--neutral-50)}.btn-group:where(.astro-cuecaxvc){display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.badge:where(.astro-cuecaxvc){display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;border-radius:6px;letter-spacing:.02em}.badge-gold:where(.astro-cuecaxvc){background:var(--accent-muted);color:var(--accent-text);border:1px solid var(--accent-muted-border)}.badge-neutral:where(.astro-cuecaxvc){background:var(--neutral-800);color:var(--neutral-300);border:1px solid var(--neutral-700)}.badge-success:where(.astro-cuecaxvc){background:#4ade801a;color:var(--semantic-success);border:1px solid rgba(74,222,128,.15)}.badge-group:where(.astro-cuecaxvc){display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.input-demo:where(.astro-cuecaxvc){width:100%;background:var(--neutral-850);border:1px solid var(--neutral-700);border-radius:8px;padding:.625rem .875rem;font-family:var(--font-body);font-size:.8125rem;color:var(--neutral-100);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input-demo:where(.astro-cuecaxvc):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.input-demo:where(.astro-cuecaxvc)::placeholder{color:var(--neutral-500)}.input-label:where(.astro-cuecaxvc){display:block;font-size:.75rem;font-weight:500;color:var(--neutral-300);margin-bottom:.5rem}.example-card:where(.astro-cuecaxvc){background:var(--neutral-850);border:1px solid var(--neutral-700);border-radius:12px;padding:1.25rem;transition:border-color .15s}.example-card:where(.astro-cuecaxvc):hover{border-color:var(--neutral-600)}.example-card-title:where(.astro-cuecaxvc){font-size:.875rem;font-weight:500;color:var(--neutral-50);margin-bottom:.375rem}.example-card-desc:where(.astro-cuecaxvc){font-size:.8125rem;color:var(--neutral-400);line-height:1.5;margin-bottom:1rem}.example-card-footer:where(.astro-cuecaxvc){display:flex;align-items:center;justify-content:space-between}.avatar-row:where(.astro-cuecaxvc){display:flex;gap:-.375rem}.avatar:where(.astro-cuecaxvc){width:24px;height:24px;border-radius:50%;border:2px solid var(--neutral-850);margin-left:-6px}.avatar:where(.astro-cuecaxvc):first-child{margin-left:0}.status-dot:where(.astro-cuecaxvc){width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:.375rem}.ui-preview:where(.astro-cuecaxvc){background:var(--neutral-900);border:1px solid var(--neutral-700);border-radius:16px;overflow:hidden;box-shadow:0 24px 64px #0006}.ui-titlebar:where(.astro-cuecaxvc){display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:var(--neutral-850);border-bottom:1px solid var(--neutral-800)}.ui-dot:where(.astro-cuecaxvc){width:10px;height:10px;border-radius:50%}.ui-sidebar:where(.astro-cuecaxvc){width:220px;background:var(--neutral-850);border-right:1px solid var(--neutral-800);padding:1.25rem;display:flex;flex-direction:column;gap:.25rem}.ui-sidebar-item:where(.astro-cuecaxvc){display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:8px;font-size:.8125rem;color:var(--neutral-400);cursor:default;transition:all .15s}.ui-sidebar-item:where(.astro-cuecaxvc).active{background:var(--neutral-800);color:var(--neutral-50)}.ui-sidebar-item:where(.astro-cuecaxvc) .icon:where(.astro-cuecaxvc){width:16px;height:16px;border-radius:4px;background:var(--neutral-700)}.ui-sidebar-item:where(.astro-cuecaxvc).active .icon:where(.astro-cuecaxvc){background:var(--accent)}.ui-main:where(.astro-cuecaxvc){flex:1;padding:2rem}.ui-body:where(.astro-cuecaxvc){display:flex;min-height:400px}.ui-stat-grid:where(.astro-cuecaxvc){display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.ui-stat:where(.astro-cuecaxvc){background:var(--neutral-850);border:1px solid var(--neutral-800);border-radius:10px;padding:1.25rem}.ui-stat-label:where(.astro-cuecaxvc){font-size:.6875rem;font-weight:500;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.ui-stat-value:where(.astro-cuecaxvc){font-family:var(--font-display);font-size:1.75rem;color:var(--neutral-50);letter-spacing:-.02em}.ui-stat-change:where(.astro-cuecaxvc){font-size:.6875rem;font-weight:500;color:var(--semantic-success);margin-top:.25rem}.ui-table:where(.astro-cuecaxvc){width:100%;border-collapse:collapse}.ui-table:where(.astro-cuecaxvc) th:where(.astro-cuecaxvc){text-align:left;font-size:.6875rem;font-weight:600;color:var(--neutral-500);letter-spacing:.05em;text-transform:uppercase;padding:.75rem 1rem;border-bottom:1px solid var(--neutral-800)}.ui-table:where(.astro-cuecaxvc) td:where(.astro-cuecaxvc){padding:.875rem 1rem;font-size:.8125rem;border-bottom:1px solid var(--neutral-800);color:var(--neutral-200)}.ui-table:where(.astro-cuecaxvc) tr:where(.astro-cuecaxvc):last-child td:where(.astro-cuecaxvc){border-bottom:none}.ui-table:where(.astro-cuecaxvc) .name:where(.astro-cuecaxvc){color:var(--neutral-50);font-weight:500}.ui-table:where(.astro-cuecaxvc) .mono:where(.astro-cuecaxvc){font-family:var(--font-mono);font-size:.75rem;color:var(--neutral-400)}.voice-grid:where(.astro-cuecaxvc){display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.voice-card:where(.astro-cuecaxvc){background:var(--neutral-900);border:1px solid var(--neutral-700);border-radius:12px;padding:1.5rem}.voice-card:where(.astro-cuecaxvc) h4:where(.astro-cuecaxvc){font-family:var(--font-display);font-size:1.25rem;color:var(--neutral-50);margin-bottom:.75rem}.voice-card:where(.astro-cuecaxvc) p:where(.astro-cuecaxvc){font-size:.8125rem;color:var(--neutral-400);line-height:1.6}.do-dont:where(.astro-cuecaxvc){display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.do-col:where(.astro-cuecaxvc),.dont-col:where(.astro-cuecaxvc){background:var(--neutral-900);border-radius:12px;padding:1.5rem;border:1px solid var(--neutral-700)}.do-col:where(.astro-cuecaxvc) h5:where(.astro-cuecaxvc){font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--semantic-success);margin-bottom:1rem}.dont-col:where(.astro-cuecaxvc) h5:where(.astro-cuecaxvc){font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--semantic-error);margin-bottom:1rem}.do-col:where(.astro-cuecaxvc) li:where(.astro-cuecaxvc),.dont-col:where(.astro-cuecaxvc) li:where(.astro-cuecaxvc){font-size:.8125rem;color:var(--neutral-300);line-height:1.6;margin-bottom:.5rem;list-style:none;padding-left:1.25rem;position:relative}.do-col:where(.astro-cuecaxvc) li:where(.astro-cuecaxvc):before{content:"✓";position:absolute;left:0;color:var(--semantic-success);font-weight:600}.dont-col:where(.astro-cuecaxvc) li:where(.astro-cuecaxvc):before{content:"✗";position:absolute;left:0;color:var(--semantic-error);font-weight:600}.spacing-demo:where(.astro-cuecaxvc){display:flex;flex-direction:column;gap:1rem}.spacing-row:where(.astro-cuecaxvc){display:flex;align-items:center;gap:1rem}.spacing-bar:where(.astro-cuecaxvc){height:24px;background:var(--accent-muted);border:1px solid var(--accent-muted-border);border-radius:4px}.spacing-label:where(.astro-cuecaxvc){font-family:var(--font-mono);font-size:.6875rem;color:var(--neutral-500);min-width:80px}footer:where(.astro-cuecaxvc){padding:4rem 0;text-align:center}footer:where(.astro-cuecaxvc) p:where(.astro-cuecaxvc){font-size:.8125rem;color:var(--neutral-500)}@media(max-width:768px){.container:where(.astro-cuecaxvc){padding:0 1.25rem}section:where(.astro-cuecaxvc){padding:4rem 0}.ui-body:where(.astro-cuecaxvc){flex-direction:column}.ui-sidebar:where(.astro-cuecaxvc){width:100%;border-right:none;border-bottom:1px solid var(--neutral-800)}.ui-stat-grid:where(.astro-cuecaxvc){grid-template-columns:1fr}.do-dont:where(.astro-cuecaxvc){grid-template-columns:1fr}nav:where(.astro-cuecaxvc) .links:where(.astro-cuecaxvc){display:none}}