/* Shared public-site container, using the approved homepage dimensions. */
:root {
    --jupiter-container-max: 1424px;
    --jupiter-page-gutter: 52px;
    --jupiter-section-gap: 64px;
    --jupiter-panel-radius: 24px;
    --jupiter-card-radius: 20px;
    --jupiter-preview-radius: 12px;
    --jupiter-panel-padding: 32px;
    --jupiter-card-padding: 24px;
    --jupiter-card-gap: 24px;
}

@media (max-width: 1200px) {
    :root { --jupiter-page-gutter: 32px; }
}

@media (max-width: 640px) {
    :root {
        --jupiter-page-gutter: 14px;
        --jupiter-section-gap: 48px;
        --jupiter-panel-radius: 20px;
        --jupiter-card-radius: 16px;
        --jupiter-panel-padding: 24px;
        --jupiter-card-padding: 20px;
        --jupiter-card-gap: 20px;
    }
}

body.jp-home .jp-shell,
body.jp-site .shell,
body.jp-site.tools-page .tools-shell {
    width: calc(100% - 2 * var(--jupiter-page-gutter));
    max-width: var(--jupiter-container-max);
    margin-inline: auto;
}