/* 메이슨리형: 여러 단 벽돌 카드 */
.bd-list-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; margin-bottom: 18px; flex-wrap: wrap; }
.bd-head-side { display: flex; align-items: center; gap: 12px; }
.bd-list-search { display: flex; justify-content: center; gap: 6px; margin-top: 24px; }
.bd-list-search .input { width: 240px; }
.bd-empty { text-align: center; padding: 56px; color: var(--muted); }
.ms-wall { columns: 4 220px; column-gap: 16px; }
.ms-card { display: block; break-inside: avoid; margin-bottom: 16px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg, 16px); overflow: hidden; box-shadow: var(--shadow-sm); transition: transform .15s, box-shadow .15s; }
.ms-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); color: inherit; }
.ms-card img { display: block; width: 100%; height: auto; }
.ms-body { display: grid; gap: 6px; padding: 12px 14px 14px; }
.ms-tag { justify-self: start; padding: 2px 9px; border-radius: 999px; background: var(--accent-soft); color: var(--primary); font-size: 12px; font-weight: 700; }
.ms-title { font-size: 15px; line-height: 1.45; }
.ms-excerpt { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.ms-meta { color: var(--muted); font-size: 12px; }
.ms-card.is-text .ms-body { padding: 18px; }
.ms-card.is-text .ms-title { font-size: 17px; }
.ms-tone-0 { background: color-mix(in srgb, var(--primary) 7%, var(--surface)); }
.ms-tone-1 { background: color-mix(in srgb, #f59f00 9%, var(--surface)); }
.ms-tone-2 { background: color-mix(in srgb, #12b886 8%, var(--surface)); }
.ms-tone-3 { background: color-mix(in srgb, #e64980 7%, var(--surface)); }
.ms-card.is-notice { border-color: var(--primary); }
@media (max-width: 640px) { .ms-wall { columns: 2 150px; column-gap: 10px; } .ms-card { margin-bottom: 10px; } }