/**
 * 外壳兜底 —— 只给「依赖 Tailwind 工具类写页面、但完全没有加载 Tailwind / 全局壳层」的页面用。
 *
 * 背景：站内统一页脚/导航的内层是
 *   <div class="container mx-auto px-4 md:px-6 lg:px-8">
 * 这些类来自 Tailwind。多数页面会加载 js/common.css 或 styles/platform-common.css，
 * 其中定义了全局 `.container { max-width: var(--shell-max, 1440px) }`，所以外壳正常。
 * 但有 70 个页面（CN/network、CN/biz、CN/docs、CN/Jodoo、ko|hi/Jodoo、coo/download/job 等）
 * 只引用了 footer-unified.css / mobile-guard.css，`.container / mx-auto / px-*` 全部失效：
 *   - `.container` 既无 max-width 也无内边距 → 页脚（部分页面还有导航/正文）顶到窗口两侧
 *   - 1920 视口下实测满宽 1905px，而站内其它页面是 1440 居中，视觉上「宽度不对」
 *
 * 用 :where() 把优先级压到 0：本文件只作兜底，
 * 页面自己（或将来补上的 Tailwind / common.css）的任何 .container 规则都会覆盖它。
 * 版本：v=20261011
 */
:where(.container) {
  width: 100%;
  max-width: var(--shell-max, 1440px);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  :where(.container) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  :where(.container) {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}