/*!
 * NRS Theme — device/narrow.css (좁은 화면 공용 ≤1023 = 태블릿 판 + 모바일 판)
 *
 * B2(2026-09-11) 생성 → 폭 3종류(2026-09-15, 운영자 "권장안대로 해라"): 모든 방문자가 싣고
 *   **폭 조건은 싣는 줄 한 곳**(inc/enqueue.php — <link media="(max-width: 1023px)">)에만 둔다.
 *   그래서 이 파일 안에는 1023 경계 @media 껍질이 없다(전에는 8개 덩어리마다 있었다).
 * ★규칙을 넣을 곳: 태블릿·모바일 둘 다 = 여기 · 1024 이상 = desktop.css · 768–1023 = tablet.css · 767 이하 = mobile.css.
 *   원본 4파일(style·blocks·nrs-article·template-skins)에는 폭 규칙을 두지 않는다(감시 = nrs-docs/tools/device-css-cascade-scan.php).
 */

/* ── from style.css ── */
/* v2.2.0-212(운영자): 태블릿(≤1023)에서도 모바일과 동일하게 좌우 5% 여백 적용(기존 ≤768 → ≤1023 확장).
   v2.2.0-127/128 운영자 지시: 모바일 출력영역 좌우 5% 여백(답답함 해소).
 *   - .nrs-container = 헤더 내부(masthead·GNB)·푸터 내부 콘텐츠 → 5%.
 *   - .nrs-main / .nrs-fb = 각 페이지 템플릿 본문 출력영역 → 5%(기사 발행/수정일시·카테고리·
 *     언어선택·등록자 최신3·댓글·인기/최신 사이드바 등 main 내부 전부 포함).
 *   - 제외(현행 100% 풀블리드 유지): 헤더·푸터의 배경 박스(.nrs-header/.nrs-gnb/.nrs-footer)와
 *     구분 실선 — .nrs-main/.nrs-container 바깥 요소라 영향 없음.
 *   - 단일기사 본문(.nrs-article-root)은 .nrs-main 의 5% 안에서 단일 여백만 가짐(이중여백 없음).
 *   ※ !important 필수: NRS 코어 인라인 `global-styles`(.has-global-padding{padding:var(--nrs--style--root--padding-*)})
 *     가 본 style.css 보다 head 뒤에 출력돼, .nrs-main(=has-global-padding) 과 명시도 동률이면
 *     소스순서로 코어가 이겨 패딩이 0 으로 덮였다(=여백 미적용 근본원인). important 로 확정 우선. */
.nrs-container {
    padding-left: 5% !important;
    padding-right: 5% !important;
}
.nrs-main,
.nrs-fb {
    padding-left: 5% !important;
    padding-right: 5% !important;
}

/* ── from style.css ── */
/* v2.2.0-127: 모바일에서 상단바 내용(언어전환·발행일시)도 좌우 5% 정렬(아래 본문과 맞춤).
 *   하단 구분 실선은 박스(최대폭 1100·full-bleed) 가장자리라 그대로 100% 유지.
 *   v2.2.0-212: 태블릿(≤1023)까지 확장. */
.nrs-header-topbar { padding-left: 5% !important; padding-right: 5% !important; }

/* ── from style.css ── */
.nrs-zh-variant__full { display: none; }
.nrs-zh-variant__short { display: inline; }

/* ── from style.css ── */
:root { --nrs-sidebar-width: 240px; }
.nrs-hero { grid-template-columns: 1.5fr 1fr; }
.nrs-grid-3 { grid-template-columns: 1fr 1fr; }
.nrs-search-form { display: none; }

/* ── from style.css ── */
/* 모바일(≤1023px): 상단 배너 세로 스택(헤드라인 위, 중요 아래) — 블록 옆 블록 금지 */
.nrs-topband { flex-direction: column; gap: 24px; }
.nrs-topband-hl, .nrs-topband-imp { flex: none !important; width: 100% !important; }

/* ── from style.css ── */
/* 모바일(≤1023px): 780 영역 세로 스택(가로 오버플로 방지) */
.nrs-mainrow { flex-direction: column; gap: 24px; }
.nrs-genlist, .nrs-sidecol { width: 100% !important; flex: none !important; }

