/* KBoard Card Skin - 밤필 다크 버전 */
:root {
--kb-card-radius: 10px;
--kb-card-gap: 6px;
--kb-card-padding: 8px;

/* 🌙 다크 통일 */
--kb-card-border: 1px solid #1f2937;
--kb-card-bg: #151821;

--kb-card-shadow: 0 4px 14px rgba(0,0,0,.35);
--kb-card-shadow-hover: 0 10px 28px rgba(0,0,0,.6);

--kb-thumb-ratio: 100%;
}

/* 툴바 */
.kboard-toolbar{
display:flex;
justify-content:flex-end;
margin-bottom:6px;
}

/* 글쓰기 버튼 */
.kboard-write-button{
padding:6px 10px;
border-radius:9px;
background:#151821;
border:1px solid #1f2937;
color:#e5e7eb;
font-weight:600;
font-size:13px;
transition:.15s;
}

.kboard-write-button:hover{
color:#000;
background:#d4af37;
border-color:#d4af37;
box-shadow:0 6px 16px rgba(212,175,55,.4);
}

/* 그리드 */
.kboard-card-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:var(--kb-card-gap);
}

@media (max-width:1280px){
.kboard-card-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
.kboard-card-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
.kboard-card-grid{grid-template-columns:1fr}
}

/* 카드 */
.kboard-card{
display:flex;
border:var(--kb-card-border);
border-radius:var(--kb-card-radius);
background:var(--kb-card-bg);
box-shadow:var(--kb-card-shadow);
transition:.2s;
}

.kboard-card:hover{
transform:translateY(-2px);
box-shadow:var(--kb-card-shadow-hover);
border-color:#d4af37;
}

/* 링크 */
.kboard-card-link{
display:flex;
flex-direction:column;
gap:6px;
padding:var(--kb-card-padding);
width:100%;
color:inherit;
}

/* 썸네일 */
.kboard-card-thumb{
position:relative;
width:100%;
padding-top:var(--kb-thumb-ratio);
border-radius:8px;
overflow:hidden;
background:#0f1115;
border:1px solid #1f2937;
}

.kboard-card-thumb img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
}

/* 제목 */
.kboard-card-title{
font-size:18px;
font-weight:700;
line-height:1.4;
margin:0;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
word-break:keep-all;

color:#e5e7eb;
text-align:center;
}

/* 빈 상태 */
.kboard-empty{
grid-column:1/-1;
text-align:center;
color:#9ca3af;
padding:24px 0;
border:1px dashed #1f2937;
border-radius:8px;
background:#151821;
}

/* 페이지네이션 */
.kboard-pagination{
margin-top:12px;
display:flex;
justify-content:center;
}

.kboard-pagination a,
.kboard-pagination span{
margin:0 3px;
padding:6px 9px;
border-radius:9px;
border:1px solid #1f2937;
color:#d1d5db;
background:#151821;
transition:.15s;
}

.kboard-pagination a:hover

.kboard-pagination .current{
font-weight:700;
background:#d4af37;
color:#000;
border-color:#d4af37;
}