/* CK PROJECT-NARROW（2026-09-17）：项目档案页窄屏回流。
   域＝档案屏壳层选择器：body、app-frame、app-header.project-cover-header、projects 前缀、project-header 前缀、project-toolbar、project-grid；≤880px 生效。
   桌面（>880）与画布屏/编辑器（ed 前缀、canvas 前缀、ws 前缀）零规则、零 Δ。
   实测基线：body min-width 1080 地板致档案 380 视口水平裁切不可滚（dbg-archive-overflow 原始输出）。
   教训自记：CSS 注释内禁出现星斜相邻序列（会提前闭合注释吞掉 @media 块——本文件首版实证）。*/
@media (max-width: 880px) {
  body:has(.projects-page) { min-width: 0; }
  .app-frame:has(.projects-page) { display: flex; flex-direction: column; }
  .app-frame:has(.projects-page) .app-header.project-cover-header {
    height: auto;
    min-height: 52px;
    grid-template-columns: auto minmax(0, 1fr);
    row-gap: 2px;
    padding: 6px 12px;
  }
  .app-frame:has(.projects-page) .app-header.project-cover-header .project-header-date { justify-self: end; align-self: center; }
  .app-frame:has(.projects-page) .app-header.project-cover-header .project-header-actions { grid-column: 1 / -1; justify-content: flex-start; flex-wrap: wrap; }
  .app-frame:has(.projects-page) .projects-page { height: auto; flex: 1; min-height: 0; padding: 28px 16px 56px; }
  .projects-heading { flex-wrap: wrap; gap: 18px 0; }
  .projects-heading-aside { min-width: 0; flex-basis: 100%; }
  .projects-heading h1 { font-size: 30px; }
  /* 状态筛选弹层：原 left 50%+translateX 居中锚定致 380 档右缘 438 溢出（实测 offender）；窄屏改右对齐锚点。open 态动画仅去 X 位移，透明/可见时序不动 */
  .app-frame:has(.projects-page) .project-status-flyout { left: auto; right: 0; transform: translate(0, 6px); }
  .app-frame:has(.projects-page) .project-other-filter:hover .project-status-flyout,
  .app-frame:has(.projects-page) .project-other-filter:focus-within .project-status-flyout { transform: translate(0, 0); }
}