/* laps4-psn trophy pages (SPEC §8.3, SEO-UX-SPEC §4, §6, §14, §15).
   Enqueued only on /trofeos/ views, BEFORE the theme bundle: game-page rules are
   scoped under .laps4-psn-game so they win over the theme's element rules.
   Layout is mobile first; no floats (the theme's float-based .content-post
   classes broke group containment, SEO-UX-SPEC defect 1). */

.laps4-psn-game {
	--l4-ink: #1d2230;
	--l4-muted: #4f5869;           /* 7.0:1 on white */
	--l4-line: #e3e6ec;
	--l4-soft: #f5f6f9;
	--l4-accent: #1a49c9;          /* 7.3:1 on white */
	--l4-head: #262b3a;
	--l4-head-ink: #ffffff;
	--l4-head-muted: #c9cfdb;      /* 9.6:1 on --l4-head */
	--l4-plat: #7f9fc4;
	--l4-gold: #d1a21b;
	--l4-silver: #a2abb5;
	--l4-bronze: #b2723f;
	--l4-anchor-gap: 140px;
}

@media (min-width: 992px) {
	.laps4-psn-game { --l4-anchor-gap: 110px; }
}

.laps4-psn-game .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

.laps4-psn-game a:focus-visible,
.laps4-psn-game button:focus-visible,
.laps4-psn-game summary:focus-visible {
	outline: 3px solid #ffbf47;
	outline-offset: 2px;
}

/* ------------------------------------------------------------ breadcrumbs */
.laps4-psn-crumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 2px 0;
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
	font-size: 14px;
	color: var(--l4-muted);
}

.laps4-psn-crumbs li + li::before {
	content: "›";
	margin: 0 6px;
	color: var(--l4-muted);
}

.laps4-psn-crumbs a {
	color: var(--l4-accent);
}

/* ------------------------------------------------------------ header */
.laps4-psn-game .laps4-psn-header {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr);
	grid-template-areas:
		"cover head"
		"sum sum"
		"guide guide"
		"text text";
	gap: 12px 14px;
	margin: 0 0 16px;
	padding: 14px;
	border-radius: 6px;
	background: var(--l4-head);
	color: var(--l4-head-ink);
}

.laps4-psn-h-cover { grid-area: cover; }
.laps4-psn-h-head { grid-area: head; min-width: 0; }
.laps4-psn-h-text { grid-area: text; }
.laps4-psn-summary { grid-area: sum; }
.laps4-psn-guide { grid-area: guide; }

.laps4-psn-game .laps4-psn-cover {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.06);
}

.laps4-psn-platforms {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0 0 4px;
	padding: 0;
	list-style: none;
}

.laps4-psn-game .laps4-psn-pf {
	display: inline-block;
	padding: 1px 8px;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 999px;
	color: var(--l4-head-ink);
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	text-decoration: none;
}

.laps4-psn-game a.laps4-psn-pf:hover { background: rgba(255, 255, 255, 0.12); }

.laps4-psn-game .laps4-psn-h1 {
	margin: 0 0 6px;
	color: var(--l4-head-ink);
	font-size: 22px;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.laps4-psn-factline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 12px;
	margin: 0;
	font-size: 14px;
}

.laps4-psn-game .laps4-psn-factline a { color: var(--l4-head-ink); text-decoration: underline; }
.laps4-psn-total { font-weight: 700; }
.laps4-psn-count { white-space: nowrap; }

.laps4-psn-cup {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 4px;
	border-radius: 50%;
	vertical-align: 0;
	background: currentColor;
}

.cup-platinum { background: var(--l4-plat); }
.cup-gold { background: var(--l4-gold); }
.cup-silver { background: var(--l4-silver); }
.cup-bronze { background: var(--l4-bronze); }

.laps4-psn-count-l { color: var(--l4-head-muted); }

.laps4-psn-meta {
	display: none;
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
	color: var(--l4-head-muted);
	font-size: 14px;
}

