:root{--color-primary:#1677ff;--color-primary-0:#e3f4ff;--color-primary-1:#cce4ff;--color-primary-2:#99c5ff;--color-primary-3:#63a5ff;--color-primary-4:#3689ff;--color-primary-5:#1878ff;--color-primary-6:#006fff;--color-primary-7:#005ee5;--color-primary-8:#0054ce;--color-primary-9:#0048b6;--color-secondary:#000;--color-secondary-0:#f8f9fa;--color-secondary-1:#f1f3f5;--color-secondary-2:#e9ecef;--color-secondary-3:#dee2e6;--color-secondary-4:#ced4da;--color-secondary-5:#adb5bd;--color-secondary-6:#868e96;--color-secondary-7:#495057;--color-secondary-8:#343a40;--color-secondary-9:#212529;--color-white:#fff;--color-black:#000;--color-background:#fff;--color-info:#1677ff;--color-info-light:#e6f4ff;--color-info-dark:#003eb3;--color-success:#52c41a;--color-success-light:#f6ffed;--color-success-dark:#237804;--color-warning:#faad14;--color-warning-light:#fffbe6;--color-warning-dark:#ad6800;--color-danger:#ff4d4f;--color-danger-light:#fff1f0;--color-danger-dark:#a8071a;--size-radius:1rem;--width-border:2px;--font-family:sans-serif}
html,body{font-family:var(--font-family);color:var(--color-secondary);background-color:var(--color-background);margin:0;padding:0}*{box-sizing:border-box}.docs-layout{flex-direction:column;min-height:100vh;display:flex}.docs-header{z-index:100;background-color:var(--color-background);border-bottom:var(--width-border) solid var(--color-primary-2);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.docs-header h1{margin:0;font-size:1.5rem}.docs-header a{color:var(--color-primary);text-decoration:none}.header-nav{gap:1.5rem;display:flex}.header-nav a{color:var(--color-secondary);font-weight:400;text-decoration:none;transition:color .2s}.header-nav a:hover{color:var(--color-primary)}.docs-content{flex:1;display:flex}.sidebar{background-color:var(--color-primary-0);border-right:1px solid var(--color-primary-2);width:280px;padding:2rem 1rem;overflow-y:auto}.sidebar nav section{margin-bottom:2rem}.sidebar h2{color:var(--color-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.875rem;font-weight:700}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{margin-bottom:.25rem}.sidebar a{color:var(--color-secondary);border-radius:calc(var(--size-radius) / 2);padding:.5rem .75rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:block}.sidebar a:hover{color:var(--color-primary);background-color:var(--color-primary-1)}.sidebar a[data-active=true]{color:var(--color-background);background-color:var(--color-primary);font-weight:700}.main-content{flex:1;max-width:1200px;padding:3rem}.main-content h1{color:var(--color-primary);margin:0 0 1rem;font-size:2.5rem}.main-content h2{color:var(--color-secondary);margin:2rem 0 1rem;font-size:2rem}.main-content h3{color:var(--color-secondary);margin:1.5rem 0 .75rem;font-size:1.5rem}.main-content p{margin:0 0 1rem;line-height:1.7}.ginga-code-block{margin:1.5rem 0}.component-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.component-card{cursor:pointer;border:1px solid var(--color-primary-2);padding:1.5rem;transition:transform .2s,box-shadow .2s}.component-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.component-card h3{color:var(--color-primary);margin:0 0 .5rem;font-size:1.25rem}.component-card p{color:var(--color-secondary);margin:0 0 1rem;font-size:.875rem;line-height:1.6}.view-details{color:var(--color-primary);font-size:.875rem;font-weight:700;display:inline-block}@media (max-width:768px){.docs-content{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--color-primary-2);width:100%}.main-content{padding:2rem 1rem}.header-nav{display:none}}