.humanitarian-hero {
    padding: 46px 0 32px;
    color: #fff;
    border-bottom: 5px solid var(--ve-yellow);
    background: linear-gradient(135deg, rgba(31, 95, 191, .94), rgba(18, 23, 34, .95));
}
.humanitarian-hero h1 { margin: 0 0 12px; color: #fff; font-size: clamp(40px, 11vw, 64px); line-height: 1.02; }
.humanitarian-hero p { max-width: 720px; margin: 0; color: #dbe4f2; }
.humanitarian-hero .section-kicker { color: #fff4bd; }
.humanitarian-hero-offer { background: linear-gradient(135deg, rgba(247, 201, 72, .9), rgba(18, 23, 34, .94)); }
.humanitarian-actions { display: grid; gap: 12px; margin-top: 24px; }
.humanitarian-layout, .humanitarian-form-layout { display: grid; gap: 18px; }
.humanitarian-filter {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 16px;
    box-shadow: var(--shadow-sm);
}
.humanitarian-filter h2 { margin: 0 0 14px; color: var(--ink); }
.humanitarian-filter-form, .humanitarian-form { display: grid; gap: 12px; }
.humanitarian-sections { display: grid; gap: 28px; }
.humanitarian-card-grid { display: grid; gap: 16px; }
.humanitarian-card {
    overflow: hidden;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-md);
}
.humanitarian-card.is-urgent { border-color: #ffc9c9; box-shadow: 0 16px 34px rgba(214, 69, 69, .12); }
.humanitarian-offer-card { border-color: #f2dc85; }
.humanitarian-card img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; background: var(--surface-2); }
.humanitarian-card-body { display: grid; gap: 10px; padding: 18px; }
.humanitarian-card-body h3 { margin: 0; color: var(--ink); font-size: 22px; line-height: 1.15; }
.humanitarian-card-body p { margin: 0; }
.humanitarian-badges { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.humanitarian-type { background: var(--surface-2); color: var(--ink); }
@media (min-width: 640px) {
    .humanitarian-actions { display: flex; flex-wrap: wrap; }
}
@media (min-width: 768px) {
    .humanitarian-hero { padding: 70px 0 48px; }
    .humanitarian-layout { grid-template-columns: 280px minmax(0, 1fr); align-items: start; }
    .humanitarian-filter { position: sticky; top: 88px; }
    .humanitarian-form-layout { grid-template-columns: 320px minmax(0, 1fr); align-items: start; }
    .humanitarian-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}