.view { display: none; }
.view.active { display: block; }
.view-heading { padding: 8px 2px 4px; }
.view-heading p { margin: 0 0 5px; color: var(--gold); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
.view-heading h1 { font: 700 32px/1.1 Georgia, serif; margin: 0 0 6px; }
.view-heading span { color: var(--muted); font-size: 13px; }
.detail-grid { margin-top: 18px; }
.featured-reel { margin-top: 18px; }
.reel-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 12px; align-items: center; margin-top: 18px; padding: 14px; border-radius: 16px; background: var(--paper); }
.reel-card > div:nth-child(2) { display: grid; gap: 5px; min-width: 0; }
.reel-card strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; }
.reel-card small { color: var(--muted); }
.reel-card > b { grid-column: 2; color: var(--wine); font-size: 12px; }
.reel-icon { grid-row: 1 / 3; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(135deg, var(--wine), var(--gold)); color: white; }