:root{--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--chip:#f1f5f9;--shadow:0 10px 30px #02061714}*{box-sizing:border-box}body{color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:inherit}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffeb;justify-content:space-between;align-items:center;padding:12px 18px;display:flex;position:sticky;top:0}.brand{font-weight:800;text-decoration:none}.nav{gap:12px;display:flex}.nav a{color:#334155;border-radius:12px;padding:8px 10px;text-decoration:none}.nav a:hover{background:var(--chip)}.container{max-width:1100px;margin:0 auto;padding:18px}.h1{margin:8px 0 6px;font-size:28px}.h2{margin:18px 0 8px;font-size:18px}.muted{color:var(--muted)}.error{color:#b00020}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:14px;display:grid}.card{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:14px;text-decoration:none}.cardTitle{font-weight:750}.cardHint{color:var(--muted);margin-top:6px;font-size:14px}.filters{border:1px solid var(--line);background:#fbfdff;border-radius:18px;flex-wrap:wrap;align-items:end;gap:10px;margin:12px 0 16px;padding:12px;display:flex;box-shadow:0 8px 25px #0206170d}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:13px;font-weight:650}select{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:220px;padding:10px 12px}.btnSecondary{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;padding:10px 14px;font-weight:650}.btnSecondary:hover{background:var(--chip)}.list{flex-direction:column;gap:10px;display:flex}.listItem{border:1px solid var(--line);background:#fff;border-radius:18px;padding:12px 14px;text-decoration:none;box-shadow:0 10px 30px #0206170f}.listTitle{font-weight:780}.listMeta{color:var(--muted);margin-top:4px;font-size:13px}.listDesc{color:#334155;margin-top:8px}.chips{flex-wrap:wrap;gap:8px;margin:12px 0 10px;display:flex}.chip{background:var(--chip);border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:13px}.backLink{color:#334155;margin:8px 0;text-decoration:none;display:inline-block}.backLink:hover{text-decoration:underline}.ol{margin:8px 0 0 18px}
