/*!
 * NRS Theme — device/tablet.css (태블릿 판 — 화면 폭 768–1023px)
 *
 * 폭 3종류(2026-09-15, 운영자 "권장안대로 해라")에 새로 만든 파일. desktop.css 안에 있던 768–1023 덩어리를 옮겼다.
 *   모든 방문자가 싣고 **폭 조건은 싣는 줄 한 곳**(inc/enqueue.php — <link media="(min-width: 768px) and (max-width: 1023px)">)에만 둔다.
 *   태블릿·모바일 공통 규칙은 narrow.css(≤1023)에 있다 — 여기에는 태블릿에만 필요한 규칙만.
 */

/* ── 블록 '화면 판별 출력' 숨김 규칙 ──
 * B4(2026-09-15)에 없앴다가 세 판으로 되살렸다. 편집기 블록 설정 '태블릿 판에서 출력'(showTablet=false)과 짝. */
.nrs-hide-tablet { display: none !important; }

/* ── from style.css (B4 까지는 desktop.css 안) ──
 * 기사 목록 태블릿 수치(편집기 수치 탭 '태블릿 판' = attrs.responsive.tablet → -t 변수). 비우면 PC 판 값(-d). */
.nrs-article-list, .nrs-list-toggle-wrap {
    --nrs-al-thumb-w: var(--nrs-al-thumb-w-t, var(--nrs-al-thumb-w-d));
    --nrs-al-thumb-gap: var(--nrs-al-thumb-gap-t, var(--nrs-al-thumb-gap-d));
    --nrs-al-excerpt-lines: var(--nrs-al-excerpt-lines-t, var(--nrs-al-excerpt-lines-d));
    --nrs-al-title-fs: var(--nrs-al-title-fs-t, var(--nrs-al-title-fs-d));
    --nrs-al-title-lines: var(--nrs-al-title-lines-t, var(--nrs-al-title-lines-d));
    --nrs-al-title-minlines: var(--nrs-al-title-minlines-t, var(--nrs-al-title-minlines-d));
}

/* ── 헤더(2026-09-25 운영자 "햄버거 메뉴 … 데스크탑, 태블릿, 모바일 모두 마찬가지다" → 목업 4판 승인 — 태블릿도 데스크탑과 같게) ──
 * 햄버거 = 메뉴 막대 '기사' 왼쪽 · 기기 전환은 서랍 안으로(윗줄 사본은 편집판 블록 설정 '태블릿 숨김' .nrs-hide-tablet).
 * 규칙·까닭은 device/desktop.css ④⑤와 같다(★플랫폼 ViewChoice 와 짝). 제호 여백·회색 선·메뉴 막대 고정·검색 버튼은 데스크탑만(운영자 지시 범위). */
.nrs-header .nrs-gnb .nrs-hamburger { display: block; margin-right: 2px; padding: 8px 8px 8px 0; color: #2b2f36; }
.nrs-header-topbar .nrs-view-switcher.nrs-hide-tablet ~ .nrs-publish-date { margin-left: auto; }
.nrs-header-topbar .nrs-view-switcher.nrs-hide-tablet ~ .nrs-publish-date::before { content: none; }

/* ── 기사 도구가 날짜 줄 끝에 있을 때(2026-10-02) — 까닭은 desktop.css 같은 묶음(날짜 윗줄 = 도구 단추 높이 38px · 펼쳐도 안 움직임) ── */
body .nrs-wf-article-meta:has(> .nrs-article-tools) > .nrs-wf-article-dates--reader { grid-template-rows: minmax(38px, auto); }

/* ── 기사 리스트 — 보기 전환 목록만(2026-10-02 운영자 지시 · 목업 v10 승인) — 까닭 · 모든 기기 묶음은 mobile.css · style.css 같은 묶음 ──
 *   카드형 3단 · 제목 글자 텍스트형 14 · 섬네일형 17 · 카드형 15px(데스크톱과 같음 — 카드 칸 폭 230 ≒ 237) ·
 *   섬네일형: 섬네일 16:9 144×81 · 제목 1행(디자인 CSS 의 제목 2행 규칙보다 세게 body) · 요약 1행(style.css). */
.nrs-list-toggle-wrap .nrs-article-layout-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nrs-list-toggle-wrap .nrs-article-layout-simple-list .nrs-article-card__title { font-size: 14px; }
.nrs-list-toggle-wrap .nrs-article-layout-card-list .nrs-article-card__title { font-size: 17px; }
.nrs-list-toggle-wrap .nrs-article-layout-grid .nrs-article-card__title { font-size: 15px; }
.nrs-list-toggle-wrap:not(.nrs-al--thumbsize) .nrs-article-layout-card-list .nrs-article-card__thumb { width: 144px; height: 81px; }
body .nrs-list-toggle-wrap .nrs-article-layout-card-list .nrs-article-card__title { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; max-height: calc(1 * 1lh); }
