.aid-dropoff-page {
    --nlm-primary: #173750;
    --nlm-primary-soft: #2a5b84;
    --nlm-accent: #f2c14e;
    --nlm-border: rgba(23, 55, 81, 0.14);
    --nlm-link: #1f5f9a;
    background: var(--bs-body-bg, #ffffff);
    font-family: 'Open Sans', Arial, sans-serif;
}

.aid-dropoff-hero,
.aid-dropoff-list-card {
    background: #ffffff;
    border: 1px solid var(--nlm-border);
    border-radius: 0.75rem;
    box-shadow: 0 8px 38px rgba(0, 0, 0, 0.1);
}

.aid-dropoff-hero {
    border-top: 4px solid var(--nlm-primary);
    background:
        linear-gradient(180deg, rgba(23, 55, 80, 0.045), rgba(23, 55, 80, 0)) #fff;
}

.aid-dropoff-page h1,
.aid-dropoff-page h2,
.aid-dropoff-page h3 {
    color: var(--nlm-primary);
    font-family: 'Lato', Arial, sans-serif;
    font-weight: 700;
}

.aid-dropoff-page p {
    color: rgba(23, 55, 81, 0.9);
}

.aid-dropoff-item {
    border: 1px solid var(--nlm-border);
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.aid-dropoff-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    border-color: rgba(23, 55, 81, 0.28);
}

.aid-dropoff-city {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}

.aid-dropoff-meta-line {
    color: rgba(23, 55, 81, 0.95);
    line-height: 1.5;
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
}

.aid-dropoff-meta-label {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 7.5rem;
    font-weight: 700;
    color: var(--nlm-primary);
    font-family: 'Lato', Arial, sans-serif;
}

.aid-dropoff-meta-line a {
    color: var(--nlm-link);
    text-decoration: none;
    text-underline-offset: 2px;
    border-bottom: 1px dashed rgba(31, 95, 154, 0.45);
}

.aid-dropoff-meta-line a:hover {
    color: var(--nlm-primary-soft);
    border-bottom-color: rgba(42, 91, 132, 0.6);
}

.aid-dropoff-meta-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    display: inline-block;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.95;
}

.aid-dropoff-meta-icon--city {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23173750' d='M8 1.4a4.6 4.6 0 0 0-4.6 4.6c0 3.4 4.1 7.9 4.3 8.1a.4.4 0 0 0 .6 0c.2-.2 4.3-4.7 4.3-8.1A4.6 4.6 0 0 0 8 1.4Zm0 6.3a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4Z'/%3E%3Ccircle cx='8' cy='6' r='1.1' fill='%23f2c14e'/%3E%3C/svg%3E");
}

.aid-dropoff-meta-icon--map {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23173750' d='M10.7 2.1a.6.6 0 0 1 .4.1l3 1.2c.2 0 .3.3.3.5v8.8a.6.6 0 0 1-.8.6L10.5 12 5.7 13.9a.6.6 0 0 1-.4 0l-3-1.2a.6.6 0 0 1-.3-.5V3.4a.6.6 0 0 1 .8-.6L5.5 4l4.8-1.9h.4Zm-.8 1.2L6.2 4.8v7.9l3.7-1.5V3.3Zm-5 1.2L3.2 3.8v7.9l1.7.7V4.5Zm6.2 7 2 .8V4.4l-2-.8v7.9Z'/%3E%3C/svg%3E");
}

.aid-dropoff-meta-icon--phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23173750' d='M11.8 10a12 12 0 0 1-2-.8.8.8 0 0 0-.8.1l-.9.9a10.4 10.4 0 0 1-2.4-2.4l.9-.9a.8.8 0 0 0 .1-.8 12 12 0 0 1-.8-2 .8.8 0 0 0-.7-.5H3.8a.8.8 0 0 0-.8.8 10.2 10.2 0 0 0 8.6 8.6.8.8 0 0 0 .8-.8v-1.4a.8.8 0 0 0-.6-.8Z'/%3E%3C/svg%3E");
}

.aid-dropoff-meta-icon--phone-alt {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23173750' d='M6.5 1a5.5 5.5 0 1 0 4 9.3l3 3a.7.7 0 0 0 1-1l-3-3A5.5 5.5 0 0 0 6.5 1Zm0 1.4A4.1 4.1 0 1 1 2.4 6.5a4.1 4.1 0 0 1 4.1-4.1Zm.3 1.3a.6.6 0 0 0-.6.6v1.9H4.4a.6.6 0 0 0 0 1.2h2.4a.6.6 0 0 0 .6-.6V4.3a.6.6 0 0 0-.6-.6Z'/%3E%3C/svg%3E");
}

.aid-dropoff-reveal {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 0.45s ease, transform 0.45s ease;
}

.aid-dropoff-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .aid-dropoff-item,
    .aid-dropoff-reveal {
        transition: none;
        transform: none;
    }
}