/* 실검 서브페이지(이슈/이력) — /hot 메인 리디자인과 같은 팔레트 */
.wrap{background:#eef1f6;}
.hp{--p:#4f46e5;--pl:#eef2ff;--ink:#0f172a;--ink2:#334155;--sub:#64748b;--faint:#94a3b8;--line:#e6e9ef;--line2:#eef1f5;--soft:#f8fafc;
    font-family:'Noto Sans KR','Inter',system-ui,sans-serif;color:var(--ink);max-width:1000px;margin:0 auto;padding:24px 22px 44px;line-height:1.65;-webkit-font-smoothing:antialiased;}
.hp *{box-sizing:border-box;}
.hp a{color:inherit;text-decoration:none;}
.hp h1,.hp h2,.hp h3{margin:0;letter-spacing:-.01em;}
.hp ul,.hp ol{margin:0;padding:0;list-style:none;}

.hp-subnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.hp-subnav a{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink2);}
.hp-subnav a:hover{color:var(--p);border-color:#c7d2fe;}
.hp-subnav i{color:var(--p);font-size:12px;}

.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px rgba(15,23,42,.04);margin-bottom:18px;overflow:hidden;}
.card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line2);}
.card-h h2{font-size:15.5px;font-weight:700;display:flex;align-items:center;gap:9px;}
.card-h h2 i{color:var(--p);}
.card-h .more{font-size:12.5px;color:var(--sub);font-weight:600;}
.card-b{padding:18px 20px;}

/* 이슈 글 */
.art-head{padding:24px 24px 18px;border-bottom:1px solid var(--line2);}
.art-kw{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--p);background:var(--pl);padding:5px 11px;border-radius:999px;margin-bottom:12px;}
.art-title{font-size:24px;font-weight:800;line-height:1.35;}
.art-meta{margin-top:10px;font-size:12.5px;color:var(--faint);display:flex;flex-wrap:wrap;gap:6px 14px;}
.art-sum{margin:0;padding:16px 24px;background:var(--soft);border-bottom:1px solid var(--line2);font-size:15px;font-weight:600;color:var(--ink2);}
.art-body{padding:20px 24px 8px;font-size:15.5px;color:var(--ink2);line-height:1.85;}
.art-body p{margin:0 0 16px;}
.art-note{padding:0 24px 20px;font-size:12px;color:var(--faint);}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.stat{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 14px;}
.stat b{display:block;font-size:18px;font-weight:800;font-family:'Inter','Noto Sans KR',sans-serif;color:var(--ink);}
.stat span{font-size:12px;color:var(--sub);}

.news-row{display:block;padding:12px 4px;border-top:1px solid var(--line2);}
.news-row:first-child{border-top:none;}
.news-row .t{display:block;font-size:14.5px;font-weight:600;color:var(--ink);}
.news-row:hover .t{color:var(--p);}
.news-row .d{display:block;font-size:12.5px;color:var(--sub);margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-row .tm{font-size:11.5px;color:var(--faint);font-family:'Inter',sans-serif;}

/* 목록 */
.post-row{display:block;padding:14px 20px;border-top:1px solid var(--line2);}
.post-row:first-child{border-top:none;}
.post-row:hover{background:var(--soft);}
.post-row .kw{font-size:11.5px;font-weight:700;color:var(--p);}
.post-row .t{display:block;font-size:15px;font-weight:700;color:var(--ink);margin:2px 0;}
.post-row .s{display:block;font-size:13px;color:var(--sub);}
.post-row .tm{font-size:11.5px;color:var(--faint);font-family:'Inter',sans-serif;}
.pager{display:flex;justify-content:center;gap:8px;padding:16px;}
.pager a{padding:7px 14px;border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:600;background:#fff;}

/* 이력 */
.hist-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.hist-tools input{border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px;font-family:inherit;}
.hist-tools button{border:0;background:var(--p);color:#fff;border-radius:10px;padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer;}
.snap{border-top:1px solid var(--line2);padding:12px 20px;}
.snap:first-child{border-top:none;}
.snap-t{font-size:12.5px;font-weight:700;color:var(--sub);font-family:'Inter',sans-serif;margin-bottom:6px;}
.snap-list{display:flex;flex-wrap:wrap;gap:6px;}
.snap-list a{display:inline-flex;align-items:center;gap:5px;font-size:13px;padding:4px 10px;border-radius:999px;background:var(--soft);border:1px solid var(--line);color:var(--ink2);}
.snap-list a:hover{border-color:#c7d2fe;color:var(--p);}
.snap-list .n{font-weight:800;color:var(--p);font-family:'Inter',sans-serif;font-size:12px;}
.tbl{width:100%;border-collapse:collapse;font-size:13.5px;}
.tbl th,.tbl td{padding:9px 12px;border-bottom:1px solid var(--line2);text-align:left;}
.tbl th{font-size:12px;color:var(--sub);font-weight:700;background:var(--soft);}
.tbl td.num{font-family:'Inter',sans-serif;font-weight:700;}
.tbl a{color:var(--ink);font-weight:600;}
.tbl a:hover{color:var(--p);}
.dir{font-size:11px;font-weight:800;}
.dir.up{color:#e11d48;}.dir.down{color:#2563eb;}.dir.eq{color:var(--faint);}.dir.new{color:#f59e0b;}
.rank-chart{display:flex;align-items:flex-end;gap:3px;height:90px;padding:6px 0;}
.rank-chart span{flex:1;min-width:4px;max-width:18px;background:linear-gradient(180deg,#6366f1,#a5b4fc);border-radius:4px 4px 0 0;}
.empty{padding:40px 20px;text-align:center;color:var(--faint);font-size:13.5px;}

.hp-footer{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);text-align:center;}
.hp-footer-copy{font-size:11.5px;color:var(--faint);}

@media (max-width:768px){
  .hp{padding:16px 12px 36px;}
  .art-title{font-size:20px;}
  .art-head,.art-sum,.art-body,.art-note{padding-left:16px;padding-right:16px;}
  .stats{grid-template-columns:repeat(2,1fr);}
  .tbl th:nth-child(4),.tbl td:nth-child(4){display:none;}
}