@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap');
:root{--navy:#10205b;--red:#d8394c;--cyan:#00abd3;--cream:#fff9e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfcff;color:var(--navy);font:17px/1.6 'DM Sans',sans-serif}a{color:inherit}button,.button{font:700 16px 'DM Sans',sans-serif;background:var(--navy);color:white;border:2px solid var(--navy);border-radius:9px;padding:15px 22px;cursor:pointer;text-decoration:none;display:inline-block}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}header{max-width:1240px;margin:auto;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe1ef}.brand{display:flex;align-items:center;gap:12px;font:800 18px/1.1 Outfit,sans-serif;text-decoration:none;letter-spacing:.5px}.brand img{width:66px;height:66px;border-radius:12px}nav{display:flex;gap:28px}nav a{text-decoration:none;font-weight:600}main{max-width:1240px;margin:auto;padding:0 30px}h1,h2,h3{font-family:Outfit,sans-serif;line-height:1.08}h1{font-size:clamp(40px,5.2vw,66px);letter-spacing:-2px;margin:18px 0 24px}h2{font-size:36px;margin:10px 0 20px}h3{font-size:26px;margin:12px 0 6px}em{font-style:normal;color:var(--red)}.eyebrow{font-size:13px;font-weight:800;letter-spacing:1.8px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:65px 0 76px}.intro>div>p:not(.eyebrow){max-width:470px;font-size:19px;color:#475374;margin-bottom:30px}.featured{border-radius:20px;overflow:hidden;text-decoration:none;background:var(--cream);border:1px solid #e2dccb;box-shadow:10px 10px 0 #dff4fa}.featured img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.featured>div{padding:22px 28px}.featured span{font-size:12px;letter-spacing:2px;font-weight:700;color:#ae293a}.featured strong{display:block;font:600 30px Outfit;margin:8px 0}.featured p{margin:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:15px 0 26px}.section-heading>p{color:#536180}.song-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.song-card{overflow:hidden;border-radius:14px;background:white;border:1px solid #dce2ed;text-decoration:none;transition:transform .18s,box-shadow .18s}.song-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #10205b13}.song-card>img,.type-art{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.card-copy{padding:22px}.meta{display:flex;justify-content:space-between;font-size:14px;color:#546280}.card-copy p{margin:0;color:#546280}.card-link{display:block;margin-top:22px;font-weight:700}.card-link span{float:right}.type-art{display:flex;flex-direction:column;justify-content:center;padding:28px;background:var(--navy);color:white}.type-art span{font:700 37px/1.08 Outfit;max-width:300px}.type-art small{font-size:12px;letter-spacing:2px;margin-top:20px}.art-2{background:#fb743c;color:#15205a}.art-3{background:#17276a;color:#ffeab2}.art-4{background:#cceff7;color:#17276a}.art-5{background:#f6d9df;color:#17276a}.practice-banner{display:flex;align-items:center;justify-content:space-between;gap:35px;margin:70px 0;background:#e5f6fb;padding:36px;border-radius:18px}.practice-banner p:last-child{margin-bottom:0}footer{margin-top:50px;border-top:1px solid #dbe1ef;padding:40px max(30px,calc((100vw - 1180px)/2));background:var(--navy);color:white}footer p{color:#cdd7f0}footer div{display:flex;gap:25px;flex-wrap:wrap}footer a{font-size:15px}.back{display:inline-block;margin-top:32px;text-decoration:none}.lesson-heading{margin:30px 0}.player{background:var(--navy);border-radius:18px;overflow:hidden;aspect-ratio:16/9}.player iframe{width:100%;height:100%;border:0}.player-note{font-size:14px;color:#546280}.lesson-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;margin-top:55px}.lyric-pair{padding:15px 0;border-bottom:1px solid #e1e6ef}.lyric-pair p{margin:0}.lyric-pair p:first-child{font-size:23px;font-weight:700}.translation{color:#5c6881}.hide-translations .translation{display:none}.secondary{background:white;color:var(--navy);padding:10px 15px}.vocab{list-style:none;padding:0}.vocab li{padding:14px 0;border-bottom:1px solid #dde4ee;display:flex;justify-content:space-between;gap:18px}.vocab span{color:#5c6881}.practice{background:#e5f6fb;padding:35px;border-radius:18px;margin:50px 0}fieldset{border:0;padding:0;margin:30px 0}legend{font-weight:700;margin-bottom:12px;font-size:20px}fieldset label{display:flex;align-items:center;gap:12px;margin:10px 0;padding:12px;background:white;border:1px solid #b6cbd5;border-radius:8px;cursor:pointer}input{width:20px;height:20px;accent-color:var(--navy)}.feedback{font-weight:600}.text-link{display:inline-block;margin-top:20px}.listening,.worksheet{max-width:800px;padding:30px 0}.worksheet p{padding:10px 0}.skip{position:absolute;left:12px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}details{margin-top:35px}summary{cursor:pointer;font-weight:700}
@media(max-width:800px){header{padding:16px 20px}.brand span{font-size:14px}.brand img{width:48px;height:48px}nav{gap:14px;font-size:14px}main{padding:0 20px}.intro{grid-template-columns:1fr;gap:32px;padding:35px 0 50px}.song-grid{grid-template-columns:repeat(2,1fr);gap:18px}.lesson-grid{grid-template-columns:1fr;gap:35px}.practice-banner{display:block;padding:25px}.practice-banner .button{margin-top:20px}.section-heading{align-items:flex-start;flex-wrap:wrap}h2{font-size:30px}.practice{padding:22px}.type-art span{font-size:30px}.card-copy{padding:18px}}
@media(max-width:480px){.song-grid{grid-template-columns:1fr}nav a:last-child{display:none}h1{letter-spacing:-1px}.vocab li{flex-wrap:wrap}.intro .button{width:100%;text-align:center}.section-heading>p{margin-top:0}}
@media print{header,footer,.back,button{display:none}body{color:black;background:white}main{padding:0}.worksheet{max-width:none}details{display:block}}

[hidden]{display:none!important}.level-badge{display:inline-block;background:#e5f6fb;color:#10205b;padding:5px 10px;border-radius:6px;font-size:14px;font-weight:700;margin-bottom:14px}.level-note{font-size:14px;color:#536180;max-width:780px}.level-filters{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 8px}.level-filters button{background:white;color:#10205b}.level-filters button[aria-pressed=true]{background:#10205b;color:white}#song-count{font-size:14px;color:#536180}.recall{margin:55px 0}.flashcard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.flashcard{margin:0;border:2px solid #d7e4ed;border-radius:12px;background:#fff9e9;padding:18px}.flashcard summary{font-size:21px}.flashcard p{margin:14px 0 0;border-top:1px solid #d7d1bd;padding-top:12px}