.drumEntry{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:24px;margin:20px 0;background:#fff6d8;border:1px solid #e6dbaa;border-radius:14px;text-align:left;color:#082a53;font-size:21px}.drumEntry small{display:block;font-size:15px;margin-top:6px}.drumRows{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin:24px 0}.drumGroup,.drumSong{background:white;border:1px solid #dce2e6;padding:22px;border-radius:16px}.drumGroupOpen{width:100%;text-align:left;background:none;border:0;color:#082a53}.drumGroupOpen>span{font-size:32px;color:#bb8700}.drumGroup h2,.drumSong h2{font-size:24px;overflow-wrap:anywhere}.drumGroup .hgActions button,.drumSong button{min-height:48px;font-size:18px}.drumDialog{width:min(700px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:0;border-radius:18px;padding:24px;color:#082a53}.drumDialog::backdrop{background:#082a5388}.drumDialog header{display:flex;justify-content:space-between;gap:12px;align-items:center}.drumDialog header button{padding:12px;font-size:20px}.drumDialog iframe{width:100%;height:max(210px,35vw);max-height:390px;border:0;background:#111}.drumDialog a{display:inline-block;padding:14px 0}.drumDialog input,.drumDialog select{font-size:18px;min-height:48px}#drumRows a{color:#124d8c}#drumState{font-size:15px}.drumRows .hgActions{flex-wrap:wrap}@media(max-width:380px){.drumRows{grid-template-columns:1fr}}

#drumRows .drumPlayButton{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;color:#082a53;text-decoration:none;border-radius:8px;font-size:18px;font-weight:700}.drumGroup>.hgActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.drumGroup>.hgActions button{white-space:normal}
#drumSongs .hgPageHeading{padding:20px 0 14px}
#drumSongs .hgPageHeading h1{font-size:30px;margin:0 0 8px;line-height:1.3}
#drumSongs .hgPageHeading p{font-size:17px;margin:0}
#drumRows.drumSongList{display:block;margin:16px 0;border-top:1px solid #dce2e6}
#drumRows .drumSong{display:flex;align-items:center;gap:10px;padding:10px 0;border:0;border-bottom:1px solid #dce2e6;border-radius:0;background:transparent;min-height:64px}
#drumRows .drumSong>div:first-child{flex:1;min-width:0}
#drumRows .drumSong h2{font-size:19px;line-height:1.45;margin:0;font-weight:650;overflow-wrap:anywhere}
#drumRows .drumSong .hgActions{display:flex;flex:none;flex-wrap:nowrap;gap:4px;margin:0}
#drumRows .drumSong .hgActions button,#drumRows .drumSong .drumPlayButton{min-width:44px;min-height:44px;padding:8px 6px!important;font-size:15px!important;line-height:1.3;white-space:nowrap;border-radius:6px!important;margin:0}
#drumRows .drumSong .drumPlayButton{background:#fff0b2!important;border:1px solid #e6c965;color:#082a53;text-decoration:none}
@media(max-width:360px){#drumRows .drumSong{gap:6px}#drumRows .drumSong h2{font-size:18px}#drumRows .drumSong .hgActions{gap:2px}}
.drumSort{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.drumSort[hidden]{display:none}.drumSort button{font-size:15px!important;min-height:44px;padding:8px 12px!important}.drumSort button[aria-pressed="true"]{background:#fff0b2!important;color:#082a53!important;border-color:#e6c965!important}
#drumRows{display:block;margin:16px 0;border-top:1px solid #dce2e6}
#drumRows .drumGroup{display:flex;align-items:center;gap:8px;padding:8px 0;border:0;border-bottom:1px solid #dce2e6;border-radius:0;background:transparent;min-height:68px}
#drumRows .drumGroupOpen{flex:1;min-width:0;width:auto;padding:4px 0!important;margin:0;border:0!important;border-radius:0!important;background:transparent!important;text-align:left;min-height:48px}
#drumRows .drumGroupOpen strong{display:block;font-size:19px;line-height:1.35;overflow-wrap:anywhere}
#drumRows .drumGroupOpen small{display:block;font-size:14px;line-height:1.4;color:#526578;margin-top:2px}
#drumRows .drumGroup>.hgActions{display:flex;flex:none;flex-wrap:nowrap;gap:4px;margin:0}
#drumRows .drumGroup>.hgActions button{min-height:44px;min-width:44px;padding:8px 6px!important;font-size:15px!important;line-height:1.3;white-space:nowrap;border-radius:6px!important;margin:0}

#drumNoteText{width:100%;box-sizing:border-box;font:inherit;line-height:1.6;min-height:180px;padding:12px;border:1px solid #ccd4dd;border-radius:8px} #drumRows .drumSong{flex-wrap:wrap} #drumRows .drumSong .hgActions{margin-left:auto}

#drumLessonShare{margin-top:12px} .lessonDialog{max-width:740px;width:calc(100% - 32px)} .lessonGroup{border-top:1px solid #d6dce2;padding:12px 0}.lessonGroup h2{font-size:18px;margin:0 0 6px}.lessonNote{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff5ce;padding:12px;line-height:1.6;margin:8px 0}.lessonGroup ol{padding:0;list-style:none;margin:0}.lessonGroup li{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #e4e7eb}.lessonGroup li span{flex:1;overflow-wrap:anywhere}.lessonGroup a{white-space:nowrap;color:#10294f;background:#ffd338;padding:10px;border-radius:8px;text-decoration:none;min-height:44px;box-sizing:border-box}

.courseRow,.courseSong{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #d6dce2;flex-wrap:wrap}.courseOpen{flex:1;text-align:left;border:0!important;background:transparent!important;min-height:48px}.courseOpen strong{font-size:19px}.courseOpen small{display:block;color:#526477}.courseSong>div:first-child{flex:1;min-width:140px}.courseSong p{font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0;color:#526477}.courseSong .hgActions,.courseRow .hgActions{gap:5px;margin:0}.courseSong a{color:#10294f;background:#ffd338;border-radius:8px;padding:10px;text-decoration:none;white-space:nowrap}.courseSong button,.courseRow button{min-height:44px;padding:8px!important}#hgDrumCourseFields textarea{width:100%;font:inherit;line-height:1.6;box-sizing:border-box}

#drumCourses .hgPageHeading{padding:20px 0;margin-bottom:16px}#drumCourses .hgPageHeading h1{font-size:clamp(28px,6vw,42px);margin:0 0 10px}#drumCourses .hgPageHeading p{font-size:18px;margin:0}.courseSummary{margin:18px 0 26px;border-top:2px solid #d6dce2}.courseSummaryHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 0}.courseSummaryHeader h2{font-size:22px;margin:0 0 4px}.courseSummaryHeader small{font-size:15px;color:#526477}.courseSummaryHeader .hgActions{margin:0;gap:6px}.courseSummaryHeader button{min-height:44px;padding:8px 10px!important;font-size:16px!important}.courseEmpty{padding:16px 0;line-height:1.6;color:#526477}#hgDrumCourseList{display:block!important;min-height:60px}

/* Course headers are content blocks, never sticky navigation. */
#drumCourses .courseSummaryHeader{position:static;inset:auto;height:auto;min-height:0;z-index:auto;display:block;box-sizing:border-box;background:transparent;backdrop-filter:none;overflow:visible;padding:14px 0;border:0}
#drumCourses .courseSummaryHeader>.hgActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:12px}
#drumCourses .courseSummaryHeader button{width:100%;height:auto;min-height:44px;white-space:normal;line-height:1.4;overflow-wrap:anywhere}
#drumCourses .courseSummary{position:relative;height:auto;overflow:visible;clear:both}
#drumCourses .courseSong{position:static;height:auto;min-height:0}
#drumCourses .courseSong>.hgActions{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
#drumCourses .courseSong strong{overflow-wrap:anywhere}
.drumDialog>header{position:static;top:auto;height:auto;min-height:0;z-index:auto;background:transparent;backdrop-filter:none;padding:0 0 12px}
@media(min-width:720px){#drumCourses .courseSummaryHeader>.hgActions{display:flex;flex-wrap:wrap}#drumCourses .courseSummaryHeader button{width:auto}}

#drumCourses .courseSort{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px;position:static}#drumCourses .courseSort button{font-size:16px!important;min-height:44px;padding:8px 12px!important}#drumCourses .courseSort button[aria-pressed="true"]{background:#fff0b4;border-color:#e6c55b}