.laps4-psn-meta li { display: inline; }
.laps4-psn-meta li + li::before { content: " · "; }
.laps4-psn-meta-l { color: var(--l4-head-muted); }

.laps4-psn-h-text p {
	margin: 0;
	color: var(--l4-head-ink);
	font-size: 15px;
	line-height: 1.5;
}

.laps4-psn-game .laps4-psn-h-text a { color: var(--l4-head-ink); text-decoration: underline; }

/* Resumen card */
.laps4-psn-summary {
	padding: 10px 12px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.07);
}

.laps4-psn-summary-t {
	margin: 0 0 6px;
	color: var(--l4-head-ink);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.laps4-psn-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 12px;
	margin: 0;
}

.laps4-psn-fact { min-width: 0; }

.laps4-psn-game .laps4-psn-fact dt {
	margin: 0;
	color: var(--l4-head-muted);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.3;
}

.laps4-psn-game .laps4-psn-fact dd {
	margin: 0;
	color: var(--l4-head-ink);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.laps4-psn-game .laps4-psn-fact a { color: var(--l4-head-ink); text-decoration: underline; }

.laps4-psn-fact.from-guide dt::after,
.laps4-psn-src-mark::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: 4px;
	border-radius: 50%;
	background: #ffbf47;
	vertical-align: 1px;
}

.laps4-psn-src-mark::before { margin: 0 2px 0 0; }

.laps4-psn-more { margin-top: 8px; }
.laps4-psn-more > .laps4-psn-facts { margin-top: 8px; }

.laps4-psn-game .laps4-psn-more summary {
	color: var(--l4-head-ink);
	font-size: 14px;
	cursor: pointer;
	text-decoration: underline;
}

.laps4-psn-src {
	margin: 8px 0 0;
	color: var(--l4-head-muted);
	font-size: 12px;
}

.laps4-psn-game .laps4-psn-src a { color: var(--l4-head-ink); text-decoration: underline; }

/* Guide CTA */
.laps4-psn-game .laps4-psn-guide-btn {
	display: block;
	padding: 10px 12px;
	border-radius: 6px;
	background: #ffbf47;
	color: #1d2230;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
}

