.navbar-links a[aria-current="page"] { color: #fff; background: rgba(229,9,20,.16); box-shadow: inset 0 -2px #e50914; }
a.card-poster { display: block; }
a.card-poster:focus-visible, .featured-card:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.home .container { padding-top: 24px; }
.home .hero { margin-bottom: 22px; }
.home .hero-logo { width: 72px; margin-bottom: 8px; }
.home .hero h1 { font-size: clamp(1.65rem, 4vw, 2.2rem); margin-bottom: 8px; }
.home .hero p { font-size: 1rem; }
.home .search-box { margin-bottom: 24px; }
.home .info-section { margin-top: 32px; padding: 24px; }
.featured-section { margin: 16px 0 32px; }
.featured-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 14px; }
.featured-heading h2 { font-size: 1.3rem; }
.featured-heading a { color: #fff; text-underline-offset: 4px; padding: 8px 0; }
.featured-section p { color: #b5bbc6; margin-bottom: 14px; }
.featured-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 16px; }
.featured-card { color: #fff; text-decoration: none; min-width: 0; }
.featured-card img { display: block; width: 100%; aspect-ratio: 2 / 3; object-fit: cover; border-radius: 12px; background: #15161d; }
.featured-card strong { display: block; margin-top: 8px; font-size: .9rem; }
.featured-card span { color: #b5bbc6; font-size: .8rem; }
.availability-load { background: transparent; border: 1px solid #666; color: #fff; border-radius: 8px; padding: 10px 14px; cursor: pointer; font: inherit; }
@media(max-width: 700px) { .featured-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; } }
@media(max-width: 400px) { .featured-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }