/* Darchula Jhulunge Pool public-site stability layer. */
*,
*::before,
*::after {
    box-sizing: border-box;
}
html,
body {
    max-width: 100%;
}
body {
    overflow-x: hidden;
}
img,
svg,
video,
canvas {
    max-width: 100%;
    height: auto;
}
.container,
.section,
.site-header,
.header-main,
.primary-nav,
.public-donation-list,
.public-donation-card,
.donation-main,
.contributor-profile-layout,
.contributor-profile-main,
.contributor-profile-sidebar,
.contributor-record-card,
.contributor-record-main {
    min-width: 0;
}

.public-donation-card.has-evidence {
    grid-template-columns: 150px auto minmax(0, 1fr) auto;
}
.public-donation-evidence,
.contributor-record-evidence {
    margin: 0;
    overflow: hidden;
    border-radius: 16px;
    background: #edf2f5;
    border: 1px solid rgba(20, 50, 75, 0.12);
}
.public-donation-evidence {
    width: 150px;
    aspect-ratio: 4 / 3;
}
.public-donation-evidence img,
.contributor-record-evidence img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.contributor-record-card.has-evidence {
    grid-template-columns: 140px auto minmax(0, 1fr);
}
.contributor-record-evidence {
    width: 140px;
    aspect-ratio: 4 / 3;
}

@media (max-width: 980px) {
    .public-donation-card.has-evidence {
        grid-template-columns: 120px auto minmax(0, 1fr);
    }
    .public-donation-card.has-evidence .donation-value {
        grid-column: 2 / -1;
    }
    .public-donation-evidence {
        width: 120px;
    }
    .contributor-record-card.has-evidence {
        grid-template-columns: 110px auto minmax(0, 1fr);
    }
    .contributor-record-evidence {
        width: 110px;
    }
}

@media (max-width: 720px) {
    .public-donation-card.has-evidence,
    .contributor-record-card.has-evidence {
        grid-template-columns: minmax(0, 1fr);
    }
    .public-donation-card.has-evidence .donation-value {
        grid-column: auto;
    }
    .public-donation-evidence,
    .contributor-record-evidence {
        width: 100%;
        max-height: 260px;
        aspect-ratio: 16 / 9;
    }
    .primary-nav {
        max-width: calc(100vw - 24px);
    }
}