/* 스킨 A — 정통 신문 (Classic Press) · 2026-10-28 사장님 선택
   적용: 각 페이지의 style.css 바로 뒤에 <link href="css/skin.css">. 롤백은 이 파일을 비우거나 <link> 한 줄을 지운다.
   세리프 글꼴(Noto Serif KR)은 각 페이지의 Google Fonts 링크가 불러온다.
   세리프 헤드라인 + 남색 포인트 + 겹줄 구분선. 종이 느낌의 배경. 마크업·JS는 그대로, 이 CSS 하나만 style.css 뒤에 붙인다. */
:root { --accent: #1c3d63; --text: #141414; --meta: #6b6b6b; --border: #dcd8cf; --bg: #fbfaf6; --serif: "Noto Serif KR", "Batang", "바탕", serif; }
body { background: var(--bg); }
.site-header { border-top: 6px solid var(--accent); }
.brand-row { padding: 18px 0 14px; }
.brand-write-link { color: var(--accent); }
.subnav { border-top: 1px solid #141414; border-bottom: 1px solid #141414; box-shadow: 0 3px 0 -1px var(--bg), 0 4px 0 -1px #141414; margin-bottom: 6px; padding: 12px 0; }
.cat-nav a { font-family: var(--serif); font-weight: 900; font-size: 18px; letter-spacing: -0.5px; color: #141414; }
.cat-nav a:hover { color: var(--accent); text-decoration: none; }
.hamburger { font-family: var(--serif); font-weight: 900; }
.search-box input { border: 1px solid #141414; border-right: 0; background: #fff; }
.search-box button { background: var(--accent); border-color: var(--accent); }
.section-header { border-bottom: 1px solid #141414; position: relative; padding-bottom: 8px; margin-bottom: 4px; }
.section-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 1px; background: #141414; }
.section-header h2 { font-family: var(--serif); font-weight: 900; font-size: 24px; letter-spacing: -1px; color: var(--accent); }
.section-header h2::before { content: ""; display: inline-block; width: 10px; height: 22px; background: var(--accent); margin-right: 10px; vertical-align: -3px; }
.category-list { margin-top: 12px; }
.category-row { border-bottom: 1px solid var(--border); }
.category-row h3 { font-family: var(--serif); font-weight: 700; font-size: 19px; line-height: 1.55; color: #1b1b1b; letter-spacing: -0.4px; }
.category-row.is-first h3 { font-weight: 900; font-size: 32px; line-height: 1.32; letter-spacing: -1.2px; }
.category-row:hover h3 { color: var(--accent); }
.category-row:hover { text-decoration: none; }
.category-row-summary { font-family: var(--serif); }
.more-link { color: var(--accent); }
.more-link-bottom { background: transparent; border: 1px solid #141414; border-radius: 0; }
.more-link-bottom:hover { background: #141414; color: #fff; }
.side-block h3, .ranking-box h3 { font-family: var(--serif); font-weight: 900; border-bottom: 3px double #141414; font-size: 18px; color: var(--accent); }
.ranking-box li::before { color: var(--accent); font-family: var(--serif); }
.side-col .ad-slot.side-ad { border-radius: 0; }
.site-footer { background: #1b2430; color: #c3c9d1; border-top: 6px solid var(--accent); }
.site-footer .footer-info, .site-footer .footer-note, .site-footer .footer-copyright, .site-footer .footer-tip { color: #c3c9d1; }
.site-footer a { color: #fff; }
.site-footer .footer-logo { filter: brightness(0) invert(1); opacity: .9; }
/* 기사 상세 */
.article-detail-cat { background: var(--accent); border-radius: 0; font-family: var(--serif); }
.article-detail-title { font-family: var(--serif); font-weight: 900; font-size: 40px; letter-spacing: -1.4px; line-height: 1.3; }
.article-detail-subtitle { font-family: var(--serif); font-weight: 500; font-size: 18px; border-left: 3px solid var(--accent); padding-left: 12px; }
.article-detail-meta { border-bottom: 3px double #141414; }
.related-articles h2 { font-family: var(--serif); color: var(--accent); }
.comment-section { border-top: 3px double #141414; }
@media (max-width: 900px) {
  .category-row.is-first h3 { font-size: 24px; }
  .article-detail-title { font-size: 28px; }
  .cat-nav a { font-size: 16px; }
}

/* 공통 보정 — 좁은 화면에서 '전체기사' 버튼이 세로로 깨지지 않게 */
.hamburger { white-space: nowrap; }

.cat-nav { gap: 10px; }
.cat-nav a { font-size: 17px; }
.search-box input { width: 170px; }

.search-box button { white-space: nowrap; }


/* 붉은 계열 연한 배경을 남색 계열로 */
.phone-link { background: #e9eef5; }
.like-btn:hover:not(:disabled) { background: #e9eef5; }
.ad-info-rate.top, .ad-info-pr-card.assisted { background: #e9eef5; }
.write-recent-status-반려 { background: #e9eef5; }
/* 매거진 본문 소제목도 세리프로 */
.article-detail-body.is-magazine h2 { font-family: var(--serif); }

/* 태블릿 가로(901~1180px): 12개 메뉴+검색창이 한 줄에 안 들어가 가로 스크롤이 생기던 문제(스킨 적용 전부터 있었음)
   — 글자·간격을 줄이고, 그래도 모자라면 검색창이 다음 줄로 내려가게 한다. */
@media (min-width: 901px) and (max-width: 1180px) {
  .subnav { flex-wrap: wrap; row-gap: 10px; }
  .cat-nav { gap: 6px; }
  .cat-nav a { font-size: 15px; }
  .search-box { margin-left: auto; }
  .search-box input { width: 140px; }
}