@charset "utf-8";

/* ============================================================
   사다리차·장비(jangbi) 최신글 - 메인 핀터레스트(메이슨리) 카드
   컬럼: 4 → 3(≤1280) → 2(≤768) → 2(≤480)
   색상은 메인 테마 변수(var) → 다크모드 자동 대응
   ============================================================ */
.jangbi-latest{width:100%}
.jangbi-latest .jl-grid{column-count:4;column-gap:20px;margin:0;padding:0;list-style:none}
.jangbi-latest .jl-card{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin:0 0 20px;display:block;position:relative;background:var(--white,#fff);border:1px solid var(--line,#e5e7eb);border-radius:14px;overflow:hidden;transition:.2s}
.jangbi-latest .jl-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover,0 14px 36px rgba(37,99,235,.16));border-color:transparent}
.jangbi-latest .jl-thumb{display:block;position:relative;background:var(--bg-gray,#f8fafc);overflow:hidden}
.jangbi-latest .jl-thumb img{width:100%;height:auto;display:block;transition:.3s}
.jangbi-latest .jl-card:hover .jl-thumb img{transform:scale(1.04)}
.jangbi-latest .jl-noimg{display:flex;align-items:center;justify-content:center;width:100%;min-height:170px;color:var(--line,#e5e7eb)}
.jangbi-latest .jl-noimg i{font-size:50px}
.jangbi-latest .jl-body{display:flex;flex-direction:column;gap:6px;padding:14px}
.jangbi-latest .jl-cate{align-self:flex-start;font-size:12px;font-weight:800;color:var(--brand,#2563eb);background:var(--brand-light,#eff6ff);padding:3px 10px;border-radius:20px}
.jangbi-latest .jl-tit{font-size:15px;font-weight:700;color:var(--ink,#111827);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jangbi-latest .jl-new{display:inline-block;margin-left:4px;font-size:10px;font-weight:800;color:#fff;background:var(--cta,#16a34a);padding:1px 5px;border-radius:4px;vertical-align:middle}
.jangbi-latest .jl-spec{font-size:13px;color:var(--ink-2,#374151);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jangbi-latest .jl-area{font-size:13px;color:var(--ink-2,#374151);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jangbi-latest .jl-spec i,.jangbi-latest .jl-area i{color:var(--brand,#2563eb)}
.jangbi-latest .jl-info{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:2px;font-size:12px;color:var(--muted,#6b7280)}
.jangbi-latest .jl-info i{color:var(--muted,#9ca3af)}
.jangbi-latest .jl-empty{column-span:all;text-align:center;color:var(--muted,#6b7280);padding:50px 0;border:1px dashed var(--line,#e5e7eb);border-radius:14px}
@media (max-width:1280px){.jangbi-latest .jl-grid{column-count:3}}
@media (max-width:768px){.jangbi-latest .jl-grid{column-count:2;column-gap:14px}.jangbi-latest .jl-card{margin-bottom:14px}}
@media (max-width:480px){.jangbi-latest .jl-grid{column-count:2;column-gap:10px}.jangbi-latest .jl-body{padding:11px}}