:root{--bg-dark: #0f0f0f;--bg-light: #1a1a1a;--bg-lighter: #2a2a2a;--border: rgba(255, 255, 255, .08);--text: #e5e5e5;--text-muted: #a0a0a0;--accent: #ffffff}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;font-family:Questrial,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-light) 100%)}.topbar{display:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.workspace{flex:1;width:100%;margin:0;padding:0;display:block}.summary-panel{position:fixed;left:0;top:0;width:320px;height:100vh;background:var(--bg-light);border-right:1px solid var(--border);padding:28px 24px;display:flex;flex-direction:column;overflow-y:auto}.brand-link{display:block;margin-bottom:24px;text-decoration:none;text-align:center}.logo-word{font-size:36px;font-weight:400;color:#fff;letter-spacing:.01em;line-height:1}.summary-title{margin:0 0 16px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);text-align:center}.route-nav{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.route-link{display:block;padding:14px 16px;font-size:.95rem;color:var(--text);text-decoration:none;border:1px solid var(--border);border-radius:8px;background:var(--bg-lighter);transition:all .2s ease;cursor:pointer}.route-link:hover{border-color:var(--text-muted);background:#ffffff0d}.route-link-active{border-color:var(--text);background:var(--bg-lighter);color:var(--accent)}.content-area{padding:28px 32px;max-width:none;margin-left:320px}.content-area h1{margin:0 0 12px;font-size:2.8rem;font-weight:400;line-height:1.1;color:#fff;letter-spacing:-.01em}.intro{margin:0 0 24px;font-size:1.05rem;color:var(--text-muted);line-height:1.6;max-width:65ch}.content-card{margin:0;padding:0;border:0;background:transparent}.check-mark{display:none}.content-card h2{margin:0 0 8px;font-size:1.9rem;font-weight:400;color:#fff;line-height:1.2}.page-subtitle{margin:0 0 20px;font-size:1.15rem;color:var(--text-muted);line-height:1.4}.content-card p{margin:0 0 20px;font-size:1rem;color:var(--text);line-height:1.7;max-width:70ch}.content-card code{display:block;margin:24px 0;padding:16px 20px;font-family:IBM Plex Mono,monospace;font-size:.95rem;color:var(--text-muted);background:var(--bg-lighter);border:1px solid var(--border);border-radius:8px;overflow-x:auto}@media (max-width: 1024px){.app-shell{padding-top:120px}.workspace{display:block}.summary-panel{position:fixed;left:0;top:0;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border);padding:16px 24px;flex-direction:column;gap:12px;overflow-y:visible;z-index:1000}.brand-link{margin-bottom:0}.summary-title{margin:0 0 8px;display:block}.route-nav{flex-direction:column;gap:8px;max-width:100%;overflow-x:auto}.route-link{padding:10px 14px;font-size:.9rem;flex-shrink:0}.content-area{margin-left:0;padding-top:28px}.content-area h1{font-size:2rem}}@media (max-width: 640px){.app-shell{padding-top:140px}.logo-word{font-size:28px}.workspace{display:block}.summary-panel{position:fixed;left:0;top:0;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border);padding:12px 16px;flex-direction:column;gap:10px;overflow-y:visible;z-index:1000}.summary-title{margin:0 0 8px}.route-nav{gap:8px;flex-direction:column;width:100%}.route-link{padding:10px 12px;font-size:.85rem}.content-area{padding:20px 16px;margin-left:0}.content-area h1{font-size:1.6rem}.intro{font-size:.95rem}.content-card h2{font-size:1.4rem}}