body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;
    color: var(--app-shell-text);
    background:
        radial-gradient(circle at top left, rgba(59, 130, 246, 0.12), transparent 24rem),
        linear-gradient(180deg, #f8fbff 0%, var(--app-shell-bg) 100%);
}

.app-shell {
    min-height: 100vh;
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}

.app-shell__content {
    width: min(1180px, calc(100vw - 2rem));
}

.app-shell__main {
    flex: 1 0 auto;
    padding: 1.25rem 0 3rem;
}