/* ============================================================
   教研站 · 覆盖层（common/css/engstudy-overrides.css）
   ------------------------------------------------------------
   为什么放在 /common/ 而不是 /engstudy/：
   站内目录下的样式文件在这套 CDN 上会按「路径」长期缓存，改内容、改 ?v=
   都不会更新；而 /common/ 下的资源（mz_theme.css 等）每次改都能立即生效。
   所以站内的宽度/侧栏修正统一收进本文件，由页面在原有样式表之后引入。

   只放「覆盖」，不放组件：engstudy-pages.css 继续承担原有页面规则。
   ============================================================ */

/* 一、页面容器：左右撑满、基准 1280、页边 24（规格：禁止 max-width 撑宽） */
.shell {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: var(--mz-wrap, 1280px) !important;
    margin: 0 auto !important;
    padding-left: var(--mz-gutter, 24px) !important;
    padding-right: var(--mz-gutter, 24px) !important;
    box-sizing: border-box !important;
}

/* 二、新骨架页面不显示「页边批注栏」（四段式：页头 / 胶囊 / 内容 / 页脚） */
.shell > .rail {
    display: none !important;
}

/* 三、主栏拉满，任何一栏都不被内容顶宽 */
.shell > .main {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

/* 四、首屏页头与吸顶导航之间留出安全距，眉标不被渐变层压灰 */
.main > .mz-head:first-child,
.shell > .main > .mz-head:first-child {
    margin-top: 18px !important;
    position: relative;
    z-index: 2;
}

/* 五、课程内页：左右两栏严格按栅格分（左侧课程卡不再被封面撑宽） */
.course-shell {
    width: 100% !important;
    max-width: none !important;
}

.course-shell > .course-main {
    max-width: none !important;
    min-width: 0 !important;
}

.course-main .mz-chips { margin-bottom: 14px; }

.course-panel {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

/* 六、页边兜底：把左右留白直接加在主栏上，避免父级 padding 被别处清掉导致内容贴边 */
.shell > .main {
    padding-left: var(--mz-gutter, 24px) !important;
    padding-right: var(--mz-gutter, 24px) !important;
    box-sizing: border-box !important;
}

/* 主栏内的吸顶题号栏、粘底操作条不因页边而溢出 */
.shell > .main > .mz-head:first-child { margin-top: 18px !important; }