.genre-guide{--genre-ink:#282721;--genre-muted:#655f55;--genre-line:#d8cfc0;--genre-paper:#f6f0e6;--genre-accent:#6f4655;color:var(--genre-ink)}
.genre-guide article{max-width:980px;margin:auto}.genre-intro{font-size:1.12rem;line-height:1.75;margin-bottom:2.8rem}.genre-section{margin-bottom:3.8rem}.genre-section p{line-height:1.75}.genre-section>h2{padding-bottom:.45rem}.genre-card-stack{display:grid;gap:2rem}.genre-card{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);gap:1.6rem;border:1px solid var(--genre-line);background:#fff;padding:1.1rem}.genre-card:nth-child(even) .genre-artwork{order:2}.genre-card__copy{align-self:center}.genre-card__copy h3{margin-top:0}.genre-artwork{margin:0}.genre-artwork__image{display:flex;align-items:center;justify-content:center;min-height:310px;background:#efede8}.genre-artwork img{display:block;width:100%;height:420px;object-fit:contain}.genre-artwork figcaption{margin-top:.65rem;color:var(--genre-muted);font-size:.84rem;line-height:1.5}.genre-references li{margin-bottom:.75rem;overflow-wrap:anywhere}.genre-guide a:focus-visible{outline:3px solid #006f83!important;outline-offset:3px!important}@media(max-width:767px){.genre-card{grid-template-columns:1fr}.genre-card:nth-child(even) .genre-artwork{order:0}.genre-artwork__image{min-height:220px}.genre-artwork img{height:auto;max-height:480px}.genre-intro{font-size:1.04rem}}