/*!
 * NRS Theme — device/mobile.css (모바일 판 — 화면 폭 767px 이하)
 *
 * B2(2026-09-11) 생성(그때는 폰에만 배달해 평문으로 폈다) → 폭 3종류(2026-09-15, 운영자 "권장안대로 해라"):
 *   모든 방문자가 싣고 **폭 조건은 싣는 줄 한 곳**(inc/enqueue.php — <link media="(max-width: 767px)">)에만 둔다.
 *   그래서 규칙은 지금도 평문이다. 폰을 가로로 돌려 768 이상이 되면 이 파일 대신 tablet.css 가 걸린다(화면 폭 기준).
 *   (지난 구조 B4 대안 ㄴ: PC 판에는 같은 파일을 핸들 nrs-dev-mobile-narrow 로 767 이하 조건을 붙여 한 번 더 실었다 — 이제 한 핸들로 합쳤다.)
 * ★남아 있는 @media 는 '모바일 안의 더 작은 폰'(≤479·≤600)이다.
 * ★dark·print 는 폭과 무관하므로 여기 넣지 않는다(공용 base 유지).
 */

/* ── from style.css ── */
 .nrs-hide-mobile { display: none !important; }

/* ── from style.css ── */

/* v2.2.0-126(운영자): 모바일(폰 ≤767px)에서 각 페이지 '기사 블록' 카드 제목 폰트 +25% 확대(가독성).
 *   대상 = 기사 카드 제목(.nrs-article-card__title: 리스트·그리드·섬네일·사이드바·관련기사).
 *   비대상 = 단일기사 본문페이지의 제목/부제목(.nrs-article-root) — 현행 크기 유지(여기서 손대지 않음).
 *   사이드바 변형(고정 14px)은 별도 계산. */
.nrs-article-card__title { font-size: calc(var(--nrs-font-size-base) * 1.25); }
.nrs-side-popular .nrs-article-card__title,
.nrs-side-recent .nrs-article-card__title { font-size: calc(14px * 1.25); }

/* ── from style.css ── */

:root {
    --nrs-font-size-base: 15px;
    /* 2026-09-20 운영자 지시("pc, 태블릿, 모바일 모두 제호 들어가는 영역 높이를 1.3배"): 52 → 68px. */
    --nrs-header-height:  68px;
    --nrs-gap:            16px;
    --nrs-gap-lg:         28px;
    --nrs-thumb-w:        75px;
    --nrs-thumb-h:        56px;
}

/* 헤더 */
.nrs-hamburger    { display: block; }
.nrs-logo         { font-size: 20px; }
.nrs-gnb          { display: none; }
.nrs-header-meta  { display: none; }
.nrs-header-tools .nrs-search-form { display: none; }
/* 화면 환경 버튼(2026-09-16 운영자 지시): 모바일에서는 햄버거 서랍 안에 둔다 → 상단 줄 사본은 숨긴다(자리가 좁고 중복).
 * ★이 선택자는 플랫폼 ViewChoice::TOPBAR_CLASS 와 짝이다 — 거기서 '모바일 판에서는 이 사본을 못 누른다'로 보고
 *   서랍 줄이 없으면 모바일 고정을 아예 믿지 않는다(갇힘 방지). 한쪽만 고치지 말 것.
 *   상단 줄 밖(내장 헤더 템플릿 등)에 둔 버튼 줄은 숨기지 않는다 — 서랍이 없는 헤더에서도 되돌릴 수 있어야 한다. */
.nrs-header-topbar .nrs-view-switcher { display: none; }
/* 날짜 앞 '｜'(2026-10-02 운영자 "발행일시 옆에 그런 것을 모두 빼라" → 목업 승인): 화면 전환 단추가 날짜 앞에 있을 때 긋는 구분표(style.css)가
 *   폰에서만 남았다(데스크탑 · 태블릿은 그 단추를 숨김 설정했을 때 지운다 — 각 기기 파일). 폰은 윗줄 사본을 늘 숨기므로(바로 위) 구분표도 늘 뺀다. */
.nrs-header-topbar .nrs-view-switcher ~ .nrs-publish-date::before { content: none; }

