@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--brand-primary: #6366f1;--brand-secondary: #4f46e5;--brand-tertiary: #4338ca;--brand-surface: #eef2ff;--bg-body: #fafaff;--bg-surface: #f0f1fa;--bg-surface-hover: #e8e9f5;--bg-sidebar: #f5f6fd;--border-subtle: #dfe1f0;--border-default: #c7c9de;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-on-brand: #ffffff;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--sidebar-width: 272px;--header-height: 56px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .12s ease;--transition-base: .18s ease;--transition-slow: .28s ease;--focus-ring: 0 0 0 2px var(--bg-body), 0 0 0 4px var(--brand-primary)}[data-theme=dark]{--brand-surface: rgba(99, 102, 241, .1);--bg-body: #0b1120;--bg-surface: #111827;--bg-surface-hover: #1e293b;--bg-sidebar: #0f172a;--border-subtle: #1e293b;--border-default: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px -3px rgba(0, 0, 0, .5), 0 4px 8px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 30px -5px rgba(0, 0, 0, .5), 0 8px 12px -6px rgba(0, 0, 0, .4);--focus-ring: 0 0 0 2px var(--bg-body), 0 0 0 4px #818cf8}:root .sidebar{background:linear-gradient(180deg,#f5f6fd,#eef0fb)}:root .top-bar{background:linear-gradient(90deg,var(--bg-body) 0%,#f5f6fd 100%)}:root .category-card{background:linear-gradient(135deg,#f5f6fd,#eef0fb);border-color:#dfe1f0}:root .category-card:hover{border-color:var(--brand-primary);background:linear-gradient(135deg,#eef0fb,#e8eaf8);box-shadow:0 4px 12px #6366f114,0 1px 3px #6366f10f}:root .faq-item{background:linear-gradient(135deg,#f5f6fd,#eef0fb)}:root .faq-item:hover{border-color:var(--brand-primary);background:linear-gradient(135deg,#eef0fb,#e8eaf8);box-shadow:0 2px 8px #6366f114}:root .sidebar-link.active{background:linear-gradient(135deg,#e0e5ff,#eef2ff);border-left:2px solid var(--brand-primary);padding-left:calc(.5rem - 2px)}:root .device-section-title{border-bottom-color:#c7c9e4;border-image:linear-gradient(90deg,var(--brand-primary) 0%,transparent 60%) 1}:root .home-hero h1{background:linear-gradient(135deg,#1e1b4b 20%,#6366f1,#818cf8 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root .article-meta{background:linear-gradient(135deg,#e0e7ff,#eef2ff);border:1px solid #c7d2fe}:root h2{border-image:linear-gradient(90deg,var(--border-subtle) 0%,transparent 80%) 1}[data-theme=dark] .sidebar{background:var(--bg-sidebar)}[data-theme=dark] .top-bar{background:var(--bg-body)}[data-theme=dark] .category-card{background:var(--bg-surface);border-color:var(--border-subtle)}[data-theme=dark] .category-card:hover{border-color:var(--border-default);background:var(--bg-surface-hover);box-shadow:var(--shadow-sm)}[data-theme=dark] .faq-item{background:var(--bg-surface)}[data-theme=dark] .faq-item:hover{background:var(--bg-surface-hover);border-color:var(--border-default);box-shadow:none}[data-theme=dark] .sidebar-link.active{background:#6366f11f;border-left:none;padding-left:.5rem}[data-theme=dark] .device-section-title{border-image:none;border-bottom:1px solid var(--border-subtle)}[data-theme=dark] .article-meta{border:none}[data-theme=dark] h2{border-image:none;border-bottom:1px solid var(--border-subtle)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-body);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;flex-direction:column}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.25}h1{font-size:2rem;letter-spacing:-.025em;margin-bottom:1rem}h2{font-size:1.5rem;letter-spacing:-.02em;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}h3{font-size:1.25rem;margin-top:2rem;margin-bottom:.75rem}h4{font-size:1.0625rem;margin-top:1.5rem;margin-bottom:.5rem}p{margin-bottom:1.25rem;color:var(--text-secondary);line-height:1.7}a{color:var(--brand-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}a:hover{color:var(--brand-secondary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}code{font-family:var(--font-mono);font-size:.8625em;background-color:var(--bg-surface);padding:.15em .4em;border-radius:var(--radius-sm);color:var(--brand-secondary);border:1px solid var(--border-subtle)}[data-theme=dark] code{color:#a5b4fc}pre{background-color:#0f172a!important;color:#e2e8f0;padding:1.25rem 1.5rem;border-radius:var(--radius-lg);overflow-x:auto;margin:1.5rem 0;border:1px solid var(--border-subtle);font-size:.875rem;line-height:1.7}pre code{background-color:transparent;padding:0;border:none;color:inherit;font-size:inherit}img[src*="/diagrams/"]{width:100%;max-width:none;margin:1.5rem 0;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);padding:1rem}blockquote{border-left:3px solid var(--brand-primary);background-color:var(--bg-surface);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary)}blockquote p{margin-bottom:0}strong{color:var(--text-primary);font-weight:600}.site-wrapper{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);height:100vh;position:fixed;top:0;left:0;overflow-y:auto;padding:0 1rem 1rem;z-index:50;transition:transform var(--transition-slow)}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:var(--border-subtle);border-radius:100px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--border-default)}.sidebar-logo{display:flex;align-items:center;height:var(--header-height);padding:0 .5rem;border-bottom:1px solid var(--border-subtle);margin-bottom:1.25rem;flex-shrink:0}.sidebar-logo:hover{text-decoration:none}.sidebar-logo-img{height:28px;width:auto;filter:invert(1) hue-rotate(180deg)}[data-theme=dark] .sidebar-logo-img{filter:none}.sidebar-device-group{margin-bottom:1.75rem}.sidebar-device-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-weight:600;margin-bottom:.5rem;padding:0 .5rem}.sidebar-category{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:1rem 0 .25rem;padding:0 .5rem}.sidebar-link{display:block;padding:.375rem .5rem;color:var(--text-secondary);font-size:.8125rem;border-radius:var(--radius-md);text-decoration:none!important;transition:background-color var(--transition-fast),color var(--transition-fast);line-height:1.4;margin-bottom:1px}.sidebar-link:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.sidebar-link.active{background-color:var(--brand-surface);color:var(--brand-secondary);font-weight:600}[data-theme=dark] .sidebar-link.active{background-color:#6366f11f;color:#a5b4fc}.top-bar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--header-height);display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:0 1.5rem;background-color:var(--bg-body);border-bottom:1px solid var(--border-subtle);z-index:90;overflow:visible}.top-bar-logo{display:none;align-items:center;margin-right:auto}.top-bar-logo img{height:24px;width:auto;margin:0;filter:invert(1) hue-rotate(180deg)}[data-theme=dark] .top-bar-logo img{filter:none}.top-bar-search{position:relative;width:280px}.theme-toggle{background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.theme-toggle:hover{background-color:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-default)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-moon{display:none}.theme-toggle .icon-sun,[data-theme=dark] .theme-toggle .icon-moon{display:block}[data-theme=dark] .theme-toggle .icon-sun{display:none}.hamburger{display:none;position:fixed;top:.75rem;left:.75rem;z-index:100;background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);padding:.5rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.hamburger:hover{background-color:var(--bg-surface-hover);border-color:var(--border-default)}.hamburger svg{width:20px;height:20px;display:block}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(4px);z-index:40}.main-content{flex:1;margin-left:var(--sidebar-width);padding:calc(var(--header-height) + 2rem) 3rem 4rem;max-width:calc(100% - var(--sidebar-width))}.main-content>*{max-width:760px}.main-content>.device-section,.main-content>.home-hero{max-width:960px}.content-container{max-width:760px}.home-hero{padding:.5rem 0 1.5rem}.home-hero h1{font-size:2.25rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary) 40%,var(--brand-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;line-height:1.2}.home-hero p{font-size:1.0625rem;color:var(--text-secondary);margin-bottom:0}.device-section{margin-top:2.5rem}.device-section:first-of-type{margin-top:.5rem}.device-section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.625rem;border-bottom:1px solid var(--border-subtle);letter-spacing:-.01em}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.875rem;margin-top:1rem}.category-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;transition:all var(--transition-base);height:100%;display:flex;flex-direction:column}.category-card:hover{border-color:var(--border-default);background-color:var(--bg-surface-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.category-card-icon{width:36px;height:36px;background-color:var(--brand-surface);color:var(--brand-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.125rem;margin-bottom:.75rem}[data-theme=dark] .category-card-icon{background-color:#6366f11f}.category-card h3{margin:0 0 .375rem;font-size:.9375rem;font-weight:600;line-height:1.3}.category-card-description{font-size:.8125rem;color:var(--text-secondary);flex-grow:1;margin-bottom:.875rem;line-height:1.55}.category-card-links{display:flex;flex-direction:column;gap:.25rem}.category-card-link{font-size:.8125rem;color:var(--brand-primary);display:flex;align-items:center;gap:.375rem}.category-card-link:hover{text-decoration:none;color:var(--brand-secondary)}a.category-card-clickable{text-decoration:none!important;color:inherit;cursor:pointer}a.category-card-clickable p{color:var(--text-secondary)}a.category-card-clickable h3{color:var(--text-primary);transition:color var(--transition-fast)}a.category-card-clickable:hover h3{color:var(--brand-primary)}.article-count{font-size:.75rem;color:var(--text-tertiary);margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-subtle);font-weight:500}table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem}th,td{padding:.625rem 1rem;border-bottom:1px solid var(--border-subtle);text-align:left}th{font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background-color:var(--bg-surface);border-bottom:2px solid var(--border-subtle)}td{color:var(--text-secondary)}tr:hover td{background-color:var(--bg-surface-hover)}ul,ol{padding-left:1.5rem;margin:1rem 0;color:var(--text-secondary)}li{margin:.375rem 0;line-height:1.65}li::marker{color:var(--brand-primary)}li strong{color:var(--text-primary);font-weight:600}img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1.5rem 0}.pagefind-ui{--pagefind-ui-scale: .72;--pagefind-ui-primary: var(--brand-primary);--pagefind-ui-text: var(--text-primary);--pagefind-ui-background: var(--bg-surface);--pagefind-ui-border: var(--border-subtle);--pagefind-ui-tag: var(--brand-surface);--pagefind-ui-border-width: 1px;--pagefind-ui-border-radius: var(--radius-md);--pagefind-ui-font: var(--font-sans)}.top-bar-search .pagefind-ui__search-input{background-color:var(--bg-surface)!important;border-color:var(--border-subtle)!important;color:var(--text-primary)!important;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)!important}.top-bar-search .pagefind-ui__search-input:focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px #6366f11f!important}.top-bar-search .pagefind-ui__drawer{position:absolute!important;right:0!important;left:auto!important;width:480px!important;max-height:70vh!important;overflow-y:auto!important;background-color:var(--bg-body)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xl)!important;z-index:200}.top-bar-search .pagefind-ui__results-area{min-width:0!important}.top-bar-search .pagefind-ui__message{font-size:.75rem!important;color:var(--text-tertiary)!important;padding:.5rem .75rem!important;border-bottom:1px solid var(--border-subtle)!important;margin:0!important}.top-bar-search .pagefind-ui__result{padding:.625rem .75rem!important;border-bottom:1px solid var(--border-subtle)!important;margin:0!important;transition:background-color var(--transition-fast)!important}.top-bar-search .pagefind-ui__result:hover{background-color:var(--bg-surface)!important}.top-bar-search .pagefind-ui__result:last-child{border-bottom:none!important}.top-bar-search .pagefind-ui__result-link{font-size:.875rem!important;font-weight:600!important;color:var(--text-primary)!important;line-height:1.3!important}.top-bar-search .pagefind-ui__result-link:hover{color:var(--brand-primary)!important}.top-bar-search .pagefind-ui__result-excerpt{font-size:.75rem!important;color:var(--text-secondary)!important;line-height:1.45!important;margin-top:.125rem!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.top-bar-search .pagefind-ui__result-nested{margin-left:.75rem!important;padding-left:.625rem!important;border-left:2px solid var(--border-subtle)!important;margin-top:.25rem!important;padding-top:.25rem!important;padding-bottom:.25rem!important}.top-bar-search .pagefind-ui__result-nested .pagefind-ui__result-link{font-size:.8rem!important;font-weight:500!important}.top-bar-search .pagefind-ui__result-nested .pagefind-ui__result-excerpt{font-size:.7rem!important;-webkit-line-clamp:1!important}.top-bar-search .pagefind-ui__result-tag{display:none!important}.top-bar-search mark{background-color:var(--brand-surface)!important;color:var(--text-primary)!important;padding:.05em .15em!important;border-radius:3px!important}.top-bar-search .pagefind-ui__result-thumb{display:none!important}.top-bar-search .pagefind-ui__result-inner{margin:0!important;padding:0!important}.article-breadcrumb{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-tertiary);margin-bottom:1.5rem}.article-breadcrumb a{color:var(--text-secondary);font-weight:500;transition:color var(--transition-fast)}.article-breadcrumb a:hover{color:var(--brand-primary);text-decoration:none}.article-breadcrumb .separator{color:var(--border-default);font-size:.75rem;user-select:none}.article-meta{display:inline-block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-primary);background-color:var(--brand-surface);padding:.25rem .625rem;border-radius:100px;margin-bottom:2rem}[data-theme=dark] .article-meta{background:#6366f11f;color:#a5b4fc}.faq-listing h1{margin-bottom:.25rem}.faq-subtitle{font-size:.875rem;color:var(--text-tertiary);margin-bottom:1.5rem}.faq-filter{margin-bottom:1.25rem}.faq-filter input{width:100%;padding:.5rem .75rem;font-size:.875rem;font-family:var(--font-sans);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.faq-filter input::placeholder{color:var(--text-tertiary)}.faq-filter input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f11f}.faq-list{display:flex;flex-direction:column;gap:.5rem}.faq-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none!important;transition:all var(--transition-fast)}.faq-item:hover{background-color:var(--bg-surface-hover);border-color:var(--border-default);transform:translate(2px)}.faq-item:after{content:"→";color:var(--text-tertiary);font-size:1rem;flex-shrink:0;transition:color var(--transition-fast),transform var(--transition-fast)}.faq-item:hover:after{color:var(--brand-primary);transform:translate(2px)}.faq-item-content{flex:1;min-width:0}.faq-item-title{font-weight:600;font-size:.9375rem;color:var(--text-primary);margin-bottom:.25rem;line-height:1.35}.faq-item-description{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.faq-no-results{text-align:center;color:var(--text-tertiary);padding:3rem 0;font-size:.9375rem}@media(max-width:1024px){.main-content{padding:calc(var(--header-height) + 1.5rem) 2rem 3rem}}@media(max-width:768px){.sidebar{transform:translate(-100%);box-shadow:var(--shadow-xl)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open,.hamburger{display:block}.top-bar-logo{display:flex}.top-bar{left:0;padding-left:3.5rem}.top-bar-search{width:180px}.main-content{margin-left:0;max-width:100%;padding:calc(var(--header-height) + 1.5rem) 1.25rem 2rem}.home-hero{padding:.5rem 0 1rem}.home-hero h1{font-size:1.75rem}.category-grid{grid-template-columns:1fr}.device-section{margin-top:2rem}h1{font-size:1.625rem}h2{font-size:1.25rem}}