/* The pickup has its own narrow column; every full bar keeps its column below. */
#score.with-pickup { grid-template-columns: minmax(var(--pickup-min-width, 68px), var(--pickup-weight)) repeat(var(--effective-columns, 4), minmax(0, 1fr)) !important; }
#score .pickup-measure .barline-start { display: none; }
#score .pickup-measure .measure-number { display: none; }
#score .navigation-lane { position: absolute; left: 0; right: 0; bottom: 5px; display: flex; justify-content: flex-end; gap: 5px; pointer-events: none; z-index: 3; }
#score .navigation-start { position: absolute; left: -4px; bottom: 0; transform: translateX(-75%); }
#score .navigation-mark { display: inline-flex; align-items: center; justify-content: center; padding: 3px 10px 5px; background: #ffe16a; color: #b72e4b; border: 1px solid #e5c55d; border-radius: 10px 13px 10px 12px; font: 750 15px/1.35 Playpen, sans-serif; white-space: nowrap; }
#score .navigation-mark[data-navigation="segno"] { padding: 2px 8px; }

.form-help { margin: 10px 0 14px; color: #71816d; font-size: 10px; line-height: 1.8; }
.form-help summary { cursor: pointer; font-weight: 600; }
.form-help p { margin: 7px 0; }
.form-help code { color: #4f6958; background: #eef2ec; border-radius: 4px; padding: 1px 4px; }
@media (max-width: 650px) {
 #score .navigation-mark { font-size: 11px; padding: 4px 6px; }

}
@media print {

 #score .navigation-mark { font-size: 11px; padding: 2px 7px 3px; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}

.segno-glyph { width: 22px; height: 25px; flex: none; }
.form-help .segno-glyph { width: 15px; height: 21px; }

#score .barline.section-double { display: block; width: 12px; background: none; border-left: 4px solid #4e5352; border-right: 4px solid #4e5352; }
#score .barline-start.section-double { left: calc(-1 * var(--measure-gutter) - 6px); }
#score .barline-end.section-double { right: calc(-1 * var(--measure-gutter) - 6px); }
#score .barline.boundary-suppressed { display: none; }
#score .has-navigation-start .measure-number { display: none; }
#score .has-navigation-start .form-mark { bottom: calc(100% + 40px); }
#score .navigation-mark[data-navigation="coda"] { gap: 4px; padding: 3px 8px; }
#score .navigation-mark[data-navigation="to-coda"] { gap: 4px; }
.coda-glyph { width: 22px; height: 22px; flex: none; }