/* Direct genre navigation and comfortable reference-card spacing. */
.material-genre-shortcuts{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 18px;scroll-margin-top:116px}.material-genre-shortcuts[hidden]{display:none}.material-site .material-genre-shortcuts button{min-height:44px;margin:0;padding:9px 15px;line-height:1.5}.material-site .material-genre-shortcuts button[aria-pressed="true"]{background:var(--cl-primary);color:#fff;font-weight:700}
.material-site .material-result-card.material-reference-result{display:flex;flex-direction:column;align-items:flex-start;padding:22px 24px;gap:12px;overflow:visible}.material-site .material-reference-result h2{margin:0;font-size:20px;line-height:1.5}.material-site .material-reference-result p{margin:0;line-height:1.85}.material-site .material-reference-result button{margin:2px 0 0;min-height:44px;padding:10px 14px;white-space:normal;text-align:left;line-height:1.6}.material-site .material-card-grid:has(.material-reference-result){gap:16px}
@media(max-width:620px){.material-genre-shortcuts{gap:8px;scroll-margin-top:150px}.material-site .material-genre-shortcuts button{padding:8px 12px}.material-site .material-result-card.material-reference-result{padding:20px;gap:12px}.material-site .material-reference-result h2{font-size:18px}}

.material-site #material-genre-shortcuts{height:auto;min-height:0;max-height:none;overflow:visible;align-items:center;align-content:start;overscroll-behavior:auto;scrollbar-gutter:auto}.material-site #material-genre-shortcuts button{flex:0 1 auto}