/* 모바일게임·PC게임·자유커뮤니티의 정보 모듈만 목록의 남색으로 통일합니다.
   전체메뉴·공통 배경·로그인·풋터·자료실·오락실은 선택하지 않고 링크·폼·조회 처리는 유지합니다. */
.community-hub :is(.category-hero,.widget-box,.category-lounge){--category-accent:#9bb9df;--category-accent-2:#b8cce8;--category-accent-soft:#1d314b;--category-surface:#142237;background:#142237;border:1px solid #35465f;border-radius:6px;box-shadow:none;color:#e1e7f0;font-family:Arial,'Malgun Gothic',sans-serif;text-shadow:none}
.community-hub :is(.category-hero,.category-lounge)::before,.community-hub :is(.category-hero)::after{content:none}
/* 상단은 실제 제목·안내·검색·활동 수치만 읽히도록 장식 패널과 영문 표식을 숨깁니다. */
.community-hub .category-hero{margin-bottom:8px;padding:0;overflow:visible}
.community-hub .category-hero-inner{display:block;min-height:0;padding:12px 14px}
.community-hub .category-kicker,.community-hub .category-visual{display:none}
.community-hub .category-hero h1{margin:0 0 5px;color:#e1e7f0;font:700 21px/1.5 Arial,'Malgun Gothic',sans-serif;letter-spacing:0;text-shadow:none}
.community-hub .category-hero p{margin:0;color:#afbace;font:400 12px/1.65 Arial,'Malgun Gothic',sans-serif;overflow-wrap:anywhere}
/* 비용처럼 이용 전에 알아야 할 정보만 금색으로 강조하며 실제 관리자 설정 금액을 자르지 않습니다. */
.community-hub .category-hero .category-board-create-notice{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;box-sizing:border-box;width:fit-content;max-width:100%;margin-top:8px;padding:7px 9px;border:1px solid #80663a;border-left:3px solid #e5bb68;border-radius:4px;background:#292719;box-shadow:none;color:#e7d2a8}
.community-hub .category-board-create-notice .category-board-create-label{color:#f0d49d;font:700 13px/1.6 Arial,'Malgun Gothic',sans-serif}
.community-hub .category-board-create-notice strong{display:inline-block;box-sizing:border-box;max-width:100%;padding:2px 8px;border:1px solid #f5d99e;border-radius:3px;background:#f0cd86;color:#30220c;font:700 16px/1.5 Arial,'Malgun Gothic',sans-serif;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}
.community-hub .category-board-create-notice .category-board-create-help{color:#c1c7ce;font:400 12px/1.6 Arial,'Malgun Gothic',sans-serif}
.community-hub .category-badges{display:flex;flex-wrap:wrap;gap:4px 10px;margin:6px 0 0}
.community-hub .category-badge{flex:0 1 auto;max-width:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#aabbd2;font:400 11px/1.6 Arial,'Malgun Gothic',sans-serif;text-align:left}
/* 검색과 초기화는 기존 표시 조건을 보존하고 높이·테두리를 같게 맞춥니다. */
.community-hub .category-board-finder{gap:5px;margin-top:9px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.community-hub .category-board-finder :is(input,button){box-sizing:border-box;min-width:0;height:32px;border:1px solid #4a5f7d;border-radius:3px;box-shadow:none;font:400 12px/1.5 Arial,'Malgun Gothic',sans-serif}
.community-hub .category-board-finder input{padding:0 9px;background:#101c30;color:#e1e7f0;color-scheme:dark}
.community-hub .category-board-finder input::placeholder{color:#a0b0c7;opacity:1}
.community-hub .category-board-finder button{padding:0 11px;background:#29466e;color:#fff}
.community-hub .category-board-finder button[type=button]{background:#20334e;color:#e1e7f0}
/* 통합검색을 보조 버튼보다 선명하게 구분하고 크기·위치·전체메뉴 디자인은 유지합니다. */
.community-hub .category-board-finder button[type=submit]{border-color:#87a5cc;background:#365b8d;color:#fff;font-weight:700}
.community-hub .category-board-finder button[type=submit]:hover{background:#416c9f}
.community-hub .category-board-finder-status{color:#afbace;font:400 11px/1.6 Arial,'Malgun Gothic',sans-serif;overflow-wrap:anywhere}
/* 삭제한 진입 버튼의 빈자리 없이 활동 통계만 검색 아래 왼쪽에 정렬하고 좁은 화면에서는 줄바꿈합니다. */
.community-hub .category-hero-stats{margin-top:8px}
.community-hub .category-stat-line{display:flex;flex-wrap:wrap;gap:4px 12px;max-width:100%;margin-left:0;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
.community-hub .category-stat-item{display:inline-flex;align-items:baseline;gap:5px;min-height:0;padding:0;background:none;text-align:left}
.community-hub .category-stat-item+.category-stat-item{border:0}
.community-hub .category-stat-label,.community-hub .category-stat-value{color:#afbace;font:400 12px/1.6 Arial,'Malgun Gothic',sans-serif;text-shadow:none}
.community-hub .category-stat-value{color:#dce5f1;font-weight:700;font-variant-numeric:tabular-nums}
/* 최근·인기 글은 제목을 먼저, 날짜·게시판 정보는 아래로 배치하며 긴 제목을 자르지 않습니다. */
.community-hub .widget-column{align-content:start;align-items:start;gap:8px;min-width:0}
.community-hub .widget-box{min-width:0;margin:0;padding:10px 12px}
.community-hub .widget-box h3{margin:0 0 2px;padding:0 0 8px;border-bottom:1px solid #35465f;color:#e1e7f0;font:700 15px/1.5 Arial,'Malgun Gothic',sans-serif}
.community-hub .widget-box h3::before{content:none}
.community-hub .widget-box li{gap:2px;padding:6px 0;border-bottom:1px solid #2e3f57;font-size:13px}
.community-hub .widget-box li:last-child{border-bottom:0;padding-bottom:0}
.community-hub .widget-box li:not(.empty-text)>a{grid-row:1;display:block;color:#e1e7f0;font:400 13px/1.65 Arial,'Malgun Gothic',sans-serif;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;text-decoration:none;transform:none}
.community-hub .widget-box li:not(.empty-text)>.post-meta{grid-row:2;color:#a8b7cd;font:400 11px/1.6 Arial,'Malgun Gothic',sans-serif;overflow-wrap:anywhere}
.community-hub .widget-box li>a:hover{color:#bfd6f4;text-decoration:none;transform:none}
.community-hub .widget-box .empty-text{gap:5px;min-height:0;padding:8px 0;color:#c3d0e2;line-height:1.65}
.community-hub .widget-box .empty-text strong{font-size:13px;font-weight:400}
.community-hub .widget-box .empty-text small{color:#afbace;font-size:12px}
.community-hub .widget-box .empty-text a{color:#b8cce8;font-size:12px;text-decoration:none}
/* 하단은 중첩된 네온 카드 대신 얇은 구분선의 서비스 링크로 정리하며 이동 경로는 그대로 둡니다. */
.community-hub .category-lounge{margin-top:8px;padding:10px 12px}
.community-hub .category-lounge-head{margin-bottom:3px;padding-bottom:8px;border-bottom:1px solid #35465f}
.community-hub .category-lounge-head h2{color:#e1e7f0;font:700 15px/1.5 Arial,'Malgun Gothic',sans-serif}
.community-hub .category-lounge-head>span,.community-hub .category-lounge-card em{display:none}
.community-hub .category-lounge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.community-hub .category-lounge-card{gap:4px;min-width:0;min-height:0;padding:9px 10px;border:0;border-radius:0;background:none;box-shadow:none;color:#e1e7f0;text-decoration:none;transform:none;transition:none}
.community-hub .category-lounge-card+.category-lounge-card{border-left:1px solid #2e3f57}
.community-hub .category-lounge-card strong{margin:0;color:#e1e7f0;font:700 13px/1.6 Arial,'Malgun Gothic',sans-serif;overflow-wrap:anywhere}
.community-hub .category-lounge-card small{margin:0;color:#afbace;font:400 12px/1.65 Arial,'Malgun Gothic',sans-serif;overflow-wrap:anywhere}
.community-hub .category-lounge-card b{padding-top:2px;color:#b8cce8;font:400 12px/1.6 Arial,'Malgun Gothic',sans-serif}
.community-hub .category-lounge-card:hover{background:#1d314b;color:#fff;transform:none;box-shadow:none;text-decoration:none}
/* 버튼·링크는 움직임 없이 색으로 반응하고, 키보드 위치는 명확한 테두리로 표시합니다. */
.community-hub :is(.category-hero,.widget-box,.category-lounge) :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #91b5de;outline-offset:2px}
@media(max-width:960px){
 /* 위젯이 아래로 내려올 때는 두 열로 모아 불필요하게 긴 빈 공간을 줄입니다. */
 .community-hub .widget-column{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .community-hub .category-hero-inner{padding:10px}
 .community-hub .category-hero h1{font-size:19px}
 .community-hub .category-lounge-grid{grid-template-columns:1fr}
 .community-hub .category-lounge-card{padding:9px 0}
 .community-hub .category-lounge-card+.category-lounge-card{border-left:0;border-top:1px solid #2e3f57}
}
@media(max-width:600px){
 .community-hub .widget-column{grid-template-columns:1fr}
 .community-hub .category-board-finder{grid-template-columns:minmax(0,1fr) auto}
 .community-hub .category-board-finder button[type=button]{grid-column:1/-1}
 /* 좁은 화면에서는 금액을 첫 줄에 남기고 개설 안내만 다음 줄로 내려 겹침을 방지합니다. */
 .community-hub .category-board-create-notice .category-board-create-help{flex-basis:100%}
}