body { padding-top: 10px; }

.weekly-banner:any-link {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(10px, 3vw, 26px);
    width: min(100%, 765px);
    min-height: 110px;
    margin-inline: auto;
    padding: 16px 20px;
    background: #111;
    color: #fff;
    text-decoration: none;
}
.weekly-wordmark {
    white-space: nowrap;
    font: 850 clamp(22px, 4.4vw, 42px)/1.05 system-ui, sans-serif;
    letter-spacing: -.055em;
}
.weekly-wordmark span { color: #ffae26; }
.weekly-photos {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    flex: 1;
    max-width: 390px;
}
.weekly-photos svg { display: block; width: 100%; height: auto; border-radius: 5px; }
.weekly-banner-1 { border-radius: 12px; }
.weekly-banner-3:any-link {
    flex-direction: row-reverse;
    background: linear-gradient(112deg, #15151b, #302018);
    border-bottom: 4px solid #ffad18;
}
.weekly-banner-3 .weekly-wordmark {
    font-size: clamp(19px, 4vw, 36px);
    text-transform: uppercase;
    letter-spacing: .015em;
}
.weekly-banner-3 .weekly-wordmark span { color: #ffb447; }
.weekly-banner-3 .weekly-photos { gap: 2px; }
.weekly-banner-3 .weekly-photos svg { border-radius: 0; }
@media (max-width: 620px) {
    .weekly-banner:any-link { flex-direction: column; text-align: center; padding: 12px; }
    .weekly-photos { width: 100%; }
}



.site-menu-table,
.site-content-table,
.site-footer-table {
    width: min(100%, 765px);
    margin-inline: auto;
    table-layout: fixed;
}
@media (max-width: 620px) {
    .site-content-table > tbody,
    .site-content-table > tbody > tr,
    .site-content-sidebar,
    .site-content-main { display: block; width: 100%; }
    .site-content-main { box-sizing: border-box; }
}

.site-menu-table {
    border-collapse: collapse;
    border-bottom: 4px solid #ffad18;
}