/* themes/default/pulse-deck.css — the F11 vertical pulse deck restyled on
   the v4 token set (F20). Extracted from the retired style.css; card
   chrome now rides --surface/--shadow-1 and the gold family (accent-
   aware via the base.css bridge). Loaded ONLY by pulse.html, after
   base.css + blog.css. */

.lang-center { justify-content: center; }

.badge {
	display: inline-block; padding: 3px 10px; border-radius: 999px;
	background: var(--gold-tint); color: var(--gold-text);
	font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em;
}

.pulse-stage { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 24px 16px 40px; }
.pulse-swiper { width: min(440px, 92vw); height: min(660px, calc(100vh - 220px)); min-height: 420px; }
.pulse-card {
	display: flex; flex-direction: column; height: 100%; overflow: hidden;
	border: 1px solid var(--line-soft); border-radius: var(--radius);
	background: var(--surface); box-shadow: var(--shadow-1);
}
.pcard-img { width: 100%; height: 45%; object-fit: cover; flex: 0 0 45%; }
.pcard-accent {
	display: flex; align-items: center; justify-content: center; flex: 0 0 45%;
	/* #fff on the 82% mix = 3.08:1 — passes AA for this 1.5rem/600 display
	   text as LARGE text (justified raw-color exception, F22) */
	background: color-mix(in srgb, var(--gold) 82%, black); color: #fff;
}
.pcard-accent span {
	font-family: var(--font-display); font-weight: 600; font-size: 1.5rem;
	text-transform: uppercase; letter-spacing: .12em; padding: 0 24px; text-align: center;
}
.pcard-body { padding: 18px 22px 8px; overflow-y: auto; flex: 1 1 auto; }
.pcard-meta { display: flex; align-items: center; gap: 10px; color: var(--ink-3); font-size: .82rem; margin: 0 0 8px; }
.pcard-title { font-family: var(--font-display); font-size: 1.3rem; line-height: 1.28; margin: 0 0 8px; }
.pcard-summary { color: var(--ink-2); font-size: .95rem; margin: 0; }
.pcard-foot { display: flex; align-items: center; padding: 10px 22px 16px; flex: 0 0 auto; }
.pcard-like {
	display: inline-flex; align-items: center; gap: 7px; padding: 6px 14px;
	border: 1px solid var(--border); border-radius: 999px; background: var(--surface);
	color: var(--ink-2); font-size: .88rem; cursor: pointer;
}
.pcard-like:hover { border-color: var(--gold-line); color: var(--gold-text); }
.pcard-like.liked { border-color: var(--gold-line); background: var(--gold-tint); color: var(--gold-text); }
.pcard-like.liked .icon path { fill: currentColor; }
.pulse-controls { display: flex; flex-direction: column; align-items: center; gap: 10px; color: var(--ink-3); font-size: .82rem; }
.pulse-btn {
	width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--border);
	background: var(--surface); color: var(--ink-2); font-size: 1rem; cursor: pointer;
}
.pulse-btn:hover { border-color: var(--gold-line); color: var(--gold-text); }
.pulse-btn:disabled { opacity: .35; cursor: default; }
@media (max-width: 640px) { .pulse-controls { display: none; } .pulse-stage { padding: 12px 0 24px; } }