:root{color-scheme:light;--background:#f5f7fb;--surface:#ffffff;--surface-muted:#eef2f7;--border:#d8e0ea;--text:#17212b;--text-muted:#5c6b7a;--accent:#2563eb;--accent-soft:#dbeafe}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--background);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:1.25rem 1rem;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar h1{margin:0 0 .25rem;font-size:1.15rem}.sidebar p{margin:0 0 1rem;color:var(--text-muted);font-size:.95rem}.tree,.tree ul{list-style:none;margin:0;padding-left:0}.tree ul{padding-left:1rem}.tree li+li{margin-top:.35rem}.tree a{display:inline-block;padding:.3rem .45rem;border-radius:.5rem}.tree a:hover{background:var(--surface-muted)}.content,.panel{padding:1.5rem}.panel{max-width:960px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:0 10px 30px rgba(15,23,42,.06)}.muted{color:var(--text-muted)}.stack{display:grid;grid-gap:1rem;gap:1rem}.file-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:.75rem;gap:.75rem}.file-list a,.recipe-card{display:block;background:var(--surface-muted);border:1px solid var(--border);border-radius:.85rem;padding:1rem}.file-list a:hover,.recipe-card:hover{border-color:var(--accent)}.badge-row,.filters{display:flex;flex-wrap:wrap;gap:.5rem}.badge{background:var(--accent-soft);color:var(--accent);padding:.2rem .55rem;border-radius:999px;font-size:.85rem}.filters{margin-bottom:1rem}.filters label{display:grid;grid-gap:.35rem;gap:.35rem;min-width:140px}.filters input,.filters select{width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:.65rem;background:var(--surface)}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.markdown{line-height:1.7}.markdown h1,.markdown h2,.markdown h3{line-height:1.25}.markdown ol,.markdown ul{padding-left:1.25rem}.markdown code{background:var(--surface-muted);padding:.1rem .3rem;border-radius:.3rem}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border)}.content,.panel{padding:1rem}}