.genre-page{max-width:1240px;margin-inline:auto}.genre-back{min-height:44px;color:var(--hb-color-text-secondary);align-items:center;display:inline-flex}.genre-page-heading{align-items:center;gap:24px;margin:20px 0 24px;display:flex}.genre-page-heading img{border:1px solid var(--hb-color-border-default);border-radius:2px;flex:none;width:112px;height:112px}.genre-page-heading h1{margin:4px 0 10px}.genre-page-heading p{max-width:650px;color:var(--hb-color-text-secondary);margin:0;line-height:1.6}.genre-page-heading .genre-kicker{font:700 13px var(--hb-font-interface);letter-spacing:.12em;text-transform:uppercase;color:var(--hb-color-action-accent)}.genre-result-note{color:var(--hb-color-text-muted);margin-bottom:24px;font-size:14px;line-height:1.5}.genre-empty{max-width:720px;margin:24px 0}.genre-empty p{max-width:620px}.genre-page-actions{flex-wrap:wrap;align-items:center;gap:24px;margin:24px 0;display:flex}.genre-page-actions a{align-items:center;min-height:44px;display:inline-flex}@media (max-width:599px){.genre-page-heading{align-items:flex-start;gap:16px}.genre-page-heading img{width:80px;height:80px}.genre-page-heading h1{font-size:30px}.genre-page-heading p{font-size:14px}.genre-page-actions{gap:16px}}.genre-all-matches{clear:both;border:1px solid var(--hb-color-border-default);background:var(--hb-color-surface-panel);border-radius:var(--hb-radius-panel);margin:32px 0;padding:18px 20px}.genre-all-matches a{min-height:44px;color:var(--hb-color-text-primary);text-underline-offset:4px;justify-content:space-between;align-items:center;gap:16px;font-weight:600;display:flex}.genre-all-matches a:focus-visible{outline:2px solid var(--hb-color-border-focus);outline-offset:4px}