/* A small playable score, using Concerting's own note-bar renderer. */
.library-section .preview-intro{max-width:620px;margin:22px 0 30px;color:#afb6a9;font-size:14px;line-height:1.7}
.music-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.music-preview-grid .excerpt-card{display:flex;flex-direction:column;min-width:0;background:#121b19;border:1px solid #41483b;border-radius:3px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.music-preview-grid .excerpt-card[hidden]{display:none}
.music-preview-grid .excerpt-card.is-playing{border-color:#d5b372;box-shadow:0 0 0 1px #d5b37233}
.excerpt-heading{display:flex;justify-content:space-between;gap:16px;min-height:145px;padding:27px 28px 24px;align-items:flex-start}
.excerpt-heading .eyebrow{color:#d3b479;font-size:10px;letter-spacing:.17em;margin:0 0 9px}
.excerpt-heading h3{font-family:'Instrument Serif',serif;font-size:36px;line-height:1.05;color:#ece5d2;font-weight:400;margin:0 0 10px}
.excerpt-detail{margin:0;color:#a9b2a5;font-size:12px;line-height:1.5}
.excerpt-number{font-family:'Instrument Serif',serif;color:#727c67;font-size:28px}
.excerpt-score{position:relative;background:#151d20;border-block:1px solid #323e39}
.excerpt-part{margin:0;padding:15px 20px 0;color:#b4c0b7;font-size:11px;letter-spacing:.025em}
.excerpt-score canvas{display:block;width:100%;height:166px}
.excerpt-controls{display:flex;align-items:center;gap:14px;padding:20px 25px 10px;min-height:80px}
.excerpt-play{display:inline-flex;align-items:center;gap:12px;color:#e8ddbd;background:none;border:0;padding:0;min-height:44px;cursor:pointer;white-space:nowrap;font:500 13px 'DM Sans',sans-serif}
.excerpt-play-icon{display:grid;place-items:center;border:1px solid #9c895c;border-radius:50%;width:42px;height:42px;color:#e2bd78;transition:background .15s}
.excerpt-play:hover .excerpt-play-icon{background:#e2bd78;color:#14201c}
.excerpt-play-icon svg{width:18px;height:18px;display:block}
.excerpt-play-icon .excerpt-pause-icon{display:none}
.is-playing .excerpt-play-icon>svg:first-child{display:none}
.is-playing .excerpt-play-icon .excerpt-pause-icon{display:block}
.excerpt-play[aria-busy=true] .excerpt-play-icon{opacity:.6}
.excerpt-length{font-size:10px;color:#aab2a3;margin-inline-start:auto}
.excerpt-time{color:#d3d6c7;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.excerpt-seek{display:block;direction:ltr;--progress:0%;width:calc(100% - 50px);height:26px;margin:0 25px 14px;cursor:pointer;appearance:none;background:transparent;accent-color:#ddbd7f}
.excerpt-seek::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#ddbd7f 0 var(--progress),#3c483d var(--progress) 100%);border-radius:2px}
.excerpt-seek::-moz-range-track{height:3px;background:#3c483d}
.excerpt-seek::-moz-range-progress{height:3px;background:#ddbd7f}
.excerpt-seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;margin-top:-4.5px;background:#ddbd7f;border:0}
.excerpt-seek::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#ddbd7f;border:0}
.excerpt-status{font-size:12px;line-height:1.5;color:#edc28e;margin:0 25px 16px}
.excerpt-status:empty{display:none}
.excerpt-play:focus-visible,.excerpt-seek:focus-visible{outline:2px solid #ebc47f;outline-offset:5px;border-radius:3px}
@media(min-width:1200px){.excerpt-heading{min-height:148px}.excerpt-score canvas{height:174px}}
@media(max-width:850px){.music-preview-grid{grid-template-columns:1fr;gap:22px}.excerpt-heading{min-height:0}.excerpt-score canvas{height:174px}}
@media(max-width:500px){.excerpt-heading{padding:22px 20px 20px}.excerpt-heading h3{font-size:32px}.excerpt-controls{padding:16px 18px 8px;gap:8px;flex-wrap:wrap}.excerpt-play{gap:9px;font-size:12px}.excerpt-length{font-size:9px}.excerpt-time{font-size:10px}.excerpt-play-icon{width:38px;height:38px}.excerpt-seek{width:calc(100% - 36px);margin-inline:18px}.excerpt-score canvas{height:160px}.excerpt-part{padding-inline:16px;font-size:10px}.library-section .preview-intro{font-size:13px}.excerpt-status{margin-inline:18px}}
@media(prefers-reduced-motion:reduce){.excerpt-card,.excerpt-play-icon{transition:none}}