/* web-list : titled recent-post list ("신규게임" etc.) — white card matching the
   side section. Red dot = new post; dashed row dividers; date on the right. */

.web-list {
	background:#fff; /* white card — stands out on the tinted page (--web-background) */
	border:1px solid #e5e7eb;
	border-radius:12px;
	padding:1.1rem 1.1rem .5rem;
	box-shadow:0 4px 14px rgba(0,0,0,.08);
}

/* --- Header --- */
.web-list .wl-head {
	display:flex; align-items:center; justify-content:space-between;
	margin-bottom:1rem;
}
.web-list .wl-title { margin:0; font-size:16px; font-weight:800; color:var(--web-primary-foreground); }
.web-list .wl-more { color:#868e96; font-size:13px; white-space:nowrap; }
.web-list .wl-more:hover { color:var(--web-primary-foreground); text-decoration:none; }
.web-list .wl-plus { font-weight:700; }

/* --- Rows --- */
.web-list .wl-item { border-top:1px dashed #e5e7eb; }
.web-list .wl-item:first-child { border-top:0; }
.web-list .wl-link {
	display:flex; align-items:center; justify-content:space-between; gap:.6rem;
	padding:.6rem 0;
	color:#374151;
}
.web-list .wl-link:hover { text-decoration:none; }
.web-list .wl-name {
	display:flex; align-items:center; min-width:0;
	color:#374151; font-weight:600;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.web-list .wl-link:hover .wl-name { color:var(--web-primary-foreground); }
.web-list .wl-dot {
	flex:0 0 auto;
	width:6px; height:6px; margin-right:.5rem;
	border-radius:50%;
	background:#ef4444;
}
.web-list .wl-date { flex:0 0 auto; color:#9aa0aa; white-space:nowrap; }

.web-list .wl-empty { color:#868e96; text-align:center; padding:1.5rem 0; }