/* Template 7 compatibility layout only; legacy mainpanel/content CSS owns the frame. */
.site-page--classic { display: flex; flex-direction: column; min-height: 100vh; text-align: left; }
.site-page--classic .site-classic-content { position: relative; flex: 1 0 auto; display: flex; flex-direction: column; }
.site-page--classic #Logo img { display: block; max-width: 100%; height: auto; }
.site-page--classic .MainPanel,
.site-page--classic .MainPanel > .Bg1,
.site-page--classic .MainPanel > .Bg1 > .Bg2,
.site-page--classic .MainPanel > .Bg1 > .Bg2 > .Bg3 { display: flex; flex: 1 0 auto; flex-direction: column; }

@media (max-width: 480px) {
  .site-page--classic .Paddings { padding-inline: 16px; }
  .site-page--classic #Logo { max-width: calc(100vw - 32px); }
}