/**
 * KH Core 4.6.1 — Final UX polish
 */

/* Header mega/dropdown: layout-elite.css (FAZ 1) */

/* Section titles */
.kh-block__head--banner {
  flex-wrap: wrap;
  gap: var(--kh-space-12);
}

.kh-block__head--banner .kh-block__title-wrap {
  text-align: center;
}

.kh-block__subtitle {
  display: block;
  margin: var(--kh-space-8) 0 0;
  font-size: 13px;
  color: var(--muted);
  font-weight: 400;
}

/* Hero — no overlap */
.kh-section--hero .kh-netflix-hero__main-body,
.kh-section--hero .kh-netflix-hero__mini-body {
  z-index: 2;
  pointer-events: none;
}

.kh-section--hero .kh-netflix-hero__hit {
  z-index: 3;
}

.kh-section--hero .kh-netflix-hero__main-overlay,
.kh-section--hero .kh-netflix-hero__mini-overlay {
  z-index: 1;
}

/* Article header */
.kh-article-header__title {
  margin: var(--kh-space-16) 0;
  font-family: var(--font-reading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  line-height: 1.25;
}

.kh-article-header__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--kh-space-12);
  font-size: 13px;
  color: var(--muted);
}

/* Reading bar: single-faz1.css (FAZ 1 authoritative on posts) */

/* Sidebar cards */
.kh-sb-v45 {
  width: 100%;
}

.kh-sb-v45__item--text {
  display: block;
  padding: var(--kh-space-12);
  border-radius: var(--kh-radius-sm);
  text-decoration: none;
  color: inherit;
  border: 1px solid transparent;
  transition: background var(--kh-ease), border-color var(--kh-ease);
}

.kh-sb-v45__item--text:hover {
  background: rgba(59, 130, 246, 0.1);
  border-color: var(--border);
}

.kh-sb-v45__item--text strong {
  display: block;
  font-size: 13px;
  line-height: 1.35;
}

/* KH Tube cards: tube-faz2.css (FAZ 2) */

/* Mobile */
@media (max-width: 1024px) {
  body.kh-layout-elite {
    overflow-x: hidden;
  }
}

@media (max-width: 640px) {
  .kh-floating-actions {
    right: var(--kh-space-16);
    bottom: var(--kh-space-16);
  }
}