@import url('brand/open-sans.css');
:root{--paper:#fff;--ink:#161616;--muted:#666;--green:#161616;--lime:#fce6e6;--line:#d9d9d9;--red:#e84747;font-family:'Open Sans',Arial,sans-serif;color:var(--ink);background:#fff}
body{font-family:'Open Sans',Arial,sans-serif;background:#fff;color:#161616;line-height:1.6}button,input,select,textarea,.unified-nav a{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:400;letter-spacing:-.02em}h1 em{font-style:normal;color:inherit}button,.button,input,select,textarea,.stage,.playstage,.keytag,.reading-tools,.song-choice,.library-item,.strum-step,.read-measure{border-radius:0}button,.button{color:#161616;border-color:#d9d9d9}button:hover,.button:hover{background:#f3f3f3}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #e84747;outline-offset:3px}input[type=range],input[type=checkbox],meter{accent-color:#e84747}a{color:#161616;text-underline-offset:4px}a:hover{text-decoration-color:#e84747}.cs-red,.red,.dot{color:#e84747!important}
body>header,body>.sitehead{max-width:1360px;margin:0 auto;padding:28px 24px;min-height:100px;border-bottom:1px solid var(--line)}a.brand.cs-brand{padding:0;display:flex;gap:17px;align-items:center;font-weight:400;letter-spacing:.015em;font-size:24px;line-height:1.08;color:#161616;text-decoration:none}a.cs-brand img{display:block;width:48px;height:52px;object-fit:contain}a.cs-brand .cs-wordmark{position:static;font-size:inherit;font-weight:400}.cs-wordmark .cs-red{display:inline}.workshop{font-size:12px;text-transform:uppercase;font-weight:500}.cs-skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:100}.cs-skip:focus{top:10px}
.cs-hero{max-width:1360px;margin:auto;padding:48px 24px 45px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.cs-hero h1{font-size:clamp(44px,6vw,82px);line-height:1;letter-spacing:-.025em;margin:0}.cs-hero>p{text-align:right;font-size:18px;line-height:1.65}.cs-hero small{display:block;color:#666;font-size:12px;margin-top:14px}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:500;color:#666}
.unified-nav{display:flex;flex-wrap:nowrap;overflow:auto;max-width:1312px;margin:0 auto;border-bottom:2px solid #161616;padding:0;gap:0}.unified-nav a{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;border:0;border-radius:0;background:white;color:#161616;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.035em;min-height:58px;padding:16px 17px}.unified-nav a span{color:#777;font-size:10px}.unified-nav a[aria-current=page]{background:#161616;border-color:#161616;color:#fff}.unified-nav a[aria-current=page] span{color:#ff9393}.unified-nav a:hover{background:#f1f1f1;color:#161616}.cs-collection{max-width:1312px;margin:0 auto 32px;padding:20px 0;border-bottom:1px solid var(--line);display:flex;align-items:end;gap:20px;flex-wrap:wrap}.cs-collection label{font-size:10px;font-weight:500;letter-spacing:.08em;flex:1;min-width:240px;max-width:460px}.cs-collection select{letter-spacing:0;font-size:16px;font-weight:500}.cs-collection a{font-size:12px;min-height:44px;display:flex;align-items:center}.cs-collection>span{font-size:11px;color:#666;margin-right:auto;align-self:center}
.view-tabs [aria-pressed=true],.tabs button.selected,.song-choice[aria-current=true],.library-item.selected,.primary,.play{background:#161616;color:white;border-color:#161616}.song-choice[aria-current=true]{border-left:4px solid #e84747}.view-tabs button{font-weight:500}.stage,.playstage,.strumming,.pulsepanel,.transport,.reading-tools,.scoreviewport,.syllables,.ready{background:#fff}.strumming,.reading-tools,.pulsepanel{background:#f5f5f5}.transport{background:#fffffff5;border-top:2px solid #161616;box-shadow:none}.transport .primary,.transport .play{background:#161616;color:#fff}.transport .primary:hover,.transport .play:hover{background:#333}.strum-step.active,.rhythm .on,.chordtile.active{background:#161616;color:white;border-color:#161616;box-shadow:none}.strum-step.active small,.strum-step.active strong{color:white}.rhythm .on b{color:#fff}.strum-step small,.strum-legend,.strum-step.silent strong,.rhythm .up b{color:#666}.read-measure.active,.lyricline.active{background:#f7eeee;border-left-color:#e84747}.current-syllable{background:#fce6e6;text-decoration-color:#e84747}.barprogress span,.progress span{background:#e84747}.barprogress,.progress{background:#eee}.songmeta #favorite{color:#161616}.stage svg [fill="#185953"],.playstage svg [fill="#185953"],#songgrips svg [fill="#185953"]{fill:#161616}.stage svg [stroke="#185953"],.playstage svg [stroke="#185953"]{stroke:#161616}#notemarker{fill:#e84747}.stage svg text,.playstage svg text{fill:#555}.stage svg path,.playstage svg path{stroke:#999}.stage #score text{fill:inherit}#scoreview{background:#f3f3f3}.downloadcard{background:#f5f5f5;border-color:#d9d9d9}.work-layout{padding-top:12px}.work-main .pagehead h2{font-size:clamp(28px,3.3vw,44px)}.song-library h2{font-size:26px;margin:0 0 20px}.song-library{padding-top:12px}.song-choice{border-bottom:1px solid #eee}.focused .cs-hero,.focused .cs-collection{display:none}.focused .cs-brand img{width:36px;height:39px}.focused>header{min-height:70px;padding-top:12px;padding-bottom:12px}.focused .cs-brand{font-size:20px}.resourceactions,.tools{gap:12px}input,select,textarea{max-width:100%}textarea{font-family:inherit}footer{border-top:1px solid #161616}
@media(max-width:1360px){.unified-nav,.cs-collection{margin-left:24px;margin-right:24px}}
@media(max-width:750px){body>header,body>.sitehead{padding:20px 16px;margin:0;min-height:88px}.cs-hero{padding:30px 16px;align-items:start;gap:20px}.cs-hero h1{font-size:clamp(38px,9vw,62px)}.cs-hero>p{font-size:13px;text-align:left}.cs-hero small{display:none}.cs-hero .eyebrow{font-size:9px}a.brand.cs-brand{font-size:20px;gap:12px}a.cs-brand img{width:40px;height:44px}.unified-nav{margin:0 16px;display:flex}.unified-nav a{min-height:52px;padding:12px;font-size:11px}.cs-collection{margin:0 16px 20px;padding:16px 0;gap:8px 20px}.cs-collection label{max-width:none;flex-basis:100%}.cs-collection>span{flex-basis:100%}.cs-collection a{font-size:12px}.song-library h2{display:none}.workshop{max-width:110px;text-align:right;font-size:10px}.work-layout{padding-top:0}.library-open .song-library{background:#f5f5f5;border-radius:0}.view-tabs{display:grid;grid-template-columns:1fr 1fr}.cs-hero{flex-wrap:wrap}.cs-hero>p{margin:0}.tabs{overflow:auto;justify-content:flex-start}.tabs button{flex-shrink:0}.transport button{min-height:44px}.formgrid{min-width:0}.formgrid>*{min-width:0}}
@media print{@page{size:A4;margin:16mm}body{background:#fff;color:#000;font:12pt/1.5 'Open Sans',Arial,sans-serif;padding:0}.cs-hero,.cs-collection,.cs-skip,.unified-nav,.view-tabs,body>header,.song-library,.transport,.reading-tools,.stage,.downloadcard,.resources,.new-songs,.chord-vocabulary,.practice,.settings,.songpicker,footer{display:none!important}.work-layout{display:block;padding:0;margin:0}.work-main{padding:0}.work-main .pagehead{display:block!important}.work-main .pagehead h2{font-size:23pt}.work-main #print-reader[hidden],.work-main #print-reader{display:block!important}#print-reader>.rowhead{display:none}#fulllyrics .read-measure{break-inside:avoid;background:none;border:0;padding:2mm 0;grid-template-columns:18mm 1fr}#fulllyrics .read-measure p{font-size:12pt;line-height:1.5}#fulllyrics .read-measure button{color:#000}#fulllyrics .current-syllable{background:none;text-decoration:none}.lyricsection{break-inside:auto}.cs-red{color:#000!important}}
@media print{#print-reader .read-measure.outside{opacity:1}#print-reader .read-measure button small{color:#555}}

/* Shared voice, arrangement and capo layout. */
.voice-panel,.strumming{border:1px solid #ccc;background:#fff;border-radius:0;padding:24px;margin:20px 0;min-width:0}.voice-panel h2{font-size:24px;margin:8px 0 16px}.voice-panel p{line-height:1.65;max-width:78ch}.voice-panel summary{font-weight:500;cursor:pointer;font-size:16px}.voice-panel label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;margin:14px 0;min-width:0}.voice-panel input,.voice-panel select{font:inherit;font-size:16px;width:100%;min-height:44px;box-sizing:border-box}.voice-panel audio{width:100%;margin:12px 0}.voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.voice-summary{font-size:13px;font-weight:600;border-left:3px solid #e84747;padding:8px 12px}.capo-chords{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:16px}.capo-chords>div{border-top:1px solid #ccc;padding-top:16px;font-size:13px}.capo-chords small{display:block}.capo-chords svg{width:120px;height:160px}.strum-step.on{outline:2px solid #e84747;outline-offset:-2px}.unified-nav{overflow-x:auto}.unified-nav a{flex-shrink:0}.view-tabs{flex-wrap:wrap}.voice-panel .filebox{overflow-wrap:anywhere}#voice-filename,#voice-status,#own-capo{overflow-wrap:anywhere}svg text{font-family:'Open Sans',Arial,sans-serif}svg [fill="#185953"]{fill:#161616}svg [stroke="#185953"]{stroke:#161616}svg [fill="#52685b"]{fill:#555}svg [stroke="#b9c4b4"],svg [stroke="#8b9b8b"]{stroke:#aaa}
@media(max-width:750px){.voice-panel,.strumming{padding:16px}.voice-grid{grid-template-columns:1fr}.voice-panel h2{font-size:22px}.view-tabs button:last-child{grid-column:1/-1}.voice-panel .resourceactions>*{width:100%}.capo-chords{grid-template-columns:repeat(2,minmax(0,1fr))}input,select,textarea{font-size:16px}.strum-controls{flex-wrap:wrap}.strum-controls>*{min-width:0;flex:1 1 180px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.voice-panel,.voice-summary,.strumming{display:none!important}#fulllyrics .read-line{break-inside:avoid}#fulllyrics .read-line>p,#fulllyrics .read-chords strong{font-size:12pt!important}.current-syllable{background:none!important}.read-measure{opacity:1!important}}

body[data-view=voice][data-voice-mode=recording] .reading-tools .mix{display:none}body[data-view=voice][data-voice-mode=recording] .recording-note{display:block!important}

.voice-panel input,.voice-panel select{border-radius:0}

.song-library .favorite-filter input[type=checkbox]{width:20px;min-width:20px;flex:0 0 20px;margin:0}.song-library .favorite-filter{justify-content:flex-start;overflow-wrap:normal}

/* Titles stay regular in every view, including inherited component and print styles. */
body :is(h1,h2,h3,h4,h5,h6),body :is(h1,h2,h3,h4,h5,h6) :is(strong,b,em),body summary,body .voice-panel summary,body details.practice>summary,body #fulllyrics h3{font-family:'Open Sans',Arial,sans-serif;font-weight:400!important;font-synthesis:none}body .song-choice,body .song-choice strong,body .library-item strong{font-weight:400}.kits-guide{margin:18px 0;border-top:1px solid #ddd}.kits-guide ol{padding-left:22px}.kits-guide li{margin:10px 0;font-size:14px;line-height:1.65}
