/* 어쩌다인공지능 웹툰 - 커스텀 스타일 */

/* 멀티라인 말줄임 */
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ✅ 설명(줄거리) 15줄 내외 표시 + 더보기/접기용 */
.line-clamp-15{display:-webkit-box;-webkit-line-clamp:15;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-none{display:block;overflow:visible}

/* 카드 호버 */
.card{transition:transform .18s ease, box-shadow .18s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 18px rgba(0,0,0,.35)}

/* 썸네일 영역: 16:10(62.5%) */
.thumb-box{position:relative;width:100%;padding-top:62.5%;background:#0b1220;border-radius:12px;overflow:hidden}
.thumb-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.thumb-link:hover .thumb-box img{transform:scale(1.03)}

/* 태그 */
.tag-chip{background:#374151;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:10px}

/* 뷰어 진행바 */
.viewer-progress{height:4px;background:rgba(255,255,255,.08)}
.viewer-progress>div{height:100%;width:0%;background:#22c55e;transition:width .2s ease}

/* 관리자 배너 */
.notice{border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18);border-radius:12px}

/* 버튼 비활성화 */
button:disabled{cursor:not-allowed}