:root{--color-bg:#fafbfc;--color-bg-surface:#f3f4f6;--color-bg-card:#fff;--color-bg-hover:#f9fafb;--color-accent:#0d9488;--color-accent-hover:#0f766e;--color-accent-light:#ccfbf1;--color-accent-dim:#5eead4;--color-text:#111827;--color-text-secondary:#374151;--color-text-muted:#6b7280;--color-text-dim:#9ca3af;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-error:#ef4444;--color-error-bg:#fef2f2;--color-success:#059669;--color-success-bg:#ecfdf5;--font-display:"PixelMplus12-Regular", monospace;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--max-width:1100px;--content-width:720px;--nav-height:56px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-lg:0 4px 6px #0000000f, 0 2px 4px #0000000a;--transition-fast:.15s ease;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--color-text)}::selection{background:var(--color-accent-light);color:var(--color-text)}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.content-container{width:100%;max-width:var(--content-width);padding:0 var(--space-lg);margin:0 auto}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@font-face{font-family:PixelMplus12-Regular;font-style:normal;font-display:swap;src:url(/fonts/PixelMplus12-Regular.ttf)format("truetype")}.navbar{z-index:100;background:var(--color-bg-card);border-bottom:1px solid var(--color-border);height:var(--nav-height);position:sticky;top:0}.navbar-inner{height:100%;max-width:var(--max-width);padding:0 var(--space-lg);align-items:center;gap:var(--space-xl);margin:0 auto;display:flex}.navbar-logo{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--color-accent);white-space:nowrap;flex-shrink:0;font-weight:700}.navbar-logo:hover{color:var(--color-accent-hover)}.navbar-links{align-items:center;gap:var(--space-xs);flex:1;list-style:none;display:flex}.navbar-link{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);white-space:nowrap;font-weight:500;display:block}.navbar-link:hover,.navbar-link.active{color:var(--color-accent);background:var(--color-accent-light)}.nav-dropdown{position:relative}.nav-dropdown-trigger{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;font-weight:500;display:flex}.nav-dropdown-trigger:hover{color:var(--color-accent);background:var(--color-accent-light)}.nav-dropdown-arrow{transition:transform var(--transition-fast);font-size:.6em}.nav-dropdown.open .nav-dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{margin-top:var(--space-xs);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);min-width:200px;padding:var(--space-xs);box-shadow:var(--shadow-lg);flex-direction:column;display:none;position:absolute;top:100%;left:0}.nav-dropdown.open .nav-dropdown-menu{display:flex}.nav-dropdown-item{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);display:block}.nav-dropdown-item:hover{color:var(--color-accent);background:var(--color-accent-light)}.breadcrumb{padding:var(--space-sm) 0;font-size:var(--font-size-sm);color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light)}.breadcrumb-inner{max-width:var(--max-width);padding:0 var(--space-lg);align-items:center;gap:var(--space-xs);flex-wrap:wrap;margin:0 auto;display:flex}.breadcrumb-item{color:var(--color-text-muted)}.breadcrumb-item:hover{color:var(--color-accent)}.breadcrumb-item.current{color:var(--color-text);font-weight:500}.breadcrumb-sep{color:var(--color-text-dim);user-select:none}.footer{border-top:1px solid var(--color-border);padding:var(--space-3xl) 0 var(--space-xl);margin-top:var(--space-4xl);background:var(--color-bg-surface)}.footer-inner{max-width:var(--max-width);padding:0 var(--space-lg);justify-content:space-between;align-items:flex-start;gap:var(--space-xl);flex-wrap:wrap;margin:0 auto;display:flex}.footer-brand{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--color-accent);font-weight:700}.footer-tagline{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.footer-links{gap:var(--space-lg);display:flex}.footer-links a{font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-accent)}.footer-bottom{max-width:var(--max-width);margin:var(--space-xl) auto 0;padding:var(--space-lg) var(--space-lg) 0;border-top:1px solid var(--color-border-light);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-dim)}@media (width<=768px){.navbar-inner{gap:var(--space-md);padding:0 var(--space-md)}.navbar-links{gap:0}.navbar-link,.nav-dropdown-trigger{padding:var(--space-xs);font-size:var(--font-size-xs)}.nav-dropdown-menu{min-width:160px}}@media (width<=600px){.navbar-links{-webkit-overflow-scrolling:touch;overflow-x:auto}.footer-inner{text-align:center;flex-direction:column;align-items:center}}