/* Tracked, standalone CSS: Gulp only compiles .scss files. Keep independent of
   ignored index.scss/config/SCSS and historical global .sponsors/.level rules. */
.bingo-sponsors {
    width: calc(100% - 2rem);
    max-width: 72rem;
    margin: 3rem auto;
    padding: clamp(1rem, 3vw, 2.5rem);
    border: 2px solid #233e64;
    border-radius: .6rem;
    background: #fff;
    color: #182b45;
    font-family: Poppins, Arial, sans-serif;
    overflow-wrap: anywhere;
    scroll-margin-top: 1rem;
}
.bingo-sponsors:focus-visible { outline: 3px solid #013a93; outline-offset: 4px; }
.bingo-sponsors__header { text-align: center; margin-bottom: 2.5rem; }
.bingo-sponsors__logo { display: block; width: 15rem; max-width: 80%; height: auto; margin: 0 auto 1.25rem; }
.bingo-sponsors__header h2 { font-size: clamp(1.75rem, 4vw, 2.75rem); line-height: 1.2; margin: .75rem 0 1rem; }
.bingo-sponsors__tier {
    --tier-color: #273376;
    --tier-text: #273376;
    --tier-background: #f2f2fb;
    margin-top: 2.5rem;
    padding: 0 clamp(.875rem, 2vw, 1.75rem) 1.5rem;
    border: 1px solid var(--tier-color);
    border-top: 4px solid var(--tier-color);
    border-radius: .5rem;
    background: var(--tier-background);
    color: var(--tier-text);
}
/* Navy and green retain the PDF palette; Gold and Silver use metallic tones.
   Dark tier text maintains readable contrast across the subtle gradients. */
.bingo-sponsors__tier--gold { --tier-color: #b79b50; --tier-text: #695019; --tier-background: linear-gradient(110deg, #faf7ed, #f1e5c3, #faf7ed); }
.bingo-sponsors__tier--silver { --tier-color: #a7adb4; --tier-text: #444b55; --tier-background: linear-gradient(110deg, #fafafa, #e6e8eb, #f8f9fa); }
.bingo-sponsors__tier--raffle { --tier-color: #4aa437; --tier-text: #347625; --tier-background: #f4faef; }
.bingo-sponsors__tier h3 {
    display: block;
    width: fit-content;
    max-width: 100%;
    margin: -.95em auto 1rem;
    padding: .25rem .75rem;
    border: 1px solid var(--tier-color);
    border-radius: .3rem;
    background: #fff;
    color: var(--tier-text);
    font-size: 1.25rem;
    line-height: 1.5;
    text-align: center;
}
.bingo-sponsors__tier ul { columns: 2; column-gap: 2rem; padding: 0; margin: 0; list-style: none; }
.bingo-sponsors__tier li {
    break-inside: avoid;
    padding: .5rem 0;
    font-size: 1.0625rem;
    line-height: 1.55;
    font-weight: 600;
    text-align: center;
    overflow-wrap: anywhere;
}
@media (max-width: 42rem) {
    .bingo-sponsors__tier ul { columns: 1; }
}

.bingo-sponsors__appreciation {
    margin-top: 3rem;
    padding: clamp(2rem, 5vw, 3rem) .5rem;
    border-block: 1px solid #dce2e8;
    text-align: center;
}
.bingo-sponsors__appreciation h3 {
    color: #182b45;
    font-size: clamp(1.5rem, 3vw, 2rem);
    line-height: 1.3;
    font-weight: 600;
}
.bingo-sponsors__appreciation p {
    max-width: 44rem;
    margin: 1.25rem auto 0;
    color: #344054;
    font-size: 1.16875rem;
    line-height: 1.8;
}