/* ==========================================================================
   LE-CORP — Wiki / Database styles
   Uses the site's existing dark design tokens from le-corp.css
   --lc-bg, --lc-bg-card, --lc-bg-surface, --lc-accent, --lc-text,
   --lc-text-muted, --lc-text-faint, --lc-border, --lc-border-light,
   --lc-font-head, --lc-font-ui, --lc-radius, --lc-radius-lg, --lc-container
   ========================================================================== */

.lc-wiki-page {
	color: var(--lc-text);
}

/* --------------------------------------------------------------------------
   HERO
   -------------------------------------------------------------------------- */
.lc-wiki-hero {
	position: relative;
	padding: 56px 0 44px;
	overflow: hidden;
	background: var(--lc-bg-card);
	border-bottom: 1px solid var(--lc-border);
}
.lc-wiki-hero.has-cover { padding-block: 96px 60px; }
.lc-wiki-hero__bg {
	position: absolute; inset: 0;
	background-size: cover; background-position: center;
	filter: blur(14px) saturate(.9) brightness(.55);
	transform: scale(1.08);
}
.lc-wiki-hero__scrim {
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.85) 100%);
}
.lc-wiki-hero__inner { position: relative; }

.lc-wiki-hero__meta {
	display: flex; flex-wrap: wrap; gap: 8px;
	margin-bottom: 14px;
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 700;
}
.lc-wiki-hero__type {
	color: #fff;
	background: var(--lc-accent);
	padding: 4px 10px;
	border-radius: 0;
}
.lc-wiki-hero__status {
	color: var(--lc-text);
	background: rgba(255,255,255,.12);
	padding: 4px 10px;
	border-radius: 0;
}

.lc-wiki-hero__title {
	font-family: var(--lc-font-head);
	font-size: clamp(1.8rem, 4.6vw, 3.2rem);
	line-height: 1.08;
	margin: 0 0 12px;
	letter-spacing: -.01em;
}
.lc-wiki-hero__tagline {
	font-size: 1.05rem;
	color: var(--lc-text-muted);
	max-width: 700px;
	margin: 0 0 22px;
	line-height: 1.55;
}

.lc-wiki-hero__score {
	display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
	margin-top: 8px;
}
.lc-wiki-hero__verdict {
	margin: 0;
	padding: 10px 16px;
	border-left: 3px solid var(--lc-accent);
	font-style: italic;
	color: var(--lc-text);
	background: rgba(255,255,255,.04);
	max-width: 640px;
}
.lc-wiki-hero__user-agg {
	margin-top: 14px;
	font-size: .9rem;
	color: var(--lc-text-muted);
}
.lc-wiki-hero__user-agg strong {
	color: var(--lc-text);
	font-size: 1.25rem;
	margin-right: 6px;
}

/* --------------------------------------------------------------------------
   SCORE PILL
   -------------------------------------------------------------------------- */
.lc-wiki-score {
	display: inline-flex; align-items: baseline; gap: 4px;
	padding: 6px 14px;
	background: var(--lc-accent);
	color: #fff;
	border-radius: 0;
	font-family: var(--lc-font-head);
	font-weight: 700;
}
.lc-wiki-score__value { font-size: 1.5rem; line-height: 1; }
.lc-wiki-score__scale { font-size: .8rem; opacity: .8; letter-spacing: .05em; }
.lc-wiki-score--hero .lc-wiki-score__value { font-size: 2.4rem; }
.lc-wiki-score--hero { padding: 10px 18px; }
.lc-wiki-score--lg  .lc-wiki-score__value { font-size: 2rem; }
.lc-wiki-score--lg  { padding: 8px 16px; }

/* --------------------------------------------------------------------------
   BODY LAYOUT
   -------------------------------------------------------------------------- */
.lc-wiki-body { padding: 32px 20px 56px; }
.lc-wiki-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 40px;
	align-items: start;
}
@media (max-width: 900px) {
	.lc-wiki-grid { grid-template-columns: 1fr; }
}

/* --------------------------------------------------------------------------
   TABS
   -------------------------------------------------------------------------- */
.lc-wiki-tabs {
	display: flex; flex-wrap: wrap; gap: 2px;
	border-bottom: 1px solid var(--lc-border);
	margin-bottom: 20px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.lc-wiki-tab {
	flex-shrink: 0;
	padding: 10px 16px;
	font-family: var(--lc-font-head);
	font-size: .88rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--lc-text-muted);
	border-bottom: 2px solid transparent;
	transition: color var(--lc-trans), border-color var(--lc-trans);
	cursor: pointer;
	background: none;
	border-radius: 0;
}
.lc-wiki-tab:hover { color: var(--lc-text); }
.lc-wiki-tab.is-active {
	color: var(--lc-text);
	border-bottom-color: var(--lc-accent);
}

.lc-wiki-tabpanel { display: none; }
.lc-wiki-tabpanel.is-active { display: block; animation: lc-wiki-fade .18s ease; }
@keyframes lc-wiki-fade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

.lc-wiki-content { line-height: 1.7; font-size: 1.02rem; color: var(--lc-text); }
.lc-wiki-content h2, .lc-wiki-content h3 { font-family: var(--lc-font-head); margin: 1.6em 0 .5em; }
.lc-wiki-content p  { margin: 0 0 1em; }
.lc-wiki-content a  { color: var(--lc-accent); }
.lc-wiki-content img { border-radius: 0; }

.lc-wiki-empty {
	padding: 24px;
	background: var(--lc-bg-card);
	border: 1px dashed var(--lc-border);
	border-radius: 0;
	color: var(--lc-text-muted);
	text-align: center;
}

/* --------------------------------------------------------------------------
   INFOBOX
   -------------------------------------------------------------------------- */
.lc-wiki-infobox {
	background: var(--lc-bg-card);
	border: 1px solid var(--lc-border);
	border-radius: 0;
	overflow: hidden;
	position: sticky;
	top: calc(var(--lc-header-h) + 16px);
}
.lc-wiki-infobox__cover {
	aspect-ratio: 2/3;
	overflow: hidden;
}
.lc-wiki-infobox__cover img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}
.lc-wiki-infobox__title {
	font-family: var(--lc-font-head);
	font-size: 1.2rem;
	margin: 0;
	padding: 16px 18px 10px;
	border-bottom: 1px solid var(--lc-border-light);
}
.lc-wiki-infobox__list { margin: 0; padding: 6px 0; }
.lc-wiki-infobox__row {
	display: grid;
	grid-template-columns: 105px 1fr;
	gap: 10px;
	padding: 9px 18px;
	border-bottom: 1px solid var(--lc-border-light);
}
.lc-wiki-infobox__row:last-child { border-bottom: 0; }
.lc-wiki-infobox__row dt {
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .09em;
	font-weight: 700;
	color: var(--lc-text-faint);
	align-self: center;
	overflow-wrap: break-word;
	word-break: break-word;
	line-height: 1.35;
}
.lc-wiki-infobox__row dd {
	margin: 0;
	font-size: .88rem;
	color: var(--lc-text);
	word-break: break-word;
}
.lc-wiki-infobox__empty {
	padding: 16px 18px;
	color: var(--lc-text-muted);
	font-size: .85rem;
}
.lc-wiki-infobox__links {
	border-top: 1px solid var(--lc-border);
	padding: 14px 18px;
	background: var(--lc-bg-surface);
}
.lc-wiki-infobox__links h3 {
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: var(--lc-text-faint);
	margin: 0 0 8px;
}
.lc-wiki-infobox__links ul { margin: 0; padding: 0; }
.lc-wiki-infobox__links li { padding: 3px 0; }
.lc-wiki-infobox__links a {
	display: inline-flex; align-items: center; gap: 4px;
	color: var(--lc-accent);
	font-size: .85rem;
	font-weight: 600;
}
.lc-wiki-infobox__ext { font-size: .7rem; opacity: .7; }

.lc-wiki-list { margin: 0; padding: 0; }
.lc-wiki-list li { padding: 2px 0; }
.lc-wiki-swatch {
	display: inline-flex; align-items: center; gap: 6px;
	font-variant-numeric: tabular-nums;
	font-size: .85rem;
}
.lc-wiki-swatch i {
	width: 16px; height: 16px;
	display: inline-block;
	border-radius: 0;
	border: 1px solid var(--lc-border);
}
.lc-wiki-link {
	color: var(--lc-accent);
	font-weight: 600;
	word-break: break-all;
}

