/* news-view.css — 뉴스 상세 + 목록 보조(더 보기/고정/빈 상태). news-cards.css 뒤에 로드 */
.article-detail{max-width:760px;margin:0 auto;padding:96px 20px 90px}
.article-detail .eyebrow{margin-bottom:16px}
.article-detail h1{margin:0 0 20px;font-size:clamp(28px,4vw,42px);line-height:1.28;letter-spacing:-.04em;word-break:break-word}
.article-detail .meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:14px}
.article-detail .hero-img{display:block;width:100%;max-height:460px;object-fit:cover;margin:0 0 30px;border-radius:14px;background:#0a0c10}
.article-detail .body{color:#cfd4e3;font-size:17px;line-height:1.85;word-break:break-word}
.article-detail .body h2{margin:38px 0 14px;color:var(--text);font-size:22px;line-height:1.4}
.article-detail .body p{margin:0 0 20px;white-space:pre-line}
.article-detail .source{margin-top:36px;padding:16px 18px;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--muted);font-size:13px;word-break:break-all}
.article-detail .source a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.article-detail .back{display:inline-block;margin-top:30px;color:var(--green);font-weight:700}
.article-detail .back:hover{text-decoration:underline}
.nv-msg{padding:60px 0 10px;color:var(--muted);text-align:center}

.news-msg{margin:0;padding:50px 0;color:var(--muted);text-align:center}
.news-msg:empty{display:none}
.news-more{margin-top:30px;text-align:center}
.news-more button{min-height:46px;padding:0 28px;border:1px solid #343943;border-radius:8px;background:transparent;color:var(--text);font-weight:700;cursor:pointer;transition:.2s}
.news-more button:hover:not(:disabled){border-color:var(--green);color:var(--green)}
.news-more button:disabled{opacity:.5;cursor:default}
.article-meta .article-pin{color:var(--green);font-weight:800}

@media(max-width:560px){
  .article-detail{padding:70px 16px 70px}
  .article-detail .body{font-size:16px}
}

/* 라이트 테마 (목록 카드는 theme-light 에 규칙이 없어 여기서 처리) */
html[data-theme="light"] .article-card{background:#fff!important;border-color:#e3e7ee!important;box-shadow:0 2px 10px rgba(20,30,50,.04)}
html[data-theme="light"] .article-card:hover{border-color:#c3cad6!important;box-shadow:0 14px 36px rgba(20,30,50,.1)}
html[data-theme="light"] .article-body p{color:#5b6372!important}
html[data-theme="light"] .article-meta{color:#7a8291}
html[data-theme="light"] .article-image{background:#eef1f7}
html[data-theme="light"] .article-image.placeholder{background:radial-gradient(circle at 30% 20%,#e6ebff,#f4f6fa 65%)}
html[data-theme="light"] .article-detail .meta{border-bottom-color:#e3e7ee}
html[data-theme="light"] .article-detail .hero-img{background:#eef1f7}
html[data-theme="light"] .article-detail .body{color:#2b3340}
html[data-theme="light"] .article-detail .source{border-color:#e3e7ee;background:#fff}
html[data-theme="light"] .news-more button{border-color:#d7dce5;color:#0f1319}