/* Единая сетка Yoge: ширина «контейнера» и горизонтальные поля (как у titlebar / блоков главной) */
:root {
    --yoge-container-max: 1580px;
    --yoge-container-gutter: 16px;
}

@media (min-width: 1200px) {
    :root {
        --yoge-container-gutter: 20px;
    }
}

.yoge-shell-main {
    background: transparent;
    min-height: 50vh;
}

.yoge-shell-inner {
    max-width: var(--yoge-container-max);
    margin: 0 auto;
    padding-block: 24px 48px;
    padding-inline: max(var(--yoge-container-gutter), env(safe-area-inset-left, 0px))
        max(var(--yoge-container-gutter), env(safe-area-inset-right, 0px));
    box-sizing: border-box;
}