.composition-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;max-width:62em;margin:0;padding:0;list-style:none}
.composition-list li{display:flex;align-items:baseline;gap:14px;min-width:0;padding:16px 0;border-bottom:1px solid var(--rule);font-family:var(--sans)}
.composition-number{flex:none;width:34px;color:var(--amber);font-size:24px;font-weight:800;font-stretch:75%;font-variant-numeric:tabular-nums}
.composition-title{flex:1;font-size:18px;font-weight:700;line-height:1.3}
.composition-title a{color:inherit;text-decoration-color:var(--amber);text-underline-offset:3px}
.composition-title a small{display:block;margin-top:3px;font-size:13px;font-weight:700;color:var(--muted)}
.composition-page{flex:none;color:var(--muted);font-size:14px;font-weight:600;white-space:nowrap}
@media(max-width:700px){.composition-list{grid-template-columns:1fr}}