/* Auto-linked entity names inside field values — persons, studios, characters, etc. */
.lc-wiki-person-link,
.lc-wiki-entity-link {
	color: var(--lc-link-color, #c9a227);
	font-weight: 600;
	text-decoration: none;
	transition: color var(--lc-trans, .15s ease);
}
.lc-wiki-person-link:hover,
.lc-wiki-entity-link:hover {
	color: #fff;
	text-decoration: underline;
}
/* Language / role annotation — e.g. "(Japanese)" next to a name */
.lc-field-annotation {
	color: var(--lc-text-muted, #aaa);
	font-weight: 400;
	font-size: .9em;
}

/* --------------------------------------------------------------------------
   PROS / CONS
   -------------------------------------------------------------------------- */
.lc-wiki-proscons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin: 32px 0 16px;
}
@media (max-width: 640px) { .lc-wiki-proscons { grid-template-columns: 1fr; } }
.lc-wiki-proscons__col {
	background: var(--lc-bg-card);
	border: 1px solid var(--lc-border);
	border-radius: 0;
	padding: 18px 20px;
}
.lc-wiki-proscons__col h3 {
	font-family: var(--lc-font-head);
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: .08em;
	margin: 0 0 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--lc-border-light);
}
.lc-wiki-proscons__col--pros h3 { color: #27c24c; }
.lc-wiki-proscons__col--cons h3 { color: #ff5b5b; }
.lc-wiki-proscons ul { margin: 0; padding: 0; }
.lc-wiki-proscons li {
	position: relative;
	padding: 6px 0 6px 22px;
	font-size: .94rem;
	line-height: 1.55;
}
.lc-wiki-proscons__col--pros li::before { content: "+"; position: absolute; left: 0; color: #27c24c; font-weight: 700; }
.lc-wiki-proscons__col--cons li::before { content: "−"; position: absolute; left: 0; color: #ff5b5b; font-weight: 700; }

/* --------------------------------------------------------------------------
   EDITOR RATING BREAKDOWN
   -------------------------------------------------------------------------- */
.lc-wiki-rating-block {
	background: var(--lc-bg-card);
	border: 1px solid var(--lc-border);
	border-radius: 0;
	padding: 20px 22px;
	margin: 20px 0;
}
.lc-wiki-rating-block__hd {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--lc-border-light);
}
.lc-wiki-rating-block__hd h2 {
	font-family: var(--lc-font-head);
	font-size: 1.15rem;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.lc-wiki-breakdown { display: grid; gap: 10px; }
.lc-wiki-breakdown__row {
	display: grid;
	grid-template-columns: 140px 1fr 44px;
	align-items: center;
	gap: 12px;
}
.lc-wiki-breakdown__label {
	font-size: .82rem;
	font-weight: 600;
	color: var(--lc-text-muted);
	text-transform: uppercase;
	letter-spacing: .05em;
}
.lc-wiki-breakdown__bar {
	height: 8px;
	background: var(--lc-bg-surface);
	border-radius: 0;
	overflow: hidden;
}
.lc-wiki-breakdown__fill {
	display: block; height: 100%;
	background: linear-gradient(90deg, var(--lc-accent), #ff6b6b);
	border-radius: 0;
	transition: width .4s ease;
}
.lc-wiki-breakdown__value {
	text-align: right;
	font-family: var(--lc-font-head);
	font-weight: 700;
	font-size: .95rem;
	color: var(--lc-text);
}
@media (max-width: 520px) {
	.lc-wiki-breakdown__row { grid-template-columns: 1fr 42px; grid-template-rows: auto auto; }
	.lc-wiki-breakdown__label { grid-column: 1 / -1; }
	.lc-wiki-breakdown__bar { grid-column: 1; }
}

/* --------------------------------------------------------------------------
   USER RATING FORM
   -------------------------------------------------------------------------- */
.lc-wiki-user-rating {
	background: var(--lc-bg-card);
	border: 1px solid var(--lc-border);
	border-radius: 0;
	padding: 20px 22px;
	margin: 20px 0;
}
.lc-wiki-user-rating__hd {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--lc-border-light);
}
.lc-wiki-user-rating__hd h2 {
	font-family: var(--lc-font-head);
	font-size: 1.15rem;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: .05em;
}
.lc-wiki-user-rating__agg strong {
	font-size: 1.4rem;
	color: var(--lc-accent);
	margin-right: 4px;
}
.lc-wiki-user-rating__agg span {
	color: var(--lc-text-muted);
	font-size: .9rem;
}
.lc-wiki-user-rating__agg em {
	margin-left: 6px;
	color: var(--lc-text-faint);
	font-style: normal;
	font-size: .85rem;
}

.lc-wiki-stars {
	display: flex; align-items: center; gap: 4px;
	margin-bottom: 12px;
}
.lc-wiki-star {
	padding: 6px;
	background: none;
	color: var(--lc-border);
	transition: color var(--lc-trans), transform var(--lc-trans);
	cursor: pointer;
}
.lc-wiki-star:hover,
.lc-wiki-star.is-hover,
.lc-wiki-star.is-selected {
	color: #ffc107;
	transform: scale(1.08);
}
.lc-wiki-star svg { display: block; }
.lc-wiki-stars__readout {
	margin-left: 10px;
	font-family: var(--lc-font-head);
	font-weight: 700;
	font-size: 1rem;
	color: var(--lc-text);
	min-width: 42px;
}

.lc-wiki-rating-form__comment {
	width: 100%;
	background: var(--lc-bg-surface);
	color: var(--lc-text);
	border: 1px solid var(--lc-border);
	border-radius: 0;
	padding: 10px 12px;
	font: inherit;
	resize: vertical;
	margin-bottom: 10px;
}
.lc-wiki-rating-form__comment:focus {
	outline: none;
	border-color: var(--lc-accent);
}
.lc-wiki-rating-form__foot {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	flex-wrap: wrap;
}
.lc-wiki-rating-form__as {
	font-size: .85rem;
	color: var(--lc-text-muted);
}
.lc-wiki-rating-form__as strong { color: var(--lc-text); }
.lc-wiki-rating-form__change {
	padding: 0;
	margin-left: 4px;
	font-size: .78rem;
	color: var(--lc-accent);
	text-decoration: underline;
	background: none;
	cursor: pointer;
}
.lc-wiki-rating-form__submit {
	padding: 9px 20px;
	background: var(--lc-accent);
	color: #fff;
	border: none;
	border-radius: 0;
	font-family: var(--lc-font-head);
	font-weight: 700;
	font-size: .85rem;
	letter-spacing: .05em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background var(--lc-trans), transform var(--lc-trans);
}
.lc-wiki-rating-form__submit:hover:not([disabled]) { transform: translateY(-1px); filter: brightness(1.1); }
.lc-wiki-rating-form__submit[disabled] { opacity: .5; cursor: not-allowed; }
.lc-wiki-rating-form__notice {
	margin-top: 10px;
	padding: 10px 12px;
	border-radius: 0;
	font-size: .88rem;
}
.lc-wiki-rating-form__notice.is-ok  { background: rgba(39,194,76,.1); color: #27c24c; border: 1px solid rgba(39,194,76,.3); }
.lc-wiki-rating-form__notice.is-err { background: rgba(255,91,91,.1); color: #ff5b5b; border: 1px solid rgba(255,91,91,.3); }

.lc-wiki-rating-form__noname {
	padding: 20px;
	background: var(--lc-bg-surface);
	border: 1px dashed var(--lc-border);
	border-radius: 0;
	text-align: center;
}
.lc-wiki-rating-form__setname {
	margin-top: 10px;
	padding: 9px 20px;
	background: var(--lc-accent);
	color: #fff;
	border-radius: 0;
	font-family: var(--lc-font-head);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	cursor: pointer;
}

/* --------------------------------------------------------------------------
   RECENT RATINGS LIST
   -------------------------------------------------------------------------- */
.lc-wiki-recent h3 {
	font-family: var(--lc-font-head);
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: .95rem;
	margin: 20px 0 12px;
	color: var(--lc-text-muted);
}
.lc-wiki-recent__list { margin: 0; padding: 0; display: grid; gap: 10px; }
.lc-wiki-recent__item {
	background: var(--lc-bg-card);
	border: 1px solid var(--lc-border);
	border-radius: 0;
	padding: 12px 14px;
}
.lc-wiki-recent__head {
	display: flex; align-items: center; gap: 10px;
	flex-wrap: wrap;
	font-size: .85rem;
}
.lc-wiki-recent__head strong { color: var(--lc-text); }
.lc-wiki-recent__score {
	display: inline-block;
	background: var(--lc-accent);
	color: #fff;
	padding: 2px 8px;
	border-radius: 0;
	font-family: var(--lc-font-head);
	font-weight: 700;
	font-size: .8rem;
}
.lc-wiki-recent__head time { color: var(--lc-text-faint); margin-left: auto; font-size: .78rem; }
.lc-wiki-recent__comment { margin: 6px 0 0; color: var(--lc-text-muted); font-size: .9rem; line-height: 1.55; }

/* --------------------------------------------------------------------------
   RELATED NEWS GRID
   -------------------------------------------------------------------------- */
.lc-wiki-related__title {
	font-family: var(--lc-font-head);
	font-size: 1.1rem;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: 0 0 14px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--lc-accent);
}
.lc-wiki-related__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 12px;
}
.lc-wiki-related__item {
	display: flex; gap: 10px;
	background: var(--lc-bg-card);
	border: 1px solid var(--lc-border);
	border-radius: 0;
	padding: 10px;
	transition: transform var(--lc-trans), border-color var(--lc-trans);
	color: inherit;
}
.lc-wiki-related__item:hover { transform: translateY(-2px); border-color: var(--lc-accent); }
.lc-wiki-related__thumb {
	flex-shrink: 0;
	width: 96px;
	aspect-ratio: 16/10;
	overflow: hidden;
	border-radius: 0;
}
.lc-wiki-related__thumb img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.lc-wiki-related__body { min-width: 0; }
.lc-wiki-related__cat {
	display: inline-block;
	font-size: .65rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: var(--lc-accent);
	font-weight: 700;
	margin-bottom: 4px;
}
.lc-wiki-related__headline {
	font-family: var(--lc-font-head);
	font-size: .92rem;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 4px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.lc-wiki-related__time { font-size: .72rem; color: var(--lc-text-faint); }

/* --------------------------------------------------------------------------
   WIKI TYPE TAXONOMY ARCHIVE HEADER  (/db/anime/, /db/manga/, …)
   -------------------------------------------------------------------------- */
.lc-db-tax-header {
	background: var(--lc-bg-card, #111);
	border-bottom: 3px solid var(--tax-accent, var(--lc-accent));
	padding: 28px 0 24px;
}
.lc-db-tax-header__crumb {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: .78rem;
	color: var(--lc-text-muted);
	margin-bottom: 10px;
}
.lc-db-tax-header__crumb a {
	color: var(--lc-text-muted);
	text-decoration: none;
}
.lc-db-tax-header__crumb a:hover { color: var(--lc-text); }
.lc-db-tax-header__title {
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: var(--lc-font-head);
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	font-weight: 800;
	letter-spacing: .03em;
	margin: 0 0 6px;
	text-transform: uppercase;
}
.lc-db-tax-header__bar {
	display: inline-block;
	width: 4px;
	height: 1.1em;
	background: var(--tax-accent, var(--lc-accent));
	border-radius: 2px;
	flex-shrink: 0;
}
.lc-db-tax-header__count {
	font-size: .75rem;
	font-weight: 600;
	color: var(--lc-text-muted);
	background: var(--lc-bg-surface, #1a1a1a);
	border: 1px solid var(--lc-border);
	border-radius: 20px;
	padding: 2px 10px;
	letter-spacing: 0;
	text-transform: none;
	margin-left: 2px;
}
.lc-db-tax-header__desc {
	color: var(--lc-text-muted);
	font-size: .9rem;
	margin: 4px 0 0;
}

/* Active filter chips row */
.lc-db-tax-active-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
}
.lc-db-tax-filter-chip {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: var(--lc-bg-surface);
	border: 1px solid var(--lc-border);
	border-radius: 20px;
	padding: 3px 10px;
	font-size: .78rem;
	color: var(--lc-text);
}
.lc-db-tax-filter-chip a {
	color: var(--lc-text-muted);
	text-decoration: none;
	font-weight: 700;
	line-height: 1;
}
.lc-db-tax-filter-chip a:hover { color: var(--lc-accent); }
.lc-db-tax-filter-clear {
	font-size: .78rem;
	color: var(--lc-text-muted);
	text-decoration: underline;
	margin-left: 4px;
}
.lc-db-tax-filter-clear:hover { color: var(--lc-accent); }

/* Search input inside sidebar filter */
.lc-wiki-filter--search {
	margin-bottom: 24px;
}
.lc-wiki-filter__search-input {
	width: 100%;
	background: var(--lc-bg-surface, #1a1a1a);
	border: 1px solid var(--lc-border);
	border-radius: 4px;
	color: var(--lc-text);
	padding: 8px 12px;
	font-size: .85rem;
	outline: none;
	box-sizing: border-box;
}
.lc-wiki-filter__search-input:focus {
	border-color: var(--lc-accent);
}

/* --------------------------------------------------------------------------
   ARCHIVE / BROWSE PAGE
   -------------------------------------------------------------------------- */
.lc-wiki-archive-hero {
	background: var(--lc-bg-card);
	border-bottom: 1px solid var(--lc-border);
	padding: 56px 0 48px;
	text-align: center;
}
.lc-wiki-archive-hero__title {
	font-family: var(--lc-font-head);
	font-size: clamp(2.2rem, 5vw, 3.2rem);
	margin: 0 0 8px;
	letter-spacing: .02em;
}
.lc-wiki-archive-hero__tagline {
	color: var(--lc-text-muted);
	max-width: 600px;
	margin: 0 auto 22px;
	font-size: 1.05rem;
}
.lc-wiki-archive__search {
	display: flex;
	max-width: 560px;
	margin: 0 auto;
	gap: 0;
	background: var(--lc-bg-surface);
	border: 1px solid var(--lc-border);
	border-radius: 0;
	padding: 4px;
}
.lc-wiki-archive__search input {
	flex: 1;
	background: none;
	border: none;
	padding: 10px 18px;
	color: var(--lc-text);
	font: inherit;
}
.lc-wiki-archive__search input:focus { outline: none; }
.lc-wiki-archive__submit {
	padding: 10px 22px;
	background: var(--lc-accent);
	color: #fff;
	border: none;
	border-radius: 0;
	font-family: var(--lc-font-head);
	font-weight: 700;
	text-transform: uppercase;
	font-size: .85rem;
	cursor: pointer;
}

.lc-wiki-archive {
	display: grid;
	grid-template-columns: 230px minmax(0, 1fr);
	gap: 32px;
	padding: 32px 20px 56px;
}
@media (max-width: 860px) { .lc-wiki-archive { grid-template-columns: 1fr; } }

.lc-wiki-archive__filters { position: sticky; top: calc(var(--lc-header-h) + 16px); }
@media (max-width: 860px) { .lc-wiki-archive__filters { position: static; } }

.lc-wiki-filter { margin-bottom: 24px; }
.lc-wiki-filter__title {
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: var(--lc-text-faint);
	margin: 0 0 8px;
	font-family: var(--lc-font-head);
}
.lc-wiki-filter ul { margin: 0; padding: 0; }
.lc-wiki-filter li a {
	display: flex; align-items: center; justify-content: space-between;
	padding: 6px 10px;
	font-size: .88rem;
	color: var(--lc-text-muted);
	border-radius: 0;
	transition: background var(--lc-trans), color var(--lc-trans);
}
.lc-wiki-filter li a:hover { color: var(--lc-text); background: var(--lc-bg-surface); }
.lc-wiki-filter li a.is-active {
	color: #fff;
	background: var(--lc-accent);
}
.lc-wiki-filter li a span { font-size: .72rem; opacity: .7; }

.lc-wiki-archive__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;
}
.lc-wiki-tile {
	background: var(--lc-bg-card);
	border: 1px solid var(--lc-border);
	border-radius: 0;
	overflow: hidden;
	color: inherit;
	transition: transform var(--lc-trans), border-color var(--lc-trans);
	display: flex;
	flex-direction: column;
}
.lc-wiki-tile:hover { transform: translateY(-3px); border-color: var(--lc-accent); }
.lc-wiki-tile__cover { position: relative; aspect-ratio: 3/4; overflow: hidden; }
.lc-wiki-tile__cover img {
	width: 100%; height: 100%;
	object-fit: cover;
	object-position: top center;
}
.lc-wiki-tile__cover--empty {
	width: 100%; height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(160deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
	padding: 16px;
}
.lc-wiki-tile__cover-title {
	display: block;
	text-align: center;
	font-family: var(--lc-font-head);
	font-size: .85rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: rgba(255,255,255,.75);
	word-break: break-word;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.lc-wiki-tile__score {
	position: absolute; top: 8px; right: 8px;
	background: var(--lc-accent);
	color: #fff;
	font-family: var(--lc-font-head);
	font-weight: 700;
	font-size: .9rem;
	padding: 4px 9px;
	border-radius: 0;
}
.lc-wiki-tile__body { padding: 12px 14px 14px; }
.lc-wiki-tile__type {
	font-size: .65rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: var(--lc-accent);
	font-weight: 700;
}
.lc-wiki-tile__title {
	font-family: var(--lc-font-head);
	font-size: 1rem;
	line-height: 1.25;
	margin: 4px 0 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.lc-wiki-archive__pager {
	display: flex; justify-content: center; gap: 6px;
	margin-top: 28px;
}
.lc-wiki-archive__pager .page-numbers {
	padding: 8px 12px;
	background: var(--lc-bg-card);
	border: 1px solid var(--lc-border);
	border-radius: 0;
	color: var(--lc-text);
	font-weight: 600;
	font-size: .88rem;
}
.lc-wiki-archive__pager .page-numbers.current,
.lc-wiki-archive__pager .page-numbers:hover {
	background: var(--lc-accent);
	border-color: var(--lc-accent);
	color: #fff;
}
.lc-wiki-archive__empty {
	text-align: center;
	padding: 60px 20px;
	color: var(--lc-text-muted);
}

/* --------------------------------------------------------------------------
   CATEGORY / TAG ARCHIVE BANNER
   -------------------------------------------------------------------------- */
.lc-wiki-catbanner {
	position: relative;
	overflow: hidden;
	background: var(--lc-bg-card);
	border: 1px solid var(--lc-border);
	border-radius: 0;
	margin: 20px 0 28px;
}
.lc-wiki-catbanner.has-cover { padding: 0; }
.lc-wiki-catbanner__bg {
	position: absolute; inset: 0;
	background-size: cover; background-position: center;
	filter: blur(18px) brightness(.45) saturate(.9);
	transform: scale(1.08);
}
.lc-wiki-catbanner__scrim {
	position: absolute; inset: 0;
	background: linear-gradient(90deg, rgba(0,0,0,.85), rgba(0,0,0,.55));
}
.lc-wiki-catbanner__inner {
	position: relative;
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr);
	gap: 24px;
	padding: 26px 24px;
	align-items: center;
}
@media (max-width: 640px) {
	.lc-wiki-catbanner__inner { grid-template-columns: 100px minmax(0,1fr); gap: 16px; padding: 18px; }
}
.lc-wiki-catbanner__cover {
	display: block;
	border-radius: 0;
	overflow: hidden;
	box-shadow: 0 8px 28px rgba(0,0,0,.4);
}
.lc-wiki-catbanner__cover img {
	display: block; width: 100%; aspect-ratio: 1/1; object-fit: cover;
}
.lc-wiki-catbanner__tags { display: flex; gap: 8px; margin-bottom: 8px; }
.lc-wiki-catbanner__kicker {
	display: inline-block;
	background: var(--lc-accent);
	color: #fff;
	font-size: .65rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .1em;
	padding: 3px 8px;
	border-radius: 0;
}
.lc-wiki-catbanner__type {
	font-size: .65rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .1em;
	padding: 3px 8px;
	border-radius: 0;
	background: rgba(255,255,255,.1);
	color: #fff;
}
.lc-wiki-catbanner__title {
	font-family: var(--lc-font-head);
	font-size: clamp(1.4rem, 3vw, 2rem);
	margin: 0 0 8px;
	line-height: 1.15;
}
.lc-wiki-catbanner__title a { color: var(--lc-text); transition: color var(--lc-trans); }
.lc-wiki-catbanner__title a:hover { color: var(--lc-accent); }
.lc-wiki-catbanner__tagline {
	margin: 0 0 12px;
	color: var(--lc-text-muted);
	font-size: .95rem;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.lc-wiki-catbanner__facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 10px 16px;
	margin: 0 0 14px;
}
.lc-wiki-catbanner__facts dt {
	font-size: .65rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: var(--lc-text-faint);
	font-weight: 700;
}
.lc-wiki-catbanner__facts dd {
	margin: 0;
	font-size: .85rem;
	color: var(--lc-text);
}
.lc-wiki-catbanner__facts ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.lc-wiki-catbanner__facts li { font-size: .82rem; }
.lc-wiki-catbanner__facts li:not(:last-child)::after { content: ","; }

.lc-wiki-catbanner__ft {
	display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}
.lc-wiki-catbanner__cta {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 9px 18px;
	background: var(--lc-accent);
	color: #fff;
	border-radius: 0;
	font-family: var(--lc-font-head);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: .85rem;
	transition: transform var(--lc-trans), filter var(--lc-trans);
}
.lc-wiki-catbanner__cta:hover { transform: translateX(2px); filter: brightness(1.12); }

/* --------------------------------------------------------------------------
   RESPONSIVE TWEAKS
   -------------------------------------------------------------------------- */
@media (max-width: 520px) {
	.lc-wiki-hero { padding-block: 36px 28px; }
	.lc-wiki-hero.has-cover { padding-block: 60px 32px; }
	.lc-wiki-body { padding: 24px 16px 40px; }
	.lc-wiki-rating-block, .lc-wiki-user-rating { padding: 16px; }
	.lc-wiki-infobox__row { grid-template-columns: 92px 1fr; padding: 8px 14px; }
	.lc-wiki-infobox__title { padding: 14px 14px 8px; }
}

/* ==========================================================================
   LE-CORP WIKI v4.3 — PREMIUM REDESIGN (appended overrides + new modules)
   Wins cascade vs. the older hero/body blocks above. Keeps existing
   proscons, rating, recent-ratings, archive-tile modules intact.
   ========================================================================== */

/* --------------------------------------------------------------------------
   BREADCRUMB
   -------------------------------------------------------------------------- */
/* Breadcrumb base — overridden by premium styles below */
.lc-wiki-breadcrumb {
	background: var(--lc-bg-surface, #0e0e0e);
	border-bottom: 1px solid var(--lc-border, #222);
	padding: 10px 0;
	font-size: .82rem;
}
.lc-wiki-breadcrumb__list {
	list-style: none;
	margin: 0;
	padding: 0 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	color: var(--lc-text-muted, #9a9a9a);
}
.lc-wiki-breadcrumb__item {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.lc-wiki-breadcrumb__sep {
	color: var(--lc-text-faint, #555);
	padding: 0 4px;
}
.lc-wiki-breadcrumb__item a {
	color: var(--lc-text-muted, #9a9a9a);
	text-decoration: none;
	transition: color var(--lc-trans, .15s ease);
}
.lc-wiki-breadcrumb__item a:hover {
	color: var(--lc-accent, #E50914);
}
.lc-wiki-breadcrumb__item--current {
	color: var(--lc-text, #f5f5f5);
	font-weight: 600;
}

/* --------------------------------------------------------------------------
   HERO — cinematic backdrop + floating poster + info
   -------------------------------------------------------------------------- */
.lc-wiki-hero {
	position: relative;
	overflow: visible;        /* allow poster to bleed into body */
	background: var(--lc-bg-card, #161616);
	border-bottom: 1px solid var(--lc-border, #222);
	padding: 0;
	min-height: 380px;
}
.lc-wiki-hero.has-backdrop { background: #000; }

.lc-wiki-hero__backdrop {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center 20%;
	filter: blur(18px) saturate(.8) brightness(.4);
	transform: scale(1.08);
	z-index: 0;
}
.lc-wiki-hero__scrim {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.8) 75%, var(--lc-bg, #0a0a0a) 100%),
		linear-gradient(90deg, rgba(0,0,0,.5) 0%, transparent 60%);
	z-index: 1;
}

.lc-wiki-hero__inner {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 36px;
	padding: 60px 20px 40px;
	align-items: end;
}

.lc-wiki-hero__poster-wrap {
	position: relative;
	margin-bottom: -90px;     /* bleed into body */
	z-index: 3;
}
.lc-wiki-hero__poster {
	display: block;
	width: 100%;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	border-radius: 0;
	box-shadow:
		0 30px 60px rgba(0,0,0,.85),
		0 0 0 1px rgba(255,255,255,.04);
	background: var(--lc-bg-card, #161616);
}

.lc-wiki-hero__content {
	min-width: 0;
	padding-bottom: 10px;
}

/* --- badges row (Type / Status / Company) --- */
.lc-wiki-hero__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}
.lc-wiki-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 700;
	border-radius: 0;
	text-decoration: none;
	line-height: 1.5;
}
.lc-wiki-badge--type {
	background: var(--lc-accent, #E50914);
	color: #fff;
}
.lc-wiki-badge--type:hover { opacity: .85; color: #fff; }
.lc-wiki-badge--status {
	background: rgba(255,255,255,.14);
	color: #fff;
	backdrop-filter: blur(8px);
}
.lc-wiki-badge--company {
	background: transparent;
	color: #fff;
	border: 1px solid rgba(255,255,255,.28);
}

/* --- title + tagline --- */
.lc-wiki-hero__title {
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: clamp(2rem, 5vw, 3.6rem);
	line-height: 1.02;
	margin: 0 0 14px;
	color: #fff;
	letter-spacing: -.015em;
	text-shadow: 0 2px 20px rgba(0,0,0,.6);
	word-break: break-word;
}
.lc-wiki-hero__tagline {
	font-size: 1.05rem;
	line-height: 1.55;
	color: rgba(255,255,255,.78);
	max-width: 680px;
	margin: 0 0 18px;
	font-style: italic;
}

/* --- genre pills --- */
.lc-wiki-hero__genres {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 20px;
}
.lc-wiki-genre-pill {
	display: inline-block;
	padding: 5px 12px;
	font-size: .78rem;
	font-weight: 600;
	color: rgba(255,255,255,.82);
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 0;
	text-decoration: none;
	transition: background var(--lc-trans, .15s ease), color var(--lc-trans, .15s ease), border-color var(--lc-trans, .15s ease);
}
.lc-wiki-genre-pill:hover {
	background: var(--lc-accent, #E50914);
	color: #fff;
	border-color: var(--lc-accent, #E50914);
}

/* --- score cards (editor + users) --- */
.lc-wiki-hero__scores {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 16px;
}
.lc-wiki-score-card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 16px 10px 12px;
	background: rgba(0,0,0,.55);
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 0;
	backdrop-filter: blur(8px);
}
.lc-wiki-score-card__badge {
	display: flex;
	align-items: baseline;
	gap: 2px;
	padding: 6px 12px;
	background: var(--lc-accent, #E50914);
	color: #fff;
	border-radius: 0;
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-weight: 800;
	min-width: 64px;
	justify-content: center;
}
.lc-wiki-score-card__badge--users {
	background: linear-gradient(135deg, #ffc107 0%, #ffb300 100%);
	color: #1a1a1a;
}
.lc-wiki-score-card__num {
	font-size: 1.6rem;
	line-height: 1;
}
.lc-wiki-score-card__denom {
	font-size: .75rem;
	opacity: .7;
	margin-left: 2px;
}
.lc-wiki-score-card__label {
	font-size: .72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: rgba(255,255,255,.8);
	line-height: 1.3;
}

/* --- verdict blockquote --- */
.lc-wiki-hero__verdict {
	margin: 14px 0 0;
	padding: 12px 18px;
	background: rgba(0,0,0,.45);
	border-left: 3px solid var(--lc-accent, #E50914);
	border-radius: 0;
	color: rgba(255,255,255,.92);
	font-style: italic;
	font-size: 1rem;
	max-width: 680px;
	line-height: 1.55;
}

/* Hero responsive */
@media (max-width: 768px) {
	.lc-wiki-hero__inner {
		grid-template-columns: 1fr;
		gap: 18px;
		padding: 32px 16px 24px;
		justify-items: center;
		text-align: center;
	}
	.lc-wiki-hero__poster-wrap {
		margin: 0 auto -50px;
		width: 100%;
	}
	.lc-wiki-hero__content { padding-bottom: 0; width: 100%; }
	.lc-wiki-hero__badges,
	.lc-wiki-hero__genres,
	.lc-wiki-hero__scores { justify-content: center; }
	.lc-wiki-hero__title { font-size: clamp(1.5rem, 6vw, 2.2rem); }
	.lc-wiki-hero__tagline { font-size: .95rem; }
	.lc-wiki-score-card { padding: 6px 12px 6px 8px; gap: 8px; }
	.lc-wiki-score-card__num { font-size: 1.35rem; }
}
@media (max-width: 480px) {
	.lc-wiki-hero__inner {
		gap: 14px;
		padding: 28px 14px 20px;
	}
	.lc-wiki-hero__poster-wrap {
		margin-bottom: -38px;
	}
}

/* --------------------------------------------------------------------------
   BODY LAYOUT — sidebar (left) + main (right). Overrides older grid.
   -------------------------------------------------------------------------- */
.lc-wiki-body {
	position: relative;
	padding: 110px 20px 60px;   /* top padding accounts for poster bleed */
	background: var(--lc-bg, #0a0a0a);
}
.lc-wiki-layout {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 40px;
	align-items: start;
}
@media (max-width: 900px) {
	.lc-wiki-body { padding-top: 80px; }
	.lc-wiki-layout {
		grid-template-columns: 1fr;
		gap: 28px;
	}
}

/* --------------------------------------------------------------------------
   SECTIONS — heading style + spacing
   -------------------------------------------------------------------------- */
.lc-wiki-section {
	margin-bottom: 44px;
	scroll-margin-top: calc(var(--lc-header-h, 64px) + 20px);
}
.lc-wiki-section:last-child { margin-bottom: 0; }

.lc-wiki-section__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
	flex-wrap: wrap;
}
.lc-wiki-section__heading {
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: clamp(1.4rem, 2.4vw, 1.75rem);
	line-height: 1.15;
	margin: 0 0 18px;
	color: var(--lc-text, #f5f5f5);
	text-transform: uppercase;
	letter-spacing: .03em;
	display: flex;
	align-items: baseline;
	gap: 10px;
	position: relative;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--lc-border, #222);
}
.lc-wiki-section__heading::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 48px;
	height: 2px;
	background: var(--lc-accent, #E50914);
}
.lc-wiki-section__count {
	font-size: .95rem;
	font-weight: 400;
	color: var(--lc-text-muted, #9a9a9a);
	font-family: var(--lc-font-ui, system-ui, sans-serif);
	letter-spacing: 0;
}

/* --------------------------------------------------------------------------
   SIDEBAR — infobox + rate CTA, sticky
   -------------------------------------------------------------------------- */
.lc-wiki-side {
	position: sticky;
	top: calc(var(--lc-header-h, 64px) + 16px);
	display: flex;
	flex-direction: column;
	gap: 16px;
}
@media (max-width: 900px) {
	.lc-wiki-side {
		position: static;
		top: auto;
	}
}

/* Tighten the existing infobox when it's in the new sidebar */
.lc-wiki-side .lc-wiki-infobox {
	position: static;               /* parent is sticky now */
	border-radius: 0;
}
.lc-wiki-side .lc-wiki-infobox__cover {
	display: none;                  /* cover lives in hero poster now */
}
.lc-wiki-side .lc-wiki-infobox__title {
	font-size: 1rem;
	padding: 14px 16px 10px;
	text-transform: uppercase;
	letter-spacing: .04em;
	font-size: .75rem;
	color: var(--lc-text-faint, #888);
	font-weight: 700;
}
.lc-wiki-side .lc-wiki-infobox__title::before {
	content: 'Details';
}
.lc-wiki-side .lc-wiki-infobox__title > * { display: none; }

/* Rate CTA card */
.lc-wiki-rate-cta {
	background: linear-gradient(150deg, var(--lc-bg-card, #161616) 0%, var(--lc-bg-surface, #0e0e0e) 100%);
	border: 1px solid var(--lc-border, #222);
	border-radius: 0;
	padding: 18px 18px 16px;
	text-align: center;
}
.lc-wiki-rate-cta__heading {
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 700;
	color: var(--lc-text-faint, #888);
	margin: 0 0 10px;
}
.lc-wiki-rate-cta__agg {
	margin-bottom: 14px;
	line-height: 1.2;
}
.lc-wiki-rate-cta__agg-score {
	display: block;
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: 2.2rem;
	font-weight: 800;
	color: #ffc107;
	line-height: 1;
}
.lc-wiki-rate-cta__agg-denom {
	font-size: 1rem;
	color: var(--lc-text-muted, #9a9a9a);
	font-weight: 400;
	margin-left: 2px;
}
.lc-wiki-rate-cta__agg-count {
	display: block;
	font-size: .78rem;
	color: var(--lc-text-muted, #9a9a9a);
	margin-top: 6px;
}
.lc-wiki-rate-cta__btn {
	display: inline-block;
	width: 100%;
	padding: 11px 16px;
	background: var(--lc-accent, #E50914);
	color: #fff;
	text-decoration: none;
	border-radius: 0;
	font-weight: 700;
	font-size: .88rem;
	letter-spacing: .04em;
	text-transform: uppercase;
	transition: background var(--lc-trans, .15s ease), transform var(--lc-trans, .15s ease);
}
.lc-wiki-rate-cta__btn:hover {
	background: #ff1825;
	transform: translateY(-1px);
	color: #fff;
}

/* --------------------------------------------------------------------------
   CHILDREN GRID — horizontal scroll rich cards (Seasons, Cast, etc.)
   -------------------------------------------------------------------------- */
.lc-wiki-children {
	position: relative;
}
.lc-wiki-children__scroll {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 180px;
	gap: 16px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 4px 4px 16px;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
	scrollbar-color: var(--lc-border, #222) transparent;
	-webkit-overflow-scrolling: touch;
}
.lc-wiki-children__scroll::-webkit-scrollbar { height: 8px; }
.lc-wiki-children__scroll::-webkit-scrollbar-track { background: transparent; }
.lc-wiki-children__scroll::-webkit-scrollbar-thumb {
	background: var(--lc-border, #222);
	border-radius: 0;
}
.lc-wiki-children__scroll::-webkit-scrollbar-thumb:hover {
	background: var(--lc-text-faint, #555);
}

.lc-wiki-children.is-expanded .lc-wiki-children__scroll {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	grid-auto-flow: row;
	grid-auto-columns: auto;
	overflow: visible;
	scroll-snap-type: none;
}

.lc-wiki-child-card {
	display: flex;
	flex-direction: column;
	background: var(--lc-bg-card, #161616);
	border: 1px solid var(--lc-border, #222);
	border-radius: 0;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	scroll-snap-align: start;
	transition: transform var(--lc-trans, .15s ease),
		border-color var(--lc-trans, .15s ease),
		box-shadow var(--lc-trans, .15s ease);
}
.lc-wiki-child-card:hover {
	transform: translateY(-3px);
	border-color: var(--lc-accent, #E50914);
	box-shadow: 0 12px 30px rgba(0,0,0,.6);
}
.lc-wiki-child-card.is-hidden { display: none; }
.lc-wiki-children.is-expanded .lc-wiki-child-card.is-hidden { display: flex; }

.lc-wiki-child-card__img {
	position: relative;
	aspect-ratio: 2 / 3;
	background: #0d0d0d;
	overflow: hidden;
}
.lc-wiki-child-card__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	transition: transform .35s ease;
}
.lc-wiki-child-card:hover .lc-wiki-child-card__img img {
	transform: scale(1.06);
}
.lc-wiki-child-card__placeholder {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	background: linear-gradient(160deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
}
.lc-wiki-child-card__placeholder-title {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-align: center;
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: .82rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: rgba(255,255,255,.75);
	word-break: break-word;
}
.lc-wiki-child-card__score {
	position: absolute;
	top: 8px;
	right: 8px;
	display: inline-flex;
	align-items: center;
	padding: 3px 8px;
	background: var(--lc-accent, #E50914);
	color: #fff;
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: .9rem;
	font-weight: 800;
	border-radius: 0;
	line-height: 1.2;
	box-shadow: 0 4px 12px rgba(0,0,0,.5);
}

.lc-wiki-child-card__body {
	padding: 12px 14px 14px;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.lc-wiki-child-card__title {
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: 1.02rem;
	line-height: 1.2;
	margin: 0;
	color: var(--lc-text, #f5f5f5);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.lc-wiki-child-card__meta {
	display: inline-block;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .06em;
	font-weight: 700;
	color: var(--lc-text-faint, #888);
}
.lc-wiki-child-card__excerpt {
	font-size: .82rem;
	line-height: 1.45;
	color: var(--lc-text-muted, #9a9a9a);
	margin: 4px 0 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.lc-wiki-children__foot {
	margin-top: 16px;
	text-align: center;
}
.lc-wiki-children__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 22px;
	background: transparent;
	border: 1px solid var(--lc-border, #222);
	color: var(--lc-text, #f5f5f5);
	font-family: inherit;
	font-size: .84rem;
	font-weight: 600;
	letter-spacing: .04em;
	border-radius: 0;
	cursor: pointer;
	transition: background var(--lc-trans, .15s ease),
		border-color var(--lc-trans, .15s ease),
		color var(--lc-trans, .15s ease);
}
.lc-wiki-children__more:hover {
	background: var(--lc-accent, #E50914);
	border-color: var(--lc-accent, #E50914);
	color: #fff;
}
.lc-wiki-children__more strong {
	font-weight: 800;
	color: var(--lc-accent, #E50914);
}
.lc-wiki-children__more:hover strong { color: #fff; }
.lc-wiki-children.is-expanded .lc-wiki-children__foot { display: none; }

/* ==========================================================================
   LE-CORP Wiki — Part 3: Trailer + Gallery + Lightbox + Reviews
   ========================================================================== */

/* -- Trailer embed -------------------------------------------------------- */
.lc-wiki-trailer {
	margin: 44px 0 32px;
}
.lc-wiki-trailer__frame {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #000;
	border-radius: 0;
	overflow: hidden;
	box-shadow: 0 12px 40px rgba(0,0,0,.5);
	border: 1px solid var(--lc-border, #222);
}
.lc-wiki-trailer__frame iframe,
.lc-wiki-trailer__frame video,
.lc-wiki-trailer__frame embed,
.lc-wiki-trailer__frame object {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}
.lc-wiki-trailer__fallback {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	text-decoration: none;
	color: var(--lc-text, #f5f5f5);
	background:
		linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.75)),
		var(--lc-bg-card, #111);
	background-size: cover;
	background-position: center;
	transition: filter var(--lc-trans, .2s ease);
}
.lc-wiki-trailer__fallback:hover { filter: brightness(1.08); }
.lc-wiki-trailer__play {
	width: 76px;
	height: 76px;
	border-radius: 0;
	background: var(--lc-accent, #E50914);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 28px;
	line-height: 1;
	padding-left: 6px;
	box-shadow: 0 10px 30px rgba(229,9,20,.5);
	transition: transform var(--lc-trans, .2s ease);
}
.lc-wiki-trailer__fallback:hover .lc-wiki-trailer__play { transform: scale(1.08); }
.lc-wiki-trailer__label {
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: rgba(255,255,255,.85);
}

/* -- Gallery -------------------------------------------------------------- */
.lc-wiki-gallery {
	margin: 44px 0 32px;
}
.lc-wiki-gallery__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
.lc-wiki-gallery__item {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	background: var(--lc-bg-card, #111);
	border: 1px solid var(--lc-border, #222);
	border-radius: 0;
	overflow: hidden;
	cursor: pointer;
	transition: transform var(--lc-trans, .2s ease),
		border-color var(--lc-trans, .2s ease);
}
.lc-wiki-gallery__item:hover {
	transform: translateY(-2px);
	border-color: var(--lc-accent, #E50914);
}
.lc-wiki-gallery__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform var(--lc-trans, .25s ease);
}
.lc-wiki-gallery__item:hover img { transform: scale(1.05); }
.lc-wiki-gallery__item.is-hidden { display: none; }
.lc-wiki-gallery__more {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 4px;
	background: rgba(0,0,0,.72);
	color: #fff;
	font-family: var(--lc-font-head, 'Oswald', sans-serif);
	font-weight: 700;
}
.lc-wiki-gallery__more-count {
	font-size: 2rem;
	line-height: 1;
	color: var(--lc-accent, #E50914);
}
.lc-wiki-gallery__more-label {
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .14em;
	color: rgba(255,255,255,.85);
}

/* -- Lightbox ------------------------------------------------------------- */
.lc-wiki-lightbox {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.94);
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 40px;
}
.lc-wiki-lightbox.is-open { display: flex; }
.lc-wiki-lightbox__stage {
	position: relative;
	max-width: 1200px;
	width: 100%;
	max-height: calc(100vh - 120px);
	display: flex;
	align-items: center;
	justify-content: center;
}
.lc-wiki-lightbox__img {
	max-width: 100%;
	max-height: calc(100vh - 160px);
	object-fit: contain;
	display: block;
	border-radius: 0;
	box-shadow: 0 20px 60px rgba(0,0,0,.6);
}
.lc-wiki-lightbox__close,
.lc-wiki-lightbox__nav {
	position: absolute;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.15);
	color: #fff;
	width: 46px;
	height: 46px;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 22px;
	line-height: 1;
	transition: background var(--lc-trans, .15s ease);
	font-family: inherit;
}
.lc-wiki-lightbox__close:hover,
.lc-wiki-lightbox__nav:hover {
	background: var(--lc-accent, #E50914);
	border-color: var(--lc-accent, #E50914);
}
.lc-wiki-lightbox__close {
	top: -14px;
	right: -14px;
}
.lc-wiki-lightbox__nav--prev { left: -66px; }
.lc-wiki-lightbox__nav--next { right: -66px; }
.lc-wiki-lightbox__counter {
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	font-size: .84rem;
	color: rgba(255,255,255,.6);
	letter-spacing: .08em;
}

/* -- Reviews section (full-width) ---------------------------------------- */
.lc-wiki-reviews-section {
	grid-column: 1 / -1;
	margin-top: 48px;
	padding-top: 40px;
	border-top: 1px solid var(--lc-border, #222);
}
.lc-wiki-reviews-section__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 28px;
	gap: 20px;
	flex-wrap: wrap;
}
.lc-wiki-reviews-section__title {
	font-family: var(--lc-font-head, 'Oswald', sans-serif);
	font-size: 1.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	margin: 0;
	color: var(--lc-text, #f5f5f5);
}
.lc-wiki-reviews-section__title span {
	color: var(--lc-accent, #E50914);
}
.lc-wiki-reviews-section__avg {
	display: flex;
	align-items: center;
	gap: 10px;
}
.lc-wiki-reviews-section__avg-num {
	font-family: var(--lc-font-head, 'Oswald', sans-serif);
	font-size: 2rem;
	font-weight: 700;
	color: #FFB400;
}
.lc-wiki-reviews-section__avg-label {
	font-size: .78rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: var(--lc-text-muted, #a0a0a0);
}
.lc-wiki-reviews-grid {
	display: grid;
	grid-template-columns: 360px 1fr;
	gap: 40px;
	align-items: start;
}
.lc-wiki-reviews-grid__form {
	background: var(--lc-bg-card, #111);
	border: 1px solid var(--lc-border, #222);
	border-radius: 0;
	padding: 22px;
}
.lc-wiki-reviews-grid__form h3 {
	font-family: var(--lc-font-head, 'Oswald', sans-serif);
	font-size: 1.1rem;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: 0 0 14px;
	color: var(--lc-text, #f5f5f5);
}
.lc-wiki-reviews-grid__list {
	display: grid;
	gap: 18px;
}
.lc-wiki-reviews-grid__empty {
	padding: 40px 24px;
	text-align: center;
	background: var(--lc-bg-card, #111);
	border: 1px dashed var(--lc-border, #222);
	border-radius: 0;
	color: var(--lc-text-muted, #a0a0a0);
	font-size: .95rem;
}

/* Overview + proscons integration within new layout */
.lc-wiki-overview {
	margin-bottom: 28px;
}
.lc-wiki-overview__content {
	font-size: 1rem;
	line-height: 1.75;
	color: var(--lc-text, #f5f5f5);
}
.lc-wiki-overview__content p {
	margin: 0 0 1em;
}

/* Prose blocks (bio, cast overview) — paragraph spacing */
.lc-prose p {
	margin: 0 0 1em;
}
.lc-prose p:last-child {
	margin-bottom: 0;
}

/* Related news (bottom) */
.lc-wiki-related {
	margin: 48px 0 28px;
}
.lc-wiki-related__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 18px;
}

/* ==========================================================================
   Responsive — Part 3
   ========================================================================== */

@media (max-width: 1024px) {
	.lc-wiki-reviews-grid {
		grid-template-columns: 1fr;
	}
	.lc-wiki-reviews-grid__form {
		position: static;
	}
	.lc-wiki-lightbox__nav--prev { left: 8px; }
	.lc-wiki-lightbox__nav--next { right: 8px; }
	.lc-wiki-lightbox__close { top: 8px; right: 8px; }
}

@media (max-width: 640px) {
	.lc-wiki-gallery__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 6px;
	}
	.lc-wiki-trailer__play {
		width: 60px;
		height: 60px;
		font-size: 22px;
	}
	.lc-wiki-reviews-section__title { font-size: 1.4rem; }
	.lc-wiki-lightbox {
		padding: 12px;
	}
	.lc-wiki-lightbox__close {
		width: 38px; height: 38px; font-size: 18px;
	}
	.lc-wiki-lightbox__nav {
		width: 38px; height: 38px; font-size: 18px;
	}
}

/* ── Show cast grid ───────────────────────────────────────────── */
.lc-show-cast {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
	gap: 14px;
}
.lc-show-cast__card {
	text-decoration: none;
	border-radius: 0;
	overflow: hidden;
	background: var(--lc-bg-card, #161616);
	border: 1px solid var(--lc-border, #2a2a2a);
	transition: border-color .15s, transform .15s;
}
.lc-show-cast__card:hover {
	border-color: var(--lc-accent, #E50914);
	transform: translateY(-2px);
}
.lc-show-cast__photo {
	aspect-ratio: 3/4;
	overflow: hidden;
	background: rgba(255,255,255,.04);
}
.lc-show-cast__photo img { width:100%;height:100%;object-fit:cover;display:block; }
.lc-show-cast__photo-placeholder {
	width:100%;height:100%;display:flex;align-items:center;
	justify-content:center;font-size:2rem;
}
.lc-show-cast__info {
	padding: 6px 8px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.lc-show-cast__name {
	font-size: .78rem;
	font-weight: 700;
	color: var(--lc-text, #eee);
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lc-show-cast__type {
	font-size: .65rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--lc-accent, #E50914);
}
.lc-show-cast__role {
	font-size: .7rem;
	color: var(--lc-text-muted, #888);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ==========================================================================
   LE-CORP Wiki v4.9.2 — E-E-A-T Byline + Sticky Section Nav
   ========================================================================== */

/* --------------------------------------------------------------------------
   AUTHOR BYLINE (inside hero)
   -------------------------------------------------------------------------- */
.lc-wiki-hero__byline {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 10px;
	margin: 0 0 18px;
	font-size: .82rem;
	color: rgba(255,255,255,.55);
}

.lc-wiki-byline__author {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: rgba(255,255,255,.88);
	font-weight: 600;
	text-decoration: none;
	transition: color var(--lc-trans, .15s ease);
}
.lc-wiki-byline__author:hover { color: var(--lc-accent, #E50914); }

.lc-wiki-byline__avatar,
.lc-wiki-byline__author img {
	width: 26px !important;
	height: 26px !important;
	border-radius: 0;
	object-fit: cover !important;
	border: 1.5px solid rgba(255,255,255,.18) !important;
	flex-shrink: 0;
	display: block !important;
}

.lc-wiki-byline__name {
	font-family: var(--lc-font-head, 'Oswald', sans-serif);
	font-size: .82rem;
	letter-spacing: .03em;
}

.lc-wiki-byline__sep {
	color: rgba(255,255,255,.28);
	font-size: .65rem;
	line-height: 1;
}

.lc-wiki-byline__date,
.lc-wiki-byline__updated {
	font-size: .8rem;
}

.lc-wiki-byline__date time,
.lc-wiki-byline__updated time {
	font-weight: 600;
	color: rgba(255,255,255,.82);
}

/* --------------------------------------------------------------------------
   STICKY SECTION NAV
   -------------------------------------------------------------------------- */
.lc-wiki-section-nav {
	background: var(--lc-bg-card, #111);
	border-bottom: 1px solid var(--lc-border, #222);
}

.lc-wiki-section-nav__inner {
	display: flex;
	align-items: stretch;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding: 0 6px;
}
.lc-wiki-section-nav__inner::-webkit-scrollbar { display: none; }

.lc-wiki-section-nav__tab {
	display: inline-flex;
	align-items: center;
	padding: 12px 14px;
	font-family: var(--lc-font-head, 'Oswald', sans-serif);
	font-size: .78rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--lc-text-muted, #9a9a9a);
	white-space: nowrap;
	border-bottom: 2px solid transparent;
	transition: color var(--lc-trans, .15s ease),
		border-color var(--lc-trans, .15s ease);
	text-decoration: none;
	flex-shrink: 0;
}
.lc-wiki-section-nav__tab:hover { color: var(--lc-text, #f0f0f0); }
.lc-wiki-section-nav__tab.is-active {
	color: #fff;
	border-bottom-color: var(--lc-accent, #E50914);
}

/* Scroll-margin: clear the sticky header only (section nav is no longer sticky) */
.lc-wiki-section {
	scroll-margin-top: calc(var(--lc-header-h, 64px) + 16px);
}

@media (max-width: 640px) {
	.lc-wiki-section-nav__tab { padding: 10px 11px; font-size: .72rem; min-height: 44px; }
	.lc-wiki-hero__byline { margin-bottom: 14px; font-size: .76rem; }
	.lc-wiki-tab { min-height: 44px; display: flex; align-items: center; }
}

/* ==========================================================
   DB PAGE — metadata row under title (Part 3b)
   ========================================================== */
.lc-wiki-hero__meta-row {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin: -2px 0 16px;
}
.lc-wiki-hero__meta-pill {
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .09em;
	color: var(--lc-text-muted, #bbb);
	text-transform: uppercase;
}
.lc-wiki-hero__meta-sep {
	color: var(--lc-border, #444);
	font-size: .85rem;
}

/* ==========================================================================
   DB CARD — ScreenRant-style 3-col info card  (Part 15)
   ========================================================================== */

/* Card wrapper sits right below the section nav */
/* --------------------------------------------------------------------------
   DB TITLE HEADER — ScreenRant-style: title + meta strip above the card.
   No poster, no hero. If a backdrop image exists it blurs behind the strip.
   -------------------------------------------------------------------------- */
.lc-db-title-header {
	position: relative;
	overflow: hidden;
	background: var(--lc-bg-card, #111);
	border-bottom: 1px solid var(--lc-border, #222);
	padding: 28px 0 22px;
}
.lc-db-title-header.has-backdrop {
	background: #000;
}
.lc-db-title-header__backdrop {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center 25%;
	filter: blur(28px) saturate(.6) brightness(.25);
	transform: scale(1.1);
	z-index: 0;
}
.lc-db-title-header__scrim {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.7) 100%);
	z-index: 1;
}
.lc-db-title-header__inner {
	position: relative;
	z-index: 2;
}
.lc-db-title-header__title {
	font-family: var(--lc-font-head, 'Oswald', sans-serif);
	font-size: clamp(2rem, 5vw, 3.4rem);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -.01em;
	color: #fff;
	margin: 0 0 10px;
	text-transform: none;
}
.lc-db-title-header__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 0;
}
.lc-db-title-header__pill {
	font-family: var(--lc-font-head, 'Oswald', sans-serif);
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--lc-text-muted, #aaa);
}
.lc-db-title-header__sep {
	color: var(--lc-border, #444);
	margin: 0 8px;
	font-size: .7rem;
}

@media (max-width: 640px) {
	.lc-db-title-header { padding: 20px 0 16px; }
	.lc-db-title-header__title { font-size: clamp(1.6rem, 8vw, 2.2rem); }
}

/* -------------------------------------------------------------------------- */

.lc-db-card-wrap {
	padding: 0;
	background: var(--lc-bg, #0a0a0a);
}

.lc-db-card {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr) 240px;
	gap: 0;
	background: var(--lc-bg-card, #141414);
	border: 1px solid var(--lc-border, #222);
	border-radius: 0;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .3);
}
/* Collapse to 2 columns when the Reviews sidebar is absent (non-rateable types) */
.lc-db-card:not(:has(.lc-db-card__sidebar)) {
	grid-template-columns: 260px minmax(0, 1fr);
}

/* --- Poster column — stretches full card height, image covers the space --- */
.lc-db-card__poster-col {
	background: #000;
	border-right: 1px solid var(--lc-border, #222);
	position: relative;
	min-height: 280px;
	align-self: stretch;
}
.lc-db-poster {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}
.lc-db-poster--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 28px 18px;
	background: linear-gradient(135deg, #1a1a1a 0%, #0e0e0e 100%);
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: 1.35rem;
	font-weight: 800;
	color: var(--lc-text-faint, #555);
	letter-spacing: .02em;
	line-height: 1.2;
	text-transform: uppercase;
}

/* --- Info column --- */
.lc-db-card__info {
	padding: 20px 22px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
}

/* Type label at the top of the info card — small red uppercase link,
   gives every DB page (movies, shows, manga, character…) a consistent header. */
.lc-db-card__type-label {
	display: inline-block;
	align-self: flex-start;
	padding: 0 0 6px;
	font-family: var(--lc-font-head, 'Oswald', sans-serif);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--lc-accent, #E50914);
	text-decoration: none;
	border-bottom: 1px solid var(--lc-border-light, #2a2a2a);
	transition: color var(--lc-trans, .15s ease);
}
.lc-db-card__type-label:hover {
	color: #fff;
}

.lc-db-card__genres {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.lc-db-genre-pill {
	display: inline-block;
	padding: 4px 12px;
	border: 1px solid var(--lc-border, #2e2e2e);
	border-radius: 0;
	font-size: .75rem;
	font-weight: 600;
	color: var(--lc-text, #f5f5f5);
	text-decoration: none;
	letter-spacing: .04em;
	transition: border-color .15s, background .15s, color .15s;
}
.lc-db-genre-pill:hover,
.lc-db-genre-pill:focus {
	border-color: var(--lc-accent, #E50914);
	background: rgba(229, 9, 20, .08);
	color: #fff;
}

.lc-db-keyfields {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.lc-db-keyfields__row {
	display: flex;
	align-items: baseline;
	gap: 8px;
	font-size: .875rem;
	flex-wrap: wrap;
	line-height: 1.4;
}
.lc-db-keyfields__row dt {
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .11em;
	color: var(--lc-text-faint, #888);
	text-transform: uppercase;
	white-space: nowrap;
	flex-shrink: 0;
	margin: 0;
}
.lc-db-keyfields__row dd {
	margin: 0;
	color: var(--lc-text, #f5f5f5);
	min-width: 0;
	word-break: break-word;
}
/* List fields in the card render inline with commas — no vertical stacking */
.lc-db-keyfields__row dd .lc-wiki-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
}
.lc-db-keyfields__row dd .lc-wiki-list li {
	display: inline;
	padding: 0;
}
.lc-db-keyfields__row dd .lc-wiki-list li:not(:last-child)::after {
	content: ', ';
}
.lc-db-keyfields__row dd a {
	color: #C9A84C;
	text-decoration: none;
	border-bottom: none;
	transition: color .15s;
}
.lc-db-keyfields__row dd a:hover { color: #e8c96a; }

/* SEE ALL DETAILS toggle */
.lc-db-details-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: none;
	border: none;
	color: var(--lc-accent, #E50914);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	cursor: pointer;
	padding: 6px 0;
	margin-top: 4px;
	align-self: flex-start;
	transition: opacity .15s;
}
.lc-db-details-toggle:hover { opacity: .75; }
.lc-db-details-toggle__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border: 1px solid currentColor;
	border-radius: 0;
	font-size: 1rem;
	line-height: 1;
	font-weight: 400;
	transition: transform .25s;
}
.lc-db-details-toggle[aria-expanded="true"] .lc-db-details-toggle__icon { transform: rotate(45deg); }

.lc-db-details-panel {
	padding-top: 12px;
	border-top: 1px solid var(--lc-border, #222);
	margin-top: 4px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.lc-db-keyfields--extra .lc-db-keyfields__row { opacity: .9; }

/* External links inside the details panel */
.lc-db-card__links { }
.lc-db-card__links-heading {
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--lc-text-faint, #888);
	margin: 0 0 8px;
}
.lc-db-card__links ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.lc-db-card__links a {
	display: inline-block;
	padding: 5px 11px;
	border: 1px solid var(--lc-border, #2e2e2e);
	border-radius: 0;
	font-size: .78rem;
	color: var(--lc-text-muted, #bbb);
	text-decoration: none;
	transition: border-color .15s, color .15s;
}
.lc-db-card__links a:hover {
	color: #fff;
	border-color: var(--lc-accent, #E50914);
}

/* --- Sidebar column: verdict, rating, CTA --- */
.lc-db-card__sidebar {
	padding: 20px 20px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	border-left: 1px solid var(--lc-border, #222);
	background: var(--lc-bg-surface, #0e0e0e);
	align-self: start; /* don't stretch to info column height */
}
.lc-db-card__sidebar-heading {
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .14em;
	color: var(--lc-text-faint, #888);
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--lc-border, #222);
	text-align: center;
}
.lc-db-card__verdict {
	margin: 0;
	padding: 10px 14px;
	border-left: 3px solid var(--lc-accent, #E50914);
	background: rgba(255, 255, 255, .03);
	font-style: italic;
	font-size: .88rem;
	line-height: 1.5;
	color: var(--lc-text, #f5f5f5);
}
.lc-db-card__rating {
	display: flex;
	align-items: baseline;
	gap: 10px;
}
.lc-db-card__rating-score {
	font-family: var(--lc-font-head, sans-serif);
	font-size: 2rem;
	font-weight: 900;
	color: var(--lc-text, #f5f5f5);
	line-height: 1;
}
.lc-db-card__rating-denom {
	font-size: .95rem;
	color: var(--lc-text-muted, #888);
	font-weight: 400;
}
.lc-db-card__rating-count {
	font-size: .78rem;
	color: var(--lc-text-muted, #888);
}
.lc-db-card__see-reviews {
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .05em;
	color: var(--lc-text-muted, #bbb);
	text-decoration: none;
	transition: color .15s;
}
.lc-db-card__see-reviews:hover { color: #fff; }
.lc-db-card__rate-btn {
	display: block;
	width: 100%;
	padding: 11px 16px;
	background: var(--lc-accent, #E50914);
	color: #fff;
	font-size: .8rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	border-radius: 0;
	transition: background .15s, transform .1s;
	margin-top: 4px;
}
.lc-db-card__rate-btn:hover { background: #c4080f; color: #fff; }
.lc-db-card__rate-btn:active { transform: translateY(1px); }
.lc-db-card__review-link {
	display: block;
	text-align: center;
	font-size: .78rem;
	color: var(--lc-text-muted, #888);
	text-decoration: none;
	padding-top: 2px;
	transition: color .15s;
}
.lc-db-card__review-link:hover { color: #fff; }

/* ==========================================================================
   DB CONTENT SECTIONS — trailer 2-col, cast grid, news, reviews (Part 17)
   ========================================================================== */

/* Section headings — larger, with red accent underline */
.lc-db-section {
	margin-bottom: 48px;
	scroll-margin-top: calc(var(--lc-header-h, 64px) + 56px);
}
.lc-db-section:last-child { margin-bottom: 0; }

/* Section type modifiers — accent bar colour changes per section identity */
.lc-db-section--children .lc-db-section-head::after { background: #3b9eff; }
.lc-db-section--cast     .lc-db-section-head::after { background: #14b8a6; }
.lc-db-section--news     .lc-db-section-head::after { background: #f97316; }

.lc-db-section-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--lc-border, #222);
	position: relative;
}
.lc-db-section-head::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 54px;
	height: 2px;
	background: var(--lc-accent, #E50914);
}
.lc-db-section-heading {
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: clamp(1.25rem, 2.4vw, 1.7rem);
	font-weight: 900;
	color: var(--lc-text, #f5f5f5);
	text-transform: uppercase;
	letter-spacing: .04em;
	margin: 0;
	line-height: 1;
	display: inline-flex;
	align-items: baseline;
	gap: 10px;
}
.lc-db-section-count {
	font-size: .92rem;
	font-weight: 400;
	color: var(--lc-text-muted, #888);
	font-family: var(--lc-font-ui, system-ui, sans-serif);
	letter-spacing: 0;
	text-transform: none;
}

/* --- Trailer + Synopsis two-col --- */
.lc-db-2col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: start;
}
.lc-db-2col--single { grid-template-columns: 1fr; }

.lc-db-trailer-wrap { margin-top: 12px; }
.lc-db-trailer__embed {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	background: #000;
	border-radius: 0;
}
.lc-db-trailer__embed iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.lc-db-trailer__fallback {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 24px;
	background: var(--lc-bg-card, #141414);
	border: 1px solid var(--lc-border, #222);
	border-radius: 0;
	text-decoration: none;
	color: var(--lc-text, #f5f5f5);
	transition: border-color .15s;
}
.lc-db-trailer__fallback:hover { border-color: var(--lc-accent, #E50914); color: #fff; }
.lc-db-trailer__play-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 0;
	background: var(--lc-accent, #E50914);
	color: #fff;
	flex-shrink: 0;
}

/* --- Cast grid — circular photos --- */
.lc-db-cast-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
	gap: 16px;
}
.lc-db-cast-grid .lc-show-cast__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	padding: 14px 10px;
	background: var(--lc-bg-card, #141414);
	border: 1px solid var(--lc-border, #222);
	border-radius: 0;
	transition: border-color .15s, transform .15s;
	text-align: center;
}
.lc-db-cast-grid .lc-show-cast__card:hover {
	border-color: var(--lc-accent, #E50914);
	transform: translateY(-2px);
}
.lc-db-cast-grid .lc-show-cast__photo {
	width: 86px;
	height: 86px;
	border-radius: 0;
	overflow: hidden;
	background: var(--lc-bg-surface, #0e0e0e);
	border: 2px solid var(--lc-border, #222);
}
.lc-db-cast-grid .lc-show-cast__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lc-db-cast-grid .lc-show-cast__photo-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	color: var(--lc-text-faint, #444);
}
.lc-db-cast-grid .lc-show-cast__info {
	display: flex;
	flex-direction: column;
	gap: 3px;
	align-items: center;
}
.lc-db-cast-grid .lc-show-cast__name {
	font-size: .85rem;
	font-weight: 700;
	color: var(--lc-text, #f5f5f5);
	line-height: 1.3;
}
.lc-db-cast-grid .lc-show-cast__type {
	font-size: .68rem;
	color: var(--lc-text-muted, #888);
	text-transform: uppercase;
	letter-spacing: .08em;
}
.lc-db-cast-grid .lc-show-cast__role {
	font-size: .75rem;
	color: var(--lc-text-faint, #777);
	font-style: italic;
}

/* --- Inline "+N more" link in main DB card key-fields list --- */
.lc-db-keyfields__more {
	display: inline-block;
	margin-left: 6px;
	color: var(--lc-accent, #e50914);
	font-size: .85em;
	font-weight: 600;
	text-decoration: none;
}
.lc-db-keyfields__more:hover {
	text-decoration: underline;
}

/* --- Flat Cast & Characters pill sections --- */
.lc-flatcast-groups {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 4px 0 8px;
}
.lc-flatcast-group__label {
	font-size: .72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: var(--lc-text-muted);
	margin: 0 0 10px;
}
.lc-flatcast-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.lc-flatcast-pill {
	display: inline-block;
	padding: 5px 14px;
	background: var(--lc-bg-card, #1a1a1a);
	border: 1px solid var(--lc-border, #2a2a2a);
	border-radius: 3px;
	font-size: .82rem;
	font-weight: 500;
	color: var(--lc-text, #e8e8e8);
	line-height: 1;
	white-space: nowrap;
}

/* --- News grid --- */
.lc-db-news-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 20px;
}
.lc-db-news-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-decoration: none;
	transition: transform .15s;
}
.lc-db-news-card:hover { transform: translateY(-2px); }
.lc-db-news-card__thumb {
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 0;
	background: var(--lc-bg-card, #141414);
}
.lc-db-news-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s;
}
.lc-db-news-card:hover .lc-db-news-card__thumb img { transform: scale(1.05); }
.lc-db-news-card__body { display: flex; flex-direction: column; gap: 4px; }
.lc-db-news-card__cat {
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--lc-accent, #E50914);
}
.lc-db-news-card__title {
	font-size: .92rem;
	font-weight: 600;
	color: var(--lc-text, #f5f5f5);
	margin: 0;
	line-height: 1.4;
}
.lc-db-news-card__date {
	font-size: .75rem;
	color: var(--lc-text-muted, #888);
}

/* --- Reviews section (full-width bottom) --- */
.lc-db-reviews-section {
	background: var(--lc-bg-card, #141414);
	border-top: 1px solid var(--lc-border, #222);
	padding: 48px 0 60px;
	margin-top: 40px;
}
.lc-db-reviews-heading {
	font-family: var(--lc-font-head, sans-serif);
	font-size: clamp(1.3rem, 2.6vw, 1.75rem);
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .04em;
	margin: 0 0 24px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--lc-border, #222);
	display: flex;
	align-items: baseline;
	gap: 10px;
	color: var(--lc-text, #f5f5f5);
	position: relative;
}
.lc-db-reviews-heading::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 60px;
	height: 2px;
	background: var(--lc-accent, #E50914);
}
.lc-db-reviews-count {
	font-size: .9rem;
	font-weight: 400;
	color: var(--lc-text-muted, #888);
	font-family: var(--lc-font-ui, system-ui, sans-serif);
	letter-spacing: 0;
	text-transform: none;
}
.lc-db-reviews-breakdown { margin-bottom: 32px; }
.lc-db-reviews-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

/* ==========================================================================
   DB BODY LAYOUT + RESPONSIVE  (Part 18)
   ========================================================================== */

/* Body: switch from 2-col (sidebar+main) to full-width single column */
.lc-db-body {
	padding: 40px 20px 20px !important;
	background: var(--lc-bg, #0a0a0a);
}
.lc-db-layout {
	display: block !important;
	grid-template-columns: 1fr !important;
}
.lc-db-main {
	max-width: none;
	width: 100%;
}

/* ── Breadcrumb — premium redesign ── */
.lc-wiki-breadcrumb {
	background: linear-gradient(180deg, rgba(255,255,255,.03) 0%, transparent 100%);
	border-bottom: 1px solid var(--lc-border, #1e1e1e);
	padding: 0;
	font-size: .78rem;
	font-family: var(--lc-font-ui, 'Inter', sans-serif);
	letter-spacing: .03em;
}
.lc-wiki-breadcrumb .lc-container {
	padding-left: 24px;
	padding-right: 24px;
}
.lc-wiki-breadcrumb__list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0;
	margin: 0;
	padding: 12px 0;
	list-style: none;
	overflow: hidden;
}
.lc-wiki-breadcrumb__item {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	gap: 0;
}
.lc-wiki-breadcrumb__item a {
	color: var(--lc-text-faint, #606060);
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 180px;
	display: block;
	padding: 4px 2px;
	border-radius: 0;
	transition: color .15s;
}
.lc-wiki-breadcrumb__item a:hover {
	color: var(--lc-text, #e8e8e8);
}
/* First item (Database) gets a tiny DB icon feel */
.lc-wiki-breadcrumb__item:first-child a {
	color: var(--lc-text-muted, #888);
	font-weight: 600;
	text-transform: uppercase;
	font-size: .72rem;
	letter-spacing: .08em;
}
.lc-wiki-breadcrumb__item:first-child a:hover {
	color: var(--lc-accent, #E50914);
}
/* Separator — slim chevron */
.lc-wiki-breadcrumb__sep {
	color: var(--lc-text-faint, #383838);
	padding: 0 8px;
	font-size: .7rem;
	flex-shrink: 0;
	user-select: none;
}
/* Current page — bright, truncated */
.lc-wiki-breadcrumb__item--current {
	color: var(--lc-text, #f0f0f0);
	font-weight: 600;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ---- Responsive breakpoints ---- */

/* Tablet: sidebar column drops below the info column */
@media (max-width: 1024px) {
	.lc-db-card {
		grid-template-columns: 260px minmax(0, 1fr);
	}
	.lc-db-card__sidebar {
		grid-column: 1 / -1;
		border-left: none;
		border-top: 1px solid var(--lc-border, #222);
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		padding: 16px 24px;
	}
	.lc-db-card__sidebar-heading { border: none; padding: 0; text-align: left; margin-right: auto; }
	.lc-db-card__rate-btn { width: auto; margin-top: 0; padding: 10px 20px; }
	.lc-db-card__verdict { flex-basis: 100%; }
}

/* Small tablet / large phone: single column — poster spans full width on top */
@media (max-width: 768px) {
	.lc-db-card,
	.lc-db-card:not(:has(.lc-db-card__sidebar)) {
		grid-template-columns: 1fr;
	}
	.lc-db-card__poster-col {
		min-height: 0;
		align-self: auto;
		height: auto;
		aspect-ratio: 2 / 3;
		border-right: none;
		border-bottom: 1px solid var(--lc-border, #222);
	}
	.lc-db-poster { object-fit: cover; object-position: center top; }
	.lc-db-poster--placeholder { min-height: 200px; }
	.lc-db-card__info { padding: 20px 18px; }
	.lc-db-card__sidebar {
		grid-column: 1;
		border-left: none;
		border-top: 1px solid var(--lc-border, #222);
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		gap: 4px 14px;
		padding: 14px 18px;
	}
	.lc-db-card__sidebar-heading {
		flex: 0 0 100%;
		border: none;
		padding: 0 0 6px;
		margin: 0;
		text-align: left;
		font-size: .62rem;
		letter-spacing: .18em;
		color: var(--lc-text-faint, #666);
		border-bottom: 1px solid rgba(255,255,255,.05);
	}
	.lc-db-card__rating { flex: 1 1 auto; align-items: baseline; }
	.lc-db-card__rating-score { font-size: 1.6rem; line-height: 1; }
	.lc-db-card__see-reviews { flex: 0 0 auto; font-size: .72rem; }
	.lc-db-card__rate-btn {
		flex: 1 1 0;
		width: auto;
		margin-top: 8px;
		padding: 10px 16px;
		font-size: .75rem;
		letter-spacing: .08em;
	}
	.lc-db-card__review-link {
		flex: 0 0 auto;
		margin-top: 8px;
		padding-top: 0;
		line-height: 38px;
		font-size: .74rem;
	}
	.lc-db-card__verdict { flex-basis: 100%; order: -1; margin-bottom: 2px; }
	.lc-db-2col { grid-template-columns: 1fr; gap: 28px; }
	.lc-db-reviews-grid { grid-template-columns: 1fr; gap: 32px; }
}

/* Phone: tighten sections, improve key-field label/value layout */
@media (max-width: 520px) {
	.lc-db-body { padding: 24px 14px 16px !important; }
	.lc-db-card-wrap { padding-top: 20px; }
	.lc-db-card__info { gap: 14px; padding: 18px 16px; }

	/* Switch key-fields to a 2-column label: value grid for readability */
	.lc-db-keyfields {
		gap: 0;
	}
	.lc-db-keyfields__row {
		display: grid;
		grid-template-columns: 96px minmax(0, 1fr);
		align-items: baseline;
		gap: 0 10px;
		padding: 7px 0;
		border-bottom: 1px solid rgba(255,255,255,.04);
		font-size: .82rem;
	}
	.lc-db-keyfields__row:last-child { border-bottom: none; }
	.lc-db-keyfields__row dt {
		font-size: .68rem;
		letter-spacing: .06em;
		text-transform: uppercase;
		color: var(--lc-text-faint, #555);
		padding-top: 2px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.lc-db-keyfields__row dd {
		color: var(--lc-text, #e8e8e8);
		margin: 0;
	}

	.lc-db-section { margin-bottom: 36px; }
	.lc-db-cast-grid { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 12px; }
	.lc-db-cast-grid .lc-show-cast__photo { width: 72px; height: 72px; }
	.lc-db-news-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
	.lc-db-news-card__title { font-size: .85rem; }
	.lc-wiki-hero__meta-row { gap: 6px; }
	.lc-wiki-hero__meta-pill { font-size: .7rem; }
}

/* ============================================================
   ARTICLE DB CARD — Screenrant-style embedded wiki panel
   ============================================================ */

/* ── Outer wrapper ── */
.lc-article-db-card {
	margin: 32px 0 8px;
	border-radius: 4px;
	overflow: hidden;
	font-family: var(--lc-font-ui, 'Inter', sans-serif);
	border: 1px solid rgba(255,255,255,.1);
	border-top: 3px solid var(--lc-accent, #E50914);
	background: var(--lc-bg-card, #111);
}

/* ── Type badge — absolute overlay on top-left of poster ── */
.lc-article-db-card__bar {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	display: flex;
	align-items: center;
	padding: 5px 13px 4px;
	background: var(--lc-accent, #E50914);
}
.lc-article-db-card__bar-label {
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .16em;
	color: #fff !important;
	text-transform: uppercase;
}
.lc-article-db-card__bar-link,
.lc-article-db-card__bar-link:visited {
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(255,255,255,.9) !important;
	text-decoration: none !important;
	white-space: nowrap;
	transition: color .15s;
	border: none !important;
}
.lc-article-db-card__bar-link:hover { color: #fff !important; }

/* ── Inner grid (poster | body) — body stretches; poster stays at natural 2:3 ── */
.lc-article-db-card__inner {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	align-items: stretch;
	gap: 0;
	position: relative;
	overflow: hidden;
	min-height: 0;
}

/* ── Blurred backdrop from poster ── */
.lc-article-db-card__backdrop {
	position: absolute;
	inset: 0;
	background-image: var(--lc-card-poster);
	background-size: cover;
	background-position: center;
	filter: blur(28px) saturate(.55) brightness(.22);
	transform: scale(1.15);
	z-index: 0;
	pointer-events: none;
}

/* ── Poster column — absolute fill ── */
.lc-article-db-card__poster-wrap {
	position: relative;
	display: block;
	align-self: stretch;
	width: 100%;
	min-height: 300px;
	background-color: #000;
	overflow: hidden;
}
.lc-article-db-card__poster {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	object-fit: cover !important;
	object-position: center top !important;
}

/* ── Title-text placeholder when no cover image is set ── */
.lc-article-db-card__poster-wrap--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 32px 22px;
	background:
		linear-gradient(135deg, rgba(229,9,20,0.06) 0%, rgba(0,0,0,0) 60%),
		linear-gradient(180deg, #1a1a1a 0%, #0c0c0c 100%);
	border-right: 1px solid rgba(255,255,255,0.04);
}
.lc-article-db-card__poster-placeholder-text {
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--lc-text-faint, #555);
	letter-spacing: .03em;
	line-height: 1.15;
	text-transform: uppercase;
	word-break: break-word;
}
.lc-article-db-card__inner--no-poster .lc-article-db-card__bar {
	background: rgba(0,0,0,0.55);
}

/* ── Body ── */
.lc-article-db-card__body {
	position: relative;
	z-index: 1;
	padding: 12px 16px 12px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

/* ── Head: status pill + title + score ── */
.lc-article-db-card__head {
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.lc-article-db-card__status {
	display: inline-block;
	align-self: flex-start;
	padding: 2px 7px;
	border-radius: 0;
	background: rgba(255,255,255,.08);
	font-size: .6rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: rgba(255,255,255,.8);
}
.lc-article-db-card__title,
.lc-article-db-card__title:visited {
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: 1.4rem;
	font-weight: 900;
	color: #fff !important;
	text-decoration: none !important;
	line-height: 1.05;
	letter-spacing: -.01em;
	text-shadow: 0 2px 8px rgba(0,0,0,.65);
	border: none !important;
	align-self: flex-start;
}
.lc-article-db-card__title:hover { color: var(--lc-accent, #e50914) !important; }
.lc-article-db-card__score {
	display: flex;
	align-items: baseline;
	gap: 2px;
	margin-top: 0;
}
.lc-article-db-card__score-num {
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: 1.15rem;
	font-weight: 900;
	color: var(--lc-accent, #e50914);
	line-height: 1;
}
.lc-article-db-card__score-denom {
	font-size: .72rem;
	color: rgba(255,255,255,.45);
	font-weight: 600;
}

/* ── Genre chips ── */
.lc-article-db-card__genres {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.lc-article-db-card__genre {
	padding: 2px 8px;
	border-radius: 2px;
	border: 1px solid rgba(255,255,255,.15);
	font-size: .65rem;
	font-weight: 600;
	letter-spacing: .04em;
	color: rgba(255,255,255,.78);
	background: rgba(255,255,255,.05);
	transition: border-color .15s, color .15s;
}
.lc-article-db-card__genre:hover {
	border-color: var(--lc-accent, #E50914);
	color: #fff;
}

/* ── Fields table ── */
.lc-article-db-card__fields {
	width: 100%;
	border-collapse: collapse;
	font-size: .75rem;
	margin: 1px 0 0;
}
.lc-article-db-card__fields tr {
	border-bottom: 1px solid rgba(255,255,255,.07);
}
.lc-article-db-card__fields tr:last-child { border-bottom: none; }
.lc-article-db-card__fields th {
	padding: 4px 10px 4px 0;
	width: 34%;
	vertical-align: top;
	text-align: left;
	font-size: .62rem;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: rgba(255,255,255,.4);
	white-space: nowrap;
}
.lc-article-db-card__fields td {
	padding: 4px 0;
	vertical-align: top;
	color: rgba(255,255,255,.85);
	line-height: 1.35;
}
.lc-article-db-card__fields td a,
.lc-article-db-card__fields td a:visited {
	color: #fff !important;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(255,255,255,.2) !important;
	transition: border-color .15s, color .15s;
}
.lc-article-db-card__fields td a:hover {
	color: var(--lc-accent, #e50914) !important;
	border-color: var(--lc-accent, #e50914) !important;
}

/* ── Synopsis ── */
.lc-article-db-card__synopsis {
	font-size: .78rem;
	line-height: 1.5;
	color: rgba(255,255,255,.6);
	margin: 2px 0 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ── CTA button — force white text regardless of theme link rules ── */
.lc-article-db-card__btn,
.lc-article-db-card__btn:visited {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: auto;
	align-self: flex-start;
	padding: 7px 14px;
	background: var(--lc-accent, #E50914) !important;
	color: #fff !important;
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-decoration: none !important;
	border: none !important;
	border-radius: 0;
	transition: background .15s, transform .1s, box-shadow .15s;
	box-shadow: 0 2px 8px rgba(229,9,20,.3);
}
.lc-article-db-card__btn:hover {
	background: #c0070f !important;
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(229,9,20,.5);
}
.lc-article-db-card__btn-label { color: inherit; }
.lc-article-db-card__btn-icon { flex-shrink: 0; }

/* No underlines anywhere inside the card */
.lc-article-db-card a,
.lc-article-db-card a:hover,
.lc-article-db-card a:focus { text-decoration: none; }

/* Score wrap (score badge + count + Rate link) */
.lc-article-db-card__score-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 2px;
}
.lc-article-db-card__score-star { color: #f5b50a; font-size: .9em; }
.lc-article-db-card__score-count {
	font-size: 12px;
	color: var(--lc-text-muted, #888);
	font-weight: 600;
}
.lc-article-db-card__rate {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	background: rgba(229, 9, 20, .12);
	border: 1px solid var(--lc-accent, #e50914);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	padding: 3px 8px;
	border-radius: 3px;
	transition: background .15s ease;
}
.lc-article-db-card__rate:hover { background: var(--lc-accent, #e50914); }

/* Cast row */
.lc-article-db-card__cast {
	margin-top: 4px;
	padding-top: 8px;
	border-top: 1px solid rgba(255,255,255,.08);
}
.lc-article-db-card__cast-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6px;
}
.lc-article-db-card__cast-label {
	font-size: 11px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .06em;
}
.lc-article-db-card__cast-more {
	font-size: 10px;
	font-weight: 700;
	color: var(--lc-text-muted, #aaa);
	letter-spacing: .04em;
	text-transform: uppercase;
}
.lc-article-db-card__cast-more:hover { color: var(--lc-accent, #e50914); }
.lc-article-db-card__cast-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5px;
}
.lc-article-db-card__cast-card {
	display: flex;
	align-items: center;
	gap: 7px;
	background: rgba(255,255,255,.04);
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 4px;
	padding: 5px 8px;
	min-width: 0;
}
.lc-article-db-card__cast-card--linked {
	transition: border-color .15s, background .15s;
}
.lc-article-db-card__cast-card--linked:hover {
	border-color: rgba(255,255,255,.2);
	background: rgba(255,255,255,.07);
}
.lc-article-db-card__cast-avatar {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--lc-accent, #E50914) 0%, rgba(229,9,20,.45) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	border: 1px solid rgba(255,255,255,.12);
}
.lc-article-db-card__cast-info {
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.lc-article-db-card__cast-name {
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lc-article-db-card__cast-role {
	font-size: 10px;
	color: var(--lc-text-muted, #aaa);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Actions row (View Full Profile + Rate) — auto top margin pins button to bottom */
.lc-article-db-card__actions {
	display: flex;
	gap: 8px;
	margin-top: auto;
	padding-top: 10px;
	flex-wrap: wrap;
}
.lc-article-db-card__btn--ghost {
	background: transparent !important;
	border: 1px solid rgba(255,255,255,.22) !important;
	color: var(--lc-text, #e8e8e8) !important;
}
.lc-article-db-card__btn--ghost:hover {
	background: rgba(255,255,255,.08) !important;
	border-color: var(--lc-accent, #e50914) !important;
	color: #fff !important;
}

/* Light-mode tweaks */
html.lc-light-mode .lc-article-db-card__cast { border-top-color: rgba(0,0,0,.08); }
html.lc-light-mode .lc-article-db-card__cast-label,
html.lc-light-mode .lc-article-db-card__cast-name { color: #1a1a1a; }
html.lc-light-mode .lc-article-db-card__cast-card {
	background: rgba(0,0,0,.03);
	border-color: rgba(0,0,0,.08);
}
html.lc-light-mode .lc-article-db-card__btn--ghost {
	color: #333 !important;
	border-color: rgba(0,0,0,.18) !important;
}
html.lc-light-mode .lc-article-db-card__btn--ghost:hover {
	background: rgba(0,0,0,.04) !important;
}

/* Mobile: cast in single column */
@media (max-width: 640px) {
	.lc-article-db-card__cast-grid { grid-template-columns: 1fr; }
}

/* ── Tablet ── */
@media (max-width: 900px) {
	.lc-article-db-card__inner { grid-template-columns: 140px minmax(0, 1fr); }
	.lc-article-db-card__title { font-size: 1.25rem; }
}

/* ── Mobile — tight, compact vertical stack ── */
@media (max-width: 600px) {
	.lc-article-db-card { margin: 32px 0 8px; border-radius: 0; }
	.lc-article-db-card__bar { padding: 8px 14px; }
	.lc-article-db-card__bar-label { font-size: .68rem; letter-spacing: .12em; }
	.lc-article-db-card__bar-link { font-size: .64rem; }

	.lc-article-db-card__inner { grid-template-columns: 1fr; }
	.lc-article-db-card__poster-wrap {
		width: 100%;
		aspect-ratio: 2 / 3;
		max-height: none;
		min-height: 0;
		border-bottom: 1px solid rgba(255,255,255,.08);
	}
	.lc-article-db-card__poster { object-position: center center !important; }

	.lc-article-db-card__body { padding: 12px 12px 14px; gap: 6px; }
	.lc-article-db-card__title { font-size: 1.15rem; line-height: 1.1; }
	.lc-article-db-card__score-num { font-size: 1.1rem; }

	.lc-article-db-card__genres { gap: 5px; }
	.lc-article-db-card__genre { padding: 3px 8px; font-size: .65rem; }

	.lc-article-db-card__fields { font-size: .78rem; }
	.lc-article-db-card__fields th { width: 38%; font-size: .62rem; padding: 5px 10px 5px 0; }
	.lc-article-db-card__fields td { padding: 5px 0; }

	.lc-article-db-card__synopsis { font-size: .8rem; line-height: 1.55; }

	.lc-article-db-card__btn {
		width: 100%;
		align-self: stretch;
		padding: 11px 16px;
		font-size: .74rem;
		margin-top: 4px;
	}
}

/* ── Inline rating widget (lc-adc-rate) — sits in card head, click-to-submit ── */
.lc-adc-rate {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 4px;
}
.lc-adc-rate__label {
	font-size: .7rem;
	font-weight: 700;
	color: rgba(255,255,255,.55);
	text-transform: uppercase;
	letter-spacing: .07em;
}
.lc-adc-rate__stars {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	line-height: 1;
}
.lc-adc-rate__star {
	background: none;
	border: none;
	padding: 0 1px;
	font-size: 1.05rem;
	color: rgba(255,255,255,.22);
	cursor: pointer;
	transition: color .1s, transform .08s;
	line-height: 1;
}
.lc-adc-rate__star:hover,
.lc-adc-rate__star.is-on { color: #f5b50a; }
.lc-adc-rate__star:hover { transform: scale(1.18); }
/* Light mode */
html.lc-light-mode .lc-adc-rate__star  { color: rgba(0,0,0,.18); }
html.lc-light-mode .lc-adc-rate__label { color: rgba(0,0,0,.5); }

/* ── Score pills (community + brand) — SR-style compact pair ── */
.lc-article-db-card__score-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
	margin-top: 2px;
}
.lc-adc-score-pill {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 9px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 4px;
	background: rgba(255,255,255,.04);
	font-size: .78rem;
	line-height: 1;
}
.lc-adc-score-pill__icon { display: inline-flex; color: rgba(255,255,255,.55); }
.lc-adc-score-pill__brand {
	font-weight: 900;
	font-size: .62rem;
	letter-spacing: .07em;
	background: var(--lc-accent, #e50914);
	color: #fff;
	padding: 3px 5px;
	border-radius: 2px;
}
.lc-adc-score-pill__star { color: #f5b50a; font-size: .9em; }
.lc-adc-score-pill__num   { font-weight: 900; color: #fff; font-size: .85rem; }
.lc-adc-score-pill__denom { color: rgba(255,255,255,.5); font-weight: 600; font-size: .7rem; }
.lc-adc-score-pill__count { color: rgba(255,255,255,.55); font-size: .7rem; font-weight: 600; }

html.lc-light-mode .lc-adc-score-pill {
	background: rgba(0,0,0,.03);
	border-color: rgba(0,0,0,.12);
}
html.lc-light-mode .lc-adc-score-pill__icon  { color: rgba(0,0,0,.4); }
html.lc-light-mode .lc-adc-score-pill__num   { color: #1a1a1a; }
html.lc-light-mode .lc-adc-score-pill__denom,
html.lc-light-mode .lc-adc-score-pill__count { color: rgba(0,0,0,.5); }

/* Make genre chips behave as links (no underline, same look) */
a.lc-article-db-card__genre {
	color: rgba(255,255,255,.78);
	text-decoration: none !important;
}
a.lc-article-db-card__genre:hover {
	background: rgba(255,255,255,.12);
	border-color: rgba(255,255,255,.3);
	color: #fff;
}

/* ============================================================
   DB HOMEPAGE — Hub layout (/db/ with no filters)
   ============================================================ */

/* Browse-mode top bar (shown when filters are active) */
.lc-db-browse-bar {
	background: var(--lc-bg-card, #141414);
	border-bottom: 1px solid var(--lc-border, #222);
	padding: 12px 0;
}
.lc-db-browse-bar .lc-container {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}
.lc-db-browse-bar__back {
	font-size: .82rem;
	font-weight: 700;
	color: var(--lc-text-faint, #888);
	text-decoration: none;
	white-space: nowrap;
	transition: color .15s;
}
.lc-db-browse-bar__back:hover { color: #fff; }
.lc-db-browse-bar__search {
	flex: 1;
	max-width: 360px;
}
.lc-db-browse-bar__search input {
	width: 100%;
	background: var(--lc-bg, #0a0a0a);
	border: 1px solid var(--lc-border, #333);
	border-radius: 0;
	color: var(--lc-text, #f0f0f0);
	padding: 6px 12px;
	font-size: .85rem;
}
.lc-db-browse-bar__search input:focus { outline: none; border-color: var(--lc-accent, #e50914); }
.lc-db-browse-bar__crumb {
	font-size: .78rem;
	color: var(--lc-accent, #e50914);
	font-weight: 700;
	letter-spacing: .05em;
}
.lc-db-back-btn {
	display: inline-block;
	margin-top: 16px;
	padding: 8px 18px;
	background: var(--lc-bg-card, #141414);
	border: 1px solid var(--lc-border, #333);
	border-radius: 0;
	color: var(--lc-text, #ccc);
	font-size: .82rem;
	text-decoration: none;
	transition: border-color .15s;
}
.lc-db-back-btn:hover { border-color: var(--lc-accent, #e50914); color: #fff; }

/* ── Browse archive heading ─────────────────────────────────── */
.lc-db-archive-head {
	padding: 28px 0 20px;
	border-bottom: 1px solid var(--lc-border, #222);
	margin-bottom: 24px;
}
.lc-db-archive-head__title {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	font-family: var(--lc-font-head, 'Oswald', sans-serif);
	font-size: 1.75rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--lc-text, #f0f0f0);
}
.lc-db-archive-head__bar {
	display: inline-block;
	width: 4px;
	align-self: stretch;
	min-height: 1.5em;
	background: var(--lc-accent, #E50914);
	flex-shrink: 0;
}
.lc-db-archive-head__count {
	font-size: .78rem;
	font-weight: 600;
	color: var(--lc-text-muted, #999);
	background: rgba(255,255,255,.05);
	padding: 3px 10px;
	letter-spacing: .03em;
}

/* ── Hero ─────────────────────────────────────────────────── */
.lc-db-home-hero {
	position: relative;
	padding: 72px 0 64px;
	overflow: hidden;
	background: var(--lc-bg, #0a0a0a);
}
.lc-db-home-hero__bg {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 80% 60% at 50% 0%, rgba(229,9,20,.12) 0%, transparent 70%),
		repeating-linear-gradient(
			0deg,
			transparent,
			transparent 40px,
			rgba(255,255,255,.015) 40px,
			rgba(255,255,255,.015) 41px
		),
		repeating-linear-gradient(
			90deg,
			transparent,
			transparent 40px,
			rgba(255,255,255,.015) 40px,
			rgba(255,255,255,.015) 41px
		);
	pointer-events: none;
}
.lc-db-home-hero__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 32px;
}
.lc-db-home-hero__eyebrow {
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--lc-accent, #e50914);
	margin: 0;
}
.lc-db-home-hero__title {
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: clamp(2.8rem, 6vw, 4.5rem);
	font-weight: 900;
	color: var(--lc-text, #f0f0f0);
	line-height: 1;
	letter-spacing: -.02em;
	margin: 8px 0 0;
}
.lc-db-home-hero__sub {
	font-size: 1rem;
	color: var(--lc-text-faint, #888);
	margin: 0;
	line-height: 1.5;
}
.lc-db-home-hero__sub strong { color: var(--lc-text, #ccc); }
.lc-db-home-hero__text { display: flex; flex-direction: column; gap: 8px; }
.lc-db-home-hero__search {
	display: flex;
	width: 100%;
	max-width: 600px;
	gap: 0;
	border: 1px solid var(--lc-border, #333);
	border-radius: 0;
	overflow: hidden;
	box-shadow: 0 4px 24px rgba(0,0,0,.4);
}
.lc-db-home-hero__search input {
	flex: 1;
	background: var(--lc-bg-card, #141414);
	border: none;
	color: var(--lc-text, #f0f0f0);
	padding: 14px 20px;
	font-size: 1rem;
	outline: none;
}
.lc-db-home-hero__search input::placeholder { color: var(--lc-text-faint, #555); }
.lc-db-home-hero__search button {
	background: var(--lc-accent, #e50914);
	color: #fff;
	border: none;
	padding: 14px 28px;
	font-size: .85rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .15s;
	white-space: nowrap;
}
.lc-db-home-hero__search button:hover { background: #c4080f; }

/* ── Shared section layout ────────────────────────────────── */
.lc-db-home-section {
	padding: 52px 0;
	border-top: 1px solid var(--lc-border, #1a1a1a);
}
.lc-db-home-section--dark { background: var(--lc-bg-card, #141414); }
.lc-db-home-section-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 28px;
}
.lc-db-home-section-title {
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--lc-text, #f0f0f0);
	letter-spacing: -.01em;
	margin: 0;
}
.lc-db-home-see-all {
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--lc-text-faint, #666);
	text-decoration: none;
	transition: color .15s;
	white-space: nowrap;
}
.lc-db-home-see-all:hover { color: var(--lc-accent, #e50914); }

/* ── Type card grid ───────────────────────────────────────── */
.lc-db-type-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 12px;
}
.lc-db-type-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	padding: 18px 16px;
	background: var(--lc-bg-card, #141414);
	border: 1px solid var(--lc-border, #222);
	border-radius: 0;
	text-decoration: none;
	transition: border-color .15s, transform .15s, background .15s;
	position: relative;
	overflow: hidden;
}
.lc-db-type-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--type-color, #e50914);
	opacity: .8;
}
.lc-db-type-card:hover {
	border-color: var(--type-color, #e50914);
	transform: translateY(-2px);
	background: rgba(255,255,255,.03);
}
.lc-db-type-card__abbr {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 0;
	background: color-mix(in srgb, var(--type-color, #e50914) 15%, transparent);
	color: var(--type-color, #e50914);
	font-size: .8rem;
	font-weight: 900;
	letter-spacing: .04em;
	font-family: var(--lc-font-head, sans-serif);
}
.lc-db-type-card__name {
	font-size: .88rem;
	font-weight: 700;
	color: var(--lc-text, #f0f0f0);
	line-height: 1.2;
}
.lc-db-type-card__count {
	font-size: .72rem;
	font-weight: 600;
	color: var(--lc-text-faint, #666);
	margin-top: auto;
}

/* ── Horizontal scroll strip ──────────────────────────────── */
.lc-db-home-strip-wrap {
	overflow: hidden;
}
.lc-db-home-strip {
	display: flex;
	gap: 14px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
	scrollbar-color: var(--lc-border, #333) transparent;
	padding-bottom: 8px;
}
.lc-db-home-strip::-webkit-scrollbar { height: 4px; }
.lc-db-home-strip::-webkit-scrollbar-track { background: transparent; }
.lc-db-home-strip::-webkit-scrollbar-thumb { background: var(--lc-border, #333); border-radius: 0; }

.lc-db-strip-card {
	flex: 0 0 150px;
	display: flex;
	flex-direction: column;
	scroll-snap-align: start;
	text-decoration: none;
	border-radius: 0;
	overflow: hidden;
	background: var(--lc-bg, #0a0a0a);
	border: 1px solid var(--lc-border, #222);
	transition: border-color .15s, transform .15s;
}
.lc-db-strip-card:hover {
	border-color: var(--lc-accent, #e50914);
	transform: translateY(-3px);
}
.lc-db-strip-card__img {
	aspect-ratio: 2 / 3;
	position: relative;
	overflow: hidden;
	background: #0d0d0d;
}
.lc-db-strip-card__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
}
.lc-db-strip-card__placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--lc-font-head, sans-serif);
	font-size: 2rem;
	font-weight: 900;
	color: var(--lc-text-faint, #333);
	background: linear-gradient(135deg, #111 0%, #0a0a0a 100%);
}
.lc-db-strip-card__score {
	position: absolute;
	top: 8px;
	right: 8px;
	background: var(--lc-accent, #e50914);
	color: #fff;
	font-size: .7rem;
	font-weight: 900;
	padding: 2px 6px;
	border-radius: 0;
	letter-spacing: .04em;
	font-family: var(--lc-font-head, sans-serif);
}
.lc-db-strip-card__body {
	padding: 10px 12px 12px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.lc-db-strip-card__type {
	font-size: .62rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--lc-accent, #e50914);
}
.lc-db-strip-card__title {
	font-size: .82rem;
	font-weight: 700;
	color: var(--lc-text, #f0f0f0);
	line-height: 1.3;
	margin: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* ── Genre cloud ──────────────────────────────────────────── */
.lc-db-genre-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.lc-db-genre-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 14px;
	background: var(--lc-bg, #0a0a0a);
	border: 1px solid var(--lc-border, #2a2a2a);
	border-radius: 0;
	font-size: .82rem;
	font-weight: 600;
	color: var(--lc-text, #ccc);
	text-decoration: none;
	transition: border-color .15s, color .15s, background .15s;
}
.lc-db-genre-chip:hover {
	border-color: var(--lc-accent, #e50914);
	color: #fff;
	background: rgba(229,9,20,.06);
}
.lc-db-genre-chip__count {
	font-size: .72rem;
	font-weight: 700;
	color: var(--lc-text-faint, #555);
	background: rgba(255,255,255,.05);
	padding: 1px 6px;
	border-radius: 0;
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 768px) {
	.lc-db-home-hero { padding: 48px 0 40px; }
	.lc-db-home-hero__title { font-size: 2.4rem; }
	.lc-db-type-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; }
	.lc-db-type-card { padding: 14px 12px; }
	.lc-db-home-section { padding: 36px 0; }
	.lc-db-strip-card { flex: 0 0 130px; }
}
@media (max-width: 480px) {
	.lc-db-type-grid { grid-template-columns: repeat(3, 1fr); }
	.lc-db-strip-card { flex: 0 0 120px; }
	.lc-db-home-hero__search input { font-size: .9rem; padding: 12px 14px; }
	.lc-db-home-hero__search button { padding: 12px 16px; }
}

/* ============================================================
   WHERE TO WATCH / READ — platform CTA buttons
   ============================================================ */
.lc-where-to {
	margin: 32px 0 0;
	padding: 22px 24px;
	background: linear-gradient(135deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
	border: 1px solid var(--lc-border, #242424);
	border-radius: 0;
}
.lc-where-to__head { margin-bottom: 16px; }
.lc-where-to__heading {
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: 1.35rem;
	font-weight: 800;
	color: #fff;
	margin: 0 0 4px;
	letter-spacing: .02em;
	text-transform: uppercase;
	padding-bottom: 0;
	border: none;
}
.lc-where-to__sub {
	margin: 0;
	font-size: .8rem;
	color: rgba(255,255,255,.5);
}
.lc-where-to__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 10px;
}
.lc-where-to__btn,
.lc-where-to__btn:visited {
	position: relative;
	display: flex !important;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	background: var(--lc-platform-color, #222) !important;
	color: #fff !important;
	text-decoration: none !important;
	border: none !important;
	border-radius: 0;
	transition: transform .12s, box-shadow .18s, filter .15s;
	box-shadow: 0 2px 10px rgba(0,0,0,.35);
	overflow: hidden;
}
.lc-where-to__btn::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(255,255,255,.12), transparent 60%);
	pointer-events: none;
}
.lc-where-to__btn:hover {
	transform: translateY(-2px);
	filter: brightness(1.12);
	box-shadow: 0 6px 18px rgba(0,0,0,.5);
}
.lc-where-to__btn[aria-disabled="true"] {
	opacity: .55;
	cursor: not-allowed;
}
.lc-where-to__btn[aria-disabled="true"]:hover { transform: none; filter: none; }
.lc-where-to__mono {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,.28);
	border-radius: 0;
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: .02em;
	color: #fff;
	text-transform: uppercase;
}
.lc-where-to__txt {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
	flex: 1;
	line-height: 1.15;
}
.lc-where-to__verb {
	font-size: .64rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: rgba(255,255,255,.75);
}
.lc-where-to__plat {
	font-size: 1rem;
	font-weight: 800;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.lc-where-to__arr {
	flex-shrink: 0;
	opacity: .85;
	color: #fff;
}
@media (max-width: 600px) {
	.lc-where-to { padding: 16px 14px; border-radius: 0; }
	.lc-where-to__heading { font-size: 1.15rem; }
	.lc-where-to__grid { grid-template-columns: 1fr; gap: 8px; }
	.lc-where-to__btn { padding: 11px 12px; }
	.lc-where-to__mono { width: 32px; height: 32px; font-size: .95rem; }
	.lc-where-to__plat { font-size: .92rem; }
}

/* ============================================================
   EXTERNAL RATINGS — IMDb / RT / Metacritic / MAL badge strip
   ============================================================ */
.lc-ext-ratings {
	display: flex;
	flex-direction: column;
	gap: 7px;
	margin: 14px 0 10px;
	padding-top: 12px;
	border-top: 1px solid var(--lc-border, #262626);
}
.lc-ext-rating,
.lc-ext-rating:visited {
	display: flex !important;
	align-items: center;
	gap: 10px;
	padding: 7px 9px 7px 7px;
	background: rgba(255,255,255,.02);
	border: 1px solid var(--lc-border, #262626);
	border-radius: 0;
	color: var(--lc-text, #eee) !important;
	text-decoration: none !important;
	transition: border-color .15s, background .15s;
}
a.lc-ext-rating:hover {
	border-color: rgba(255,255,255,.2);
	background: rgba(255,255,255,.04);
}
.lc-ext-rating__badge {
	flex-shrink: 0;
	min-width: 42px;
	padding: 4px 8px;
	border-radius: 0;
	background: var(--lc-plat-bg, #333);
	color: var(--lc-plat-fg, #fff);
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-weight: 900;
	font-size: .78rem;
	letter-spacing: .02em;
	text-align: center;
	text-transform: uppercase;
}
.lc-ext-rating__badge--svg {
	background: transparent;
	padding: 0;
	min-width: unset;
	line-height: 0;
	border-radius: 3px;
	overflow: hidden;
}
.lc-ext-rating__badge--svg svg,
.lc-ext-rating__badge--svg img {
	display: block;
	height: 34px;
	width: auto;
}
.lc-ext-rating__body {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.15;
}
.lc-ext-rating__score {
	font-family: var(--lc-font-head, 'Barlow Condensed', sans-serif);
	font-size: 1.05rem;
	font-weight: 900;
	color: #fff;
	display: inline-flex;
	align-items: baseline;
	gap: 1px;
}
.lc-ext-rating__denom {
	font-size: .75rem;
	font-weight: 600;
	color: rgba(255,255,255,.45);
	margin-left: 1px;
}
.lc-ext-rating__name {
	font-size: .68rem;
	font-weight: 600;
	color: rgba(255,255,255,.5);
	letter-spacing: .04em;
	text-transform: uppercase;
}

/* ── Full Details grid ── */
.lc-wiki-details { margin-bottom: 40px; }
/* ── Details grid ── */
.lc-details-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 1px;
	background: #222;
	border: 1px solid #222;
	border-radius: 4px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lc-details-grid__row {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 12px 16px 12px 20px;
	background: #111;
	position: relative;
	transition: background .12s;
}
.lc-details-grid__row::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: var(--lc-accent, #E50914);
	opacity: 0;
	transition: opacity .15s;
}
.lc-details-grid__row:hover { background: #161616; }
.lc-details-grid__row:hover::before { opacity: 1; }
.lc-details-grid__row dt {
	font-size: .6rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: rgba(255,255,255,.35);
	line-height: 1;
}
.lc-details-grid__row dd {
	font-size: .88rem;
	font-weight: 500;
	color: rgba(255,255,255,.88);
	margin: 0;
	line-height: 1.45;
}
.lc-details-grid__row dd a {
	color: #C9A84C;
	text-decoration: none;
}
.lc-details-grid__row dd a:hover { color: #e8c96a; }
/* List fields inside details grid: render inline comma-separated, not as a bullet list */
.lc-details-grid__row dd .lc-wiki-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
}
.lc-details-grid__row dd .lc-wiki-list li { display: inline; }
.lc-details-grid__row dd .lc-wiki-list li::after { content: ',\00a0'; }
.lc-details-grid__row dd .lc-wiki-list li:last-child::after { content: ''; }
@media (max-width: 720px) {
	.lc-details-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
	.lc-details-grid { grid-template-columns: 1fr; }
}

/* ── Trailer lightbox button ── */
.lc-trailer-btn {
	display: block;
	width: 100%;
	border: none;
	padding: 0;
	margin: 12px 0 0;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	background: #000;
	aspect-ratio: 16/9;
}
.lc-trailer-btn__thumb {
	position: absolute;
	inset: 0;
}
.lc-trailer-btn__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .3s ease, opacity .2s;
}
.lc-trailer-btn__thumb-placeholder {
	width: 100%;
	height: 100%;
	background: #141414;
}
.lc-trailer-btn:hover .lc-trailer-btn__thumb img {
	transform: scale(1.03);
	opacity: .8;
}
.lc-trailer-btn__overlay {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: linear-gradient(0deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,.25) 100%);
	transition: background .2s;
}
.lc-trailer-btn:hover .lc-trailer-btn__overlay {
	background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,.35) 100%);
}
.lc-trailer-btn__play {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background: var(--lc-accent, #E50914);
	color: #fff;
	box-shadow: 0 4px 24px rgba(229,9,20,.45);
	transition: transform .2s, box-shadow .2s;
}
.lc-trailer-btn:hover .lc-trailer-btn__play {
	transform: scale(1.08);
	box-shadow: 0 6px 32px rgba(229,9,20,.6);
}
.lc-trailer-btn__label {
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: rgba(255,255,255,.9);
	font-family: var(--lc-font-head, 'Oswald', sans-serif);
}

/* ── Video lightbox ── */
.lc-video-lb {
	position: fixed;
	inset: 0;
	z-index: 9990;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lc-video-lb[hidden] { display: none; }
.lc-video-lb__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.88);
	cursor: pointer;
}
.lc-video-lb__close {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 50%;
	background: rgba(0,0,0,.6);
	color: #fff;
	cursor: pointer;
	transition: border-color .15s, background .15s;
}
.lc-video-lb__close:hover {
	border-color: var(--lc-accent, #E50914);
	background: rgba(229,9,20,.15);
}
.lc-video-lb__inner {
	position: relative;
	z-index: 1;
	width: min(900px, 92vw);
}
.lc-video-lb__frame {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	background: #000;
	border-radius: 2px;
	overflow: hidden;
	box-shadow: 0 24px 80px rgba(0,0,0,.8);
}
.lc-video-lb__frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* ── DB Hub: type quick-jump bar ── */
.lc-db-type-jump {
	background: #0d0d0d;
	border-bottom: 1px solid #1e1e1e;
	position: sticky;
	top: 0;
	z-index: 80;
}
.lc-db-type-jump__row {
	display: flex;
	align-items: center;
	gap: 6px;
	overflow-x: auto;
	padding: 10px 0;
	scrollbar-width: none;
}
.lc-db-type-jump__row::-webkit-scrollbar { display: none; }
.lc-db-type-jump__all {
	flex-shrink: 0;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--lc-accent, #E50914);
	text-decoration: none;
	padding: 5px 12px;
	border: 1px solid var(--lc-accent, #E50914);
	transition: background .15s, color .15s;
	margin-right: 4px;
}
.lc-db-type-jump__all:hover { background: var(--lc-accent, #E50914); color: #fff; }
.lc-db-type-jump__pill {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 11px;
	background: rgba(255,255,255,.03);
	border: 1px solid rgba(255,255,255,.07);
	font-size: .7rem;
	font-weight: 600;
	color: var(--lc-text-muted, #aaa);
	text-decoration: none;
	transition: border-color .15s, color .15s, background .15s;
}
.lc-db-type-jump__pill:hover {
	border-color: var(--tc, #888);
	color: #fff;
	background: rgba(255,255,255,.06);
}
.lc-db-type-jump__pill span {
	font-size: .62rem;
	color: rgba(255,255,255,.35);
	font-weight: 400;
}

/* ── DB Hub: per-type rows ── */
.lc-db-type-row {
	padding: 28px 0 20px;
	background: var(--lc-bg, #0a0a0a);
}
.lc-db-type-row--alt {
	background: var(--lc-bg-card, #111);
}
.lc-db-home-section--accent {
	background: #0d0d0d;
	border-top: 2px solid var(--lc-accent, #E50914);
	padding: 32px 0 20px;
}
.lc-db-type-row__head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
}
.lc-db-type-row__bar {
	display: block;
	width: 4px;
	height: 22px;
	flex-shrink: 0;
}
.lc-db-type-row__title {
	font-family: var(--lc-font-head, 'Oswald', sans-serif);
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--lc-text, #eee);
	margin: 0;
}
.lc-db-type-row__count {
	font-size: .72rem;
	color: rgba(255,255,255,.3);
	background: rgba(255,255,255,.05);
	padding: 2px 7px;
	border-radius: 20px;
}
.lc-db-type-row__see-all {
	margin-left: auto;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: rgba(255,255,255,.4);
	text-decoration: none;
	transition: color .15s;
}
.lc-db-type-row__see-all:hover { color: var(--tc, #E50914); }
.lc-db-type-row__scroll-wrap { overflow: hidden; padding-top: 6px; margin-top: -6px; }
.lc-db-type-row__strip {
	display: flex;
	gap: 12px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
	scrollbar-color: #222 transparent;
	padding-top: 4px;
	padding-bottom: 6px;
}
.lc-db-type-row__strip::-webkit-scrollbar { height: 3px; }
.lc-db-type-row__strip::-webkit-scrollbar-thumb { background: #2a2a2a; }

/* ── Row card (lc-db-rc) ── */
.lc-db-rc {
	flex: 0 0 140px;
	scroll-snap-align: start;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.06);
	transition: border-color .15s, transform .15s;
	background: rgba(255,255,255,.02);
}
.lc-db-rc:hover {
	border-color: var(--tc, #E50914);
	transform: translateY(-3px);
}
.lc-db-rc__img {
	aspect-ratio: 2 / 3;
	position: relative;
	overflow: hidden;
	background: #0d0d0d;
}
.lc-db-rc__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
	transition: transform .3s;
}
.lc-db-rc:hover .lc-db-rc__img img { transform: scale(1.04); }
.lc-db-rc__placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	background: linear-gradient(160deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
}
.lc-db-rc__placeholder-title {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-align: center;
	font-family: var(--lc-font-head, sans-serif);
	font-size: .78rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: rgba(255,255,255,.75);
	word-break: break-word;
}
.lc-db-rc__score {
	position: absolute;
	top: 7px;
	right: 7px;
	color: #fff;
	font-size: .65rem;
	font-weight: 900;
	padding: 2px 6px;
	letter-spacing: .04em;
	font-family: var(--lc-font-head, sans-serif);
}
.lc-db-rc__body {
	padding: 8px 10px 10px;
}
.lc-db-rc__title {
	font-size: .78rem;
	font-weight: 700;
	color: var(--lc-text, #eee);
	line-height: 1.3;
	margin: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
@media (max-width: 600px) {
	.lc-db-rc { flex: 0 0 120px; }
	.lc-db-type-row__title { font-size: .9rem; }
}

/* Sort bar — browse mode */
.lc-wiki-sort-bar {
	display: flex;
	gap: 6px;
	margin-bottom: 18px;
}
.lc-wiki-sort-bar__btn {
	padding: 5px 14px;
	border-radius: 20px;
	font-size: .78rem;
	font-weight: 600;
	color: #aaa;
	background: #1a1a1a;
	border: 1px solid #333;
	text-decoration: none;
	transition: color .15s, border-color .15s;
}
.lc-wiki-sort-bar__btn:hover,
.lc-wiki-sort-bar__btn.is-active {
	color: #fff;
	border-color: #E50914;
	background: #E50914;
}

/* Load More button */
.lc-load-more-wrap {
	text-align: center;
	padding: 32px 0 16px;
}
.lc-load-more-btn {
	padding: 12px 40px;
	background: transparent;
	border: 2px solid #444;
	color: #ccc;
	font-size: .9rem;
	font-weight: 700;
	border-radius: 4px;
	cursor: pointer;
	letter-spacing: .04em;
	text-transform: uppercase;
	transition: border-color .2s, color .2s, background .2s;
}
.lc-load-more-btn:hover:not(:disabled) {
	border-color: #E50914;
	color: #fff;
	background: #E50914;
}
.lc-load-more-btn:disabled {
	opacity: .5;
	cursor: default;
}

/* ============================================================
   CAST / PERSON PROFILE — sidebar + main bio layout
   Used by template-parts/wiki/cast-profile.php for person posts.
   ============================================================ */
.lc-cp {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 28px;
	align-items: start;
}
.lc-cp__sidebar {
	background: var(--lc-bg-card);
	border: 1px solid var(--lc-border);
	overflow: hidden;
	position: sticky;
	top: calc(var(--lc-header-h) + 16px);
}
.lc-cp__photo-wrap {
	aspect-ratio: 2/3;
	overflow: hidden;
	background: var(--lc-bg-deep, #0b0b0b);
	display: flex;
	align-items: center;
	justify-content: center;
}
.lc-cp__photo {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}
.lc-cp__photo-wrap--empty {
	color: var(--lc-text-faint);
}
.lc-cp__sidebar-info {
	padding: 14px 18px 12px;
	border-bottom: 1px solid var(--lc-border-light);
}
.lc-cp__type-badge {
	display: inline-block;
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--lc-accent, #E50914);
	border: 1px solid currentColor;
	padding: 4px 8px;
	margin-bottom: 8px;
	line-height: 1.2;
	max-width: 100%;
	overflow-wrap: break-word;
	word-break: break-word;
}
.lc-cp__name {
	font-family: var(--lc-font-head);
	font-size: 1.25rem;
	margin: 0;
	line-height: 1.2;
	color: var(--lc-text);
}
.lc-cp__kanji {
	margin: 4px 0 0;
	font-size: .82rem;
	color: var(--lc-text-muted);
}

/* Sidebar stats — grid prevents label/value bleed */
.lc-cp__stats {
	margin: 0;
	padding: 6px 0;
}
.lc-cp__stat-row {
	display: grid;
	grid-template-columns: 110px 1fr;
	gap: 12px;
	padding: 9px 18px;
	border-bottom: 1px solid var(--lc-border-light);
	align-items: start;
}
.lc-cp__stat-row:last-child {
	border-bottom: 0;
}
.lc-cp__stat-row > dt {
	margin: 0;
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--lc-text-faint);
	line-height: 1.35;
	overflow-wrap: break-word;
	word-break: break-word;
	hyphens: auto;
}
.lc-cp__stat-row > dd {
	margin: 0;
	font-size: .88rem;
	color: var(--lc-text);
	line-height: 1.5;
	overflow-wrap: break-word;
	word-break: break-word;
	min-width: 0;
}
.lc-cp__stat-row > dd ul,
.lc-cp__stat-row > dd ol {
	margin: 0;
	padding-left: 0;
	list-style: none;
}
.lc-cp__stat-row > dd li {
	padding: 1px 0;
}

/* Main column wraps biography, awards, etc. */
.lc-cp__main {
	min-width: 0;
}

/* Responsive — collapse sidebar above main on tablet/mobile */
@media (max-width: 900px) {
	.lc-cp {
		grid-template-columns: 1fr;
		gap: 18px;
	}
	.lc-cp__sidebar {
		position: static;
	}
	.lc-cp__stat-row {
		grid-template-columns: 95px 1fr;
		padding: 8px 14px;
	}
}


/* ============================================================
   ARTICLE DB CARD — v1 (SR-style large hero card)
   ============================================================ */
.lc-dbv1 {
	background: var(--lc-bg-elev, #1a1a1a);
	border: 1px solid var(--lc-border, #2a2a2a);
	border-radius: 12px;
	overflow: hidden;
	margin: 28px 0;
	color: var(--lc-text, #e8e8e8);
	font-family: var(--lc-font-body, system-ui, sans-serif);
}
.lc-dbv1__grid {
	display: grid;
	grid-template-columns: 38% 1fr;
	gap: 0;
}

/* ── Poster column ── */
.lc-dbv1__poster-col {
	position: relative;
	background: #0d0d0d;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 0 16px;
}
.lc-dbv1__poster-wrap {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 2 / 3;
	overflow: hidden;
	background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
}
.lc-dbv1__poster {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.lc-dbv1__poster-title {
	position: absolute;
	top: 18px;
	left: 16px;
	right: 16px;
	color: #fff;
	font-weight: 900;
	font-size: clamp(20px, 3.4vw, 36px);
	line-height: 1;
	letter-spacing: -0.02em;
	text-shadow: 0 2px 8px rgba(0,0,0,.7);
	pointer-events: none;
}
.lc-dbv1__poster-wrap--placeholder {
	background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	text-align: center;
}
.lc-dbv1__poster-title--placeholder {
	position: static;
	text-shadow: none;
	color: rgba(255,255,255,.85);
}

.lc-dbv1__scores {
	position: absolute;
	bottom: 92px;
	left: 12px;
	display: flex;
	gap: 8px;
	z-index: 2;
}
.lc-dbv1__score {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: rgba(0,0,0,.78);
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 6px;
	padding: 5px 9px;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
}
.lc-dbv1__score svg { opacity: .9; }
.lc-dbv1__score-star { color: #f5b50a; font-size: 13px; }
.lc-dbv1__score-num { letter-spacing: 0.02em; }
.lc-dbv1__score-brand {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.05em;
	background: var(--lc-accent, #e50914);
	color: #fff;
	padding: 1px 5px;
	border-radius: 3px;
}

.lc-dbv1__poster-name {
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	margin: 12px 0 8px;
	text-align: center;
	padding: 0 12px;
}
.lc-dbv1__stars {
	display: flex;
	gap: 2px;
	background: rgba(255,255,255,.06);
	border-radius: 6px;
	padding: 7px 14px;
	margin: 0 12px;
}
.lc-dbv1__star {
	color: rgba(255,255,255,.18);
	font-size: 14px;
	line-height: 1;
}
.lc-dbv1__star--on { color: #f5b50a; }

/* ── Info column ── */
.lc-dbv1__info-col {
	padding: 22px 24px 18px;
	min-width: 0;
}
.lc-dbv1__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 18px;
}
.lc-dbv1__tag {
	display: inline-flex;
	align-items: center;
	border: 1px solid rgba(255,255,255,.22);
	border-radius: 6px;
	padding: 5px 11px;
	font-size: 12px;
	font-weight: 600;
	color: rgba(255,255,255,.8);
	background: transparent;
}
.lc-dbv1__tag--rating {
	border-color: var(--lc-accent, #e50914);
	color: #fff;
	background: rgba(229, 9, 20, 0.12);
}

.lc-dbv1__fields {
	margin: 0 0 18px;
	display: flex;
	flex-direction: column;
	gap: 9px;
}
.lc-dbv1__field-row {
	display: grid;
	grid-template-columns: 130px 1fr;
	gap: 14px;
	align-items: baseline;
}
.lc-dbv1__field-label {
	font-size: 12px;
	font-weight: 700;
	color: rgba(255,255,255,.55);
	text-transform: capitalize;
	margin: 0;
}
.lc-dbv1__field-value {
	font-size: 13px;
	color: rgba(255,255,255,.92);
	margin: 0;
	min-width: 0;
	overflow-wrap: break-word;
}

.lc-dbv1__media {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-bottom: 18px;
}
.lc-dbv1__media-tile {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	overflow: hidden;
	background: #0d0d0d;
}
.lc-dbv1__media-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	filter: brightness(0.7);
}
.lc-dbv1__media-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	text-shadow: 0 1px 4px rgba(0,0,0,.7);
}
.lc-dbv1__media-tile--trailer .lc-dbv1__media-overlay { font-size: 0; }
.lc-dbv1__media-tile--trailer .lc-dbv1__media-img { filter: brightness(0.55); }

.lc-dbv1__cast {
	margin-bottom: 4px;
}
.lc-dbv1__cast-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.lc-dbv1__cast-title {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
}
.lc-dbv1__cast-more {
	font-size: 12px;
	font-weight: 600;
	color: rgba(255,255,255,.7);
	text-decoration: none;
}
.lc-dbv1__cast-more:hover { color: var(--lc-accent, #e50914); }
.lc-dbv1__cast-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.lc-dbv1__cast-card {
	display: flex;
	align-items: center;
	gap: 10px;
	background: rgba(255,255,255,.04);
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 8px;
	padding: 8px 10px;
}
.lc-dbv1__cast-avatar {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: linear-gradient(135deg, #2a2a2a 0%, #404040 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
.lc-dbv1__cast-info { display: flex; flex-direction: column; min-width: 0; }
.lc-dbv1__cast-name {
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	text-decoration: underline;
	text-decoration-color: rgba(255,255,255,.3);
	text-underline-offset: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lc-dbv1__cast-role {
	font-size: 12px;
	color: rgba(255,255,255,.6);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ── Footer ── */
.lc-dbv1__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 24px;
	background: rgba(0,0,0,.3);
	border-top: 1px solid rgba(255,255,255,.06);
	font-size: 12px;
}
.lc-dbv1__brand {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: rgba(255,255,255,.7);
	font-weight: 600;
	text-decoration: none;
}
.lc-dbv1__brand-name { color: #fff; font-weight: 800; letter-spacing: 0.02em; }
.lc-dbv1__brand-tag {
	background: var(--lc-accent, #e50914);
	color: #fff;
	font-size: 10px;
	font-weight: 900;
	padding: 1px 5px;
	border-radius: 3px;
	letter-spacing: 0.06em;
}
.lc-dbv1__view-link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: rgba(255,255,255,.85);
	font-weight: 700;
	text-decoration: none;
}
.lc-dbv1__view-link:hover { color: var(--lc-accent, #e50914); }

/* ── Responsive ── */
@media (max-width: 720px) {
	.lc-dbv1__grid { grid-template-columns: 1fr; }
	.lc-dbv1__poster-col { padding-bottom: 14px; }
	.lc-dbv1__poster-wrap { aspect-ratio: 16 / 9; }
	.lc-dbv1__poster-title { font-size: clamp(22px, 6vw, 32px); }
	.lc-dbv1__scores { bottom: 92px; }
	.lc-dbv1__info-col { padding: 18px 16px 14px; }
	.lc-dbv1__field-row { grid-template-columns: 110px 1fr; gap: 10px; }
	.lc-dbv1__media { gap: 8px; }
	.lc-dbv1__cast-grid { grid-template-columns: 1fr; }
	.lc-dbv1__footer { padding: 10px 16px; flex-wrap: wrap; gap: 10px; }
}

/* ── Light mode ── */
html.lc-light-mode .lc-dbv1 {
	background: #fff;
	border-color: #e5e5e5;
	color: #1a1a1a;
}
html.lc-light-mode .lc-dbv1__poster-col { background: #f5f5f5; }
html.lc-light-mode .lc-dbv1__tag { color: #555; border-color: #d0d0d0; }
html.lc-light-mode .lc-dbv1__field-label { color: #777; }
html.lc-light-mode .lc-dbv1__field-value { color: #222; }
html.lc-light-mode .lc-dbv1__poster-name { color: #1a1a1a; }
html.lc-light-mode .lc-dbv1__cast-title,
html.lc-light-mode .lc-dbv1__cast-name { color: #1a1a1a; }
html.lc-light-mode .lc-dbv1__cast-card { background: #fafafa; border-color: #e8e8e8; }
html.lc-light-mode .lc-dbv1__footer { background: #fafafa; border-color: #e8e8e8; }
html.lc-light-mode .lc-dbv1__brand { color: #555; }
html.lc-light-mode .lc-dbv1__brand-name { color: #1a1a1a; }
html.lc-light-mode .lc-dbv1__view-link { color: #333; }
html.lc-light-mode .lc-dbv1__stars { background: rgba(0,0,0,.05); }
html.lc-light-mode .lc-dbv1__star { color: rgba(0,0,0,.18); }


/* ============================================================
   ARTICLE CARD — Inline Rating Modal
   ============================================================ */
.lc-card-rate-modal {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lc-card-rate-modal[hidden] { display: none; }
.lc-card-rate-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.7);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}
.lc-card-rate-modal__box {
	position: relative;
	background: var(--lc-bg-elev, #1a1a1a);
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 14px;
	padding: 30px 28px 26px;
	width: 100%;
	max-width: 480px;
	margin: 16px;
	box-shadow: 0 20px 60px rgba(0,0,0,.6);
	color: var(--lc-text, #e8e8e8);
}
.lc-card-rate-modal__close {
	position: absolute;
	top: 14px;
	right: 14px;
	background: rgba(255,255,255,.08);
	border: none;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--lc-text, #e8e8e8);
	transition: background .15s;
}
.lc-card-rate-modal__close:hover { background: rgba(255,255,255,.16); }
.lc-card-rate-modal__title {
	font-size: 17px;
	font-weight: 800;
	margin: 0 0 20px;
	padding-right: 36px;
	color: #fff;
}

/* Stars */
.lc-card-rate-modal__stars {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 18px;
	flex-wrap: wrap;
}
.lc-card-rate-modal__star {
	background: none;
	border: none;
	cursor: pointer;
	padding: 2px;
	color: rgba(255,255,255,.2);
	transition: color .1s, transform .1s;
	line-height: 1;
}
.lc-card-rate-modal__star.is-on,
.lc-card-rate-modal__star:hover { color: #f5b50a; transform: scale(1.1); }
.lc-card-rate-modal__readout {
	font-size: 15px;
	font-weight: 800;
	color: #f5b50a;
	margin-left: 6px;
	min-width: 40px;
}

/* Form */
.lc-card-rate-modal__form[hidden] { display: none; }
.lc-card-rate-modal__comment {
	width: 100%;
	background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 8px;
	color: var(--lc-text, #e8e8e8);
	font-size: 14px;
	font-family: inherit;
	padding: 10px 12px;
	resize: vertical;
	margin-bottom: 14px;
	box-sizing: border-box;
}
.lc-card-rate-modal__comment::placeholder { color: rgba(255,255,255,.35); }
.lc-card-rate-modal__comment:focus {
	outline: none;
	border-color: var(--lc-accent, #e50914);
}
.lc-card-rate-modal__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}
.lc-card-rate-modal__as {
	font-size: 13px;
	color: var(--lc-text-muted, #888);
}
.lc-card-rate-modal__name { color: #fff; }
.lc-card-rate-modal__change {
	background: none;
	border: none;
	color: var(--lc-accent, #e50914);
	font-size: 12px;
	cursor: pointer;
	padding: 0;
	margin-left: 4px;
	text-decoration: underline;
}
.lc-card-rate-modal__submit {
	background: var(--lc-accent, #e50914);
	color: #fff;
	border: none;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 700;
	padding: 9px 22px;
	cursor: pointer;
	transition: opacity .15s;
}
.lc-card-rate-modal__submit:disabled { opacity: .45; cursor: default; }
.lc-card-rate-modal__submit:not(:disabled):hover { opacity: .88; }

/* No-name state */
.lc-card-rate-modal__noname[hidden] { display: none; }
.lc-card-rate-modal__noname p {
	font-size: 14px;
	color: var(--lc-text-muted, #aaa);
	margin: 0 0 12px;
}
.lc-card-rate-modal__setname {
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 6px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 9px 18px;
	cursor: pointer;
	transition: background .15s;
}
.lc-card-rate-modal__setname:hover { background: rgba(255,255,255,.18); }

/* Notice */
.lc-card-rate-modal__notice { margin-top: 12px; font-size: 13px; font-weight: 600; padding: 8px 12px; border-radius: 6px; }
.lc-card-rate-modal__notice[hidden] { display: none; }
.lc-card-rate-modal__notice.is-ok { background: rgba(34,197,94,.12); color: #4ade80; }
.lc-card-rate-modal__notice.is-err { background: rgba(239,68,68,.12); color: #f87171; }

/* Light mode */
html.lc-light-mode .lc-card-rate-modal__box {
	background: #fff;
	border-color: #e0e0e0;
	color: #1a1a1a;
}
html.lc-light-mode .lc-card-rate-modal__title,
html.lc-light-mode .lc-card-rate-modal__name { color: #1a1a1a; }
html.lc-light-mode .lc-card-rate-modal__comment {
	background: #f5f5f5;
	border-color: #ddd;
	color: #1a1a1a;
}
html.lc-light-mode .lc-card-rate-modal__comment::placeholder { color: #999; }
html.lc-light-mode .lc-card-rate-modal__star { color: rgba(0,0,0,.15); }
html.lc-light-mode .lc-card-rate-modal__close {
	background: rgba(0,0,0,.07);
	color: #333;
}
html.lc-light-mode .lc-card-rate-modal__backdrop { background: rgba(0,0,0,.55); }

/* =================================================================
   DB HUB — Screen Rant-style homepage (lc-dbhub-*)
================================================================= */

/* Banner */
.lc-dbhub-banner {
  background: var(--lc-bg-nav);
  padding: 28px 0 22px;
  border-bottom: 1px solid var(--lc-border);
}
.lc-dbhub-banner__inner {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.lc-dbhub-banner__tagline {
  font-family: var(--lc-font-head);
  font-size: 1rem;
  color: var(--lc-text-muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  flex: 1;
  min-width: 200px;
}
.lc-dbhub-banner__count { color: var(--lc-link-color); }

/* DB-branded search bar (shared by banner + Find Your Next Watch) */
.lc-dbhub-search {
  display: flex; align-items: stretch; gap: 0; flex: 1; max-width: 520px;
}
.lc-dbhub-search__bar,
.lc-dbhub-find__search-bar {
  display: flex; align-items: center; gap: 8px;
  flex: 1;
  background: #fff;
  border: 1px solid #ddd;
  padding: 0 14px;
  min-width: 0;
}
.lc-dbhub-search__badge {
  display: inline-flex; align-items: center;
  padding: 3px 8px;
  background: var(--lc-link-color); color: #111;
  font-size: 11px; font-weight: 900; letter-spacing: .06em;
  font-family: var(--lc-font-head);
  flex-shrink: 0;
}
.lc-dbhub-search__sep { color: #bbb; font-size: 18px; flex-shrink: 0; }
.lc-dbhub-search__input {
  flex: 1; border: none; outline: none; background: transparent;
  font-size: 14px; color: #111; padding: 12px 0;
  font-family: var(--lc-font-ui);
}
.lc-dbhub-search__input::placeholder { color: #999; }
.lc-dbhub-search__submit {
  background: #111; color: #fff; border: none;
  padding: 0 22px; font-family: var(--lc-font-head);
  font-size: 13px; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; cursor: pointer; white-space: nowrap;
  transition: opacity .15s;
}
.lc-dbhub-search__submit:hover { opacity: .8; }

/* Section heading */
.lc-dbhub-section { padding: 32px 0 24px; }
.lc-dbhub-section--dark { background: var(--lc-bg-card); }
.lc-dbhub-section__head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--lc-border);
}
.lc-dbhub-section__title {
  font-family: var(--lc-font-head);
  font-size: 1rem; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--lc-text);
  display: flex; align-items: center; gap: 8px;
}
.lc-dbhub-see-all {
  font-size: 12px; color: var(--lc-link-color); font-weight: 600;
  text-decoration: none; text-transform: uppercase; letter-spacing: .06em;
}
.lc-dbhub-see-all:hover { text-decoration: underline; }

/* Carousel — horizontal scroll */
.lc-dbhub-carousel-wrap { overflow: hidden; }
.lc-dbhub-carousel {
  display: flex; gap: 10px;
  overflow-x: auto; -webkit-overflow-scrolling: touch;
  padding-bottom: 12px;
  scrollbar-width: thin;
  scrollbar-color: var(--lc-border) transparent;
}
.lc-dbhub-carousel::-webkit-scrollbar { height: 4px; }
.lc-dbhub-carousel::-webkit-scrollbar-track { background: transparent; }
.lc-dbhub-carousel::-webkit-scrollbar-thumb { background: var(--lc-border); }

/* Poster card */
.lc-dbhub-poster {
  flex-shrink: 0;
  width: 160px;
  display: flex; flex-direction: column;
  text-decoration: none; color: inherit;
}
.lc-dbhub-poster__img {
  position: relative;
  width: 160px; height: 240px;
  overflow: hidden; border-radius: 2px;
  background: var(--lc-bg-surface);
}
.lc-dbhub-poster__img img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .35s ease;
}
.lc-dbhub-poster:hover .lc-dbhub-poster__img img { transform: scale(1.05); }
.lc-dbhub-poster__placeholder {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: var(--lc-bg-surface);
}
.lc-dbhub-poster__placeholder span {
  font-family: var(--lc-font-head);
  font-size: 3rem; font-weight: 700; color: var(--lc-text-faint);
}
.lc-dbhub-poster__actions {
  position: absolute; top: 8px; left: 8px;
  display: flex; gap: 4px;
  opacity: 0; transition: opacity var(--lc-trans);
}
.lc-dbhub-poster:hover .lc-dbhub-poster__actions { opacity: 1; }
.lc-dbhub-poster__action-btn {
  display: flex; align-items: center; justify-content: center;
  width: 30px; height: 30px;
  background: rgba(0,0,0,.72); color: #fff;
  cursor: pointer; border-radius: 2px;
  transition: background var(--lc-trans);
}
.lc-dbhub-poster__action-btn:hover { background: var(--lc-accent); }
.lc-dbhub-poster__score {
  position: absolute; bottom: 8px; left: 8px;
  display: flex; align-items: center; gap: 4px;
  background: rgba(0,0,0,.78); color: #fff;
  font-size: 12px; font-weight: 700; font-family: var(--lc-font-ui);
  padding: 3px 7px; border-radius: 2px;
}
.lc-dbhub-poster__body { padding: 8px 0 4px; }
.lc-dbhub-poster__title {
  font-family: var(--lc-font-head);
  font-size: .85rem; font-weight: 700; line-height: 1.3;
  color: var(--lc-text);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* Find Your Next Watch */
.lc-dbhub-find {
  padding: 40px 0;
  border-top: 1px solid var(--lc-border);
}
.lc-dbhub-find__title {
  font-family: var(--lc-font-head);
  font-size: 1.1rem; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--lc-text);
  margin-bottom: 20px;
}
.lc-dbhub-find__filters {
  display: flex; align-items: stretch; gap: 8px; flex-wrap: wrap;
  margin-bottom: 32px;
  padding: 16px 20px;
  background: var(--lc-bg-card);
  border: 1px solid var(--lc-border);
}
.lc-dbhub-find__select {
  background: var(--lc-bg-surface); color: var(--lc-text);
  border: 1px solid var(--lc-border); padding: 10px 14px;
  font-family: var(--lc-font-ui); font-size: 14px; cursor: pointer;
}
.lc-dbhub-find__search-bar {
  flex: 1; min-width: 220px; background: #fff;
  border: 1px solid #ccc; padding: 0 12px;
}
.lc-dbhub-find__sortby {
  display: flex; align-items: center; gap: 8px;
}
.lc-dbhub-find__sort-label {
  font-size: 11px; font-weight: 700; letter-spacing: .08em;
  color: var(--lc-text-muted); text-transform: uppercase; white-space: nowrap;
}
.lc-dbhub-find__sort-select {
  background: var(--lc-bg-surface); color: var(--lc-text);
  border: 1px solid var(--lc-border); padding: 10px 14px;
  font-family: var(--lc-font-ui); font-size: 14px; cursor: pointer;
}
.lc-dbhub-find__submit {
  background: #111; color: #fff; border: none;
  padding: 10px 24px; font-family: var(--lc-font-head);
  font-size: 13px; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; cursor: pointer; white-space: nowrap;
  transition: opacity .15s;
}
.lc-dbhub-find__submit:hover { opacity: .8; }

/* Poster grid (5 cols) */
.lc-dbhub-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.lc-dbhub-grid-card { display: block; text-decoration: none; }
.lc-dbhub-grid-card__img {
  position: relative;
  aspect-ratio: 2/3;
  overflow: hidden; border-radius: 2px;
  background: var(--lc-bg-surface);
}
.lc-dbhub-grid-card__img img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .35s ease;
}
.lc-dbhub-grid-card:hover .lc-dbhub-grid-card__img img { transform: scale(1.04); }

/* Responsive */
@media (max-width: 960px) {
  .lc-dbhub-banner__inner { flex-direction: column; align-items: flex-start; }
  .lc-dbhub-search { max-width: 100%; width: 100%; }
  .lc-dbhub-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 660px) {
  .lc-dbhub-find__filters { flex-direction: column; }
  .lc-dbhub-find__search-bar { min-width: auto; }
  .lc-dbhub-grid { grid-template-columns: repeat(3, 1fr); }
  .lc-dbhub-poster { width: 130px; }
  .lc-dbhub-poster__img { width: 130px; height: 195px; }
}
@media (max-width: 440px) {
  .lc-dbhub-grid { grid-template-columns: repeat(2, 1fr); }
}