.laps4-psn-game .laps4-psn-guide-btn:hover { background: #ffd27f; }

.laps4-psn-guide.is-secondary .laps4-psn-guide-btn {
	border: 1px solid rgba(255, 255, 255, 0.55);
	background: transparent;
	color: var(--l4-head-ink);
	font-weight: 600;
}

.laps4-psn-guide-meta {
	margin: 4px 0 0;
	color: var(--l4-head-muted);
	font-size: 13px;
	text-align: center;
}

@media (min-width: 600px) {
	.laps4-psn-game .laps4-psn-header {
		grid-template-columns: 150px minmax(0, 1fr);
		grid-template-areas:
			"cover head"
			"text text"
			"sum sum"
			"guide guide";
		padding: 18px;
	}
	.laps4-psn-game .laps4-psn-h1 { font-size: 28px; }
	.laps4-psn-meta { display: block; }
	.laps4-psn-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 992px) {
	.laps4-psn-game .laps4-psn-header {
		grid-template-columns: 180px minmax(0, 1fr) minmax(260px, 320px);
		grid-template-areas:
			"cover head sum"
			"text text sum"
			"guide guide sum";
		grid-template-rows: auto auto 1fr;
		gap: 14px 20px;
		padding: 20px;
	}
	.laps4-psn-guide { align-self: end; }
	.laps4-psn-summary { align-self: start; }
	.laps4-psn-game .laps4-psn-guide-btn { display: inline-block; text-align: left; }
	.laps4-psn-guide-meta { text-align: left; }
	.laps4-psn-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* All facts visible on desktop, only where ::details-content works; older
   browsers keep the "Ver más datos" toggle so no row is lost. */
@supports selector(::details-content) {
	@media (min-width: 992px) {
		.laps4-psn-more::details-content { content-visibility: visible; display: contents; }
		.laps4-psn-more > summary { display: none; }
	}
}

/* ------------------------------------------------------------ main column */
.laps4-psn-game .laps4-psn-h2 {
	margin: 24px 0 6px;
	color: var(--l4-ink);
	font-size: 21px;
	line-height: 1.25;
}

.laps4-psn-intro {
	margin: 0 0 16px;
	color: var(--l4-ink);
	font-size: 16px;
	line-height: 1.6;
}

.laps4-psn-toc {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	scrollbar-width: none;
	white-space: nowrap;
	align-items: center;
	gap: 6px;
	margin: 0 0 12px;
	font-size: 14px;
}

.laps4-psn-toc-l { color: var(--l4-muted); }

.laps4-psn-game .laps4-psn-toc a {
	padding: 3px 10px;
	border: 1px solid var(--l4-line);
	border-radius: 999px;
	color: var(--l4-accent);
	text-decoration: none;
}

.laps4-psn-game .laps4-psn-toc a:hover { border-color: var(--l4-accent); }

/* Sticky sort/filter bar */
.laps4-psn-toolbar {
	position: sticky;
	top: 0;
	z-index: 5;
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	scrollbar-width: none;
	gap: 6px 16px;
	margin: 0 0 4px;
	padding: 8px 0;
	border-bottom: 1px solid var(--l4-line);
	background: #fff;
}

.laps4-psn-tb-row {
	display: flex;
	flex: none;
	align-items: center;
	gap: 6px;
}

@media (min-width: 768px) {
	.laps4-psn-toc,
	.laps4-psn-toolbar { flex-wrap: wrap; overflow: visible; white-space: normal; }
	.laps4-psn-tb-row { flex-wrap: wrap; flex: 0 1 auto; }
}

.laps4-psn-tb-l { color: var(--l4-muted); font-size: 13px; }

.laps4-psn-game .laps4-psn-chip {
	flex: none;
	min-height: 32px;
	margin: 0;
	padding: 4px 12px;
	border: 1px solid var(--l4-line);
	border-radius: 999px;
	background: #fff;
	color: var(--l4-ink);
	font: inherit;
	font-size: 14px;
	line-height: 1.2;
	cursor: pointer;
}

.laps4-psn-game .laps4-psn-chip[aria-pressed="true"] {
	border-color: var(--l4-accent);
	background: var(--l4-accent);
	color: #fff;
}

/* Sets, groups, rows: flow-root boxes that always contain their rows */
.laps4-psn-set { scroll-margin-top: var(--l4-anchor-gap); }

.laps4-psn-set-counts {
	margin: 0 0 10px;
	color: var(--l4-muted);
	font-size: 15px;
}

/* One list only: the header fact line already gives these counts on mobile. */
@media (max-width: 599px) {
	.laps4-psn-set-counts.is-single { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
	.laps4-psn-game .laps4-psn-set > .laps4-psn-h2 { margin-top: 12px; margin-bottom: 8px; font-size: 19px; }
	.laps4-psn-h-text p { font-size: 14px; line-height: 1.45; }
	/* Mobile fold: 3 lines of header text; front.js adds "Leer más" over the
	   last line (absolute, no layout shift). Full text stays in the DOM. */
	.laps4-psn-h-text { position: relative; }
	.laps4-psn-h-text:not(.is-open) p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.laps4-psn-game .laps4-psn-h-more { position: absolute; right: 0; bottom: 0; padding: 0 0 0 28px; border: 0; background: linear-gradient(90deg, transparent, var(--l4-head) 26px); color: var(--l4-head-ink); font-size: 14px; line-height: 1.45; text-decoration: underline; cursor: pointer; }
	.laps4-psn-crumbs ol { margin-bottom: 6px; font-size: 13px; }
}
@media (min-width: 600px) { .laps4-psn-h-more { display: none; } }

.laps4-psn-group {
	display: flow-root;
	margin: 0 0 16px;
	border: 1px solid var(--l4-line);
	border-radius: 6px;
	background: #fff;
	scroll-margin-top: var(--l4-anchor-gap);
}

.laps4-psn-group.is-dlc { border-left: 4px solid var(--l4-accent); }

.laps4-psn-game .laps4-psn-group-title {
	margin: 0;
	padding: 10px 14px;
	border-bottom: 1px solid var(--l4-line);
	background: var(--l4-soft);
	color: var(--l4-ink);
	font-size: 17px;
	line-height: 1.3;
}

.laps4-psn-group-n { color: var(--l4-muted); font-weight: 400; }

.laps4-psn-game .laps4-psn-trophies {
	margin: 0;
	padding: 0;
	list-style: none;
}

.laps4-psn-game .laps4-psn-trophy {
	display: flex;
	align-items: flex-start;
	position: relative;
	gap: 12px;
	margin: 0;
	padding: 12px 30px 12px 14px;
	border-top: 1px solid var(--l4-line);
	scroll-margin-top: var(--l4-anchor-gap);
	/* No content-visibility here: full-page captures (and the owner's screenshot tool)
	   paint skipped rows as a big empty box; lists are small enough to render in full. */
}

.laps4-psn-game .laps4-psn-trophy:first-child { border-top: 0; }
.laps4-psn-alias { position: absolute; top: 0; left: 0; width: 1px; height: 1px; scroll-margin-top: var(--l4-anchor-gap); }
.laps4-psn-game .laps4-psn-trophy[hidden] { display: none; }

.laps4-psn-game .laps4-psn-trophy:target {
	outline: 2px solid var(--l4-accent);
	outline-offset: -2px;
	background: #f0f4ff;
}

.laps4-psn-icon {
	flex: none;
	width: 56px;
	height: 56px;
	overflow: hidden;
	border-radius: 4px;
	background: var(--l4-soft);
}

.laps4-psn-game .laps4-psn-icon img {
	display: block;
	width: 56px;
	height: 56px;
	max-width: none;
	object-fit: cover;
}

.laps4-psn-tbody { flex: 1 1 auto; min-width: 0; }

.laps4-psn-game .laps4-psn-tname {
	margin: 0 0 2px;
	color: var(--l4-ink);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.laps4-psn-game .laps4-psn-tdesc {
	margin: 0;
	color: var(--l4-ink);
	font-size: 15px;
	line-height: 1.45;
}

.laps4-psn-game .laps4-psn-ten { margin: 2px 0 0; color: var(--l4-muted); font-size: 13px; }
.laps4-psn-game .laps4-psn-tlabel { margin: 0 0 2px; }

.laps4-psn-game .laps4-psn-tmeta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 10px;
	margin: 6px 0 0;
	font-size: 13px;
}

.laps4-psn-type {
	display: inline-flex;
	align-items: center;
	color: var(--l4-muted);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.laps4-psn-type::before {
	content: "";
	width: 10px;
	height: 10px;
	margin-right: 5px;
	border-radius: 50%;
	background: var(--l4-bronze);
}

.laps4-psn-type.type-platinum::before { background: var(--l4-plat); }
.laps4-psn-type.type-gold::before { background: var(--l4-gold); }
.laps4-psn-type.type-silver::before { background: var(--l4-silver); }

.laps4-psn-game .laps4-psn-copy {
	position: absolute;
	top: 8px;
	right: 8px;
	padding: 2px 6px;
	color: var(--l4-muted);
	text-decoration: none;
}

.laps4-psn-game .laps4-psn-copy:hover,
.laps4-psn-game .laps4-psn-copy.is-copied { color: var(--l4-accent); }

.laps4-psn-game .laps4-psn-copy.is-copied::after { content: " copiado"; font-size: 12px; }

.laps4-psn-hidden summary {
	color: var(--l4-accent);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}

.laps4-psn-hidden[open] summary { margin-bottom: 4px; }

.laps4-psn-rarity {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--l4-ink);
}

.laps4-psn-bar {
	display: inline-block;
	width: 44px;
	height: 4px;
	overflow: hidden;
	border-radius: 2px;
	background: var(--l4-line);
}

.laps4-psn-bar > span { display: block; height: 100%; background: var(--l4-accent); }
.laps4-psn-rarity.rare-0 .laps4-psn-bar > span { background: #b8860b; }
.laps4-psn-rarity.rare-1 .laps4-psn-bar > span { background: #7a3cc8; }

.laps4-psn-rarity-note { margin: 0 0 16px; color: var(--l4-muted); font-size: 13px; }

/* Empty state */
.laps4-psn-empty {
	margin: 0 0 16px;
	padding: 4px 16px 12px;
	border: 1px solid var(--l4-line);
	border-radius: 6px;
	background: var(--l4-soft);
	color: var(--l4-ink);
	font-size: 16px;
}

.laps4-psn-game .laps4-psn-empty .laps4-psn-h2 { margin-top: 12px; }
.laps4-psn-game .laps4-psn-empty a { color: var(--l4-accent); font-weight: 600; }

/* Sections after the list */
.laps4-psn-sec {
	margin: 0 0 8px;
	color: var(--l4-ink);
	font-size: 16px;
	line-height: 1.55;
	scroll-margin-top: var(--l4-anchor-gap);
}

.laps4-psn-game .laps4-psn-sec p { margin: 0 0 10px; }
.laps4-psn-game .laps4-psn-sec a { color: var(--l4-accent); }

.laps4-psn-game .laps4-psn-jumps li,
.laps4-psn-game .laps4-psn-plain li { margin: 0; line-height: 1.5; }

.laps4-psn-game .laps4-psn-jumps,
.laps4-psn-game .laps4-psn-plain {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

.laps4-psn-game .laps4-psn-jumps a { display: inline-block; min-width: 24px; padding: 0 2px; text-align: center; }
.laps4-psn-jumps-l { color: var(--l4-muted); }

.laps4-psn-game .laps4-psn-rarest { margin: 0 0 10px; padding-left: 22px; }
.laps4-psn-rate { color: var(--l4-muted); }

.laps4-psn-rel { margin: 0 0 12px; }

.laps4-psn-game .laps4-psn-rel h3 {
	margin: 12px 0 6px;
	color: var(--l4-ink);
	font-size: 16px;
}

.laps4-psn-game .laps4-psn-rel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.laps4-psn-game .laps4-psn-rel li {
	padding: 6px 0;
	border-bottom: 1px solid var(--l4-line);
}

.laps4-psn-rel-meta { color: var(--l4-muted); font-size: 14px; }

/* Ad slots: only rendered when the laps4_psn_ad_slots filter is on; the
   reserved heights keep CLS low (SEO-UX-SPEC §14). */
.laps4-psn-ad { display: block; min-height: 280px; margin: 0 0 16px; }
.laps4-psn-game li.laps4-psn-ad { margin: 0; padding: 12px 0; border-top: 1px solid var(--l4-line); list-style: none; }
.laps4-psn-game .laps4-psn-trophies[data-filtered] li.laps4-psn-ad { display: none; }

@media (min-width: 768px) {
	.laps4-psn-ad { min-height: 90px; }
	.laps4-psn-game .laps4-psn-icon,
	.laps4-psn-game .laps4-psn-icon img { width: 64px; height: 64px; }
}

/* ------------------------------------------------------------ index page */
.laps4-psn-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
	margin: 16px 0;
}

.laps4-psn-pagination a,
.laps4-psn-pagination span {
	padding: 6px 10px;
	border-radius: 4px;
}

.laps4-psn-pagination .current {
	font-weight: 700;
	background: rgba(0, 0, 0, 0.08);
}

.laps4-psn-date {
	color: #4f5869;
}

/* Index card thumbnails carry width/height attributes (local icons): keep the
   natural aspect ratio when the column is narrower than the image. */
.laps4-psn-card .thumb-bg {
	max-width: 100%;
	height: auto;
}

/* ------------------------------------------------------------ QA round 3 */
/* A missing trophy icon (404) shows a neutral tile, never its clipped alt text. */
.laps4-psn-game .laps4-psn-icon img { font-size: 0; color: transparent; }
.laps4-psn-icon.is-broken img { visibility: hidden; }

/* Hidden rows: compact, the reveal link is the only action. */
.laps4-psn-game .laps4-psn-trophy[data-hidden="1"] { padding-top: 8px; padding-bottom: 8px; }
.laps4-psn-game .laps4-psn-hidden summary { padding: 2px 0; border-bottom: 0; }
.laps4-psn-game .laps4-psn-jumps a { min-width: 32px; min-height: 32px; line-height: 32px; }

@media (max-width: 599px) {
	.laps4-psn-game .laps4-psn-header { padding: 12px; gap: 10px 12px; }
	.laps4-psn-h-text:not(.is-open) p { -webkit-line-clamp: 2; }
	.laps4-psn-game .laps4-psn-guide-btn { padding: 8px 10px; font-size: 14px; }
	.laps4-psn-guide-meta { font-size: 12px; }
}

/* Scrolling chip rows on narrow screens: a right-edge fade shows there is more. */
@media (max-width: 767px) {
	.laps4-psn-toc,
	.laps4-psn-toolbar {
		-webkit-mask-image: linear-gradient(90deg, #000 85%, transparent);
		mask-image: linear-gradient(90deg, #000 85%, transparent);
		padding-right: 32px;
	}
}

/* Desktop header: the sentence sits next to the cover, the guide button under the
   summary card, so no empty dark block is left in either column. */
@media (min-width: 992px) {
	.laps4-psn-game .laps4-psn-header {
		grid-template-areas:
			"cover head sum"
			"cover text guide";
		grid-template-rows: auto 1fr;
		align-items: start;
	}
	.laps4-psn-guide { align-self: end; }
	.laps4-psn-game .laps4-psn-guide-btn { display: block; text-align: center; }
	.laps4-psn-guide-meta { text-align: center; }
}

/* Mobile: the button right below already links the guide; the thread title and the
   card's second link are left for wider screens. */
@media (max-width: 599px) {
	.laps4-psn-gm-title, .laps4-psn-src-link { display: none; }
	.laps4-psn-summary { padding: 8px 10px; }
	.laps4-psn-facts { gap: 6px 10px; }
	.laps4-psn-src { margin-top: 6px; }
}

/* Desktop: the sentence runs right under the title, next to the cover; the summary
   card and the guide button share the right column. */
@media (min-width: 992px) {
	.laps4-psn-game .laps4-psn-header {
		grid-template-areas:
			"cover head sum"
			"cover text sum"
			"cover text guide";
		grid-template-rows: auto auto 1fr;
	}
	.laps4-psn-h-text { align-self: start; }
}

/* <picture> wrappers (WebP with Sony fallback) must not add inline line-height gaps. */
.laps4-psn-icon picture,
.laps4-psn-h-cover picture { display: block; }

/* Per-trophy guide excerpts (SEO-UX-SPEC §16.3 pilot): a short text from the forum
   guide under the description, then a small "Ver en la guía →" link. */
.laps4-psn-game .laps4-psn-tguide {
	margin: 4px 0 0;
	padding-left: 8px;
	border-left: 2px solid var(--l4-line, #ddd);
	color: var(--l4-muted);
	font-size: 14px;
	line-height: 1.45;
	overflow-wrap: anywhere;
}
.laps4-psn-game .laps4-psn-tguide.is-link { padding-left: 0; border-left: 0; font-size: 13px; }
.laps4-psn-game .laps4-psn-tguide a { color: var(--l4-accent); white-space: nowrap; }
.laps4-psn-game .laps4-psn-tguide .laps4-psn-txref { white-space: normal; }
.laps4-psn-game .laps4-psn-excerpt-credit { margin: 0 0 16px; color: var(--l4-muted); font-size: 13px; }
.laps4-psn-game .laps4-psn-excerpt-credit a { color: var(--l4-accent); }