/* extra.css — index 전용 추가 규칙. style.css / editorial.css 는 참고 사이트 원본 그대로 두고, 차이는 전부 여기에 모은다. */

/* 참고 사이트는 로컬 Pretendard 에 기대지만 우리는 jsDelivr 웹폰트(Pretendard Variable)를 함께 싣는다 */
:root{--sans:"Pretendard Variable",Pretendard,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

/* 요청서 패널: "네이버에서 직접 열기" 옆에 "작업 의뢰 안내 전문 보기" 링크를 나란히 */
.request-links{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap}

/* 요청서 캡션 안의 오픈채팅 링크는 본문과 같은 크기의 줄 안 링크 */
.request-caption .text-link{display:inline;font-size:inherit;min-height:0;padding:0 0 1px;gap:0;border-bottom:1px solid currentColor}

/* 다이얼로그 출처 줄: 원문 링크 + 글 페이지 링크 */
.source-links{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}

/* 딥링크로 열린 다이얼로그는 컨테이너 자체가 초점을 받는다 — 브라우저 기본 초점 테두리는 그리지 않는다 */
#case-dialog:focus{outline:0}

/* 적용물 탭의 라벨은 글 소제목이라 길 수 있다 — 참고처럼 한 줄로 유지(말줄임)해 탭 높이·썸네일 줄을 가지런히 맞춘다.
   전체 이름은 캡션·소제목(h3)·aria-label 에 나온다 */
.variant-tabs>button{min-width:0}/* 플렉스 항목의 자동 최소 너비가 긴 라벨 때문에 탭(104px)을 넓히지 않도록 */
.variant-tabs span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:760px){.request-links{justify-content:flex-start;gap:16px}.source-links{justify-content:flex-start;gap:14px}}

/* 공개로 전환할 때 "비공개" 배지와 PRIVATE PORTFOLIO 문구를 한 줄로 지우는 자리:
   .private-only{display:none!important} */