/* フィルター3ページのスマホ配置。PCの比較レイアウトは維持する。
   2026-09-13: リード文は .page-intro-tail として本文末尾へ移したため、
   .compact-filter-intro（折りたたみ）関連の指定を削除した。 */
.compact-label-short { display: none; }
@media (max-width: 640px) {
  .compact-label-full { display: none; }
  .compact-label-short { display: inline; }
  .compact-filter-controls { margin-bottom: 16px; }
  .compact-filter-controls > .compact-filter-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; margin-bottom: 10px; }
  .compact-filter-controls > .compact-filter-fields > :not(.hidden) { min-width: 0; width: 100% !important; margin: 0; }
  .compact-filter-controls > .compact-filter-fields > .flex-grow { grid-column: 1 / -1; }
  #filterControls.compact-filter-controls > .compact-filter-fields > .flex-shrink-0 { width: 100% !important; }
  .compact-filter-controls label { font-size: 13px; margin-bottom: 4px; }
  .compact-filter-controls .filter-input { min-width: 0; width: 100%; min-height: 44px; font-size: 16px; }
  #filterControlsSectionKishin.compact-filter-controls > .compact-filter-fields > .flex-shrink-0 select.filter-input { width: 100%; min-width: 0; }
  .compact-filter-controls > details { margin-top: 10px; }
  .compact-filter-controls > details > summary { min-height: 44px; padding: 10px 12px; }
  .compact-filter-controls > .block { margin-top: 10px; }
  .compact-filter-controls .custom-btn { min-height: 44px; }
  .compact-filter-controls .reset-btn-desc { display: block; font-size: 11px; line-height: 1.4; }
  .compact-filter-controls.compact-filter-with-count { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; }
  .compact-filter-with-count > .compact-filter-fields { display: contents; }
  .compact-filter-with-count > .compact-filter-fields > .flex-grow { grid-column: 1 / -1; }
  .compact-filter-with-count > .compact-selection-count { display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-height: 44px; margin: 0; }
  .compact-selection-count > p { margin: 0; white-space: nowrap; font-size: 13px; }
  .compact-filter-with-count > details, .compact-filter-with-count > .block { grid-column: 1 / -1; margin-top: 0; }
}