/* 햄버거(2026-10-02 운영자 "모바일 환경에서 햄버거 아이콘이 너무 크다. 지금보다 가로와 세로 크기를 각 20%씩 줄여라" → 목업 승인):
 *   아이콘 22×16 → 17.6×12.8px(폭 · 두께 · 줄 간격 모두 0.8배 — 변수 뜻은 style.css · 두께 맞춤은 main.js) · 누르는 칸은 그대로 38×32
 *   (손가락 닿는 넓이 — 예전 아이콘 + 안쪽 여백 8px) · 아이콘은 칸 가운데. */
.nrs-hamburger { --nrs-ham-w: 17.6px; --nrs-ham-t: 1.6px; --nrs-ham-s: 5.6px; min-width: 38px; min-height: 32px; }
.nrs-hamburger .bar { margin-left: auto; margin-right: auto; }

/* 제호 줄 아래 대표색 실선(2026-10-02 운영자 "공정경제 모바일 헤더에서 제호 이미지 아래에 푸른 실선으로 구분선을 둬라. 데스크탑이나 태블릿처럼.
 *   구분선 상하로 여백을 적당히 주고." → 목업 승인 · 결정 "테마 공통"): PC · 태블릿 메뉴 막대 아랫선(style.css .nrs-header .nrs-gnb)과 같은
 *   2px · 같은 사이트 대표색 · 화면 폭 끝까지. 위 여백 = 제호 칸 아래 여백(약 12px) · 아래 = 다음 내용의 위 여백 그대로.
 *   폰 읽기 막대(제호 줄이 위에 붙음 — main.js 가 줄 높이를 잰다)에도 함께 붙는다. 같은 머리글 구조(.nrs-header-inner)에만 걸린다. */
