/* 서든어택 채널 홈 — 검색 + 최근/인기 서든러 + 통계. 라이트/다크 테마 대응. */
.sah{display:flex;flex-direction:column;gap:22px;}
.sah-hero{display:flex;flex-direction:column;gap:16px;}
.chero{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:18px;
	background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 13%,var(--surface)),var(--surface));border:1px solid var(--border);}
.chero__ic{width:54px;height:54px;border-radius:15px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;flex:0 0 auto;}
.chero__t{font-size:22px;font-weight:900;color:var(--text);margin:0 0 4px;}
.chero__sub{font-size:13px;color:var(--sub);margin:0;}

.sah-search__form{display:flex;gap:8px;max-width:560px;width:100%;margin:0 auto;}
.sah-search__form input{flex:1;height:50px;border-radius:13px;border:1.5px solid var(--border);background:var(--surface);
	color:var(--text);font-size:16px;padding:0 18px;outline:none;}
.sah-search__form input:focus{border-color:var(--accent);}
.sah-search__form button{flex:0 0 auto;width:52px;height:50px;border:0;border-radius:13px;background:var(--accent);color:#fff;cursor:pointer;display:grid;place-items:center;}
.sah-nokey{text-align:center;font-size:12.5px;color:#e0872a;margin:0;}

.sah-stats{display:flex;justify-content:center;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;}
.sah-stat{flex:1;text-align:center;position:relative;}
.sah-stat+.sah-stat::before{content:"";position:absolute;left:0;top:15%;height:70%;width:1px;background:var(--border);}
.sah-stat b{display:block;font-size:20px;font-weight:900;color:var(--accent);line-height:1.1;}
.sah-stat span{font-size:11.5px;color:var(--sub);}
.sah-stat--new b{color:#28b45e;}

.sah-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:720px){.sah-cols{grid-template-columns:1fr;}}
.sah-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;}
.sah-card__h h2{font-size:15px;font-weight:900;color:var(--text);margin:0 0 12px;}
.sah-ulist{display:flex;flex-direction:column;}
.sah-urow{display:flex;align-items:center;gap:9px;padding:9px 4px;border-bottom:1px solid var(--border);text-decoration:none;font-size:13.5px;}
.sah-urow:last-child{border-bottom:0;}
.sah-urow__gi{width:26px;height:26px;flex:0 0 auto;object-fit:contain;background:var(--surface-2);border-radius:6px;}
.sah-urow__gi--ph{background:var(--surface-2);}
.sah-urow__nm{font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sah-urow:hover .sah-urow__nm{color:var(--accent);}
.sah-urow__cl{font-size:11.5px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sah-urow__vc{margin-left:auto;flex:0 0 auto;font-size:11px;color:var(--mute);}
.sah-empty{text-align:center;font-size:13px;color:var(--mute);padding:16px 0;margin:0;}