/* Beta 34.11.9: Shared Footer and 4-card layout; loaded after prior overrides. */
.bml-app.bml-home-wide .bml-ref-feature-grid,
.bml-app.bml-compact .bml-ref-how-page .bml-ref-feature-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;max-width:none!important;
    gap:clamp(14px,1.15vw,24px)!important;
}
.bml-app.bml-home-wide .bml-ref-feature,
.bml-app.bml-compact .bml-ref-how-page .bml-ref-feature {
    min-width:0;width:100%;box-sizing:border-box;
    padding:clamp(20px,1.7vw,32px)!important;
    gap:clamp(12px,1.1vw,20px)!important;
}
.bml-app.bml-home-wide .bml-ref-footer .bml-footer-brand,
.bml-app.bml-compact .bml-ref-footer .bml-footer-brand {
    width:min(100%,var(--bml-footer-logo-width,250px))!important;
    max-width:100%!important;
}
.bml-app .bml-ref-footer .bml-footer-brand > a,
.bml-app .bml-ref-footer .bml-full-logo,
.bml-app .bml-ref-footer .bml-full-logo img {
    display:block!important;width:100%!important;max-width:100%!important;height:auto!important;
}
/* Match the editable footer-logo width on both page shells. Legacy compact CSS
   capped the image at 180px even when the saved desktop width was larger. */
.bml-app.bml-compact .bml-ref-footer .bml-full-logo img,
.bml-app.bml-home-wide .bml-ref-footer .bml-full-logo img {
    display:block!important;
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    height:auto!important;
}
.bml-app.bml-home-wide .bml-ref-footer-row,
.bml-app.bml-compact .bml-ref-footer-row {
    grid-template-columns:minmax(0,var(--bml-footer-logo-width,250px)) minmax(0,1fr) auto!important;
}
.bml-app .bml-ref-footer .bml-ref-footer-motto p{margin:5px 0 0;font-size:.82em;line-height:1.45;color:inherit}
.bml-app .bml-ref-footer .bml-ref-footer-row nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 26px}
.bml-app.bml-sms-standalone .bml34-sms-page {font-family:inherit}
@media (max-width:1180px){
 .bml-app.bml-home-wide .bml-ref-footer-row,
 .bml-app.bml-compact .bml-ref-footer-row{grid-template-columns:minmax(0,var(--bml-footer-logo-width,250px)) minmax(0,1fr)!important}

 .bml-app.bml-home-wide .bml-ref-feature-grid,
 .bml-app.bml-compact .bml-ref-how-page .bml-ref-feature-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:767px){
 .bml-app.bml-home-wide .bml-ref-footer-row,
 .bml-app.bml-compact .bml-ref-footer-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important}

 .bml-app.bml-home-wide .bml-ref-footer .bml-footer-brand,
 .bml-app.bml-compact .bml-ref-footer .bml-footer-brand {width:min(100%,var(--bml-footer-logo-mobile-width,190px))!important}
}
@media (max-width:600px){
 .bml-app.bml-home-wide .bml-ref-feature-grid,
 .bml-app.bml-compact .bml-ref-how-page .bml-ref-feature-grid {grid-template-columns:minmax(0,1fr)!important}
 .bml-app.bml-home-wide .bml-ref-feature,
 .bml-app.bml-compact .bml-ref-how-page .bml-ref-feature {padding:20px!important}
}