.app-card {
	position: relative;
	overflow: hidden;
	display: grid;
	gap: 12px;
	margin: 24px 0;
	padding: 18px;
	background: var(--dt-bg);
	color: var(--dt-text);
	border: 1px solid var(--dt-border);
	border-radius: 18px;
	line-height: 1.5;
	box-sizing: border-box;
}
.app-card[hidden] { display: none; }
@media (min-width: 768px) { .app-card { display: none; } }
.app-card::after {
	content: "";
	position: absolute;
	inset: auto -20% -38px -20%;
	height: 70px;
	background: var(--dt-accent-light);
	border-radius: 50%;
	z-index: 0;
}
.app-card > * { position: relative; z-index: 1; }
body .entry-content .app-card p { margin: 0; }
.app-card-app { display: flex; gap: 12px; align-items: center; }
.app-card-icon { width: 52px; height: 52px; flex: none; border-radius: 12px; box-shadow: 0 0 0 1px rgba(36, 29, 61, .12), 0 2px 6px rgba(36, 29, 61, .18); }
.app-card-name { display: grid; line-height: 1.25; }
.app-card-name b { font-weight: 700; font-size: 16px; }
.app-card-name span { font-size: 13px; color: var(--dt-muted); }
body .entry-content .app-card-title { font-weight: 700; font-size: 17px; line-height: 1.3; text-wrap: balance; color: var(--dt-text); }
body .entry-content .app-card-text { font-size: 15px; line-height: 1.55; color: var(--dt-muted); }
.app-card .app-card-button { display: flex; gap: 8px; align-items: center; justify-content: center; padding: 12px 16px; border-radius: 999px; background: var(--dt-accent); color: #fff; font-weight: 700; font-size: 15px; text-decoration: none; }
.app-card .app-card-button:focus-visible { outline: 2px solid var(--dt-accent); outline-offset: 3px; }
.app-card-button svg { width: 16px; height: 16px; flex: none; }
body .entry-content .app-card-store { font-size: 12px; color: var(--dt-muted); text-align: center; margin-top: -4px; }