:root{
  --uqo-primary:#05608B;
  --uqo-accent:#0E8A8E;
  --uqo-soft:#D8E9E8;
  --border:#e5e7eb;
  --text:#111827;
}
.csipu-filter{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}
.csipu-filter input,.csipu-filter select{padding:.55rem .75rem;border:1px solid var(--border);border-radius:.5rem}
.csipu-filter button{padding:.65rem 1rem;border:0;border-radius:.75rem;background:var(--uqo-primary);color:#fff;cursor:pointer}
.csipu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
.csipu-card{border:1px solid var(--border);border-radius:1rem;padding:1rem;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.csipu-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}
.csipu-title{display:flex;align-items:center;gap:.5rem}
.csipu-badge-new{background:var(--uqo-accent);color:#fff;border-radius:999px;font-size:.75rem;padding:.15rem .5rem}
.csipu-card h3{margin:.1rem 0 0 0;font-size:1.1rem;color:var(--text)}
.csipu-capacity{font-size:.9rem;opacity:.9}
.csipu-thumb img{width:100%;height:auto;border-radius:.75rem;margin:.5rem 0}
.csipu-meta{font-size:.92rem;display:grid;gap:.25rem;margin:.5rem 0}
.csipu-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}
.chip{background:var(--uqo-soft);color:var(--text);border-radius:999px;padding:.2rem .6rem;font-size:.8rem}
.chip-outline{background:transparent;border:1px solid var(--uqo-accent);color:var(--uqo-accent)}
.csipu-excerpt{color:#374151;margin:.5rem 0 .75rem}
.csipu-btn{padding:.6rem 1rem;border:0;border-radius:.75rem;background:var(--uqo-accent);color:#fff;cursor:pointer}
.csipu-btn[disabled]{background:#94a3b8;cursor:not-allowed}
.csipu-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:1rem}
.csipu-modal[hidden]{display:none}
.csipu-modal-content{background:#fff;border-radius:1rem;padding:1rem;max-width:520px;width:100%;position:relative}
.csipu-close{position:absolute;top:.5rem;right:.5rem;border:0;background:transparent;font-size:1.5rem;cursor:pointer}
.csipu-pagination{margin:1rem 0}
.csipu-msg{margin-top:.5rem}