/* support group — 공지사항 목록(UC-CS-101) · 공지사항 상세(UC-CS-102) */
.sp .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* List head: title + 자주 묻는 질문(/faq) 바로가기 (UI목록: 상단 바로가기 링크) */
.sp-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px}
.sp-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.sp-list .cp-list-side{font-variant-numeric:tabular-nums}
.sp-src{margin-top:20px;font-size:12px;color:var(--text-3)}

/* Detail */
.sp-detail-head{padding-bottom:24px;border-bottom:1px solid var(--ink)}
.sp-detail-head h1{font-size:clamp(28px,2.7vw,38px);font-weight:500;letter-spacing:-.03em;line-height:1.35}
.sp-detail-head .cp-meta{margin-top:14px;font-size:14px;font-variant-numeric:tabular-nums}
.sp-detail-body{padding:40px 0 48px}
.sp-detail-body figure img{width:min(640px,100%);height:auto;margin-inline:auto}
.sp-detail-body figcaption{margin-top:16px;text-align:center}

/* Attachments — same row as 마이페이지 상담 상세 첨부파일 */
.sp-files{display:flex;flex-direction:column;gap:8px;padding:20px 0;border-bottom:1px solid var(--line)}
.sp-files a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;background:var(--surface);font-size:14px}
/* Same attachment row as mypage (.my-files): no background change on hover, file name underlines. */
.sp-files a:hover span,.sp-files a:focus-visible span{text-decoration:underline;text-underline-offset:3px}
.sp-files a>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-files small{font-size:12px;color:var(--text-3);white-space:nowrap}