/*!
 * NSO 2026 — causes listing
 * Requires nso-2026.css first (tokens, resets, buttons, chrome, cause card, trust row).
 * All selectors namespaced `n26-`.
 */

/* ---------- listing grid ---------- */
.n26-cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media (max-width:1000px){.n26-cgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.n26-cgrid{grid-template-columns:1fr}}

/* a cause we have not authored yet still gets a card, just without the badge */
.n26-cause.n26-cause-plain .n26-cause-body{padding-top:22px}

/* ---------- "not sure where to give" band ---------- */
.n26-nudge{background:var(--n26-surface);border:1px solid var(--n26-line);border-radius:var(--n26-r-xl)}
.n26-nudge-in{
  display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:34px 38px;
}
.n26-nudge-ico{
  width:64px;height:64px;border-radius:50%;display:grid;place-items:center;
  background:var(--n26-navy-800);color:#fff;flex:none;
}
.n26-nudge h2{font-size:1.3rem;font-weight:600}
.n26-nudge p{margin-top:8px;font-size:15.4px;color:var(--n26-ink-soft);max-width:62ch}
@media (max-width:860px){
  .n26-nudge-in{grid-template-columns:1fr;gap:20px;padding:30px 26px}
  .n26-nudge-ico{display:none}
}
@media (max-width:560px){
  .n26-nudge-in{padding:24px 18px}
  .n26-nudge-in .n26-btn{width:100%;justify-content:center}
}

/* ---------- empty state ---------- */
.n26-empty{
  text-align:center;padding:60px 24px;border:1px dashed var(--n26-line);
  border-radius:var(--n26-r-lg);background:var(--n26-surface);
}
.n26-empty h2{font-size:1.25rem;font-weight:600}
.n26-empty p{margin-top:10px;color:var(--n26-ink-soft)}
.n26-empty .n26-btn{margin-top:22px}