.nrs-header .nrs-header-inner { border-bottom: 2px solid var(--nrs-color-primary, #0a3a6b); }

/* 2026-09-23: 제호 칸을 PC·태블릿에서 48 → 72px 로 키웠다(style.css, 운영자 지시 "가로 1.5배" ·
 * "태블릿도 제호 키워라"). ★폰은 헤더 칸이 68px 이라 72px 제호가 잘린다(실측) → 폰만 48px 그대로.
 * 2026-09-29 운영자 "모두 바꿔라. 가로 너비는 비율 유지하면서 90%로" → 폰도 48 → 43.2px(PC·태블릿 72 → 64.8px 와 같은 90%). */
.nrs-masthead__img { max-height: 43.2px; }

/* 2026-09-29(운영자 "왜 다른 언어사이트 제호 이미지 위아래에 실선이 있지?" → 목업 승인): 폰은 메뉴 막대가 없어 머리글 그림자
 *   (style.css .nrs-header box-shadow var(--nrs-shadow-sm))가 제호 줄 바로 밑 선처럼 보였다 → 폰만 없앰(한글 공정경제 테마와 같게).
 *   PC·태블릿은 그림자가 메뉴 막대 남색 선 아래라 그대로. */
.nrs-header { box-shadow: none; }

/* 하단 내비게이션 없음 */
.nrs-mobile-nav   { display: none; }

/* 레이아웃 */
.nrs-layout { grid-template-columns: 1fr; }
.nrs-sidebar { position: static; }

/* 홈화면 상단: 헤드라인 전체 너비, 중요기사 세로 쌓기 */
.nrs-hero { grid-template-columns: 1fr; }
.nrs-hero-side {
    display: flex;
    flex-direction: column;
    gap: var(--nrs-gap-sm);
}

/* 그리드 */
.nrs-grid-2, .nrs-grid-3 { grid-template-columns: 1fr; }

/* 기사 카드 썸네일 */
.nrs-thumb {
    width: var(--nrs-thumb-w);
    height: var(--nrs-thumb-h);
}
.nrs-thumb img {
    height: var(--nrs-thumb-h);
    max-width: var(--nrs-thumb-w);
}

/* ── from style.css ── */

/* 모바일: GNB 넘침 시 가로 스크롤 */
.nrs-gnb-nav .nrs-block-navigation__container { flex-wrap: nowrap; overflow-x: auto; }

/* ── from style.css ── */

/* ── 반응형: split zone(인라인 grid 880/300) 모바일 스택 + 그리드 1열 ── */
.nrs-page-builder-rendered .nrs-zone--split { display: block !important; }
.nrs-page-builder-rendered .nrs-zone__area { width: 100% !important; }
.nrs-article-layout-grid { grid-template-columns: 1fr; }
.nrs-article-layout-card-list .nrs-article-item > a { flex-direction: column; }
.nrs-article-layout-headline .nrs-article-item:first-child .nrs-article-title { font-size: 22px; }
.nrs-profile-header { flex-direction: column; text-align: center; }

/* ── from style.css ── */

/* ── 반응형: 폴백 분할도 모바일 스택 ── */
.nrs-fb--split { display: block; }
.nrs-fb--split .nrs-fb-aside { margin-top: 24px; }

/* ── from style.css ── */
 .nrs-single-split { display: block; } .nrs-single-split .nrs-fb-aside { margin-top: 24px; }

/* ── from style.css ── */

.nrs-article-list, .nrs-list-toggle-wrap {
    --nrs-al-thumb-w: var(--nrs-al-thumb-w-m, var(--nrs-al-thumb-w-d));
    --nrs-al-thumb-gap: var(--nrs-al-thumb-gap-m, var(--nrs-al-thumb-gap-d));
    --nrs-al-excerpt-lines: var(--nrs-al-excerpt-lines-m, var(--nrs-al-excerpt-lines-d));
    --nrs-al-title-fs: var(--nrs-al-title-fs-m, var(--nrs-al-title-fs-d));
    --nrs-al-title-lines: var(--nrs-al-title-lines-m, var(--nrs-al-title-lines-d));
    --nrs-al-title-minlines: var(--nrs-al-title-minlines-m, var(--nrs-al-title-minlines-d));
}

/* ── from style.css ── */

/* v2.2.0-147(운영자) 모바일(≤767px) 메인: 중요·일반 섬네일 25%↓(비율 3:2 유지), 헤드라인 흰박스 80%·폰트 90%.
 *   ※ 데스크탑 .nrs-genlist 섬네일(150) 규칙보다 뒤에 와야 모바일 112.5 가 적용됨(소스 순서). */
/* 중요기사(모바일 재구성): 제목 1단·1행(전체폭) → [섬네일 좌 | 본문 2줄 우] → 카테고리·대표등록자.
 *   고정 마크업(thumb-link + body[title,excerpt,meta]) → grid + body display:contents 로 영역 재배치.
 *   섬네일 146.25×97.5(195×130 −25%, 3:2). */
.nrs-topband-imp .nrs-article-card {
    display: grid;
    grid-template-columns: 146.25px 1fr;
    grid-template-areas: "title title" "thumb excerpt" "thumb meta" "thumb gap";   /* 본문↔메타 빈 줄 제거(슬랙은 메타 아래 gap 행으로) — base의 grid-template-rows(4행)와 행 수 일치 */
    column-gap: var(--nrs-al-thumb-gap, 16px); row-gap: 6px;   /* v2.2.0-191: 모바일도 여백 설정(var) 반영 */
}
.nrs-topband-imp .nrs-article-card__body { display: contents; }
.nrs-topband-imp .nrs-article-card__thumb-link { grid-area: thumb; flex: none; width: 146.25px; height: 97.5px; align-self: start; }
.nrs-topband-imp .nrs-article-card__thumb { width: 146.25px; height: 97.5px; }
.nrs-topband-imp .nrs-article-card__title { grid-area: title; -webkit-line-clamp: 2; margin: 0; font-size: 18px; } /* v2.2.0-151: 중요 제목 = 일반기사 18px / 모바일 제목 2줄 */
.nrs-topband-imp .nrs-article-card__excerpt { grid-area: excerpt; -webkit-line-clamp: 3; margin: 0; align-self: start; }
.nrs-topband-imp .nrs-article-card__meta { grid-area: meta; align-self: start; }   /* 본문 2줄 바로 아래(섬네일 아래 아님) */
.nrs-topband-imp .nrs-article-card:not(:first-child)::before { left: 0; } /* 제목이 상단 전체폭 → 구분선 전체폭 */
/* 일반기사 섬네일 150×100 → ×0.75 = 112.5×75 */
.nrs-genlist .nrs-article-card__thumb-link { flex: 0 0 112.5px; width: 112.5px; height: 75px; }
.nrs-genlist .nrs-article-card__thumb { width: 112.5px; height: 75px; }
.nrs-genlist .nrs-article-card:not(:first-child)::before { left: 126.5px; } /* 112.5 + 14 */
/* 헤드라인 흰색 제목 박스: 너비 90%. 폰트 = 중요기사 것(20px) (v2.2.0-151) */
.nrs-topband-hl .nrs-article-card__title { width: 90%; }
.nrs-topband-hl .nrs-article-card__title a { font-size: 20px; }
/* v2.2.0-149(운영자): 인터뷰·기고·취재수첩 원형 섬네일 100→150px */
.nrs-pcards .nrs-article-card__thumb-link { width: 150px; height: 150px; }
.nrs-pcards .nrs-article-card__thumb { width: 150px; height: 150px; }

/* ── from style.css ── */

.nrs-home .nrs-headline-featured .nrs-article-card__title,
.nrs-home .nrs-m-headline .nrs-article-card__title { font-size: clamp(22px, calc(6 * var(--nrs-vw, 1vw)), 28px); }   /* --nrs-vw: 판 고정 기둥 폭 ÷ 100(blocks.css 끝 묶음) */
.nrs-home .nrs-headline-featured .nrs-article-card__excerpt,
.nrs-home .nrs-m-headline .nrs-article-card__excerpt { font-size: 15px; }

/* ── from blocks.css ── */

.nrs-block-grid { grid-template-columns: 1fr 1fr; }
.nrs-block-grid--col-3 { grid-template-columns: 1fr 1fr; }

/* ── from blocks.css ── */

.nrs-block-postit { grid-template-columns: 1fr 1fr; }

/* ── from blocks.css ── */

.nrs-slider-arrow { font-size: 18px; padding: 5px 8px; }
/* v2.2.0-238: 짧은 슬라이더(예: 21/9)에서 하단 캡션이 세로 중앙 ‹ › 화살표와 겹치던 문제 —
   캡션 좌우 여백을 화살표 폭만큼 확보해 텍스트가 화살표를 피하도록. */
.nrs-slider-overlay { padding-left: 48px; padding-right: 48px; padding-bottom: 16px; }

/* ── from blocks.css ── */

.nrs-block-split { grid-template-columns: 1fr; }

/* ── from blocks.css ── */

/* ─── 모바일 기사 제목 폰트 +25% (v2.2.0-127) ─────────────────────────────────
 * 운영자 지시: 모바일 메인 등에서 기사 제목을 출력하는 블록 제목에도 +25% 적용.
 *   (style.css 의 .nrs-article-card__title 은 이미 적용됨 — 여기서는 블록별 제목 클래스 보강.)
 *   대상 = 그리드·슬라이더·탭·포스트잇·분할(주/부)·티커·제목목록 블록의 기사 제목.
 *   비대상 = 단일기사 본문페이지 제목/부제(.nrs-article-root, nrs-article.css 에서 별도 관리). */
.nrs-grid-title       { font-size: calc(15px * 1.25); }   /* 15 → 18.75 */
.nrs-tab-title        { font-size: calc(14px * 1.25); }   /* 14 → 17.5  */
.nrs-postit-title     { font-size: calc(13px * 1.25); }   /* 13 → 16.25 */
.nrs-ticker-title     { font-size: calc(14px * 1.25); }   /* 14 → 17.5  */
.nrs-title-list-title { font-size: calc(14px * 1.25); }   /* 14 → 17.5  */
.nrs-split-sub-title  { font-size: calc(14px * 1.25); }   /* 14 → 17.5  */
.nrs-slider-title     { font-size: clamp(20px, calc(3.125 * var(--nrs-vw, 1vw)), 30px); } /* clamp(16,2.5vw,24) × 1.25 */
.nrs-split-main-title { font-size: clamp(20px, calc(2.5 * var(--nrs-vw, 1vw)), 25px); }   /* clamp(16,2vw,20)  × 1.25 */
/* --nrs-vw = 판 고정 기둥 폭 ÷ 100(blocks.css 끝 묶음). 자동일 때는 정의가 없어 1vw 그대로 = 예전과 같은 값. */

/* ── from blocks.css ── */

.nrs-split-sub--grid { grid-template-columns: 1fr 1fr; }

/* ── from blocks.css ── */

.nrs-block-slider--multi .nrs-slider-slide { flex-basis: calc( ( 100% - 16px ) / 2 ); }

/* ── from blocks.css ── */

.nrs-block-title-list--grid { grid-template-columns: 1fr 1fr; }

/* ── from nrs-article.css ── */

.nrs-article-root {
    max-width: 100%;
    padding: 0 16px;
}
.nrs-article-root .nrs-article-title,
.nrs-article-title { font-size: 26px; }
.nrs-article-root .nrs-article-subtitle,
.nrs-article-subtitle { font-size: 20px; } /* 모바일도 2px 축소(22→20) */
/* 본문·캡션·태그 사이즈는 동일 유지 (가독성) */
/* 기사 도구(2026-10-02 — blocks.css '기사 도구'): 폰은 날짜가 한 줄을 다 쓰고, 그 아랫줄에 구글 선호 출처 · 기사 도구(오른쪽 끝) — 목업 승인. */
body .nrs-wf-article-meta > .nrs-wf-article-dates { flex-basis: 100%; }

/* ── from template-skins.css ── */

  .nrs-site-page.has-sidebar{display:block;}
  .nrs-site-page.has-sidebar .nrs-site-sidebar{width:auto;margin-top:32px;}
  .nrs-site-content .nrs-site-title{font-size:24px;}
  /* 묶음 메뉴 — 폰 판은 묶음 이름(제목처럼) 밑 가로 탭. 지금 페이지 이름 제목은 화면에서만 숨긴다(읽기 프로그램에는 남김). */
  .nrs-site-page.has-lnb{display:block;}
  .nrs-site-lnb{width:auto;}
  .nrs-site-lnb-title{font-size:24px;margin:0 0 20px;}
  .nrs-site-lnb-list{display:flex;gap:4px;margin:-6px 0 24px;border-bottom:1px solid var(--nrs-color-border,#e2e4e7);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  .nrs-site-lnb-list::-webkit-scrollbar{display:none;}
  .nrs-site-lnb-list li{flex:0 0 auto;border-bottom:0;}
  .nrs-site-lnb .nrs-site-tab{padding:9px 12px;font-size:15px;white-space:nowrap;border-left:0;border-bottom:3px solid transparent;margin-bottom:-1px;}
  .nrs-site-lnb .nrs-site-tab.is-current{color:var(--nrs-color-text,#222);border-bottom-color:var(--nrs-color-primary,#000080);background:none;}
  .nrs-site-page.has-lnb .nrs-site-content .nrs-site-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ── from style.css ── */
@media (max-width: 600px) {
    .nrs-article-layout-grid { grid-template-columns: 1fr; }
}

/* 기사 도구 단추가 32px(04-workflow article-view.css 600px 이하)일 때 구글 선호 출처 단추(28px)와 가운데 맞춤 — blocks.css '기사 도구'(2026-10-02) */
@media (max-width: 600px) {
    body .nrs-wf-article-meta:has(> .nrs-article-tools) > .nrs-article-gpref { margin-top: 2px; }
}

/* ── from blocks.css ── */
@media (max-width: 479px) {
    .nrs-block-grid { grid-template-columns: 1fr; }
}

/* ── from blocks.css ── */
@media (max-width: 479px) {
    .nrs-split-sub--grid { grid-template-columns: 1fr; }
}

/* ── from blocks.css ── */
@media (max-width: 479px) {
    .nrs-block-slider--multi .nrs-slider-slide { flex-basis: 100%; }
}

/* ── from blocks.css ── */
@media (max-width: 479px) {
    .nrs-block-title-list--grid { grid-template-columns: 1fr; }
}

/* ── 기사 리스트 — 보기 전환 목록(.nrs-list-toggle-wrap — 분류 · 검색 · 기자 · 보관함 화면)만, 2026-10-02 운영자 지시 · 목업 v10 승인 ──
 *   모든 기기 묶음(제목 줄 간격 1.55 · 카드형 1:1 · 요약 · 배지 맞춤)은 style.css, 태블릿 · 데스크톱은 tablet · desktop.css 같은 묶음.
 *   ★제목 크기: 폰 기사 카드 제목 +25%(위 v2.2.0-126 · 모든 기사 블록)는 그대로 두고 이 목록들에서만 줄인다 — 18.75 → 텍스트형 12 · 섬네일형 14 · 카드형 16px.
 *     운영자 "모바일 환경에서 제목 폰트가 커서 제목의 3분의2 이하만 출력" — 폰 폭 360 / 390 / 412 에서 보이는 제목 글자(공정경제 분류 '기사' 15건 실측):
 *     텍스트형 23 / 30 / 33% → 88 / 93 / 95% · 섬네일형 63 / 73 / 82% → 98 / 100 / 100% · 카드형 33 / 36 / 39% → 100%.
 *   텍스트형: 행 위아래 6px · 발행일시 · 작성자 숨김(분류만) / 섬네일형: 요약 뺌 · 섬네일 96×64 / 카드형: 1단 / 등급 배지: 모든 형식 한 글자(헤 · 중 — style.css 와 같은 규칙).
 *   블록 설정 '제목 글자 크기 · 섬네일 폭'(!important)을 정한 목록은 그 값이 먼저다.
 * v11(2026-10-02 21시대 · 운영자 질문 "제목 글자가 너무 작은 거 아닌가?" → 결정 "한 단계씩만 키움" · 지시 "카드형 섬네일 … 기존 비율을 유지하면서
 *   가로 75%, 세로 75%" → 목업 · 결정 "가운데 맞춤"): 텍스트형 12 → 13 · 섬네일형 14 → 15px(줄 수 그대로 — 폰 390 에서 보이는 제목 90 · 99%) ·
 *   카드형 섬네일 1:1 그대로 75%(390 에서 351 → 263px) 가운데. 같은 때 지시 "리스트 페이지에서 헤드라인(헤), 중요기사(중) 등의 아이콘은 모두 빼라"는
 *   목록 블록 설정 '등급 아이콘 표시'(showGradeBadge)를 끄는 것으로(편집판 데이터) — 아래 한 글자 배지 규칙은 그 설정을 다시 켤 때 쓰인다. */
/* v12(2026-10-03 운영자 — "다른 언론사의 모바일 환경 기사 리스트 페이지를 광범위하게 조사해서 … 목업을 만들어서 제안해라" → 조사 30곳 · 목업 → 결정):
 *   텍스트형 "정보통신신문을 기본으로 제목 15px 한 줄 + 등록자 정보(공동 바이라인 포함)" + 메타 '분류 · 발행일시 · 등록자'(옛 '발행일시 · 작성자 숨김'을 푼다)
 *     — 제목 아래 메타 줄 · 한 줄을 넘으면 …(style.css 의 원래 뜻 — 디자인 CSS 가 -webkit-box 로 덮어 말줄임표 없이 글자 중간에서 잘리던 것)
 *     · 행 위아래 6px · 구분선 5개마다는 그대로.
 *   섬네일형 "현재 디자인 + 섬네일 오른쪽 배치 + 제목 폰트 16px" + 2줄을 넘으면 …(디자인 CSS(목록 화면) 가 -webkit-line-clamp: none · max-height 로
 *     높이만 잘라 말줄임표가 없던 것 — 운영자 "… 도 고쳐서").
 *   카드형 "B 2단 카드"(1:1 그대로) + "등록자 정보(공동 바이라인 포함)까지" — 제목 16px 3줄까지 · 메타 분류 · 등록자(발행일시 숨김).
 *   메타 글자는 세 형식 모두 지금 값 12px("메타 폰트 사이즈는 똑같게") · 구분 기호 없음. 공동 바이라인은 아래 .nrs-article-card__all(목록 블록 render.php). */
.nrs-list-toggle-wrap .nrs-article-layout-simple-list .nrs-article-card__body { display: block; }
body .nrs-list-toggle-wrap .nrs-article-layout-simple-list .nrs-article-card__title { display: block; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-height: none; }
.nrs-list-toggle-wrap .nrs-article-layout-simple-list .nrs-article-card__meta { justify-content: flex-start; }
/* 섬네일 오른쪽 — 블록 설정 '섬네일 정렬'(thumbAlign — 모든 기기)을 정한 목록은 그 설정대로(그래서 폰만 바꾸는 이 규칙은 설정 칸이 아니라 여기). */
.nrs-list-toggle-wrap:not(.nrs-al--thumb-left):not(.nrs-al--thumb-right) .nrs-article-layout-card-list .nrs-article-card { flex-direction: row-reverse; }
body .nrs-list-toggle-wrap .nrs-article-layout-card-list .nrs-article-card__title { font-size: 16px; -webkit-line-clamp: 2; }
body .nrs-list-toggle-wrap .nrs-article-layout-grid .nrs-article-card__title { font-size: 16px; -webkit-line-clamp: 3; max-height: calc(3 * 1lh); min-height: 0; margin: 0 0 4px; }
.nrs-list-toggle-wrap .nrs-article-layout-simple-list .nrs-article-card:not(:first-child) { padding-top: 6px; }
.nrs-list-toggle-wrap .nrs-article-layout-simple-list .nrs-article-card { padding-bottom: 6px; }
.nrs-list-toggle-wrap .nrs-article-layout-grid .nrs-article-card__date { display: none; }
.nrs-list-toggle-wrap .nrs-article-layout-card-list .nrs-article-card__excerpt { display: none; }
.nrs-list-toggle-wrap:not(.nrs-al--thumbsize) .nrs-article-layout-card-list .nrs-article-card__thumb { width: 96px; height: 64px; }
/* 카드형 2단(v12) — 플러그인 article-blocks.css 의 .nrs-article-layout-grid(3단)가 이 파일보다 뒤에 실린다 → 특이도를 올려 이긴다. */
.nrs-list-toggle-wrap .nrs-article-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 14px; }
.nrs-list-toggle-wrap .nrs-article-layout-grid .nrs-article-card__body { padding-top: 8px; }
/* 카드형 섬네일 = 칸 폭 1:1(1:1 은 style.css — 같은 :not 조건 · 블록 설정으로 섬네일 모양을 정한 목록은 그 설정대로) · 모서리 6px. v11 '75% · 가운데'는 v12 2단으로 바뀜. */
.nrs-list-toggle-wrap:not(.nrs-al--thumbstyled) .nrs-article-layout-grid .nrs-article-card__thumb-link { display: block; width: 100%; margin: 0; }
.nrs-list-toggle-wrap:not(.nrs-al--thumbstyled) .nrs-article-layout-grid .nrs-article-card__thumb { border-radius: 6px; }
/* 공동 바이라인 — 폰에서는 등록자 전체(__all), 태블릿 · PC 는 대표 등록자(__rep · style.css 가 __all 을 숨김). 등록자 1명이면 두 칸 없이 이름만. */
.nrs-list-toggle-wrap .nrs-article-card__rep { display: none; }
.nrs-list-toggle-wrap .nrs-article-card__all { display: inline; }
.nrs-list-toggle-wrap .nrs-article-card__title .nrs-grade-badge[data-short] {
    position: relative;
    box-sizing: border-box;
    width: 1.6em;
    height: 1.6em;
    padding: 0;
    overflow: hidden;
    font-size: 0.72em;
    line-height: 1.6em;
    white-space: nowrap;
    border-radius: 50%;
    vertical-align: middle;
    -webkit-text-fill-color: transparent;
}
.nrs-list-toggle-wrap .nrs-article-card__title .nrs-grade-badge[data-short]::before {
    content: attr(data-short);
    content: attr(data-short) / "";
    position: absolute;
    inset: 0;
    line-height: 1.6em;
    text-align: center;
    -webkit-text-fill-color: currentColor;
}
