.ashq{
	--ashq-navy:#01193A;
	--ashq-gold:#C9A227;
	--ashq-text:#2C2C2C;
	--ashq-muted:#6B7280;
	--ashq-line:#E6E9EE;
	--ashq-soft:#F4F6F9;
	color:var(--ashq-text);
	font-family:inherit;
}

.ashq *{box-sizing:border-box}

.ashq-head{
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:16px;
	margin-bottom:20px;
	padding-bottom:14px;
	border-bottom:1px solid var(--ashq-line);
}
.ashq-head h2{
	margin:0;
	font-size:24px;
	font-weight:700;
	color:var(--ashq-navy);
	letter-spacing:-.2px;
}
.ashq-all{
	font-size:13.5px;
	font-weight:500;
	color:var(--ashq-gold);
	text-decoration:none;
	white-space:nowrap;
}
.ashq-all:hover{text-decoration:underline}

.ashq-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px;
}

.ashq-tile{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:14px;
	min-height:136px;
	padding:18px;
	border-radius:14px;
	text-decoration:none;
	border:1px solid transparent;
	transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
.ashq-tile:focus-visible{
	outline:2px solid var(--ashq-gold);
	outline-offset:3px;
}

.ashq-tile--deal{
	background:var(--ashq-navy);
	color:#fff;
}
.ashq-tile--deal:hover{
	filter:brightness(1.18);
	transform:translateY(-3px);
	color:#fff;
}

.ashq-tile--plain{
	background:var(--ashq-soft);
	color:var(--ashq-text);
}
.ashq-tile--plain:hover{
	background:#fff;
	border-color:var(--ashq-gold);
	transform:translateY(-3px);
	box-shadow:0 8px 20px rgba(1,25,58,.08);
	color:var(--ashq-text);
}

.ashq-ico{
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border-radius:11px;
	background:rgba(201,162,39,.14);
	flex:none;
}
.ashq-tile--plain .ashq-ico{background:rgba(1,25,58,.06)}

.ashq-ico svg{
	width:22px;
	height:22px;
	stroke:var(--ashq-gold);
	stroke-width:1.7;
	fill:none;
}

.ashq-body{margin-top:auto;min-width:0}

.ashq-name{
	display:block;
	font-size:15px;
	font-weight:700;
	line-height:1.5;
}
.ashq-count{
	display:block;
	margin-top:3px;
	font-size:12.5px;
	color:var(--ashq-muted);
}
.ashq-tile--deal .ashq-count{color:#8FA5C4}

@media (max-width:1024px){
	.ashq-tile{min-height:124px;padding:16px}
}

@media (max-width:767px){
	.ashq-head{
		margin-bottom:12px;
		padding-bottom:10px;
	}
	.ashq-head h2{font-size:18px}
	.ashq-all{font-size:12px}

	.ashq-grid{gap:8px}

	.ashq-tile{
		flex-direction:row;
		align-items:center;
		gap:9px;
		min-height:0;
		padding:9px 10px;
		border-radius:11px;
	}
	.ashq-tile:hover{transform:none;box-shadow:none}

	.ashq-ico{
		width:30px;
		height:30px;
		border-radius:9px;
	}
	.ashq-ico svg{width:17px;height:17px}

	.ashq-body{margin-top:0}
	.ashq-name{
		font-size:12.5px;
		line-height:1.35;
		overflow-wrap:anywhere;
	}
	.ashq-count{
		margin-top:0;
		font-size:10.5px;
	}
}

@media (prefers-reduced-motion:reduce){
	.ashq-tile{transition:none}
	.ashq-tile:hover{transform:none}
}

.ashq-head.is-noline{
	border-bottom:0;
	padding-bottom:0;
}

.ashq-dir-col .ashq-tile{
	flex-direction:column;
	align-items:flex-start;
}
.ashq-dir-col .ashq-body{margin-top:auto}

.ashq-dir-row .ashq-tile{
	flex-direction:row;
	align-items:center;
}
.ashq-dir-row .ashq-body{margin-top:0}