#tt {
    width: 360px;
    max-width: 360px;
    font-size: 14px;
}

#tt .incipitBlock {
    margin-top: 10px;
}

#tt .incipitTitle {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #cbd5e1;
    margin-bottom: 4px;
}

#tt .incipitRender {
    background: #fff;
    border-radius: 8px;
    padding: 10px 12px;
    overflow: visible;
    width: 100%;
    min-height: 92px;
    box-sizing: border-box;
}

#tt .incipitRender svg {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    overflow: visible;
    transform: none !important;
}

#tt .incipitRender svg text {
    fill: #111 !important;
    opacity: 1 !important;
}

/* Main notation elements */
#tt .incipitRender svg .abcjs-note,
#tt .incipitRender svg .abcjs-note path,
#tt .incipitRender svg .abcjs-stem,
#tt .incipitRender svg .abcjs-stem path,
#tt .incipitRender svg .abcjs-beam,
#tt .incipitRender svg .abcjs-beam path,
#tt .incipitRender svg .abcjs-bar,
#tt .incipitRender svg .abcjs-bar path,
#tt .incipitRender svg .abcjs-ledger,
#tt .incipitRender svg .abcjs-ledger path,
#tt .incipitRender svg .abcjs-staff,
#tt .incipitRender svg .abcjs-staff path,
#tt .incipitRender svg .abcjs-clef,
#tt .incipitRender svg .abcjs-clef path,
#tt .incipitRender svg .abcjs-key-signature,
#tt .incipitRender svg .abcjs-key-signature path,
#tt .incipitRender svg .abcjs-time-signature,
#tt .incipitRender svg .abcjs-time-signature path,
#tt .incipitRender svg .abcjs-rest,
#tt .incipitRender svg .abcjs-rest path,
#tt .incipitRender svg .abcjs-slur,
#tt .incipitRender svg .abcjs-slur path,
#tt .incipitRender svg .abcjs-tie,
#tt .incipitRender svg .abcjs-tie path {
    stroke: #111 !important;
    fill: #111 !important;
    opacity: 1 !important;
}

/* Keep staff lines clearly visible */
#tt .incipitRender svg .abcjs-staff path,
#tt .incipitRender svg .abcjs-bar path,
#tt .incipitRender svg .abcjs-ledger path,
#tt .incipitRender svg .abcjs-stem path,
#tt .incipitRender svg .abcjs-beam path {
    stroke-width: 1.1px !important;
}

/* Some abcjs builds use plain lines/polygons instead of paths */
#tt .incipitRender svg line,
#tt .incipitRender svg polyline,
#tt .incipitRender svg polygon {
    stroke: #111 !important;
    fill: #111 !important;
    opacity: 1 !important;
}

/* Reset any abcjs container spacing */
#tt .incipitRender .abcjs-container {
    margin: 0;
    padding: 0;
}

/* Fallback if rendering fails */
#tt .incipitFallback {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    line-height: 1.35;
    color: #111;
    white-space: normal;
    word-break: break-word;
}