.container { width: min(calc(100% - 32px), var(--bentv-width)); margin-inline: auto; }
.site-main { min-height: 45vh; padding-block: clamp(24px, 4vw, 48px) 64px; }
.site-header { background: #fff; border-bottom: 1px solid var(--bentv-border); }
.header-main { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 16px; padding-block: 16px; }
.site-branding { min-width: 0; } .custom-logo-link { display: inline-flex; align-items: center; vertical-align: middle; }
.custom-logo { display: block; width: auto; max-width: 220px; max-height: 72px; object-fit: contain; }
.site-name { display: block; max-width: 28ch; font-size: 1rem; font-weight: 800; line-height: 1.3; text-decoration: none; overflow-wrap: anywhere; }
.header-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; justify-content: flex-end; }
.header-actions a { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; padding: 6px; font-size: .875rem; font-weight: 650; text-decoration: none; }
.header-search { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
.menu-toggle { justify-self: start; grid-column: 1 / -1; background: var(--bentv-brand-blue); }
.site-footer { border-top: 3px solid var(--bentv-brand-blue); background: var(--bentv-surface); padding-block: 40px 24px; }
.footer-layout { display: grid; gap: 24px; } .footer-identity { max-width: 44ch; } .footer-identity p { margin-top: 12px; color: var(--bentv-text-muted); }
.footer-layout .menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 24px; }
.footer-layout .menu a { display: inline-flex; align-items: center; min-height: 44px; } .copyright { margin: 0; color: var(--bentv-text-muted); font-size: .875rem; }
.content-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; }
.reading-column { max-width: var(--bentv-reading); margin-inline: auto; }
.entry-header { margin-bottom: 32px; } .entry-header h1 { margin-top: 0; }
.page-content:not(.type-product) > .entry-content { min-width: 0; }
@media (min-width: 640px) { .content-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (min-width: 1024px) {
 .header-main { grid-template-columns: minmax(180px,260px) minmax(0,1fr) auto; gap: 32px; padding-block: 24px; }
 .header-search { grid-column: auto; grid-row: auto; } .header-actions a { font-size: 1rem; padding: 8px; }
 .menu-toggle { display: none !important; } .custom-logo { max-height: 84px; }
 .footer-layout { grid-template-columns: 1fr 1fr; } .copyright { grid-column: 1/-1; }
 .content-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 479px) { .custom-logo { max-width: 116px; max-height: 64px; } .header-actions { max-width: 172px; gap: 0; } .header-actions a { padding: 4px; } }

.page:not(.woocommerce-page):not(.home) .page-content { max-width: var(--bentv-reading); margin-inline: auto; }
@media (max-width: 1023px) {
 .site-header.navigation-ready { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 50; max-height: 100svh; overflow-y: auto; }
 .header-main { grid-template-columns: auto minmax(0,1fr) auto; gap: 12px; padding-block: 12px; }
 .header-main .site-branding { grid-column: 2; grid-row: 1; }
 .header-actions { grid-column: 3; grid-row: 1; }
 .header-main .custom-logo { max-width: 100%; max-height: 64px; }
 .menu-toggle { grid-column: 1; grid-row: 1; width: 44px; padding: 8px; }
 .header-main .site-name { font-size: .8rem; }
}

/* Exact full official artwork, natural aspect ratio; Custom Logo data remains untouched. */
.official-logo-link { display: inline-flex; align-items: center; max-width: 100%; vertical-align: middle; text-decoration: none; }
.official-logo { display: block; width: 156px; height: auto; max-width: 100%; object-fit: contain; }
.footer-identity .official-logo { width: 180px; }
@media (min-width: 1024px) { .header-main { grid-template-columns: 180px minmax(0,1fr) auto; padding-block: 14px; } }
@media (max-width: 1023px) { .header-main .official-logo { width: 116px; } }
@media (max-width: 479px) { .header-main { gap: 8px; } .header-actions a { font-size: .75rem; gap: 4px; } .header-actions { max-width: 148px; } }