@import url('/stories/editorial.css');
/* Section images are crops of worked-example-score-sheet.pdf at 2x; keep them at
   natural size on wide screens and let them shrink, never stretch, on phones. */
.download{display:inline-block;margin:0 0 12px;padding:8px 14px;border:1px solid #d6e98d;border-radius:4px;color:#d6e98d!important;font-size:13px;font-weight:650;text-decoration:none}.download:hover{background:#d6e98d;color:var(--ink)!important}
.sheet-crop{margin:28px 0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:4px;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:flex-start}
.sheet-crop img{display:block;max-width:100%;height:auto}.sheet-crop.wide img{width:100%}.sheet-crop.narrow img{width:302px}
.sheet-crop figcaption{flex-basis:100%;font-size:11px;line-height:1.8;color:var(--muted);margin:0;border-top:1px solid var(--line);padding-top:14px}
.sheet-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:24px 0 28px;font-size:11px;line-height:1.4;font-weight:600}
.sheet-map span{padding:12px 10px;border:1px solid var(--line);background:#fcfbf6;border-radius:3px}
.sheet-map .map-head,.sheet-map .map-foot{grid-column:1/-1;background:var(--ink);color:var(--paper);border-color:var(--ink)}
.sheet-map .map-foot{background:#e9eee0;color:var(--ink);border-color:#d3dccb}
.legend{margin:24px 0;border-top:1px solid var(--line)}.legend>div{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.6}
.legend .code{font-weight:700;font-variant-numeric:tabular-nums;color:var(--coral)}
.chapter p.legend-note{font-size:12px;color:var(--muted)}
@media(max-width:700px){.sheet-crop{padding:14px}.sheet-crop.wide{overflow-x:auto}.sheet-crop.wide img{min-width:540px}.sheet-crop.wide figcaption{position:sticky;left:0;max-width:calc(100vw - 78px)}.sheet-map{grid-template-columns:1fr 1fr}.legend>div{grid-template-columns:56px 1fr;font-size:13px}}