@import"https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #f5efe5;--ink: #1b1b1b;--muted: #5f5f5f;--accent: #1f5b6e;--accent-2: #e57a44;--card: #ffffff;--border: #e0d7c8}*{box-sizing:border-box}body{margin:0;font-family:Archivo,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#fff,#f6efe2 45%,#efe4d1)}.shell{max-width:980px;margin:0 auto;padding:48px 24px 64px;display:grid;gap:24px}.hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.eyebrow{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--accent);margin:0 0 8px}h1{margin:0 0 8px;font-size:clamp(28px,4vw,44px)}.sub{margin:0;color:var(--muted);max-width:560px}.mode{display:inline-flex;background:#fff;border:1px solid var(--border);border-radius:999px;padding:6px}.mode-btn{border:none;background:transparent;padding:8px 16px;font-weight:600;border-radius:999px;cursor:pointer;color:var(--muted)}.mode-btn.is-active{background:var(--accent);color:#fff}.search{display:flex;gap:12px}.search input{flex:1;padding:14px 16px;border-radius:12px;border:1px solid var(--border);font-size:16px}.search button{background:var(--accent-2);color:#fff;border:none;border-radius:12px;padding:14px 20px;font-weight:600;cursor:pointer}.meta{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted)}.pager{display:inline-flex;align-items:center;gap:8px}.pager button{background:#fff;border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer}.results{display:grid;gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 8px 20px #1b1b1b0a}.card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.card a{color:var(--accent);font-weight:700;text-decoration:none}.snippet{margin:10px 0 0}.context{margin:6px 0 0;color:var(--muted)}.badge{background:#fff2d6;color:#8a4b07;border:1px solid #f1d6a2;font-size:12px;padding:4px 8px;border-radius:999px}.empty{color:var(--muted);border:1px dashed var(--border);padding:24px;border-radius:16px;text-align:center}@media (max-width: 720px){.search{flex-direction:column}.meta{flex-direction:column;align-items:flex-start}}