/*
 * Historium homepage Netflix cards — v65
 *
 * Deliberately route- and rail-scoped. This file is requested only on the
 * homepage and cannot restyle archive, watch, article, music or account cards.
 * Desktop geometry follows the supplied Claude reference; touch layouts keep
 * the same visual language without relying on hover.
 */

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] {
  --home-netflix-surface: #151f22;
  --home-netflix-text: #e5eae9;
  --home-netflix-soft: #9da9aa;
  --home-netflix-gold: #d7a15a;
  --home-netflix-control: #f2f5f4;
  --home-netflix-ink: #0a0f10;
  --home-netflix-shadow: 0 24px 60px rgba(0, 0, 0, 0.65);
  --home-netflix-radius: 3px;
  --home-netflix-expanded-radius: 5px;
  --home-netflix-expanded-scale: 1.26;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"],
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] *,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] *::before,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] *::after {
  box-sizing: border-box;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"].home-rail {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-netflix-shelf] {
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
  contain: none !important;
  content-visibility: visible !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-netflix-shelf]:has(.home-netflix-card.is-home-netflix-active) {
  z-index: 1000 !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-netflix-shelf].is-home-netflix-active-shelf {
  z-index: 1000 !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-frame {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  aspect-ratio: 16 / 9 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  container-type: normal !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  aspect-ratio: 16 / 9 !important;
  border: 0 !important;
  border-radius: var(--home-netflix-radius) !important;
  color: var(--home-netflix-text) !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  cursor: pointer !important;
  isolation: auto !important;
  transform: none !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card::before,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card::after,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__media::before,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__media::after {
  display: none !important;
  content: none !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__media {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 9 !important;
  border: 0 !important;
  border-radius: var(--home-netflix-radius) !important;
  color: inherit !important;
  background: #111 !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
  transform-origin: center center !important;
  transition:
    transform 0.28s cubic-bezier(0.2, 0.7, 0.2, 1),
    border-radius 0.28s,
    box-shadow 0.28s !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__picture {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__image,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__picture > img {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: inherit !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__backdrop {
  position: absolute !important;
  inset: -18px !important;
  z-index: 1 !important;
  display: block !important;
  width: calc(100% + 36px) !important;
  min-width: 0 !important;
  max-width: none !important;
  height: calc(100% + 36px) !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  filter: blur(16px) brightness(0.54) saturate(0.72) !important;
  opacity: 0.92 !important;
  transform: scale(1.08) !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .is-portrait-video .home-netflix-card__image {
  object-fit: contain !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__resting-title {
  display: none !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__panel {
  position: absolute !important;
  inset: auto 0 auto 0 !important;
  top: 100% !important;
  z-index: 3 !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 11px 13px 13px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 0 var(--home-netflix-expanded-radius) var(--home-netflix-expanded-radius) !important;
  color: var(--home-netflix-text) !important;
  background: var(--home-netflix-surface) !important;
  box-shadow: var(--home-netflix-shadow) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate(var(--home-netflix-shift-x, 0px), var(--home-netflix-shift-y, 0px)) scale(var(--home-netflix-expanded-scale)) !important;
  transform-origin: top center !important;
  transition:
    opacity 0.2s 0.05s,
    visibility 0s linear 0.25s !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__actions {
  position: relative !important;
  z-index: 4 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 0 9px !important;
  padding: 0 !important;
  gap: 8px !important;
  direction: ltr !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__control {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  display: inline-flex !important;
  flex: 0 0 28px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: var(--home-netflix-ink) !important;
  background: var(--home-netflix-control) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  appearance: none !important;
  cursor: pointer !important;
  transform: none !important;
  transition:
    color 0.16s ease,
    background-color 0.16s ease,
    border-color 0.16s ease,
    transform 0.16s ease !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__control--ghost {
  border: 1.4px solid rgba(255, 255, 255, 0.5) !important;
  color: var(--home-netflix-control) !important;
  background: transparent !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__control svg,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__control > .library-save-icon {
  display: block !important;
  width: 12px !important;
  min-width: 12px !important;
  max-width: 12px !important;
  height: 12px !important;
  min-height: 12px !important;
  max-height: 12px !important;
  margin: 0 !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__info > :is(.title-preview-info-icon, .article-card-summary-icon),
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__info > :is(.title-preview-info-icon, .article-card-summary-icon) svg {
  display: block !important;
  width: 17px !important;
  min-width: 17px !important;
  max-width: 17px !important;
  height: 17px !important;
  min-height: 17px !important;
  max-height: 17px !important;
  margin: 0 !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__control--primary svg {
  overflow: visible !important;
  fill: currentColor !important;
  stroke: none !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__control--primary:not(.home-netflix-card__control--book) svg {
  margin-inline-start: 1px !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__control--book svg {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__info svg {
  overflow: visible !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.35 !important;
  stroke-linecap: round !important;
}

/* The article icon's circle is the dot of the i, not a second outer ring. */
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card--article .article-card-summary-icon svg circle {
  display: initial !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__info::before,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__info::after {
  display: none !important;
  content: none !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__spacer {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__save .library-save-icon {
  position: relative !important;
  display: block !important;
  width: 12px !important;
  min-width: 12px !important;
  max-width: 12px !important;
  height: 12px !important;
  min-height: 12px !important;
  max-height: 12px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  transform: none !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__save .library-save-icon::before,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__save .library-save-icon::after {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  display: block !important;
  border: 0 !important;
  border-radius: 1px !important;
  background: currentColor !important;
  content: "" !important;
  transform: translate(-50%, -50%) !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__save .library-save-icon::before {
  width: 10px !important;
  height: 1.5px !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__save .library-save-icon::after {
  width: 1.5px !important;
  height: 10px !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__save[aria-pressed="true"],
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__save.is-saved {
  border-color: var(--home-netflix-gold) !important;
  color: var(--home-netflix-gold) !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__save[aria-pressed="true"] .library-save-icon,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__save.is-saved .library-save-icon {
  background: currentColor !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12v18l-6-4-6 4z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12v18l-6-4-6 4z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__save[aria-pressed="true"] .library-save-icon::before,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__save[aria-pressed="true"] .library-save-icon::after,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__save.is-saved .library-save-icon::before,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__save.is-saved .library-save-icon::after {
  display: none !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__meta {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 13px !important;
  margin: 0 0 7px !important;
  padding: 0 !important;
  overflow: hidden !important;
  gap: 8px !important;
  color: var(--home-netflix-soft) !important;
  font-family: Inter, "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
  text-transform: none !important;
  direction: ltr !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__tag {
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--home-netflix-gold) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__pill {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 1px 5px !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 2px !important;
  color: #c7cfce !important;
  background: transparent !important;
  font-size: 9.5px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__meta > time {
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__body {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__title {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: var(--home-netflix-text) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
  text-wrap: pretty !important;
  text-overflow: clip !important;
  white-space: normal !important;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__title > a {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__summary {
  position: relative !important;
  inset: auto !important;
  z-index: 8 !important;
  display: block !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__summary > summary {
  list-style: none !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__summary > summary::-webkit-details-marker {
  display: none !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__summary-panel {
  position: absolute !important;
  inset: auto -13px 39px auto !important;
  z-index: 30 !important;
  display: none !important;
  width: min(270px, 74vw) !important;
  min-width: 210px !important;
  max-width: 270px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 176px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 5px !important;
  color: #f2f5f4 !important;
  background: #111819 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.68) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__summary[open] > .home-netflix-card__summary-panel {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__summary-panel .hm-card__summary-backdrop {
  position: absolute !important;
  inset: -18px !important;
  z-index: 0 !important;
  display: block !important;
  width: calc(100% + 36px) !important;
  max-width: none !important;
  height: calc(100% + 36px) !important;
  object-fit: cover !important;
  filter: blur(18px) brightness(0.34) saturate(0.7) !important;
  opacity: 0.72 !important;
  transform: scale(1.08) !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__summary-panel .hm-card__summary-shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  background: rgba(8, 12, 13, 0.62) !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__summary-panel .hm-card__summary-copy {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-height: 174px !important;
  margin: 0 !important;
  padding: 13px 14px 14px !important;
  overflow: auto !important;
  color: #eef2f1 !important;
  background: transparent !important;
  scrollbar-width: thin !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__summary-panel .article-card-summary-kicker {
  display: block !important;
  margin: 0 0 5px !important;
  color: var(--home-netflix-gold) !important;
  font-family: Inter, "Segoe UI", sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__summary-panel .hm-card__summary-copy > p {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: inherit !important;
  font-family: Inter, "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  white-space: normal !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

@media (hover: hover) and (pointer: fine) {
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__control:hover {
    transform: scale(1.08) !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__control--ghost:hover {
    border-color: rgba(255, 255, 255, 0.82) !important;
    background: rgba(255, 255, 255, 0.08) !important;
  }
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"].home-rail {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    grid-template-rows: auto !important;
    align-items: start !important;
    width: 100% !important;
    margin: -260px 0 -176px !important;
    padding: 260px 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 7px !important;
    scrollbar-width: none !important;
    scroll-padding-inline: 0 !important;
    scroll-snap-type: inline proximity !important;
    overscroll-behavior-inline: contain !important;
    pointer-events: none !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"].home-rail--video {
    grid-auto-columns: calc((100% - 35px) / 6) !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"].home-rail--article {
    grid-auto-columns: calc((100% - 28px) / 5) !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"].home-rail::-webkit-scrollbar {
    display: none !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] > * {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
    scroll-snap-align: start !important;
    pointer-events: auto !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card.is-home-netflix-active,
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-frame:has(> .home-netflix-card.is-home-netflix-active) {
    z-index: 20 !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card.is-home-netflix-active > .home-netflix-card__media {
    border-radius: var(--home-netflix-expanded-radius) !important;
    box-shadow: var(--home-netflix-shadow) !important;
    transform: translate(var(--home-netflix-shift-x, 0px), var(--home-netflix-shift-y, 0px)) scale(var(--home-netflix-expanded-scale)) translateY(-8%) !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card.is-home-netflix-active > .home-netflix-card__panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition: opacity 0.2s 0.05s, visibility 0s !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__resting-title {
    position: absolute !important;
    inset: calc(100% + 7px) 2px auto !important;
    z-index: 2 !important;
    display: -webkit-box !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: rgba(229, 234, 233, 0.94) !important;
    font-family: Inter, "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 12.5px !important;
    font-style: normal !important;
    font-weight: 620 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.3 !important;
    text-align: start !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    pointer-events: none !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    transition: opacity 0.14s ease, transform 0.14s ease !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card.is-home-netflix-active > .home-netflix-card__resting-title {
    opacity: 0 !important;
    transform: translateY(-3px) !important;
  }

}

@media (max-width: 1023.98px), (hover: none), (pointer: coarse) {
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"].home-rail {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: min(78vw, 320px) !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    align-items: start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 22px 18px 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 9px !important;
    scrollbar-width: none !important;
    scroll-padding-inline: 0 !important;
    scroll-snap-type: inline proximity !important;
    overscroll-behavior-inline: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"].home-rail::-webkit-scrollbar {
    display: none !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] > * {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
    scroll-snap-align: start !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-frame,
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    aspect-ratio: auto !important;
    border-radius: var(--home-netflix-expanded-radius) !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__media {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: var(--home-netflix-expanded-radius) var(--home-netflix-expanded-radius) 0 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__panel {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 11px 13px 13px !important;
    overflow: visible !important;
    border-radius: 0 0 var(--home-netflix-expanded-radius) var(--home-netflix-expanded-radius) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.26) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    transition: none !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__summary-panel {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 1023.98px) {
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"].home-rail {
    grid-auto-columns: min(42vw, 380px) !important;
    gap: 9px !important;
  }
}

@media (min-width: 1024px) and (hover: none),
       (min-width: 1024px) and (pointer: coarse) {
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"].home-rail {
    grid-auto-columns: min(36vw, 420px) !important;
  }
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__media:focus-visible,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__control:focus-visible,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__title > a:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__info:focus-visible {
  outline: 0 !important;
  border-color: var(--home-netflix-gold) !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.14) !important;
}

html[data-theme="light"] body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__panel {
  color: var(--home-netflix-text) !important;
  background: var(--home-netflix-surface) !important;
}

html[data-theme="light"] body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__summary-panel {
  color: #f2f5f4 !important;
  background: #111819 !important;
}

html[data-theme="light"] body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__control--ghost {
  border-color: rgba(255, 255, 255, 0.5) !important;
  color: #f2f5f4 !important;
  background: transparent !important;
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  html[data-theme="light"] body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__resting-title {
    color: rgba(23, 32, 34, 0.92) !important;
  }
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__save.is-busy .library-save-icon {
  width: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  height: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;
  border: 2px solid currentColor !important;
  border-inline-end-color: transparent !important;
  border-radius: 50% !important;
  background: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  animation: home-netflix-spin 0.72s linear infinite !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__save.is-busy .library-save-icon::before,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__save.is-busy .library-save-icon::after {
  display: none !important;
}

/* --------------------------------------------------------------------------
   Homepage info experience

   These dialogs are rendered at body level, so their scope intentionally
   starts at the home page rather than the card rail. The compact image-to-copy
   composition keeps the first useful actions in view and gives the native
   dialog a Netflix-like entrance without replacing its accessible JS lifecycle.
   -------------------------------------------------------------------------- */

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] :is(.title-preview-dialog, .article-summary-dialog) {
  --home-preview-surface: #111718;
  --home-preview-text: #f5f3ee;
  --home-preview-muted: rgba(245, 243, 238, 0.76);
  --home-preview-accent: #e1aa63;
  --home-preview-line: rgba(255, 255, 255, 0.15);
  color: var(--home-preview-text) !important;
  background: var(--home-preview-surface) !important;
  border: 1px solid var(--home-preview-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 34px 90px -18px rgba(0, 0, 0, 0.88) !important;
  transform-origin: center center !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] :is(.title-preview-dialog, .article-summary-dialog)[open] {
  animation: home-netflix-dialog-in 0.34s cubic-bezier(0.2, 0.82, 0.2, 1) both !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-dialog::backdrop,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog::backdrop {
  background: rgba(3, 6, 7, 0.78) !important;
  -webkit-backdrop-filter: blur(10px) saturate(0.72) !important;
  backdrop-filter: blur(10px) saturate(0.72) !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-dialog[open]::backdrop,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog[open]::backdrop {
  animation: home-netflix-backdrop-in 0.26s ease-out both !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-dialog {
  --hm63-preview-surface: var(--home-preview-surface);
  inset: 0 !important;
  width: min(820px, calc(100vw - 48px)) !important;
  max-width: 820px !important;
  height: auto !important;
  max-height: min(88dvh, 760px) !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-surface {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: min(88dvh, 760px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  color: var(--home-preview-text) !important;
  background: var(--home-preview-surface) !important;
  scrollbar-color: rgba(255, 255, 255, 0.28) transparent !important;
  scrollbar-gutter: auto !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-chrome {
  position: absolute !important;
  inset: 0 0 auto !important;
  z-index: 20 !important;
  height: 0 !important;
  padding: 14px !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-close,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-close {
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: rgba(8, 12, 13, 0.76) !important;
  box-shadow: 0 12px 30px -16px rgba(0, 0, 0, 0.95) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-media {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 7.35 !important;
  background: var(--home-preview-surface) !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-media :is(.title-preview-media-backdrop, .title-preview-media-cover)[hidden],
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-media :is(.article-summary-dialog-backdrop, .article-summary-dialog-cover)[hidden] {
  display: none !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-media-backdrop {
  filter: blur(28px) brightness(0.46) saturate(0.72) !important;
  opacity: 0.9 !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-media-cover {
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(0.9) contrast(1.04) brightness(0.9) !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-dialog[open] .title-preview-media-cover:not([hidden]) {
  animation: home-netflix-dialog-image-in 0.72s cubic-bezier(0.2, 0.76, 0.2, 1) both !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-media-shade {
  background:
    linear-gradient(180deg, rgba(8, 12, 13, 0.02) 32%, rgba(8, 12, 13, 0.2) 56%, var(--home-preview-surface) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.24), transparent 60%) !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-copy {
  position: relative !important;
  z-index: 4 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: -132px 0 0 !important;
  padding: 92px 36px 24px !important;
  color: var(--home-preview-text) !important;
  background: linear-gradient(180deg, transparent 0, var(--home-preview-surface) 92px) !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-dialog[open] .title-preview-copy,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog[open] .article-summary-dialog-copy {
  animation: home-netflix-dialog-copy-in 0.38s 0.055s cubic-bezier(0.2, 0.78, 0.2, 1) both !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-copy .content-kicker,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-kicker {
  margin: 0 0 9px !important;
  color: var(--home-preview-accent) !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  letter-spacing: 0.105em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-copy h2 {
  max-width: 24ch !important;
  margin: 0 0 12px !important;
  color: var(--home-preview-text) !important;
  font-size: clamp(2rem, 3.25vw, 2.55rem) !important;
  font-weight: 680 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.04 !important;
  text-wrap: balance !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-description {
  display: block !important;
  max-width: 66ch !important;
  margin: 0 0 15px !important;
  overflow: visible !important;
  color: var(--home-preview-muted) !important;
  font-size: 0.93rem !important;
  line-height: 1.55 !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 0 18px !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-tags span {
  padding: 4px 8px !important;
  border: 1px solid color-mix(in srgb, var(--home-preview-accent) 30%, transparent) !important;
  border-radius: 999px !important;
  color: var(--home-preview-muted) !important;
  background: color-mix(in srgb, var(--home-preview-accent) 8%, transparent) !important;
  font-size: 0.72rem !important;
  line-height: 1.1 !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 8px !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] :is(.title-preview-actions, .article-summary-dialog-copy) .action {
  width: auto !important;
  min-width: 0 !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 9px 16px !important;
  border: 0 !important;
  border-radius: 4px !important;
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  justify-content: center !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] :is(.title-preview-actions, .article-summary-dialog-copy) .action-primary {
  color: #101516 !important;
  background: #f4f4f2 !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-actions .action-secondary {
  color: #f7f6f2 !important;
  background: rgba(255, 255, 255, 0.16) !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-connection {
  margin-block-start: 12px !important;
  color: var(--home-preview-muted) !important;
  font-size: 0.78rem !important;
  line-height: 1.4 !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog {
  inset: 0 !important;
  width: min(740px, calc(100vw - 48px)) !important;
  max-width: 740px !important;
  height: min(650px, calc(100dvh - 56px)) !important;
  max-height: 650px !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-surface {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  color: var(--home-preview-text) !important;
  background: var(--home-preview-surface) !important;
  isolation: isolate !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-media,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-media > img,
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-shade {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-backdrop {
  object-fit: cover !important;
  filter: blur(28px) saturate(0.7) brightness(0.43) !important;
  opacity: 0.9 !important;
  transform: scale(1.12) !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-cover {
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(0.88) contrast(1.03) brightness(0.88) !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-shade {
  background: linear-gradient(180deg, rgba(8, 12, 13, 0.02) 24%, rgba(8, 12, 13, 0.28) 48%, var(--home-preview-surface) 84%) !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-copy {
  position: absolute !important;
  inset: auto 0 0 !important;
  z-index: 4 !important;
  display: grid !important;
  width: 100% !important;
  max-height: 68% !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 118px 34px 32px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  color: var(--home-preview-text) !important;
  background: linear-gradient(180deg, transparent, var(--home-preview-surface) 116px) !important;
  scrollbar-color: rgba(255, 255, 255, 0.28) transparent !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-copy h2 {
  max-width: 26ch !important;
  margin: 0 !important;
  color: var(--home-preview-text) !important;
  font-size: clamp(1.65rem, 3.1vw, 2.45rem) !important;
  font-weight: 680 !important;
  letter-spacing: -0.032em !important;
  line-height: 1.06 !important;
  text-wrap: balance !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-copy > p:not(.article-summary-dialog-kicker) {
  max-width: 64ch !important;
  margin: 0 !important;
  color: var(--home-preview-muted) !important;
  font-size: 0.93rem !important;
  line-height: 1.55 !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-close {
  inset: 14px 14px auto auto !important;
  z-index: 8 !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__summary-panel {
  width: min(220px, 68vw) !important;
  min-width: min(220px, 68vw) !important;
  max-width: 220px !important;
  max-height: 190px !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  border-radius: 8px !important;
  background: #111718 !important;
  box-shadow: 0 22px 52px -12px rgba(0, 0, 0, 0.9) !important;
  transform-origin: calc(100% - 14px) 100% !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__summary[open] > .home-netflix-card__summary-panel {
  animation: home-netflix-summary-in 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) both !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__summary-panel .hm-card__summary-shade {
  background: linear-gradient(180deg, rgba(8, 12, 13, 0.48), rgba(8, 12, 13, 0.88)) !important;
}

body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__summary-panel .hm-card__summary-copy {
  max-height: 188px !important;
  padding: 15px 16px 16px !important;
}

html[data-theme="light"] body[data-shell-profile="public-v1"][data-card-system][data-page="home"] :is(.title-preview-dialog, .article-summary-dialog) {
  --home-preview-surface: #ece8df;
  --home-preview-text: #182022;
  --home-preview-muted: rgba(24, 32, 34, 0.75);
  --home-preview-accent: #8a541e;
  --home-preview-line: rgba(24, 32, 34, 0.2);
  color: var(--home-preview-text) !important;
  background: var(--home-preview-surface) !important;
  box-shadow: 0 34px 86px -20px rgba(20, 28, 29, 0.58) !important;
}

html[data-theme="light"] body[data-shell-profile="public-v1"][data-card-system][data-page="home"] :is(.title-preview-surface, .title-preview-copy, .article-summary-dialog-surface, .article-summary-dialog-copy) {
  color: var(--home-preview-text) !important;
}

html[data-theme="light"] body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-media-shade {
  background:
    linear-gradient(180deg, rgba(236, 232, 223, 0.01) 34%, rgba(236, 232, 223, 0.2) 58%, var(--home-preview-surface) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.14), transparent 60%) !important;
}

html[data-theme="light"] body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-shade {
  background: linear-gradient(180deg, rgba(236, 232, 223, 0.01) 24%, rgba(236, 232, 223, 0.26) 50%, var(--home-preview-surface) 84%) !important;
}

html[data-theme="light"] body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-actions .action-secondary {
  color: #182022 !important;
  background: rgba(24, 32, 34, 0.11) !important;
}

html[data-theme="light"] body[data-shell-profile="public-v1"][data-card-system][data-page="home"] :is(.title-preview-actions, .article-summary-dialog-copy) .action-primary {
  color: #f7f5ef !important;
  background: #182022 !important;
}

@media (max-width: 767px) {
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-dialog {
    inset: 0 !important;
    display: none !important;
    width: 100% !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    place-items: center !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-dialog[open] {
    display: grid !important;
    animation: none !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-surface {
    width: 100% !important;
    height: auto !important;
    max-height: calc(100dvh - 20px) !important;
    border: 1px solid var(--home-preview-line) !important;
    border-radius: 8px !important;
    box-shadow: 0 28px 72px -18px rgba(0, 0, 0, 0.9) !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-dialog[open] .title-preview-surface {
    animation: home-netflix-dialog-in 0.34s cubic-bezier(0.2, 0.82, 0.2, 1) both !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-chrome {
    padding: 12px !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-media {
    aspect-ratio: 16 / 8.6 !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-copy {
    margin-block-start: -74px !important;
    padding: 62px 18px calc(23px + var(--safe-bottom)) !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-copy h2 {
    max-width: none !important;
    margin-block-end: 10px !important;
    font-size: clamp(1.65rem, 6.4vw, 2.25rem) !important;
    line-height: 1.06 !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-description {
    display: -webkit-box !important;
    margin-block-end: 13px !important;
    overflow: hidden !important;
    font-size: 0.875rem !important;
    line-height: 1.48 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 5 !important;
    line-clamp: 5 !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-tags {
    margin-block-end: 15px !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-actions .action {
    width: 100% !important;
    min-height: 40px !important;
    padding-inline: 10px !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .title-preview-actions .action:first-child {
    grid-column: 1 / -1 !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog {
    inset: 0 !important;
    width: calc(100% - 20px) !important;
    max-width: none !important;
    height: min(680px, calc(100dvh - 20px)) !important;
    max-height: calc(100dvh - 20px) !important;
    margin: auto !important;
    border: 1px solid var(--home-preview-line) !important;
    border-radius: 8px !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-copy {
    max-height: 72% !important;
    padding: 92px 20px calc(24px + var(--safe-bottom)) !important;
    background: linear-gradient(180deg, transparent, var(--home-preview-surface) 90px) !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-copy h2 {
    font-size: clamp(1.55rem, 6vw, 2.1rem) !important;
  }

  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .article-summary-dialog-copy > p:not(.article-summary-dialog-kicker) {
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
  }
}

@keyframes home-netflix-dialog-in {
  0% { opacity: 0; transform: translateY(22px) scale(0.94); }
  72% { opacity: 1; transform: translateY(-1px) scale(1.004); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes home-netflix-backdrop-in {
  from { background: rgba(3, 6, 7, 0); -webkit-backdrop-filter: blur(0) saturate(1); backdrop-filter: blur(0) saturate(1); }
  to { background: rgba(3, 6, 7, 0.78); -webkit-backdrop-filter: blur(10px) saturate(0.72); backdrop-filter: blur(10px) saturate(0.72); }
}

@keyframes home-netflix-dialog-image-in {
  from { opacity: 0.72; transform: scale(1.045); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes home-netflix-dialog-copy-in {
  from { opacity: 0; transform: translateY(15px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes home-netflix-summary-in {
  from { opacity: 0; transform: translateY(8px) scale(0.94); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes home-netflix-spin {
  to { transform: rotate(1turn); }
}

@media (prefers-reduced-motion: reduce) {
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card,
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card *,
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] :is(.title-preview-dialog, .article-summary-dialog),
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] :is(.title-preview-dialog, .article-summary-dialog) * {
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
    animation: none !important;
  }
}

@media (forced-colors: active) {
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__control {
    border: 1px solid ButtonText !important;
    color: ButtonText !important;
    background: ButtonFace !important;
    forced-color-adjust: auto !important;
  }
}

/* Public experience release V63 — readable discovery and editorial cards. */
@media (min-width: 941px) {
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .home-hero .home-hero-content { width:min(620px, 54vw) !important; max-width:620px !important; }
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .home-hero #hero-title { width:100% !important; max-width:620px !important; font-family:var(--font-ui) !important; font-size:clamp(36px, 3.8vw, 56px) !important; line-height:1.08 !important; letter-spacing:-.035em !important; text-wrap:balance; }
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .home-hero .hero-title-line { max-width:none !important; }
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .home-hero .cinema-hero-description { max-width:520px !important; font-size:17px !important; line-height:1.55 !important; -webkit-line-clamp:3 !important; line-clamp:3 !important; }
}
@media (max-width: 940px) {
  body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .home-hero #hero-title { max-width:100% !important; font-family:var(--font-ui) !important; font-size:clamp(28px, 6vw, 40px) !important; line-height:1.14 !important; letter-spacing:-.03em !important; }
}
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] .sign-in-link { color:var(--text) !important; background:transparent !important; border:1px solid var(--line) !important; box-shadow:none !important; }
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .home-netflix-card__resting-title { font-family:var(--font-ui) !important; font-size:15px !important; line-height:1.38 !important; }
body[data-shell-profile="public-v1"][data-card-system][data-page="home"] [data-home-card-system="netflix-claude"] .hm-card__reading-meta { margin-block-start:8px; color:var(--home-netflix-soft); }

.hm-card__reading-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; color:var(--muted); font-family:var(--font-ui); font-size:12px; line-height:1.5; }
.hm-content-language { display:inline-flex; align-items:center; padding:1px 5px; border:1px solid var(--line); border-radius:3px; font-size:10px; font-weight:650; letter-spacing:.05em; }