/* Composição única do painel: rolagem externa e conteúdo centralizado.
   A largura e os respiros vêm de Meu desempenho, inclusive nas aulas. */
.academy-page-frame.state-component {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 16px;
    display: block;
    overflow: auto;
}
.academy-page-frame > .academy-page-content {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    max-width: 1280px;
    min-width: 0;
    height: auto;
    margin: 0 auto;
    padding: 40px clamp(22px, 4vw, 64px) 64px !important;
    overflow: visible;
    align-content: start;
}
/* O desempenho já tinha um contêiner interno; não duplicar o recuo. */
.academy-page-content > .performance-container {
    max-width: none;
    margin: 0;
    padding: 0;
}
/* A jornada acompanha a largura útil das demais seções. */
.academy-page-content .journey-section {
    max-width: none;
    margin-inline: 0;
}
@media (max-width: 768px) {
    .academy-page-frame.state-component { padding: 0; }
    .academy-page-frame > .academy-page-content {
        padding: 26px 18px max(40px, env(safe-area-inset-bottom)) !important;
    }
}