:root{--bg:#0f0f10;--panel:#141416;--muted:#9b9b9f;--accent:#2f8b5e;--card:#151517}
*{box-sizing:border-box;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:#e7e7e8}
html,body{height:100%;margin:0;background:var(--bg)}
.container{max-width:1100px;margin:0 auto;padding:28px}
.top{border-bottom:1px solid rgba(255,255,255,0.03);background:transparent}
.top .container{display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:600}
.nav a{color:var(--muted);margin-left:18px;text-decoration:none;padding:8px 12px;border-radius:6px}
.nav a.active{background:rgba(255,255,255,0.03);color:#fff}
.hero{padding:48px 0}
.hero h1{font-size:48px;line-height:1.02;margin:0 0 12px}
.lede{color:var(--muted);max-width:720px}
.controls{display:flex;align-items:center;gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,0.02);border-bottom:1px solid rgba(255,255,255,0.02)}
#search{flex:1;padding:14px;border-radius:8px;border:1px solid rgba(255,255,255,0.03);background:transparent;color:#ddd}
.filters{display:flex;align-items:center;gap:10px}
.filters button{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,0.03);padding:8px 12px;border-radius:20px}
.count{color:var(--muted);padding-left:10px}
.list{margin-top:22px}
.card{display:flex;justify-content:space-between;padding:20px;border-radius:10px;background:linear-gradient(180deg, rgba(255,255,255,0.01), transparent);border:1px solid rgba(255,255,255,0.02);margin-bottom:14px}
.card-left{max-width:66%}
.title{margin:0;font-size:18px}
.title .external{font-size:14px;color:var(--muted);margin-left:6px}
.org{color:var(--muted);margin-top:8px}
.tags{color:var(--muted);margin-top:6px}
.chip{display:inline-block;background:#3b2d5e;color:#fff;padding:6px 8px;border-radius:6px;margin-top:8px;font-size:12px}
.card-right{text-align:right;min-width:220px}
.when{color:var(--muted);font-family:monospace;font-size:13px}
.stipend{margin-top:10px;background:#0b5f38;color:#d3fce6;padding:6px 10px;border-radius:6px;display:inline-block;font-weight:700}
.small{color:var(--muted);font-size:12px;margin-top:6px}
@media (max-width:900px){.card{flex-direction:column}.card-right{text-align:left;margin-top:12px;min-width:0}.hero h1{font-size:36px}}