*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6;color:#333;background:#f5f5f5}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:#4a90e2;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit;font-size:inherit}code{font-family:Courier New,Consolas,Monaco,monospace;background:#f5f5f5;padding:.125rem .25rem;border-radius:3px;font-size:.9em}pre{font-family:Courier New,Consolas,Monaco,monospace;background:#f5f5f5;padding:1rem;border-radius:4px;overflow-x:auto}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app-layout.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column}.app-header.svelte-12qhfyh{background:#2c3e50;color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.app-header.svelte-12qhfyh .header-content:where(.svelte-12qhfyh){max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;min-height:64px}.app-header.svelte-12qhfyh .logo:where(.svelte-12qhfyh){text-decoration:none;color:#fff;display:flex;flex-direction:column;gap:.125rem}.app-header.svelte-12qhfyh .logo:where(.svelte-12qhfyh) .logo-text:where(.svelte-12qhfyh){font-size:1.5rem;font-weight:700;font-family:monospace}.app-header.svelte-12qhfyh .logo:where(.svelte-12qhfyh) .logo-subtitle:where(.svelte-12qhfyh){font-size:.75rem;color:#bdc3c7;font-weight:400}.app-header.svelte-12qhfyh .logo:where(.svelte-12qhfyh):hover .logo-text:where(.svelte-12qhfyh){color:#4a90e2}.app-header.svelte-12qhfyh .main-nav:where(.svelte-12qhfyh){display:flex;align-items:center;gap:.5rem}.app-header.svelte-12qhfyh .main-nav:where(.svelte-12qhfyh) .architecture-badge:where(.svelte-12qhfyh){padding:.375rem .75rem;background:#34495e;border-radius:4px;font-weight:600;font-size:.875rem;margin-right:.5rem}.app-header.svelte-12qhfyh .main-nav:where(.svelte-12qhfyh) .nav-link:where(.svelte-12qhfyh){padding:.5rem 1rem;color:#ecf0f1;text-decoration:none;border-radius:4px;transition:all .2s ease;font-weight:500}.app-header.svelte-12qhfyh .main-nav:where(.svelte-12qhfyh) .nav-link:where(.svelte-12qhfyh):hover{background:#34495e;color:#fff}.app-header.svelte-12qhfyh .main-nav:where(.svelte-12qhfyh) .nav-link.active:where(.svelte-12qhfyh){background:#4a90e2;color:#fff}.app-main.svelte-12qhfyh{flex:1;background:#f5f5f5}.app-footer.svelte-12qhfyh{background:#2c3e50;color:#bdc3c7;padding:1.5rem 0;margin-top:auto}.app-footer.svelte-12qhfyh .footer-content:where(.svelte-12qhfyh){max-width:1400px;margin:0 auto;padding:0 2rem;text-align:center}.app-footer.svelte-12qhfyh .footer-content:where(.svelte-12qhfyh) p:where(.svelte-12qhfyh){margin:0;font-size:.875rem}@media(max-width:768px){.app-header.svelte-12qhfyh .header-content:where(.svelte-12qhfyh){flex-direction:column;padding:1rem;gap:1rem}.app-header.svelte-12qhfyh .main-nav:where(.svelte-12qhfyh){flex-wrap:wrap;justify-content:center}}