/* Common controls and video dimensions, dark header / light paper / lime accent. */
.mdl-design .mdl-route-events p,.mdl-design .mdl-aside .mdl-eyebrow{color:#55594e}
.mdl-menu{gap:17px;font-size:12px}.mdl-header-row{gap:22px}.mdl-menu>li>a{display:inline-block;padding-block:12px}.mdl-menu>li{padding-block:16px}.mdl-footer-top nav{flex-wrap:wrap;gap:18px}.mdl-practice-library{grid-column:2;display:block;color:#e3e8d7!important;text-decoration:underline!important;text-underline-offset:4px;font-size:13px;margin-top:8px}.mdl-footer-bottom{color:#cbd0bd!important}
.mdl-design .mdl-note{color:#55594e}.mdl-design :is(.entry-content,.mdl-article) p a{text-decoration:underline;text-underline-offset:3px}.mdl-design :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #537817;outline-offset:3px}.mdl-design summary{min-height:44px}.mdl-design :is(select,input[type=search],input[type=text],input[type=email],input[type=url]){min-height:44px}
.mdl-video-preview{position:relative;aspect-ratio:16/9;width:100%;max-width:100%;background:#20221f;overflow:hidden;border-radius:14px;margin:20px 0}.mdl-video-start{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#20221f;color:white;cursor:pointer;text-align:left;font:inherit}.mdl-video-start img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;object-fit:cover;opacity:.7}.mdl-video-caption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;text-align:center;background:linear-gradient(transparent,#0008);font-size:14px;line-height:1.4;text-shadow:0 1px 3px #000}.mdl-video-caption strong{font-size:clamp(14px,2vw,20px);color:#fff}.mdl-video-play{display:grid;place-items:center;width:60px;height:60px;background:#d4f45b;color:#20221f;border-radius:50%;font-size:22px;text-shadow:none;padding-left:3px}.mdl-video-preview iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}.mdl-video-preview:has(noscript){min-height:0}.mdl-video-start:focus-visible{outline:4px solid #d4f45b!important;outline-offset:-6px!important}
@media(max-width:1080px){.mdl-desktop-nav{display:none}.mdl-mobile-menu{display:block}}
@media(max-width:900px){.mdl-practice-library{grid-column:1;margin-top:0}.mdl-footer-top nav{gap:12px 22px}}
@media(max-width:430px){.mdl-video-play{width:44px;height:44px;font-size:18px}.mdl-video-caption{gap:7px;padding:12px}.mdl-video-caption strong{font-size:14px}.mdl-video-caption>span:last-child{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mdl-design *{scroll-behavior:auto!important}}

/* Task navigation: native disclosure menus retain click/keyboard use without JS. */
.mdl-header{position:relative;z-index:120}
.mdl-header :is(a,summary):focus-visible{outline:3px solid #d4f45b;outline-offset:4px}
.mdl-nav-disclosure{position:relative}
.mdl-nav-disclosure>summary{display:flex;align-items:center;gap:7px;list-style:none;min-height:44px;padding:12px 0;cursor:pointer;font:inherit;color:inherit}
.mdl-nav-disclosure>summary::-webkit-details-marker{display:none}
.mdl-nav-chevron{flex:0 0 10px;transition:transform .15s}
.mdl-nav-disclosure[open]>.mdl-nav-chevron,.mdl-nav-disclosure[open]>summary>.mdl-nav-chevron{transform:rotate(180deg)}
.mdl-menu .current-menu-ancestor .mdl-nav-disclosure>summary,.mdl-menu .mdl-nav-disclosure>summary:hover{color:#d4f45b}
.mdl-menu .mdl-nav-submenu{position:absolute;left:-16px;top:100%;z-index:130;width:260px;max-width:calc(100vw - 36px);margin:0!important;padding:8px!important;list-style:none;background:#292c25;border:1px solid #4c5343;border-radius:12px;box-shadow:0 16px 32px #0003;font-size:13px;white-space:normal}
.mdl-nav-submenu>li{padding:0!important;margin:0!important;list-style:none}
.mdl-menu .mdl-nav-submenu a{display:flex;align-items:center;min-height:44px;padding:11px 12px;border-radius:7px;line-height:1.4;overflow-wrap:anywhere}
.mdl-menu .mdl-nav-submenu a:hover,.mdl-menu .mdl-nav-submenu a[aria-current=page]{background:#3a4130;color:#d4f45b}
.mdl-music-artists{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 28px;padding:26px 30px;border-radius:16px;background:#20221f;color:#f3f2ec}
.mdl-music-artists>div{min-width:0}
.mdl-music-artists .mdl-music-artists-kicker{color:#d4f45b;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}
.mdl-music-artists h3{font-size:clamp(25px,3vw,34px)!important;line-height:1.15;margin:0 0 12px!important;color:#f3f2ec;overflow-wrap:anywhere}
.mdl-music-artists .mdl-music-artists-copy{max-width:640px;color:#d0d5c9;font-size:14px;line-height:1.65;margin:0 0 18px}
.mdl-music-artists a.mdl-music-artists-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:11px 16px;border:0;border-radius:9px;background:#d4f45b;color:#20221f;font-size:13px;font-weight:700;text-decoration:none;line-height:1.4}
.mdl-music-artists a.mdl-music-artists-link:hover{background:#e3ff91}
.mdl-music-artists-total{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 140px;min-height:128px;padding:14px;background:#303627;border:1px solid #4d5940;border-radius:14px;text-align:center}
.mdl-music-artists-total strong{color:#d4f45b;font-size:56px;line-height:1.1}
.mdl-music-artists-total span{font-size:12px;color:#d0d5c9;margin-top:8px}
@media(max-width:1080px){
 .mdl-mobile-menu>summary{cursor:pointer;list-style:none;padding:10px 0 10px 20px;font-size:13px}
 .mdl-mobile-menu>summary::-webkit-details-marker{display:none}
 .mdl-mobile-menu>summary>span{margin-left:15px;font-size:20px}
 .mdl-mobile-menu>nav{position:absolute;left:0;right:0;top:100%;z-index:130;background:#20221f;border-top:1px solid #4c5343;padding:16px 24px;max-height:calc(100dvh - 100px);overflow:auto}
 .mdl-mobile-links{list-style:none;padding:0;margin:0}
 .mdl-mobile-links>li{border-bottom:1px solid #3c4434}
 .mdl-mobile-links>li>a{display:block;min-height:44px;padding:12px 0}
 .mdl-mobile-menu .mdl-nav-disclosure>summary{padding:12px 0;font:inherit;font-size:16px;justify-content:space-between}
 .mdl-mobile-menu .mdl-nav-disclosure>summary>svg{margin:0;flex:0 0 10px}
 .mdl-mobile-links .mdl-nav-submenu{position:static;width:auto;max-width:100%;list-style:none;margin:0!important;padding:0 0 10px 16px!important;background:none}
 .mdl-mobile-links .mdl-nav-submenu a{display:flex;align-items:center;min-height:44px;padding:10px 0;font-size:14px;line-height:1.5;color:#e0e6d7;overflow-wrap:anywhere}
 .mdl-mobile-links .current-menu-ancestor .mdl-nav-disclosure>summary,.mdl-mobile-links .mdl-nav-submenu a[aria-current=page]{color:#d4f45b}
}
@media(max-width:650px){.mdl-music-artists{padding:22px;gap:18px;align-items:flex-start;flex-direction:column}.mdl-music-artists-total{flex:auto;min-height:0;flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 14px}.mdl-music-artists-total strong{font-size:28px}.mdl-music-artists-total span{margin:0}.mdl-music-artists a.mdl-music-artists-link{max-width:100%}}



/* Keep right-hand menus inside the viewport and each list reachable on small screens. */
.mdl-menu>li:nth-last-child(-n+3) .mdl-nav-submenu{left:auto;right:-16px}
.mdl-menu .mdl-nav-submenu{max-height:calc(100dvh - 125px);overflow-y:auto;overscroll-behavior:contain}
@media(min-width:1081px) and (max-width:1200px){.mdl-menu{gap:12px;font-size:11px}.mdl-nav-disclosure>summary{gap:5px}.mdl-header-row{gap:18px}}
