/* 뉴스 더보기 — 전체 기사 목록 (news-list.html/js) 2026-09-29. 심플: 흰 바탕·얇은 줄·주황 포인트 하나 */
.nl-page{--nl-card:#faf7f0;--nl-line:#eee5d8;--nl-text:#1f1c18;--nl-sub:#7a6f5e;--nl-mute:#a3988a;--nl-acc:#e0661a;--nl-bg:#fff}
[data-theme="dark"] .nl-page{--nl-card:#181d18;--nl-line:#2a312a;--nl-text:#e9ede7;--nl-sub:#a4aca2;--nl-mute:#7f887e;--nl-acc:#ff7a1a;--nl-bg:#0f1311}
.nl-main{max-width:920px;margin:0 auto;padding:18px 16px 70px;color:var(--nl-text);box-sizing:border-box}
.nl-main *{box-sizing:border-box}
.nl-eyebrow{margin:10px 0 4px;font:800 12px Arial;letter-spacing:2px;color:var(--nl-acc)}
.nl-main h1{margin:0;font-size:32px;font-weight:900;letter-spacing:-1px}
.nl-sub{margin:8px 0 20px;font-size:14px;color:var(--nl-sub)}
.nl-search input{width:100%;height:46px;padding:0 16px;border:1.5px solid var(--nl-line);border-radius:12px;background:var(--nl-bg);color:var(--nl-text);font:600 15px 'Noto Sans KR',sans-serif;outline:none;-webkit-appearance:none;appearance:none}
.nl-search input::placeholder{color:var(--nl-mute);font-weight:500}
.nl-search input:focus{border-color:var(--nl-acc)}
.nl-tabs{display:flex;gap:6px;margin:14px 0 4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.nl-tabs::-webkit-scrollbar{display:none}
.nl-tabs button{flex:none;height:36px;padding:0 14px;border:1px solid var(--nl-line);border-radius:99px;background:var(--nl-bg);color:var(--nl-sub);font:800 14px 'Noto Sans KR',sans-serif;letter-spacing:-.3px;cursor:pointer;white-space:nowrap}
.nl-tabs button small{margin-left:5px;font-size:12px;font-weight:700;color:var(--nl-mute)}
.nl-tabs button:hover{border-color:var(--nl-text)}
.nl-tabs button.on{background:var(--nl-text);border-color:var(--nl-text);color:var(--nl-bg)}
.nl-tabs button.on small{color:inherit;opacity:.7}
.nl-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0;font-size:13px;color:var(--nl-sub)}
.nl-count{font-weight:700}
.nl-sort select{height:34px;padding:0 8px;border:1px solid var(--nl-line);border-radius:8px;background:var(--nl-bg);color:var(--nl-text);font:700 13px 'Noto Sans KR',sans-serif}
.nl-day{display:flex;align-items:baseline;gap:8px;margin:22px 0 2px;padding:0 4px 8px;border-bottom:2px solid var(--nl-text);font-size:15px;font-weight:900}
.nl-day span{font-size:13px;font-weight:600;color:var(--nl-mute)}
.nl-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--nl-line);color:inherit;text-decoration:none}
.nl-row:hover{background:var(--nl-card)}
.nl-row:hover .nl-tt span{text-decoration:underline;text-decoration-color:var(--nl-acc);text-underline-offset:3px}
.nl-th{display:block;width:96px;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:#f3ece5}
.nl-th img{display:block;width:100%;height:100%;object-fit:cover}
.nl-th.noimg{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#3a342b,#1f1c18)}
.nl-th.noimg img.nl-neo{width:32px;height:32px;object-fit:contain}
.nl-tx{min-width:0}
.nl-tt{display:flex;align-items:center;min-width:0;margin:0;font-size:16px;font-weight:700;line-height:1.45;letter-spacing:-.4px}
.nl-tt>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nl-tt .nw-new{flex:none}
.nl-sm{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:var(--nl-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nl-mt{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12.5px;color:var(--nl-mute);white-space:nowrap}
.nl-cat{padding:3px 8px;border:1px solid var(--nl-line);border-radius:6px;background:var(--nl-card);color:var(--nl-sub);font:800 11.5px/1.3 'Noto Sans KR',sans-serif}
.nl-cc{font-style:normal;color:#b0671b;font-weight:700}.nl-cc:empty{display:none}
[data-theme="dark"] .nl-cc{color:#e0a45a}
.nl-more{margin:26px 0 6px;text-align:center}
.nl-more button{height:44px;padding:0 28px;border:1.5px solid var(--nl-text);border-radius:99px;background:var(--nl-bg);color:var(--nl-text);font:800 14px 'Noto Sans KR',sans-serif;cursor:pointer}
.nl-more button:hover{border-color:var(--nl-acc);color:var(--nl-acc)}
.nl-empty{padding:48px 10px;text-align:center;color:var(--nl-sub)}
.nl-empty b{display:block;margin-bottom:14px;font-size:17px;font-weight:800;color:var(--nl-text)}
.nl-empty button{height:38px;padding:0 18px;border:1.5px solid var(--nl-line);border-radius:99px;background:var(--nl-bg);color:var(--nl-text);font:800 13px 'Noto Sans KR',sans-serif;cursor:pointer}
.nl-note{margin:34px 0 0;font-size:12px;color:var(--nl-mute)}
.nl-note a{color:inherit;text-decoration:underline}
@media(max-width:600px){
 .nl-main{padding:12px 16px 56px}.nl-main h1{font-size:26px}
 .nl-row{grid-template-columns:72px minmax(0,1fr);gap:4px 12px;align-items:start;padding:12px 2px}
 .nl-th{width:72px;grid-row:span 2}
 .nl-tt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px}
 .nl-tt>span{display:inline;white-space:normal;overflow:visible}
 .nl-tt .nw-new{display:inline-block}
 .nl-sm{display:none}
 .nl-mt{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}
}

/* 가로 스크롤 탭 줄: 오른쪽 끝을 흐리게 해 「더 있다」가 보이게(2026-09-29 반응형 검수) */
@media (max-width:760px){.nl-tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);padding-right:28px}}
.nl-cc.z{color:inherit;font-weight:500;opacity:.7}