.language-guide{margin-bottom:20px;border:1px solid var(--line);border-radius:8px;background:#fffefa;overflow:hidden}
.language-guide>summary{padding:18px 20px;cursor:pointer;font-size:14px;font-weight:600;list-style-position:inside}.language-guide>summary small{font-weight:400;font-size:11px;color:var(--muted);margin-left:12px}.language-guide[open]>summary{border-bottom:1px solid var(--line)}
.language-guide-body{padding:20px}.guide-intro{max-width:720px;font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:18px}.guide-stanzas{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.guide-stanzas button{background:#f1f2e9;font-size:12px}.guide-stanzas button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}
.guide-options{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding:14px 0;border-block:1px solid var(--line)}.guide-options label:has(input){flex-direction:row;align-items:center;gap:6px}.guide-options label:has(select){flex-direction:row;align-items:center;gap:8px}.guide-options select{max-width:210px;padding:6px;font-size:11px}.guide-options button{font-size:11px;padding:7px 9px;margin-left:auto}.guide-options input{margin:0}
.guide-speech-note{font-size:11px;color:var(--muted);line-height:1.6;margin:12px 0 4px;max-width:720px}.guide-status{font-size:11px;color:var(--green);line-height:1.6;min-height:18px;margin:6px 0 14px}.guide-lines{display:grid;gap:12px}.guide-line{background:#f6f5ee;border:1px solid var(--line);border-radius:6px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px}.guide-german{font-family:Georgia,serif;font-size:23px;line-height:1.4;margin-bottom:7px}.guide-translation{font-size:14px;line-height:1.6;margin-bottom:8px;color:#4c5c52}.guide-ipa{font-family:'Arial','Noto Sans',sans-serif;font-size:16px;line-height:1.7;margin:0;overflow-wrap:anywhere}.guide-small-label{font-family:var(--sm-font-body);font-size:9px;letter-spacing:.08em;color:var(--muted);margin-right:5px}.guide-repeat{font-family:var(--sm-font-body);display:block;font-size:10px;color:var(--muted);font-style:italic;margin-top:4px}.guide-line-actions{display:flex;flex-direction:column;gap:7px;align-items:stretch;justify-content:center}.guide-line-actions button{font-size:11px;padding:8px 10px;white-space:nowrap}.guide-line-actions button[aria-pressed=true]{background:#e4eddf;border-color:var(--green)}.language-guide button:disabled{cursor:default;opacity:.55}
.guide-word-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin:4px 0 0;padding-top:14px;border-top:1px solid var(--line)}.guide-word-strip>div{min-width:0}.guide-word-strip dt{margin:0 0 6px}.guide-word-strip dt button{border:0;background:transparent;padding:0;color:var(--green);font-size:14px;text-align:left;font-weight:600}.guide-word-strip dt button:disabled{opacity:1;color:var(--ink)}.guide-word-strip dd{margin:0 0 5px;font-size:11px;line-height:1.5}.guide-word-strip .guide-word-ipa{font-size:13px}.guide-word-strip .guide-word-tip{font-size:10px;color:var(--muted)}.guide-notes{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.guide-notes summary{cursor:pointer;font-size:12px;font-weight:600}.guide-notes p,.guide-notes li{font-size:12px;line-height:1.8;color:var(--muted);max-width:740px}.guide-notes p{margin:12px 0}.guide-notes h4{font-size:12px;margin:18px 0 6px}.guide-notes ul{padding-left:20px}.guide-notes a{text-decoration:underline}.guide-ipa-key>div{display:flex;gap:20px;margin:8px 0}.guide-ipa-key dt{min-width:70px;font-size:18px}.guide-ipa-key dd{margin:0;font-size:12px;line-height:1.6;color:var(--muted)}.guide-loading{font-size:12px;line-height:1.7;padding:0 20px 20px}
@media(max-width:700px){.language-guide-body{padding:14px}.language-guide>summary{padding:16px}.language-guide>summary small{display:block;margin:6px 0 0 17px}.guide-line{padding:14px;grid-template-columns:1fr}.guide-german{font-size:21px}.guide-line-actions{flex-direction:row;justify-content:start;flex-wrap:wrap}.guide-options{gap:12px}.guide-options label:has(select){flex:1 1 180px}.guide-options label:has(select) select{width:100%;max-width:210px}.guide-options button{margin-left:0}.guide-word-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-ipa{font-size:15px}}
@media print{.language-guide{display:none!important}}
.guide-word-group{grid-column:1/-1;min-width:0;border-top:1px solid var(--line);padding-top:14px}
.guide-word-group>.guide-small-label{margin:0 0 12px}.guide-small-label span{font-weight:400;letter-spacing:0}
.guide-word-strip{border:0;padding:0;margin:0;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}
.guide-translation>.guide-small-label{display:block;margin:0 0 2px}.guide-small-label{font-size:10px;font-weight:600}
.guide-word-tip{margin-top:7px}.guide-word-tip summary{font-size:11px;color:var(--muted);cursor:pointer}.guide-word-tip p{font-size:11px;line-height:1.6;margin:7px 0}
.guide-word-strip dd{font-size:12px}.guide-speech-note{font-size:12px;max-width:800px}.guide-speech-note strong{font-weight:600;color:var(--ink)}
.guide-translation-note,.guide-credit{font-size:12px;line-height:1.7;color:var(--muted);max-width:800px;margin:18px 0 0}.guide-credit{font-size:11px}
.guide-notes li{margin:12px 0}.guide-notes li p{margin:2px 0 10px;font-size:11px}
.guide-line-status{font-size:11px;color:var(--green);line-height:1.6;max-width:150px;margin:0}.guide-line-status:empty{display:none}
.language-guide button:focus-visible,.language-guide select:focus-visible,.language-guide summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.guide-line-actions button{min-height:40px;font-size:12px}.guide-options select{font-size:12px;max-width:255px;min-height:36px}.guide-options button{min-height:36px}
@media(max-width:700px){.guide-word-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-options label:has(select){flex-direction:column;align-items:start;flex:1 1 130px}.guide-options select{max-width:100%;min-height:44px}.guide-line-actions button,.guide-stanzas button{min-height:44px}.guide-word-strip dt button{min-height:40px}.guide-line-status{max-width:none;flex-basis:100%}.guide-german{overflow-wrap:anywhere}}

/* A direct route to the text guide keeps it reachable above phone practice controls. */
.song-heading-actions{display:flex;flex-direction:column;gap:8px;align-items:end;flex:0 0 auto!important}
.song-heading-actions button{font-size:12px;min-height:40px}
.language-guide{scroll-margin-top:calc(var(--sm-playback-height,0px) + 12px)}
@media(max-width:700px){.song-heading-actions{flex-direction:row;flex-wrap:wrap;align-items:start}.song-heading-actions button{min-height:44px}.song-heading-actions #open-language-guide{font-size:12px}}

@media(max-width:700px){.guide-stanzas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}