.ss{display:grid;gap:2rem;padding-block:1.5rem var(--section)}@media(min-width:64rem){.ss{grid-template-columns:minmax(0,24rem) minmax(0,1fr);align-items:start}.ss-edit{position:sticky;top:calc(var(--header-h) + 1rem);max-height:calc(100vh - var(--header-h) - 2rem);overflow-y:auto}}.ss-edit{display:grid;gap:1rem;align-content:start}.ss-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ss-fields .field:first-child{grid-column:1 / -1}.ss-found{margin:.25rem 0 0;padding:0;list-style:none}.ss-found button{display:grid;width:100%;min-height:2.75rem;padding:.375rem .75rem;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer;font:500 1rem/1.3 var(--font-serif);color:var(--ink)}.ss-found button:hover{background:var(--stone-50)}.ss-songs{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.ss-song{padding:.75rem .875rem;border-radius:var(--radius);background:var(--stone-0);box-shadow:0 0 0 1px var(--stone-200)}.ss-song-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ss-song-t{font:500 1.125rem/1.25 var(--font-serif);color:var(--ink)}.ss-song-btns{display:flex;flex:none}.ss-song-btns button{width:2.75rem;height:2.75rem;border:0;border-radius:10px;background:transparent;color:var(--ink-3);font-size:1.125rem;cursor:pointer}.ss-song-btns button:hover:not(:disabled){background:var(--stone-50);color:var(--ink)}.ss-song-btns button:disabled{opacity:.35;cursor:default}.ss-verses{display:flex;flex-wrap:wrap;gap:.25rem;margin:.375rem 0 0;padding:0;border:0;font:600 .8125rem/1 var(--font-sans);color:var(--ink-3)}.ss-verses legend{float:left;margin-right:.5rem;padding-top:.75rem}.ss-verses label{display:inline-flex;align-items:center;gap:.25rem;min-height:2.5rem;padding:0 .5rem;color:var(--ink-2);cursor:pointer}.ss-verses input{accent-color:var(--ruby)}.ss-print{display:grid;gap:.375rem}.ss-preview{min-width:0;overflow-x:auto}.ss-sheets{display:grid;gap:1.5rem;justify-items:start}.ss-label{margin:0 0 .375rem;font:650 .8125rem/1 var(--font-sans);color:var(--ink-3)}.ss-side{display:flex;width:11in;height:8.5in;background:#fff;box-shadow:var(--shadow-2);zoom:.52}@media(min-width:90rem){.ss-side{zoom:.62}}@media(max-width:40rem){.ss-side{zoom:.3}}.ss-page{position:relative;box-sizing:border-box;width:5.5in;height:8.5in;padding:.5in .55in .6in;overflow:hidden;font-family:var(--font-serif);font-size:var(--ss-size, 11pt);line-height:1.38;color:#111}.ss-side .ss-page+.ss-page{border-left:1px dashed #d9dde3}.ss-measure{position:absolute;left:-20000px;top:0;visibility:hidden}.ss-block{break-inside:avoid;margin-bottom:.9em}.ss-block h3{margin:0;font:600 1.25em/1.2 var(--font-serif);color:#111}.ss-by{margin:.15em 0 0;font:500 .75em/1.3 var(--font-sans);color:#555}.ss-stanza{position:relative;margin:0;padding-left:1.4em}.ss-vn{position:absolute;left:0;font-weight:600;color:var(--ruby)}.ss-refrain{margin:.5em 0 0;padding-left:2.4em;font-style:italic}.ss-pn{position:absolute;bottom:.3in;left:0;right:0;text-align:center;font:500 9pt/1 var(--font-sans);color:#777}.ss-cover{display:grid;align-content:center;gap:.6em;height:100%;text-align:center}.ss-cover-art{width:100%;height:1.8in;object-fit:cover;margin-bottom:.18in}.ss-cover h2{margin:0;font:400 2.4em/1.05 var(--font-serif);color:#111;text-wrap:balance}.ss-church{margin:0;font:650 .85em/1.2 var(--font-sans);color:var(--ruby-deep)}.ss-date{margin:0;font:500 .95em/1.3 var(--font-sans);color:#444}.ss-toc{margin:1.5em auto 0;padding:0;list-style-position:inside;font-size:.95em;line-height:1.7}.ss-backpage{display:grid;align-content:end;height:100%;font:450 8.5pt/1.5 var(--font-sans);color:#666;text-align:center}.ss-backpage p{margin:.25em 0}@media print{@page{size:letter landscape;margin:0}.ss-body>:not(main),.ss-body main>:not(.ss),.ss-edit,.ss-label,.ss-measure,.cp-toasts{display:none!important}.ss,.ss-preview,.ss-sheets{display:block;padding:0;margin:0;overflow:visible}.ss-side{zoom:1;box-shadow:none;break-after:page}.ss-side .ss-page+.ss-page{border-left:0}}.ss-cover:has(.ss-toc li:nth-child(6)) .ss-cover-art{height:1in}.ss-cover:has(.ss-toc li:nth-child(6)) .ss-toc{margin-top:.6em}
