:root { --chord-color: rgb(136, 2, 2); --bar-color: rgb(95, 4, 4); --text-color: #000; --comment-color: rgb(53, 52, 52); }
.chord-container { width: 100%; padding: .5em .75em; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 1rem; line-height: 1.25; color: var(--text-color); text-align: left; }
#rendtarg { -ms-overflow-style: none; scrollbar-width: none; }
#rendtarg::-webkit-scrollbar { display: none; }
.chord-container .emptyline { height: .35em; }
.chord-container .section, .chord-container .block { break-inside: auto; page-break-inside: auto; margin-bottom: .75em; }
.chord-container .chordline { display: block; line-height: 1.25; }
.chord-container .chord-block { display: inline-flex; flex-direction: column; justify-content: flex-start; vertical-align: bottom; line-height: 1.25; }
.chord-container .keep-together { display: inline-flex; flex-direction: row; align-items: stretch; white-space: nowrap; vertical-align: bottom; }
.chord-container .chord { white-space: nowrap; font-weight: 900; font-size: .875em; min-height: 1.2em; color: var(--chord-color); line-height: 1.2; padding-right: .3em; }
.chord-container.hide-chords .chord { display: none; padding-right: 0; }
.chord-container.hide-chords .inline-block, .chord-container.hide-chords .inline { display: none; }
.chord-container .lyric, .chord-container .textonly { white-space: pre-wrap; line-height: 1.2; color: var(--text-color); margin: 0; }
.chord-container .inline { display: block; font-size: .875em; font-weight: 700; color: var(--chord-color); white-space: pre-wrap; margin: 0 0 .4em; }
.chord-container .inline:last-child { margin-bottom: 0; }
.chord-container .c, .chord-container .comment { display: block; color: var(--comment-color); font-style: italic; font-weight: 500; margin-bottom: .4em; }
.chord-container .comment-block { display: block; margin: .9em 0; }
.chord-container .inline-block { display: block; margin: .9em 0; }
/* Linhas {inline:} seguidas comportam-se como linhas normais: sem o
   espaçamento de bloco entre elas, só um pequeno respiro de leitura.
   NOTA: usa-se margin-top negativa no 2.º bloco (-.8em) em vez de :has(),
   porque o colapso de margens soma (.9 + -.8 = .1em) e funciona em todos
   os browsers — o :has() falhava nos browsers sem suporte, mantendo .9em. */
.chord-container .inline-block + .inline-block { margin-top: -.8em; }
.chord-container .comment-block .comment, .chord-container .comment-block .c { margin-bottom: .6em; }
.chord-container .inline-block .inline { margin: 0; }
.chord-container .BlkText { display: block; color: var(--text-color); font-weight: 700; text-decoration: underline; break-after: avoid-column; }
.chord-container .title, .chord-container .t { display: block; font-weight: bold; margin-bottom: .2em; font-size: 1.1em; line-height: 1.3; }
.chord-container .subtitle, .chord-container .st { display: block; font-size: .9em; font-weight: bold; font-style: italic; white-space: pre-wrap; margin: .25em 0 .75em; line-height: 1.3; break-after: avoid-column; }
.chord-container .soc, .chord-container .start_of_chorus { display: block; border-left: 4px solid var(--bar-color); padding: .25em 0 .25em .5em; margin: .75em 0; }
.chord-container .sop, .chord-container .start_of_part, .chord-container .sov, .start_of_verse, .chord-container .sob, .start_of_bridge { display: block; padding: .25em 0; margin: .75em 0; }