/**
 * DW Board — Webzine (magazine) layout. Scoped under .dw-board-webzine.
 */
.dw-board-webzine { display: flex; flex-direction: column; gap: 16px; }
.dw-board-webzine .dw-wz-item {
	display: flex;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	transition: box-shadow 0.15s ease;
}
.dw-board-webzine .dw-wz-item:hover { box-shadow: 0 4px 16px rgba( 0, 0, 0, 0.08 ); }
.dw-board-webzine .dw-wz-thumb { background-size: cover; background-position: center; background-color: #f3f4f6; }
.dw-board-webzine .dw-wz-thumb--empty { display: flex; align-items: center; justify-content: center; font-size: 36px; font-weight: 700; color: #cbd5e1; }
.dw-board-webzine .dw-wz-featured { flex-direction: column; }
.dw-board-webzine .dw-wz-featured .dw-wz-thumb { width: 100%; aspect-ratio: 21 / 9; }
.dw-board-webzine .dw-wz-featured .dw-wz-title { font-size: 22px; }
.dw-board-webzine .dw-wz-row .dw-wz-thumb { flex: 0 0 220px; aspect-ratio: 16 / 10; }
.dw-board-webzine .dw-wz-body { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; flex: 1; }
.dw-board-webzine .dw-wz-top { display: flex; gap: 6px; align-items: center; }
.dw-board-webzine .dw-card-cat { font-size: 12px; color: #2563eb; font-weight: 600; }
.dw-board-webzine .dw-wz-title { font-size: 17px; font-weight: 700; color: #1f2937; line-height: 1.4; word-break: keep-all; }
.dw-board-webzine .dw-wz-excerpt { font-size: 14px; color: #6b7280; line-height: 1.7; word-break: keep-all; }
.dw-board-webzine .dw-wz-meta { font-size: 12px; color: #9ca3af; margin-top: auto; }

@media screen and ( max-width: 600px ) {
	.dw-board-webzine .dw-wz-row { flex-direction: column; }
	.dw-board-webzine .dw-wz-row .dw-wz-thumb { flex: none; width: 100%; aspect-ratio: 16 / 9; }
	.dw-board-webzine .dw-wz-featured .dw-wz-title { font-size: 19px; }
}