:root{--brand-blue: #025af2;--brand-blue-hover: #0247c2;--brand-blue-light: #e8f0fe;--brand-gold: #ffc547;--brand-gold-hover: #e6b03f;--brand-dark: #171c1f;--brand-offwhite: #f6f6f6;--brand-mint: #48e5c2;--brand-coral: #ff5a5f;--brand-lavender: #b8b8ff;--font-primary: "Rubik", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: .875rem;--text-sm: .9375rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.75;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--sidebar-width: 280px;--toc-width: 220px;--content-max-width: 720px;--page-max-width: 1400px;--header-height: 64px;--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .35s ease;--focus-ring: 0 0 0 2px var(--brand-blue), 0 0 0 4px rgba(2, 90, 242, .25)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f6f6f6;--bg-tertiary: #ecedef;--bg-elevated: #ffffff;--bg-code: #f4f5f7;--bg-code-header: #e9eaed;--bg-sidebar: #f9fafb;--bg-header: rgba(255, 255, 255, .85);--text-primary: #171c1f;--text-secondary: #4a5057;--text-tertiary: #6e767d;--text-inverse: #ffffff;--text-link: #025af2;--text-link-hover: #0247c2;--text-code: #d63384;--border-primary: #dfe1e4;--border-secondary: #ecedef;--border-focus: #025af2;--callout-info-bg: #e8f0fe;--callout-info-border: #025af2;--callout-info-icon: #025af2;--callout-tip-bg: #e6faf4;--callout-tip-border: #48e5c2;--callout-tip-icon: #2bb89a;--callout-warning-bg: #fff8e6;--callout-warning-border: #ffc547;--callout-warning-icon: #d4a017;--callout-danger-bg: #ffeaeb;--callout-danger-border: #ff5a5f;--callout-danger-icon: #d9484d;--callout-deprecated-bg: #f0f0f0;--callout-deprecated-border: #9ca3ab;--callout-deprecated-icon: #6e767d;--tab-active-bg: #ffffff;--tab-active-border: #025af2;--tab-inactive-bg: transparent;--tab-inactive-text: #6e767d;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 4px 16px rgba(0,0,0,.1);color-scheme:light}[data-theme=dark]{--bg-primary: #171c1f;--bg-secondary: #1e2428;--bg-tertiary: #262c31;--bg-elevated: #1e2428;--bg-code: #1a1f23;--bg-code-header: #262c31;--bg-sidebar: #131719;--bg-header: rgba(23, 28, 31, .9);--text-primary: #e8eaed;--text-secondary: #a4aab0;--text-tertiary: #7d858c;--text-inverse: #171c1f;--text-link: #5a9eff;--text-link-hover: #82b5ff;--text-code: #f78da7;--border-primary: #333a40;--border-secondary: #262c31;--border-focus: #5a9eff;--callout-info-bg: rgba(2, 90, 242, .12);--callout-info-border: #5a9eff;--callout-info-icon: #5a9eff;--callout-tip-bg: rgba(72, 229, 194, .1);--callout-tip-border: #48e5c2;--callout-tip-icon: #48e5c2;--callout-warning-bg: rgba(255, 197, 71, .1);--callout-warning-border: #ffc547;--callout-warning-icon: #ffc547;--callout-danger-bg: rgba(255, 90, 95, .1);--callout-danger-border: #ff5a5f;--callout-danger-icon: #ff5a5f;--callout-deprecated-bg: rgba(110, 118, 125, .12);--callout-deprecated-border: #6e767d;--callout-deprecated-icon: #7d858c;--tab-active-bg: #262c31;--tab-active-border: #5a9eff;--tab-inactive-bg: transparent;--tab-inactive-text: #7d858c;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 2px 8px rgba(0,0,0,.3);--shadow-lg: 0 4px 16px rgba(0,0,0,.4);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-slow),color var(--transition-slow)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-link-hover);text-decoration:underline}.ref-page{max-width:1100px;margin:0 auto;padding:var(--space-8) var(--space-6)}.ref-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-8);border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-10);gap:var(--space-4);flex-wrap:wrap}.ref-header h1{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:-.02em}.ref-header .subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-top:var(--space-1)}.ref-section{margin-bottom:var(--space-16)}.ref-section>h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);margin-bottom:var(--space-2);padding-bottom:var(--space-3);border-bottom:2px solid var(--brand-blue);display:inline-block}.ref-section>.ref-desc{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-8);max-width:640px;line-height:var(--leading-normal)}.ref-subsection{margin-bottom:var(--space-10)}.ref-subsection>h3{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-4);color:var(--text-primary)}.ref-subsection>p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6);line-height:var(--leading-normal)}.component-demo{border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-6)}.demo-label{background:var(--bg-tertiary);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono);border-bottom:1px solid var(--border-primary)}.demo-body{padding:var(--space-6);background:var(--bg-primary)}.spec-note{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--callout-info-bg);color:var(--callout-info-icon);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.theme-toggle{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);padding:var(--space-1)}.theme-toggle button{background:transparent;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);line-height:1}.theme-toggle button.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4)}.swatch{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-primary)}.swatch-color{height:72px;width:100%}.swatch-info{padding:var(--space-3);background:var(--bg-elevated)}.swatch-name{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:2px}.swatch-hex{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary)}.type-scale-row{display:flex;align-items:baseline;gap:var(--space-6);padding:var(--space-4) 0;border-bottom:1px solid var(--border-secondary)}.type-scale-label{min-width:120px;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);flex-shrink:0}.type-scale-sample{color:var(--text-primary)}.callout{border-left:3px solid;border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin:var(--space-4) 0;font-size:var(--text-base);line-height:var(--leading-normal)}.callout-header{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold);font-size:var(--text-sm);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.03em}.callout-header svg{width:18px;height:18px;flex-shrink:0}.callout-body{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-normal)}.callout-body code{font-family:var(--font-mono);font-size:.9em;background:#0000000f;padding:1px 5px;border-radius:var(--radius-sm)}[data-theme=dark] .callout-body code{background:#ffffff14}.callout.info{background:var(--callout-info-bg);border-color:var(--callout-info-border)}.callout.info .callout-header{color:var(--callout-info-icon)}.callout.tip{background:var(--callout-tip-bg);border-color:var(--callout-tip-border)}.callout.tip .callout-header{color:var(--callout-tip-icon)}.callout.warning{background:var(--callout-warning-bg);border-color:var(--callout-warning-border)}.callout.warning .callout-header{color:var(--callout-warning-icon)}.callout.danger{background:var(--callout-danger-bg);border-color:var(--callout-danger-border)}.callout.danger .callout-header{color:var(--callout-danger-icon)}.callout.deprecated{background:var(--callout-deprecated-bg);border-color:var(--callout-deprecated-border);opacity:.85}.callout.deprecated .callout-header{color:var(--callout-deprecated-icon)}.tabs{margin:var(--space-4) 0}.tab-list{display:flex;gap:0;border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-6)}.tab-list [role=tab]{background:var(--tab-inactive-bg);border:none;border-bottom:2px solid transparent;padding:var(--space-3) var(--space-5);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--tab-inactive-text);cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px}.tab-list [role=tab]:hover{color:var(--text-primary)}.tab-list [role=tab][aria-selected=true]{color:var(--text-link);border-bottom-color:var(--tab-active-border);font-weight:var(--weight-semibold)}.tab-panel{animation:fadeIn .2s ease}.tab-panel[hidden]{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.code-block{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-primary);margin:var(--space-4) 0;font-size:var(--text-sm)}.code-block-header{display:flex;align-items:center;justify-content:space-between;background:var(--bg-code-header);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-primary)}.code-lang{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.code-copy-btn{display:flex;align-items:center;gap:var(--space-1);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-family:var(--font-primary);font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.code-copy-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.code-copy-btn svg{width:14px;height:14px}.code-block pre{background:var(--bg-code);padding:var(--space-4) var(--space-5);overflow-x:auto;margin:0;line-height:1.7}.code-block code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary)}.code-line.highlighted{background:#025af214;display:block;margin:0 calc(var(--space-5) * -1);padding:0 var(--space-5);border-left:2px solid var(--brand-blue)}[data-theme=dark] .code-line.highlighted{background:#5a9eff14}.code-line-number{display:inline-block;width:2em;text-align:right;margin-right:var(--space-4);color:var(--text-tertiary);opacity:.5;user-select:none;font-size:var(--text-xs)}.inline-code,p code,li code{font-family:var(--font-mono);font-size:.875em;background:var(--bg-code);color:var(--text-code);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-secondary)}.code-lang-tabs{display:flex;gap:0}.code-lang-tabs button{background:transparent;border:none;border-bottom:2px solid transparent;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.04em}.code-lang-tabs button.active{color:var(--text-link);border-bottom-color:var(--text-link)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);position:relative;overflow:hidden}.card:hover{border-color:var(--brand-blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--callout-info-bg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--brand-blue)}.card h4{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);text-decoration:none!important}a.card:hover,a.card:hover p,a.card:hover h4{text-decoration:none}a.card:hover{border-color:var(--brand-blue);box-shadow:0 2px 8px #025af21a}.card-link{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-link);margin-top:var(--space-4)}.card.persona{border-top:3px solid var(--brand-blue);text-align:center}.card.persona .card-icon{margin:0 auto var(--space-4);width:56px;height:56px;border-radius:var(--radius-xl)}.card-icon-svg{display:block;margin:0 auto var(--space-4);flex-shrink:0}.deprecation-banner{background:var(--callout-deprecated-bg);border:1px solid var(--callout-deprecated-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6)}.deprecation-banner svg{width:20px;height:20px;color:var(--callout-deprecated-icon);flex-shrink:0;margin-top:2px}.deprecation-banner .banner-content{flex:1}.deprecation-banner strong{font-weight:var(--weight-semibold);color:var(--text-primary);display:block;margin-bottom:var(--space-1);font-size:var(--text-sm)}.deprecation-banner p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.page-deprecated{position:relative}.page-deprecated:before{content:"";position:absolute;inset:0;background:var(--bg-primary);opacity:.3;pointer-events:none;z-index:1}.glossary-term{border-bottom:1px dashed var(--text-link);color:var(--text-link);cursor:help;position:relative;font-weight:var(--weight-medium)}.glossary-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);width:280px;z-index:100;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);transform:translate(-50%) translateY(4px)}.glossary-term:hover .glossary-tooltip,.glossary-term:focus .glossary-tooltip{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.glossary-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-primary)}.glossary-tooltip .tooltip-term{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1)}.glossary-tooltip .tooltip-def{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-normal)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-6);flex-wrap:wrap}.breadcrumbs a{color:var(--text-tertiary);transition:color var(--transition-fast)}.breadcrumbs a:hover{color:var(--text-link);text-decoration:none}.breadcrumbs .separator{color:var(--text-tertiary);opacity:.5;font-size:.75em}.breadcrumbs .current{color:var(--text-primary);font-weight:var(--weight-medium)}.search-input-wrapper{position:relative;max-width:360px}.search-input-wrapper svg{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-tertiary)}.search-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-10);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--text-primary);transition:all var(--transition-fast);outline:none}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #025af226;background:var(--bg-primary)}.search-kbd{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:1px 6px;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);line-height:1.4}.data-table-wrapper{overflow-x:auto;border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table thead{background:var(--bg-tertiary)}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-secondary);color:var(--text-primary);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-secondary)}.data-table .chain-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:2px 8px;border-radius:var(--radius-full)}.status-badge.active{background:var(--callout-tip-bg);color:var(--callout-tip-icon)}.status-badge.deprecated{background:var(--callout-deprecated-bg);color:var(--callout-deprecated-icon)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-primary);font-weight:var(--weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none;line-height:1}.btn-sm{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.btn-md{font-size:var(--text-sm);padding:var(--space-3) var(--space-5)}.btn-lg{font-size:var(--text-base);padding:var(--space-4) var(--space-8)}.btn-primary{background:var(--brand-blue);color:#fff}.btn-primary:hover{background:var(--brand-blue-hover);text-decoration:none;color:#fff}.btn-secondary{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--brand-blue);color:var(--text-link);text-decoration:none}.btn-gold{background:var(--brand-gold);color:var(--brand-dark)}.btn-gold:hover{background:var(--brand-gold-hover);text-decoration:none;color:var(--brand-dark)}.sidebar-mock{width:260px;background:var(--bg-sidebar);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4) 0;font-size:var(--text-sm)}.sidebar-section-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:var(--space-3) var(--space-5) var(--space-2)}.sidebar-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);color:var(--text-secondary);font-weight:var(--weight-regular);transition:all var(--transition-fast);border-left:2px solid transparent;text-decoration:none}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-tertiary);text-decoration:none}.sidebar-link.active{color:var(--text-link);border-left-color:var(--brand-blue);background:var(--callout-info-bg);font-weight:var(--weight-medium)}.sidebar-link .nav-badge{margin-left:auto;font-size:10px;font-weight:var(--weight-semibold);background:var(--brand-blue);color:#fff;padding:1px 6px;border-radius:var(--radius-full);line-height:1.4}.toc-mock{width:200px;padding-left:var(--space-4);border-left:1px solid var(--border-secondary)}.toc-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-3)}.toc-link{display:block;font-size:var(--text-xs);color:var(--text-tertiary);padding:var(--space-1) 0;text-decoration:none;transition:color var(--transition-fast)}.toc-link:hover{color:var(--text-primary);text-decoration:none}.toc-link.active{color:var(--text-link);font-weight:var(--weight-medium)}.toc-link.indent{padding-left:var(--space-4)}.header-mock{display:flex;align-items:center;gap:var(--space-6);background:var(--bg-header);backdrop-filter:blur(12px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);height:56px}.header-logo{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--text-primary);text-decoration:none;white-space:nowrap}.header-logo:hover{text-decoration:none}[data-theme=light] .header-logo .logo-dark,[data-theme=dark] .header-logo .logo-light{display:none}.header-logo .docs-badge{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-full);margin-left:var(--space-1)}.header-nav{display:flex;align-items:center;gap:var(--space-5);margin-left:auto}.header-nav a{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.header-nav a:hover{color:var(--text-primary)}.layout-wireframe{display:grid;grid-template-columns:240px 1fr 180px;grid-template-rows:48px 1fr;gap:var(--space-3);height:380px;border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary);padding:var(--space-3)}.wf-header{grid-column:1 / -1;background:var(--bg-elevated);border-radius:var(--radius-md);display:flex;align-items:center;padding:0 var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);border:1px solid var(--border-secondary)}.wf-sidebar{background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-3);border:1px solid var(--border-secondary);overflow:hidden}.wf-content{background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--border-secondary);overflow:hidden}.wf-toc{background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-3);border:1px solid var(--border-secondary);overflow:hidden}.wf-label{font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.wf-line{height:6px;background:var(--bg-tertiary);border-radius:3px;margin-bottom:var(--space-2)}.wf-line.short{width:60%}.wf-line.medium{width:80%}.wf-line.long{width:95%}.wf-line.heading{height:10px;background:var(--border-primary);width:50%;margin-bottom:var(--space-3)}.step-list{list-style:none;counter-reset:steps}.step-item{counter-increment:steps;display:flex;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border-secondary)}.step-item:last-child{border-bottom:none}.step-number{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--brand-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold)}.step-number:before{content:counter(steps)}.step-content h4{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.step-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feature-item{text-align:center;padding:var(--space-6)}.feature-number{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--brand-blue);line-height:1;margin-bottom:var(--space-2)}.feature-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.hero-mock{background:var(--brand-dark);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-8);position:relative;overflow:hidden;text-align:center;color:#fff}.hero-mock:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 600px 400px at 20% 50%,rgba(2,90,242,.15),transparent),radial-gradient(ellipse 400px 300px at 80% 30%,rgba(255,197,71,.08),transparent);pointer-events:none}.hero-mock:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,197,71,.12);border-radius:50%;right:-150px;top:-200px;pointer-events:none}.hero-content{position:relative;z-index:1}.hero-mock h2{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4);letter-spacing:-.02em}.hero-mock h2 span{color:var(--brand-gold)}.hero-mock p{font-size:var(--text-lg);color:#ffffffb3;max-width:540px;margin:0 auto var(--space-6);line-height:var(--leading-normal)}@media(max-width:768px){.ref-page{padding:var(--space-4)}.ref-header h1{font-size:var(--text-2xl)}.card-grid,.feature-grid{grid-template-columns:1fr}.layout-wireframe{grid-template-columns:1fr;grid-template-rows:auto;height:auto}.layout-wireframe .wf-sidebar,.layout-wireframe .wf-toc{display:none}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.header-mock{overflow-x:auto}}.ref-toc{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-10)}.ref-toc a{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-secondary);text-decoration:none;transition:all var(--transition-fast)}.ref-toc a:hover{background:var(--callout-info-bg);border-color:var(--brand-blue);color:var(--text-link);text-decoration:none}.spacer{height:var(--space-4)}.spacer-lg{height:var(--space-8)}.a11y-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:var(--weight-semibold);background:var(--callout-tip-bg);color:var(--callout-tip-icon);padding:2px 8px;border-radius:var(--radius-full);margin-left:var(--space-2);vertical-align:middle}.article-content{max-width:var(--content-max-width);font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary)}.article-content>p,.article-content>div>p{margin-bottom:var(--space-5)}.article-content>p:last-child{margin-bottom:0}.article-content>p:first-of-type,.article-content>.lead{font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--text-secondary)}.article-content h1{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:-.02em;margin-bottom:var(--space-6);color:var(--text-primary)}.article-content h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);margin-top:var(--space-12);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-secondary);color:var(--text-primary)}.article-content h1+h2{margin-top:var(--space-8)}.article-content h3{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--text-primary)}.article-content h4{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);margin-top:var(--space-6);margin-bottom:var(--space-2);color:var(--text-primary)}.article-content a{color:var(--text-link);text-decoration:underline;text-underline-offset:2px;text-decoration-color:#025af24d;transition:text-decoration-color var(--transition-fast)}.article-content a:hover{color:var(--text-link-hover);text-decoration-color:currentColor}.article-content ul,.article-content ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content li{margin-bottom:var(--space-2);line-height:var(--leading-normal);color:var(--text-primary)}.article-content li:last-child{margin-bottom:0}.article-content li>ul,.article-content li>ol{margin-top:var(--space-2);margin-bottom:var(--space-2)}.article-content li>ul{list-style-type:circle}.article-content :not(pre)>code{font-family:var(--font-mono);font-size:.875em;background:var(--bg-code);color:var(--text-code);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-secondary);word-break:break-word}.article-content pre{background:var(--bg-code);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);overflow-x:auto;margin-bottom:var(--space-5);font-size:var(--text-sm);line-height:1.7}.article-content pre code{font-family:var(--font-mono);font-size:inherit;background:none;color:var(--text-primary);padding:0;border:none;border-radius:0}.article-content table{width:100%;border-collapse:collapse;margin-bottom:var(--space-5);font-size:var(--text-sm);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.article-content thead{background:var(--bg-tertiary)}.article-content th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);white-space:nowrap}.article-content td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-secondary);color:var(--text-primary);vertical-align:top}.article-content tbody tr:last-child td{border-bottom:none}.article-content tbody tr:hover{background:var(--bg-secondary)}.article-content td code{font-size:var(--text-xs)}.article-content blockquote{border-left:3px solid var(--brand-blue);background:var(--callout-info-bg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5);border-radius:0 var(--radius-md) var(--radius-md) 0}.article-content blockquote p{margin-bottom:var(--space-2);color:var(--text-secondary)}.article-content blockquote p:last-child{margin-bottom:0}.article-content hr{border:none;border-top:1px solid var(--border-primary);margin:var(--space-10) 0}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--border-secondary);margin-bottom:var(--space-5)}.article-content strong{font-weight:var(--weight-semibold);color:var(--text-primary)}.article-content em{font-style:italic}.article-content dl{margin-bottom:var(--space-5)}.article-content dt{font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.article-content dd{margin-left:var(--space-6);margin-bottom:var(--space-3);color:var(--text-secondary)}.article-content>.callout,.article-content>.code-block,.article-content>.tabs,.article-content>.card-grid,.article-content>.step-list,.article-content>.data-table-wrapper{margin-top:var(--space-4);margin-bottom:var(--space-6)}.article-content h2[id],.article-content h3[id]{scroll-margin-top:calc(var(--header-height) + var(--space-4))}.article-content h2:hover .heading-anchor,.article-content h3:hover .heading-anchor{opacity:1}.heading-anchor{margin-left:var(--space-2);color:var(--text-tertiary);text-decoration:none;opacity:0;transition:opacity var(--transition-fast);font-weight:var(--weight-regular)}.heading-anchor:hover{color:var(--text-link)}.article-content h2{padding-left:var(--space-3);border-left:3px solid var(--brand-blue);border-bottom:1px solid var(--border-secondary)}.astro-code,.astro-code span{color:var(--shiki-light)!important;font-style:var(--shiki-light-font-style)!important;font-weight:var(--shiki-light-font-weight)!important;text-decoration:var(--shiki-light-text-decoration)!important}[data-theme=dark] .astro-code,[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}.astro-code,.article-content pre[style]{background-color:var(--bg-code)!important}.article-content pre[style] code{background:none!important}