/* Lightweight, modern UI with blue/purple palette */
/* Minimal CSS to keep the app fast. */
:root{
  --bg:#f6f8fb;
  --card:#fff;
  --muted:#6b7280;
  --accent1:#2b6fff; /* blue */
  --accent2:#7c4dff; /* purple */
  --glass: linear-gradient(135deg,var(--accent1),var(--accent2));
  --shadow: 0 6px 18px rgba(12,20,40,0.06);
  --radius:10px;
}

*{box-sizing:border-box}
body,html{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;font-size:15px;background:var(--bg);color:#111}
a{color:inherit;text-decoration:none}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:transparent}
.brand{font-weight:700;color:var(--accent2)}
.top-nav a{margin-left:14px;color:var(--muted)}
.top-nav .cta{padding:8px 12px;background:var(--glass);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}

.container{max-width:1000px;margin:22px auto;padding:0 18px}
.search-panel{background:var(--card);border-radius:12px;padding:22px;box-shadow:var(--shadow)}
.search-panel h1{margin:0 0 12px 0;font-size:20px}
.search-row{display:flex;gap:10px}
.search-row input{flex:1;padding:12px;border:1px solid #e6e9ef;border-radius:8px}
.search-row select{padding:12px;border:1px solid #e6e9ef;border-radius:8px}
.search-row button{padding:10px 14px;border-radius:8px;border:0;background:var(--accent1);color:#fff;font-weight:600;cursor:pointer}
.filters{margin-top:10px;color:var(--muted)}
.results{margin-top:18px}
.card{background:linear-gradient(180deg,rgba(255,255,255,1),rgba(250,252,255,1));padding:14px;border-radius:10px;margin-bottom:12px;box-shadow:0 4px 12px rgba(10,20,40,0.04)}
.card h3{margin:0;font-size:16px}
.card p{margin:8px 0;color:var(--muted)}
.meta{font-size:13px;color:var(--muted)}
.pager{display:flex;gap:8px;align-items:center;margin-top:12px}

.site-footer{padding:18px;text-align:center;color:var(--muted);font-size:13px}
.small{margin-top:8px;font-size:12px;color:#9aa0ab}