/**
 * ┌─────────────────────────────────────────────────────────────────────┐
 * │  FILE INDEX — 여수뉴스포털                                          │
 * ├──────────────┬──────────────────────────────────────────────────────┤
 * │  파일명      │  nous-list.css                                           │
 * │  위치        │  /nous/assets/css/nous-list.css                                        │
 * │  생성일      │  2026-05-16                                           │
 * │  수정일      │  2026-05-16                                           │
 * │  버전        │  v1.0                                                 │
 * ├──────────────┼──────────────────────────────────────────────────────┤
 * │  기능/역할   │  스타일시트 — 포털·컴포넌트별 규칙 적용               │
 * ├──────────────┼──────────────────────────────────────────────────────┤
 * │  레이아웃    │  기준 너비: 1200px (전역·포털 변수와 연동)            │
 * │  섹터 구조   │  .sector-wrap width:100% — 다열은 .sector-inner (원칙2) │
 * │  폰트 기준   │  최소 14px (--fs-base 등 변수 연동)                 │
 * ├──────────────┼──────────────────────────────────────────────────────┤
 * │  연관 파일   │  load-by  : header.php·포털 레이아웃 (상이)            │
 * │              │  변수 주입: echoLayoutVars()·포털 CSS (해당 시)       │
 * ├──────────────┼──────────────────────────────────────────────────────┤
 * │  참조 사항   │  /docs/PROJECT_RULES.md 원칙8·포털 CSS 접두 규칙       │
 * ├──────────────┼──────────────────────────────────────────────────────┤
 * │  변경 이력   │  2026-05-16 v1.0 - FILE INDEX 일괄 부여                     │
 * └──────────────┴──────────────────────────────────────────────────────┘
 */

/* 지식포털 메인 카드 그리드 보정 (선택) */
.nous-portal .nous-card { transition: transform .15s ease, box-shadow .15s ease; }
.nous-portal .nous-card:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(15,23,42,.08); }

/* 지식포털 카테고리 탭 */
.nous-portal .nous-cat-tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.nous-portal .nous-cat-tabs a {
  padding: 6px 14px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #334155;
  font-size: 15px;
  text-decoration: none;
  transition: background .15s, color .15s;
}
.nous-portal .nous-cat-tabs a:hover { background: #e2e8f0; }
.nous-portal .nous-cat-tabs a.active { background: #8b5cf6; color: #fff; }

/* ── Mobile-First 보정 (원칙: 14px·모바일우선·터치44px) ── */
@media (max-width: 768px) {
  [class*="-page-header"],[class*="-hd"],[class*="-header-inner"] { flex-wrap: wrap !important; }
  [class*="-sidebar"],[class*="-side-col"] { display: none !important; }
  [class*="-content-wrap"],[class*="-detail-wrap"],[class*="-body-wrap"] { grid-template-columns: 1fr !important; }
  [class*="-grid"]:not([class*="-1"]) { grid-template-columns: repeat(auto-fill, minmax(280px,1fr)) !important; }
  [class*="-search"] input, [class*="-filter"] input, [class*="-filter"] select { font-size: 16px !important; min-height: 44px !important; }
  [class*="-btn"]:not([class*="-icon"]):not([class*="-sm-icon"]) { min-height: 44px; }
  [class*="-list-item"],[class*="-card"] { flex-wrap: wrap !important; }
  [class*="-list-thumb"],[class*="-card-img"] { width: 100% !important; max-height: 200px !important; object-fit: cover; }
  [class*="-meta"],[class*="-tags"] { flex-wrap: wrap !important; }
}
@media (max-width: 480px) {
  [class*="-grid"] { grid-template-columns: 1fr !important; }
  [class*="-card-grid"],[class*="-view-card"] { grid-template-columns: 1fr !important; }
}