:root{color-scheme:light dark;--bg: #ffffff;--fg: #1a1a1a;--muted: #6b7280;--border: #e5e7eb;--accent: #0f766e}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--fg: #e5e7eb;--muted: #9ca3af;--border: #262b33;--accent: #2dd4bf}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Segoe UI,Tahoma,sans-serif;line-height:1.7}a{color:var(--accent)}.app-shell{display:flex;flex-direction:column;min-height:100vh}header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--border)}header .brand{font-weight:700;text-decoration:none;color:var(--fg)}.app-body{display:flex;flex:1;gap:2rem;padding:1.5rem;max-width:1100px;margin:0 auto;width:100%}nav{flex:0 0 220px}nav h3{font-size:.85rem;color:var(--muted);margin-bottom:.25rem}nav ul{list-style:none;padding:0;margin:0 0 1rem}main{flex:1;min-width:0}.summary{color:var(--muted)}.note{border-inline-start:3px solid var(--accent);padding:.5rem 1rem;background:color-mix(in srgb,var(--accent) 10%,transparent);margin:1rem 0}.video-callout{border:1px dashed var(--border);border-radius:8px;padding:.75rem 1rem;margin:1rem 0}.search{position:relative;flex:1;max-width:400px}.search input{width:100%;padding:.4rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg)}.search ul{position:absolute;z-index:10;background:var(--bg);border:1px solid var(--border);border-radius:6px;margin-top:.25rem;padding:.5rem;width:100%;max-height:320px;overflow-y:auto}.faq-entry{margin-bottom:1.25rem}.faq-entry dt{font-weight:600}