:root,html[data-theme=light]{--color-bg: #ffffff;--color-surface: #f5f5f5;--color-text: #1a1a1a;--color-muted: #666666;--color-accent: #0066cc;--color-accent-subtle: rgba(0, 102, 204, .1);--font-heading: "Monaco", "Menlo", "Ubuntu Mono", monospace;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-page: 2rem;--radius-card: 0}html[data-theme=dark]{--color-bg: #111111;--color-surface: #1c1c1c;--color-text: #e8e8e8;--color-muted: #888888;--color-accent: #5599dd;--color-accent-subtle: rgba(85, 153, 221, .08)}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.site-card{background-color:var(--color-surface);border:1px solid var(--color-muted);padding:2rem;border-radius:var(--radius-card);display:flex;flex-direction:column}.site-card h3{margin-top:0;margin-bottom:1.5rem}.site-info{font-size:.9rem;margin-bottom:.75rem}.site-info strong{display:block;color:var(--color-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.site-info a{display:inline-block;color:var(--color-accent);word-break:break-all}.site-links{display:flex;gap:1rem;margin-top:auto;padding-top:1rem}.site-links a{flex:1;text-align:center;padding:.5rem;border:1px solid var(--color-accent);color:var(--color-accent);font-size:.9rem;border-radius:var(--radius-card)}.site-links a:hover{background-color:var(--color-accent);color:var(--color-bg);text-decoration:none}.repo-topbar{position:sticky;top:0;z-index:100;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-muted)}.topbar-controls{display:flex;gap:1rem;flex:1}.topbar-title{font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:var(--color-text);white-space:nowrap;margin-right:2rem}.topbar-theme{display:flex;align-items:center;margin-left:auto}.site-switcher{font-size:.85rem;font-family:var(--font-body);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-muted);border-radius:.25rem;padding:.4rem .6rem;cursor:pointer;transition:border-color .2s,background-color .2s}.site-switcher:hover{border-color:var(--color-accent)}.site-switcher:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.repo-app{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background-color:var(--color-bg)}.repo-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--color-muted);padding:2rem 0;background-color:var(--color-surface)}.repo-main{padding:3rem}.sidebar-nav{padding:0;margin:0;list-style:none}.sidebar-section{padding:.5rem 1.5rem .25rem;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin-top:.5rem;line-height:1}.sidebar-section:first-child{margin-top:0}.sidebar-nav a{display:block;padding:.25rem 1.5rem;color:var(--color-text);font-size:.875rem;line-height:1.3;text-decoration:none;transition:color .15s,background-color .15s}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--color-accent);background-color:var(--color-accent-subtle)}.repo-page{max-width:900px}.page-title{font-size:2.5rem;margin-bottom:2rem;color:var(--color-text)}.demo-section{margin-bottom:3rem;padding:2rem;background-color:var(--color-surface);border-radius:var(--radius-card)}.demo-label{font-family:var(--font-heading);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);margin-bottom:1rem}.demo-preview{padding:1.5rem 0}.demo-preview h1{font-size:2.5rem}.demo-preview h2{font-size:2rem}.demo-preview h3{font-size:1.5rem}.demo-preview h4{font-size:1.25rem}.demo-preview h5{font-size:1.1rem}.demo-preview h6{font-size:1rem}.demo-preview p{font-size:1rem;line-height:1.6;color:var(--color-text)}.demo-preview .muted{color:var(--color-muted);font-size:.9rem}.demo-preview code{font-family:var(--font-heading);background-color:var(--color-bg);padding:.2rem .4rem;border-radius:.25rem;font-size:.9em;color:var(--color-accent)}.demo-preview pre{background-color:var(--color-bg);padding:1rem;border-radius:.25rem;overflow-x:auto;font-family:var(--font-heading);font-size:.85rem;line-height:1.5;color:var(--color-text)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.overview-card{padding:2rem;background-color:var(--color-surface);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:1rem;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit}.overview-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.overview-card h3{margin:0;font-size:1.25rem;color:var(--color-accent)}.overview-card p{margin:0;font-size:.9rem;color:var(--color-muted)}.font-stack{font-family:var(--font-body);font-size:.85rem;color:var(--color-muted);background-color:var(--color-bg);padding:.5rem;border-radius:.25rem;word-break:break-all}.font-stack-heading{font-family:var(--font-heading);font-size:.85rem;color:var(--color-muted);background-color:var(--color-bg);padding:.5rem;border-radius:.25rem;word-break:break-all}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}@media(max-width:900px){.repo-topbar{flex-direction:column;height:auto;padding:.5rem 1rem;gap:.5rem}.topbar-controls{width:100%}.topbar-theme{width:100%;margin-left:0;justify-content:flex-end}.repo-app{grid-template-columns:1fr}.repo-sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--color-muted);padding:1rem 0;max-height:none}.repo-main{padding:2rem}.demo-grid{grid-template-columns:1fr}}.font-switcher{font-size:.8rem;font-family:var(--font-body);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-muted);border-radius:.25rem;padding:.3rem .4rem;cursor:pointer;transition:border-color .2s,background-color .2s}.font-switcher:hover{border-color:var(--color-accent)}.font-switcher:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.theme-toggle-pill{display:flex;justify-content:center;background-color:var(--color-muted);border-radius:2rem;width:fit-content;gap:0}.repo-topbar .theme-toggle-pill{padding:.3rem .5rem;height:fit-content}.repo-sidebar .theme-toggle-pill{padding:.75rem 1.5rem;border-top:1px solid var(--color-muted);margin-top:auto;margin-left:auto;margin-right:auto}.theme-option{padding:.5rem 1rem;border:none;background:transparent;color:var(--color-text);font-size:.8rem;font-family:var(--font-body);font-weight:500;cursor:pointer;border-radius:1.5rem;transition:background-color .2s,color .2s;opacity:.6}.repo-topbar .theme-option{padding:.3rem .7rem;font-size:.75rem}.theme-option.active{background-color:var(--color-bg);color:var(--color-text);opacity:1}html[data-theme=light] .theme-toggle-pill{background-color:var(--color-muted)}html[data-theme=light] .theme-option{color:var(--color-text);opacity:.6}html[data-theme=light] .theme-option.active{background-color:var(--color-bg);color:var(--color-text);opacity:1}html[data-theme=dark] .theme-toggle-pill{background-color:var(--color-muted)}html[data-theme=dark] .theme-option{color:var(--color-bg);opacity:.6}html[data-theme=dark] .theme-option.active{background-color:var(--color-text);color:var(--color-bg);opacity:1}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}[data-astro-cid-wparbfmx][data-component]{position:relative}[data-astro-cid-wparbfmx][data-component]:before{content:attr(data-component);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--color-accent);color:var(--color-bg);padding:.3rem .6rem;border-radius:.25rem;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;margin-bottom:.5rem;z-index:999}[data-astro-cid-wparbfmx][data-component]:hover:before{opacity:1}.component-group-toggle[data-astro-cid-wparbfmx]{display:flex;align-items:center;gap:.5rem;width:100%;padding:.25rem .75rem;margin:0;background:none;border:none;color:var(--color-text);font-size:.875rem;font-weight:600;line-height:1.3;text-align:left;cursor:pointer;transition:color .15s}.component-group-toggle[data-astro-cid-wparbfmx]:hover{color:var(--color-accent)}.component-group-toggle[data-astro-cid-wparbfmx] .toggle-icon[data-astro-cid-wparbfmx]{display:inline-block;width:1rem;transition:transform .15s;font-size:.75rem}.component-group-toggle[data-astro-cid-wparbfmx].is-expanded .toggle-icon[data-astro-cid-wparbfmx]{transform:rotate(90deg)}.component-group[data-astro-cid-wparbfmx]{display:none}.component-group[data-astro-cid-wparbfmx].is-expanded{display:block}.component-link[data-astro-cid-wparbfmx]{display:block;padding:.2rem .75rem .2rem 2rem;margin:0;font-size:.875rem;line-height:1.3;color:var(--color-text);text-decoration:none;border-left:2px solid transparent;transition:color .15s,border-color .15s}.component-link[data-astro-cid-wparbfmx]:hover{color:var(--color-accent);border-left-color:var(--color-accent)}.component-link[data-astro-cid-wparbfmx].active{color:var(--color-accent);border-left-color:var(--color-accent);font-weight:600}