/* Download.chat — enriched single-download sections: comparison, alternatives, FAQ. */

.dc-compare, .dc-alts, .dc-faq, .dc-changelog { margin-top: 40px; }

/* ---------- What's new / changelog ---------- */
.dc-changelog__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.dc-changelog__verified {
	display: inline-flex; align-items: center; gap: 6px;
	font-size: 0.78rem; color: #7ee0a6;
	background: rgba(46,160,102,.12); border: 1px solid rgba(46,160,102,.35);
	padding: 3px 10px; border-radius: var(--dc-radius-pill);
}
.dc-changelog__dot { width: 7px; height: 7px; border-radius: 50%; background: #3fd07f; }
.dc-changelog__meta { display: flex; flex-wrap: wrap; gap: 10px; margin: 4px 0 14px; }
.dc-changelog__version {
	font-weight: 700; color: #0a0616; background: var(--dc-accent-gradient);
	padding: 3px 12px; border-radius: var(--dc-radius-pill); font-size: 0.86rem;
}
.dc-changelog__date { color: var(--dc-muted); font-size: 0.86rem; align-self: center; }
.dc-changelog__body {
	border: 1px solid var(--dc-border); border-radius: var(--dc-radius);
	background: var(--dc-surface); padding: 16px 18px;
	color: var(--dc-text); line-height: 1.6; font-size: 0.92rem;
	max-height: 320px; overflow-y: auto; white-space: normal;
}
.dc-changelog__link { display: inline-block; margin-top: 12px; color: var(--dc-lavender); font-size: 0.9rem; }
.dc-section__title {
	font-size: 1.5rem;
	margin: 0 0 6px;
	font-weight: 700;
}
.dc-section__intro { color: var(--dc-muted); margin: 0 0 18px; font-size: 0.95rem; }

/* ---------- Comparison table ---------- */
.dc-compare__scroll {
	overflow-x: auto;
	border: 1px solid var(--dc-border);
	border-radius: var(--dc-radius-lg);
	background: linear-gradient(160deg, rgba(42,19,100,.28), rgba(18,10,36,.55));
	-webkit-overflow-scrolling: touch;
}
.dc-compare__table {
	width: 100%;
	border-collapse: collapse;
	min-width: 520px;
	font-size: 0.92rem;
}
.dc-compare__table th,
.dc-compare__table td {
	padding: 14px 16px;
	text-align: start;
	border-bottom: 1px solid var(--dc-border);
	vertical-align: middle;
}
.dc-compare__table tbody tr:last-child th,
.dc-compare__table tbody tr:last-child td { border-bottom: 0; }
.dc-compare__table thead th {
	font-weight: 600;
	color: var(--dc-text);
	border-bottom: 1px solid var(--dc-border);
}
.dc-compare__table tbody th {
	font-weight: 500;
	color: var(--dc-muted);
	white-space: nowrap;
}
.dc-compare__ico { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; vertical-align: -5px; margin-right: 6px; color: var(--dc-lavender); overflow: hidden; }
.dc-compare__product a { color: var(--dc-text); font-weight: 600; }
.dc-compare__product a:hover { color: var(--dc-lavender); text-decoration: none; }
.dc-compare__product.is-current,
.dc-compare__table td.is-current {
	background: rgba(109,59,245,.14);
}
.dc-compare__product.is-current { border-top: 2px solid var(--dc-purple); }
.dc-compare__you {
	display: block;
	font-size: 0.66rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--dc-lavender);
	margin-top: 2px;
	font-weight: 600;
}
.dc-compare__corner { background: transparent; }
.dc-compare__check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px; height: 22px;
	border-radius: 50%;
	background: var(--dc-accent-gradient);
	color: #0a0616;
	font-size: 0.8rem;
	font-weight: 700;
}

/* ---------- Alternatives grid ---------- */
.dc-alts__grid {
	list-style: none;
	margin: 0; padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 14px;
	counter-reset: none;
}
.dc-alt-card {
	border: 1px solid var(--dc-border);
	border-radius: var(--dc-radius);
	background: var(--dc-surface);
	transition: transform .15s ease, border-color .15s ease;
}
.dc-alt-card:hover { transform: translateY(-2px); border-color: var(--dc-lavender); }
.dc-alt-card__link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px;
	color: var(--dc-text);
}
.dc-alt-card__link:hover { text-decoration: none; }
.dc-alt-card__icon {
	flex: 0 0 auto;
	width: 42px; height: 42px;
	border-radius: 12px;
	display: flex; align-items: center; justify-content: center;
	background: var(--dc-accent-gradient);
	color: #0a0616;
	font-weight: 700;
	font-size: 1.15rem;
}
.dc-alt-card__body { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; gap: 2px; }
.dc-alt-card__title { font-weight: 600; }
.dc-alt-card__vendor { color: var(--dc-muted); font-size: 0.8rem; }
.dc-alt-card__plats { color: var(--dc-lavender); font-size: 0.74rem; opacity: .85; }
.dc-alt-card__arrow { color: var(--dc-muted); flex: 0 0 auto; transition: transform .15s ease; }
.dc-alt-card:hover .dc-alt-card__arrow { transform: translateX(3px); color: var(--dc-lavender); }

/* ---------- FAQ accordion ---------- */
.dc-faq__list { display: flex; flex-direction: column; gap: 10px; }
.dc-faq__item {
	border: 1px solid var(--dc-border);
	border-radius: var(--dc-radius);
	background: var(--dc-surface);
	overflow: hidden;
}
.dc-faq__item[open] { border-color: rgba(184,166,255,.32); }
.dc-faq__q {
	list-style: none;
	cursor: pointer;
	padding: 15px 18px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.dc-faq__q::-webkit-details-marker { display: none; }
.dc-faq__q::after {
	content: '+';
	color: var(--dc-lavender);
	font-size: 1.3rem;
	line-height: 1;
	transition: transform .2s ease;
	flex: 0 0 auto;
}
.dc-faq__item[open] .dc-faq__q::after { transform: rotate(45deg); }
.dc-faq__a {
	padding: 0 18px 16px;
	color: var(--dc-muted);
	line-height: 1.6;
}

@media (max-width: 600px) {
	.dc-section__title { font-size: 1.3rem; }
}