/*
 * Platform page-shell primitive (§2.5.2.3, §16.1, §16.5).
 * Owns horizontal containment for the product viewport.
 * Does NOT own vertical rhythm — that is the page's responsibility.
 *
 * Brief: docs/briefs/platform-shell-1F-001.md
 * Backlog: closure-backlog #56
 */

.platform-page-shell {
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 640px) {
    .platform-page-shell {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 900px) {
    .platform-page-shell {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (min-width: 1200px) {
    .platform-page-shell {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 40px;
        padding-right: 40px;
    }
}