/* ── from style.css ── */
/* v2.2.0-118: 모바일에서는 푸터 제호 미출력 — 법정정보·페이지링크만 전체폭 출력(운영자 지시). */
.nrs-footer .nrs-footer-masthead { display: none !important; }
.nrs-footer .nrs-footer-legal--left,
.nrs-footer .nrs-footer-legal--right { display: block; }

/* ── from style.css ── */
/* 반응형: 데스크탑 폭이 좁으면 사이드바를 아래로(1열) + 내부 폭 해제.
 * v2.2.0-117: 기본 규칙이 grid-template-columns 에 !important 라 미디어쿼리(비-!important)가
 *   덮이지 못해 모바일에서도 2열(메인+사이드)이 유지되던 버그 수정 → 미디어쿼리에도 !important. */
.nrs-home-cols,
.nrs-archive-cols,
.nrs-single-cols { grid-template-columns: 1fr !important; max-width: 100% !important; }
.nrs-home-cols > .nrs-block-column:first-child > *,
.nrs-archive-cols > .nrs-block-column:first-child > *,
.nrs-single-cols > .nrs-block-column:first-child > *,
.nrs-single-cols .nrs-article-root { max-width: 100% !important; }
/* v2.2.0-132/134: 모바일에서 단일기사 본문 영역의 모든 중앙정렬·자체 여백(680/780 거터)을 제거 →
 *   제목·부제목·본문 포함 전 요소의 좌우 여백 = .nrs-main 의 5% 뿐(다른 요소와 동일). 데스크탑 680 가독폭 불변.
 *   (운영자: "5% 설정만 남기고 나머지 여백 설정 제거".) */
/* v2.2.0-136: 컨테이너 체인만 리셋(본문 좌우 여백 = .nrs-main 5%). 제목/부제목/본문 같은 '잎' 요소는
 *   자체 디자인 여백(예: 부제목 왼쪽 실선과 글자 사이 padding-left:10px)을 보존하기 위해 제외. */
/* 2026-09-28: 기사 보기 '머리' 부분(블록 설정 출력 부분 — 두 칸 위를 가로지름)도 같은 걷기. 두 칸(.nrs-single-cols) 밖이라 아래 목록에
 *   안 걸려 mobile.css 의 .nrs-article-root { padding: 0 16px }(이 파일보다 뒤에 실림)가 남았다(목업은 늦게 끼운 CSS 로 가렸다). */
.nrs-article-front--head .nrs-wf-article-view__main,
.nrs-article-front--head .nrs-wf-article-topbar,
.nrs-article-front--head .nrs-article-root,
.nrs-single-cols .nrs-wf-article-view,
.nrs-single-cols .nrs-wf-article-view__main,
.nrs-single-cols .nrs-wf-article-topbar,
.nrs-single-cols .nrs-wf-article-meta,
.nrs-single-cols .nrs-article-root,
.nrs-single-cols .nrs-wf-article-content,
.nrs-single-cols .nrs-wf-content-body,
.nrs-single-cols .nrs-wf-article-authors,
.nrs-single-cols .nrs-wf-article-related,
.nrs-single-cols .nrs-wf-article-dates,
.nrs-single-cols .nrs-wf-article-tags,
.nrs-single-cols .nrs-wf-article-copyright,
.nrs-single-cols .nrs-lang-switcher,
.nrs-single-cols .nrs-wf-comments {
    /* v2.2.0-210: 태블릿(≤1023)에서 상단바(브레드크럼·카테고리+도구 버튼)도 본문과 동일 폭으로 리셋.
       기존엔 topbar 가 누락돼 680 중앙정렬로 남아 카테고리는 오른쪽·도구버튼은 왼쪽으로 들어가 보였다.
       v2.2.0-212: 하단 등록자 프로필 박스(.nrs-wf-article-authors)·관련 박스(.nrs-wf-article-related)도
       680 중앙정렬로 남아 본문보다 좁았다 → 본문과 동일하게 전체폭으로 리셋. */
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}