:root{--ink:#25264d;--muted:#73718a;--paper:#f5f3ff;--line:#dedcf0;--lime:#ded4ff;--green:#6550c7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,select,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:11px 15px;background:white}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ed9a39;outline-offset:3px}.quiet{border:0;background:transparent}.primary{background:var(--green);color:white;border:0;padding:16px 24px}.primary span{margin-left:30px}header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 5vw;background:#fffaff}.brand{font:32px Georgia;color:var(--ink);text-decoration:none;display:flex;gap:12px;align-items:center}.brand span{font:18px Georgia}.brand b{display:block;font-weight:normal}.class{font-size:10px;letter-spacing:2px;flex:1;margin-left:25px}select{padding:10px;border:1px solid var(--line);border-radius:7px;background:transparent}main{max-width:1240px;margin:auto;padding:0 35px}nav{display:flex;gap:24px;padding:25px 0 19px}nav button{background:none;border:0;border-radius:0;padding:7px 0;color:var(--muted)}nav .selected{border-bottom:2px solid var(--green);color:var(--ink)}.demo{display:flex;gap:12px;align-items:center;border:1px solid #e4d4fa;background:#f0e7ff;border-radius:6px;padding:10px 13px;font-size:10px;letter-spacing:1px}.demo span{font-size:12px;letter-spacing:0;color:#6c538a}.intro{padding:36px 0 24px}.eyebrow,.aside-title{font-size:10px;letter-spacing:1.8px;font-weight:600}h1{font:46px/1.13 Georgia;margin:12px 0}h1 em{font-weight:normal;color:#7660d3}p{color:var(--muted);line-height:1.6}.intro p{margin:14px 0}.workspace{display:grid;grid-template-columns:280px 1fr;gap:30px}.aside-title{margin:10px 0 18px}.level{display:flex;width:100%;text-align:left;gap:12px;align-items:center;padding:14px 12px;border:1px solid transparent;background:transparent;margin-bottom:7px}.level.active{background:var(--lime);border-color:#ad95ec}.level .num{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border:1px solid #bbb2d9;border-radius:50%;font:16px Georgia}.level b{display:block;font-size:13px;margin-bottom:5px}.level small{font-size:10px;color:#62578b;line-height:1.5;display:block}.tip{border-top:1px solid var(--line);margin-top:23px;padding:23px 8px;font-size:12px}.tip p{margin:9px 0}.tip button{font-size:12px;padding:9px 0}.exercise{border:1px solid var(--line);background:#fffefa;border-radius:16px;overflow:hidden;box-shadow:0 10px 35px #47336b12;padding:28px 33px}.exercise-head{display:flex;justify-content:space-between;gap:10px;align-items:center}h2{font:26px Georgia;margin:9px 0}.stats{display:flex;gap:25px}.stats div{text-align:center;min-width:45px}.stats b{font:32px Georgia;display:block}.stats span{font-size:8px;letter-spacing:1.4px}.staff-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:25px}#staff{max-width:580px;margin:auto;height:340px;display:flex;align-items:center}svg{width:100%;height:100%;overflow:visible}#feedback{text-align:center;min-height:24px;font-size:14px}.meter{width:130px;height:4px;border-radius:4px;background:#e7dff5;margin:20px auto 9px;overflow:hidden}.meter i{display:block;width:0;background:#ec9760;height:100%}.small{font-size:11px;color:var(--muted);text-align:center;line-height:1.6}.actions{display:flex;justify-content:center;gap:12px;margin:23px 0}.exercise-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:12px;font-size:11px;color:var(--muted)}.exercise-foot button{font-size:11px}.bottom{display:flex;justify-content:space-around;padding:35px;font-size:12px;color:#80749e}footer{border-top:1px solid var(--line);padding:23px 0;font:15px Georgia;color:#80749e;display:flex;justify-content:space-between}footer span{font:11px sans-serif}section[hidden]{display:none}#progress,#board,#teacher{padding:35px 0;min-height:540px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin:25px 0}.card{padding:24px;background:white;border:1px solid var(--line);border-radius:12px}.card strong{font:34px Georgia;display:block;margin:15px 0}table{border-collapse:collapse;width:100%;background:#fffefa;margin:20px 0}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:11px}#result{margin-top:20px;background:#fff0dc;padding:18px;text-align:center;border-radius:9px}dialog{border:1px solid var(--line);border-radius:15px;max-width:430px;padding:28px;background:var(--paper)}dialog::backdrop{background:#2b1d5266}input{display:block;width:100%;padding:12px;margin:10px 0;border:1px solid var(--line);border-radius:6px}label{font-size:13px}@media(max-width:760px){header{padding:15px 18px;height:auto;gap:8px;flex-wrap:wrap}.brand{margin-right:auto}.class{display:none}main{padding:0 18px}nav{gap:18px;overflow:auto;white-space:nowrap;font-size:12px}.demo{align-items:flex-start}.intro{padding-top:28px}h1{font-size:36px}.workspace{grid-template-columns:1fr;gap:15px}aside #levels{display:flex;overflow:auto;gap:7px}.level{min-width:190px;width:190px}.aside-title{margin-bottom:10px}.tip{display:none}.exercise{padding:22px 17px}.stats{gap:14px}.exercise h2{font-size:23px}#staff{height:290px}.bottom{padding:28px 0;gap:12px;font-size:10px}footer{gap:15px}table{display:block;overflow:auto}.actions{flex-wrap:wrap}.demo span{font-size:10px}}

/* Colour gives each step a distinct place in the learning path. */
.brand{color:#5850b5}.intro .eyebrow{color:#c26656}.stats div:first-child{color:#6150c7}.stats div:last-child{color:#cd7254}.level:nth-child(2) .num{background:#e0edff;color:#3b66a8}.level:nth-child(3) .num{background:#ffe1d8;color:#ad543e}.level:nth-child(4) .num{background:#fff0cc;color:#91621c}.level:nth-child(5) .num{background:#f1dfff;color:#9451a5}.primary{background:linear-gradient(110deg,#5550bd,#8655c8)}.exercise{border-top:4px solid #ac91e7}.bottom span:nth-child(1){color:#6550bd}.bottom span:nth-child(2){color:#c36b51}.bottom span:nth-child(3){color:#a17221}
.rhythm-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 25px}.r-level{display:flex;flex-direction:column;text-align:left;gap:9px;background:#fffefa;padding:17px 14px}.r-level.active{background:#e1d8ff;border-color:#9a82d8}.r-level span{font-size:9px;letter-spacing:1px;color:#73618e}.r-level b{font:19px Georgia}.r-level small{font-size:11px;color:#6e6580;line-height:1.4}.rhythm-exercise{margin-bottom:30px}.rhythm-score{text-align:center;color:#c26a51}.rhythm-score b{font:32px Georgia;display:block}.rhythm-score span{font-size:9px;letter-spacing:1px}.rhythm-controls{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:24px 0 15px}.rhythm-controls label{display:flex;flex-direction:column;gap:7px;font-size:11px}.rhythm-controls select{font-size:12px;max-width:220px}.rhythm-controls input{padding:0;min-width:140px;margin:0;accent-color:#7655bf}.rhythm-guide{font-size:12px;margin-bottom:24px}.rhythm-pulse{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:13px}#r-beats{display:flex;gap:10px}#r-beats i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#ebe6fa;font-style:normal;color:#696084}#r-beats i.lit{background:#efb69c;color:#492a33;box-shadow:0 0 0 4px #ffe7da}#r-viewport{position:relative;margin:20px 0;height:330px;border-radius:8px;background:#fffefa;overflow:hidden;border:1px solid #e8e2f1}#r-track{width:100%;height:330px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}#r-sheet{height:330px}#r-sheet svg{display:block;max-width:none;height:330px;overflow:hidden}#r-clefs{position:absolute;left:0;top:0;height:330px;width:115px;background:#fffefa;z-index:2;box-shadow:5px 0 8px #fffefa}#r-playhead{position:absolute;top:30px;bottom:37px;width:2px;background:#d77051;left:150px;z-index:1;pointer-events:none}#r-playhead:before{content:'▼';position:absolute;top:-18px;left:-6px;color:#d77051;font-size:15px}#r-feedback{text-align:center;min-height:25px;margin:10px 0;font-size:14px}#r-mic{min-height:20px}.rhythm-help{font-size:12px;line-height:1.7;color:#756781}.rhythm-help summary{cursor:pointer}#r-results{margin-top:25px;padding:22px;background:#fff0dd;border-radius:10px}#r-results p{font-size:13px}.r-summary{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.r-summary span{font-size:11px;color:#7c6475}.r-summary b{display:block;font:25px Georgia;color:#514174;margin-bottom:5px}.r-hit,.r-rest{color:#4d4db2}.r-pitch,.r-played{color:#ae3559}.r-timing{color:#a56a17}.r-miss{color:#938897;opacity:.65}.r-result-scroll{overflow:auto;max-height:340px}#r-results summary{cursor:pointer;font-size:13px}@media(max-width:760px){.rhythm-levels{display:flex;overflow-x:auto}.r-level{min-width:180px}.rhythm-controls{gap:15px;justify-content:space-between}.rhythm-controls label{width:45%}.rhythm-controls select{max-width:100%;width:100%}.rhythm-controls input{min-width:0;width:100%}.rhythm-exercise{padding-left:10px;padding-right:10px}.rhythm-guide{line-height:1.7}#r-results{padding:15px}.r-summary{gap:15px}.rhythm-pulse{gap:14px}}
.r-level:disabled{opacity:1;background:#f1eef9;color:#766b88;border-color:#e2dced}.r-level:disabled small,.r-level:disabled span{color:#796c8c}
/* Recognition is separate from timing: the notehead glows red, while score symbols persist. */
.r-heard-note [data-written-note]{fill:#e12445!important;stroke:#b61130!important;stroke-width:2.5;filter:drop-shadow(0 0 5px #ed315680) drop-shadow(0 0 9px #ff9aad80)}
.r-heard-note [data-written-note][data-hollow="true"]{fill:#ffe9ef!important;stroke-width:3.2}
.r-legend{font-size:11px;color:#77637e;margin:12px 0;text-align:center}#r-pitch-status{text-align:center;min-height:26px;font-size:14px;font-weight:600;color:#b41d3f;margin:14px 0 6px}#r-feedback{font-size:13px;color:#695373}
.rhythm-controls label small{font-size:10px;color:#7e6c88}.r-input{display:flex;gap:12px;justify-content:center;align-items:center;margin:13px 0 9px;color:#796888;font-size:10px}#r-input-meter{width:170px;height:7px;background:#e9dff3;border-radius:5px;overflow:hidden}#r-input-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#7970d4,#de5378);transition:width .08s linear}

/* Give the music the phone screen, with settings below the exercise. */
.music-view-toggle{min-height:44px;display:block;margin:12px auto;border-color:#b5a3df;font-size:14px}
body.music-focus header,body.music-focus nav,body.music-focus .demo,body.music-focus .intro,body.music-focus aside,body.music-focus .rhythm-levels,body.music-focus footer,body.music-focus .bottom{display:none}
body.music-focus main{max-width:none;padding:8px}
body.music-focus .workspace{display:block}
body.music-focus .exercise{max-width:none;margin:0;min-height:calc(100dvh - 16px)}
body.music-focus #staff{max-width:850px;height:min(65dvh,650px)}
@media(max-width:760px){
 main{padding:0 10px}
 header{padding:10px 12px}header select{max-width:145px}
 nav{padding:12px 0;gap:20px}nav button{min-height:44px}
 .intro{padding:16px 2px 10px}.intro h1{font-size:27px;line-height:1.15}.intro h1 br{display:none}.intro p{margin:8px 0;font-size:13px}.intro .eyebrow{display:none}
 .demo{padding:7px 9px;font-size:9px;gap:8px}
 .workspace{display:flex;flex-direction:column}.workspace .exercise{order:0}.workspace aside{order:1}
 .exercise,.rhythm-exercise{padding:14px 10px;border-radius:12px}
 .exercise-head h2{font-size:21px}.exercise-head .eyebrow{font-size:9px;letter-spacing:1px}
 .staff-label{margin-top:12px;font-size:10px}
 #staff{height:auto;aspect-ratio:420 / 410;width:100%;max-width:none;overflow:hidden}
 #staff svg{width:124%;max-width:none;flex:none;margin-left:-12%;height:auto;aspect-ratio:520 / 410}
 .actions{margin:15px 0}.actions button{min-height:46px}.primary{padding:14px 16px}.primary span{margin-left:12px}
 .exercise-foot{margin-top:14px}.meter{margin-top:12px}
 #rhythm:not([hidden]){display:flex;flex-direction:column}
 .rhythm-levels{order:2;margin-top:16px}.rhythm-exercise{order:1;display:flex;flex-direction:column}
 .rhythm-exercise .exercise-head{order:0}.rhythm-exercise .music-view-toggle{order:1}
 .rhythm-pulse{order:2;margin-top:8px}#r-viewport{order:3;margin:12px -10px;width:calc(100% + 20px);border-left:0;border-right:0;border-radius:0}
 .rhythm-exercise .r-legend{order:4}.rhythm-exercise #r-pitch-status{order:5}.rhythm-exercise #r-feedback{order:6}.rhythm-exercise .r-input{order:7}.rhythm-exercise #r-mic{order:8}.rhythm-exercise .actions{order:9}
 .rhythm-controls{order:10;border-top:1px solid var(--line);padding-top:18px}.rhythm-guide{order:11}.rhythm-help{order:12}#r-results{order:13}
 .rhythm-controls label{font-size:13px}.rhythm-controls select{min-height:44px}
 body.music-focus #staff{height:auto;max-width:600px}
 body.music-focus .rhythm-controls,body.music-focus .rhythm-guide{display:none}
}
@media(max-width:760px) and (orientation:landscape){body.music-focus #staff{height:65dvh;aspect-ratio:auto}body.music-focus #staff svg{width:100%;height:100%;margin:0}}

#staff,#r-viewport{cursor:zoom-in}
body.music-fullscreen{overflow:hidden}
body .exercise.music-screen{position:fixed;inset:0;z-index:10000;width:100%;height:100%;height:100dvh;max-width:none;margin:0;border:0;border-radius:0;background:#fffefa;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;box-shadow:none}
.music-close{align-self:flex-end;flex-shrink:0;min-height:44px;background:#eee8ff;border-color:#b9a5e5;order:-10;position:sticky;top:0;z-index:5}
.music-screen .music-view-toggle,.music-screen .exercise-foot,.music-screen .rhythm-controls,.music-screen .rhythm-guide,.music-screen .rhythm-help,.music-screen .r-legend,.music-screen .staff-label{display:none}
.music-screen .exercise-head{flex-shrink:0;order:-5}.music-screen .exercise-head h2{margin:3px 0;font-size:21px}.music-screen .stats b{font-size:26px}
.music-screen #staff{flex:1 0 260px;min-height:260px;max-width:900px;width:100%;height:auto;aspect-ratio:auto;margin:0 auto;cursor:default}
.music-screen #staff svg{width:100%;height:100%;max-height:65dvh;aspect-ratio:auto;margin:0}
.music-screen #feedback,.music-screen #r-feedback{flex-shrink:0;margin:7px 0}
.music-screen .actions{flex-shrink:0;margin:10px 0}.music-screen .meter{margin:8px auto}
.music-screen #r-viewport{order:3;flex:1 0 330px;min-height:330px;width:100%;margin:10px 0;cursor:default;display:flex;align-items:center}
.music-screen #r-clefs{top:50%;transform:translateY(-50%)}
.music-screen #r-playhead{top:calc(50% - 135px);bottom:calc(50% - 128px)}
.music-screen .rhythm-pulse{order:2}.music-screen #r-pitch-status{order:5}.music-screen #r-feedback{order:6}.music-screen .r-input{order:7}.music-screen #r-mic{order:8}.music-screen .actions{order:9}
@media(orientation:landscape) and (max-height:500px){
 .music-screen .exercise-head,.music-screen .rhythm-pulse,.music-screen .small,.music-screen .meter,.music-screen .r-input,.music-screen #r-pitch-status{display:none}
 .music-screen .music-close{position:absolute;right:max(12px,env(safe-area-inset-right));top:8px}
 .music-screen #staff{min-height:180px}.music-screen #staff svg{max-height:75dvh}
 .music-screen #r-viewport{flex:1 0 300px;min-height:300px;margin:0}
 .music-screen .actions{margin:3px 0}.music-screen #r-feedback{font-size:12px;margin:2px}
}

/* Warm red branding with a quiet, high-contrast music surface. */
:root{--ink:#42272b;--muted:#80666a;--paper:#fff6f3;--line:#ebd5d0;--lime:#f7d8d2;--green:#a4353d}
header{background:#fffaf8}.brand{color:#9e3039}.brand b{display:inline;font-weight:normal}h1 em{color:#af3d48}
.demo{background:#fff0eb;border-color:#edccc4}.demo span{color:#87524f}
.level.active,.r-level.active{background:#f8dcd6;border-color:#bf6668}.level .num{border-color:#d29c96}.level small,.r-level small,.r-level span{color:#855b59}
.music-view-toggle,.music-close{border-color:#cf8f88;background:#fff0eb;color:#8d2b34}
#r-beats i{background:#f8e1da;color:#8a4d49}#r-beats i.lit{background:#eeb1a0;color:#582a2d;box-shadow:0 0 0 4px #fff0e9}
.rhythm-controls input{accent-color:#a4353d}.bottom,footer{color:#95665f}

.home-welcome{max-width:740px;padding:65px 0 35px}.home-welcome h1{font-size:58px}.home-welcome p{max-width:600px;font-size:17px;line-height:1.75}.home-welcome .primary{margin-top:12px;min-height:48px}.home-welcome .home-note{font-size:12px;margin-top:20px}.home-options{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:25px 0 55px;border-top:1px solid var(--line)}.home-options h2{font-size:23px}.home-options p{font-size:14px;line-height:1.7}
@media(max-width:760px){.home-welcome{padding:35px 8px 25px}.home-welcome h1{font-size:39px}.home-welcome p{font-size:15px}.home-options{grid-template-columns:1fr;gap:17px;padding:25px 8px 35px}.home-options p{margin:8px 0}.home-options h2{margin:7px 0}}

/* Readable welcome screen and touch-friendly navigation. */
.home-welcome p{font-size:19px;color:#705055}.home-welcome .home-note{font-size:16px}.home-options p{font-size:17px;color:#705055}#home .eyebrow{font-size:12px;line-height:1.6}
@media(max-width:760px){
header{gap:12px;padding:14px 16px}header .brand span{font-size:22px}header select{flex:1;min-width:0;max-width:none;min-height:48px;font-size:16px}header #add{min-height:48px;font-size:16px;padding:10px 12px}
main{padding:0 16px}nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px 0;overflow:visible;white-space:normal;font-size:16px}nav button{min-height:48px;padding:10px 8px;border:1px solid var(--line);border-radius:8px;background:#fffaf8;line-height:1.3}nav button.selected{background:#f8dcd6;border:1px solid #bf6668;font-weight:600}
.demo{display:block;padding:12px;font-size:11px;line-height:1.5;letter-spacing:.8px}.demo span{display:block;margin-top:4px;font-size:13px;line-height:1.5}
.home-welcome{padding:28px 0 24px}.home-welcome h1{font-size:clamp(36px,9.6vw,52px);line-height:1.16;margin:14px 0 20px;overflow-wrap:break-word}.home-welcome p{font-size:18px;line-height:1.65;margin:16px 0}.home-welcome .primary{width:100%;min-height:56px;font-size:18px;margin-top:10px}.home-welcome .home-note{font-size:16px;line-height:1.6}.home-options{padding:24px 0 32px;gap:24px}.home-options h2{font-size:27px;line-height:1.25}.home-options p{font-size:17px;line-height:1.65}footer{flex-direction:column;gap:10px;font-size:17px;line-height:1.5}footer span{font-size:14px;line-height:1.5}
}

/* Responsive LearnPiano.ie logo. */
header .brand{flex-shrink:0;max-width:100%}header .brand-logo{display:block;width:260px;max-width:100%;height:auto}
@media(max-width:760px){header .brand{width:100%;justify-content:center}header .brand-logo{width:min(300px,100%)}header select{flex:1;min-width:0}}

/* LearnPiano logo palette: navy, teal, coral and sunshine. */
:root{--ink:#082e50;--muted:#526a7b;--paper:#f5fbfb;--line:#d3e5e8;--lime:#d5f2ef;--green:#007d80}
header{background:#fff;border-bottom-color:#d3e5e8}.class{color:#315a70}
h1 em{color:#007d80}p,.home-welcome p,.home-options p{color:#526a7b}
.primary{background:#007d80;color:#fff}.primary:hover{background:#00686b}button:focus-visible,select:focus-visible,input:focus-visible{outline-color:#f3b719}
nav .selected{border-bottom-color:#007d80;color:#00696d}
.demo{background:#fff7df;border-color:#ecd38b;color:#665015}.demo span{color:#685a32}
.level.active,.r-level.active{background:#d5f2ef;border-color:#55aaa8}.level .num{border-color:#8dbfca}.level small,.r-level small,.r-level span{color:#416774}
.tip{border-top-color:#d3e5e8}.music-view-toggle,.music-close{border-color:#72b7bb;background:#e6f7f5;color:#075f68}
.exercise,.rhythm-exercise,.music-screen{background:#fffefa}.exercise{box-shadow:0 10px 35px #08304d0c}
#r-beats i{background:#e0f2f0;color:#165a64}#r-beats i.lit{background:#ffc84a;color:#12334c;box-shadow:0 0 0 4px #fff5d8}
.rhythm-controls input{accent-color:#007d80}.bottom,footer{color:#526a7b}
.home-options>div{border-top:4px solid #00a8aa;padding-top:14px}.home-options>div:nth-child(2){border-top-color:#f36b5e}.home-options>div:nth-child(3){border-top-color:#f3b719}
.home-options .eyebrow{color:#006f75}.home-options>div:nth-child(2) .eyebrow{color:#ad3e36}.home-options>div:nth-child(3) .eyebrow{color:#806000}
@media(max-width:760px){nav button{background:#fff;border-color:#d3e5e8;color:#355c71}nav button.selected{background:#d5f2ef;border-color:#55aaa8;color:#075761}}

/* Keep the complete grand staff and both boundary bar lines visible. */
@media(max-width:760px){#staff svg{width:100%;max-width:100%;margin-left:0;height:auto;aspect-ratio:520 / 410}#staff{aspect-ratio:520 / 410;overflow:visible}}

/* Compact section dropdown; existing tab actions preserve practice cleanup. */
nav{display:block;padding:18px 0}nav [data-tab]{display:none}.section-menu{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:var(--ink)}.section-menu select{width:270px;max-width:100%;min-height:48px;padding:10px 38px 10px 14px;background:#fff;border:1px solid #78b8bc;color:#075761;font-size:16px}.section-menu select:focus-visible{outline:3px solid #f3b719;outline-offset:3px}
@media(max-width:760px){nav{display:block;padding:16px 0}.section-menu select{flex:1;min-width:0;width:auto}}

/* Interval reference page */
.interval-guide{max-width:1000px;padding-bottom:36px}.interval-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin:18px 0}.interval-panel h2{margin-top:0}.interval-keyboard{display:block;width:min(100%,600px);height:auto;margin:24px auto;overflow:visible}.interval-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:white;margin:22px 0}.interval-table{width:100%;border-collapse:collapse;text-align:left;font-size:16px;min-width:660px}.interval-table caption{text-align:left;font-weight:600;padding:18px;color:#075761}.interval-table th,.interval-table td{padding:14px 16px;border-bottom:1px solid var(--line);line-height:1.4}.interval-table thead{background:#d5f2ef}.interval-table tbody tr:nth-child(even){background:#f5fbfb}.interval-table small{display:block;color:var(--muted);font-weight:400}.interval-play{white-space:nowrap;min-height:44px;color:#00696d}.interval-rules{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quality-flow,.leading-diagram{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}.quality-flow span,.leading-diagram span{padding:12px 16px;background:#d5f2ef;border-radius:8px;font-weight:600}.quality-flow b,.leading-diagram b{font-size:14px;color:#526a7b}.leading-diagram small{display:block;font-weight:400;font-size:13px}.leading-note{border-top:5px solid #f3b719}#intervals p{font-size:17px;line-height:1.65}
@media(max-width:760px){.interval-panel{padding:18px}.interval-rules{grid-template-columns:1fr;gap:0}.interval-table th,.interval-table td{padding:12px}.interval-guide>h2{font-size:26px}.quality-flow,.leading-diagram{gap:8px}#intervals .intro h1{font-size:36px}#intervals .intro p{font-size:17px}}

#flashCardsFrame{display:block;width:100%;height:1000px;border:0;background:#f5fbfb} @media(max-width:760px){#flashCardsFrame{height:1120px}}

.practice-sensitivity{display:flex;flex-direction:column;gap:8px;margin:16px 0;font-size:14px}.practice-sensitivity input{width:100%;min-height:44px;accent-color:#7656cc}.practice-sensitivity output{font-weight:700}.practice-sensitivity small{line-height:1.5}

.practice-mic-controls{max-width:480px;margin:16px auto 0;padding:12px 16px;border:1px solid var(--line);border-radius:10px}.practice-mic-controls .practice-sensitivity{margin:0}.practice-mic-controls #calibrate{font-size:12px;padding:8px 0}

.theory-menu{margin:0 0 18px;padding:14px 16px;border:1px solid #d3e5e8;border-radius:10px;background:#fff}.theory-menu[hidden]{display:none}.theory-menu label{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600}.theory-menu select{min-height:48px;width:270px;max-width:100%;font-size:16px;background:white}@media(max-width:760px){.theory-menu label{align-items:stretch;flex-direction:column}.theory-menu select{width:100%}}

.student-list-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.student-list-actions button{min-height:48px}

.account-loading main,.account-loading header{display:none}.account-load-message{margin:40px;padding:20px}.teacher-password-link{display:inline-block;padding:12px 16px;border:1px solid var(--line);border-radius:8px;color:#6550c7;background:white;text-decoration:none}#accountName{font-size:13px}#signOut{font-size:13px}

.home-login-form{max-width:460px;background:white;border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:40px}.home-login-form label{display:block;font-weight:650}.home-login-form input{min-height:48px;font-size:16px;margin:8px 0 20px}.activity-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:0 0 40px}.activity-cards a{display:block;padding:24px;border:1px solid #d3e5e8;border-radius:14px;background:white;text-decoration:none;color:var(--ink)}.activity-cards a:hover{border-color:#7660d3}.activity-cards h2{margin-top:0}.activity-cards p{margin-bottom:0}#teacherActivities{margin-bottom:20px}[hidden]{display:none!important}

.weekly-controls{padding:20px;border:1px solid #d6c9e5;border-radius:16px;margin:24px 0}.student-stats-link{color:#672b85;text-decoration:underline;text-align:left}#studentStats{width:min(850px,92vw);max-height:85vh;overflow:auto;box-sizing:border-box;padding:24px;border:1px solid #d6c9e5;border-radius:20px}#studentStats::backdrop{background:#22132c88}#studentStats table{display:block;overflow-x:auto}#closeStudentStats{float:right}
.student-video{padding:16px;border:1px solid #d6c9e5;border-radius:16px;margin:16px 0}.student-video video{display:block;width:100%;max-height:440px;background:#18121d;border-radius:10px}.teacher-video-panel{padding:16px 0;border-bottom:1px solid #d6c9e5}.video-upload{display:grid;gap:12px}.video-upload label{display:grid;gap:8px}.video-upload input{max-width:100%;box-sizing:border-box;padding:10px}.upload-status{min-height:1.5em}

.reset-overall{display:block;margin-top:8px;color:#9d2438;border-color:#dba1ab}

.video-link-form{display:grid;gap:12px}.video-link-form label{display:grid;gap:8px}.video-link-form input{max-width:100%;box-sizing:border-box;padding:10px}

.leaderboard-filters{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}.leaderboard-filters label{display:grid;gap:8px}.leaderboard-filters select{max-width:100%;padding:12px;border-radius:10px;border:1px solid #d6c9e5}
.lesson-note{padding:20px;margin:16px 0;border:1px solid #e3d9d5;border-radius:16px;background:#fff}.lesson-note p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.teacher-video-panel textarea{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid #c6bcb7;border-radius:10px}.lesson-import{margin-top:24px;padding:16px;border:1px solid #e3d9d5;border-radius:12px}.lesson-import input{max-width:100%}
.video-thumbnail{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#4f345a,#9f453d);color:white;text-decoration:none}.video-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-play-icon{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#0009;font-size:26px;padding-left:4px}.video-preview-label{position:absolute;bottom:10px;left:12px;padding:4px 8px;border-radius:6px;background:#000b;font-size:14px}.video-activity-count{font-weight:650;font-size:.9rem}

.home-welcome .home-login-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;min-height:56px;min-width:220px;font-weight:700;font-size:18px}.home-login-button:focus-visible{outline:3px solid #f3b719;outline-offset:3px}
.teacher-preview-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 5vw;background:#fff1d7;border-bottom:2px solid #d39227;font-size:14px}.teacher-preview-banner button{background:white;font-weight:700}

.online-lesson-link{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;margin:10px 12px 10px 0}

.record-lesson-link{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;margin:10px 12px 10px 0}

button.video-thumbnail{border:0;padding:0;cursor:pointer;font:inherit}.student-youtube-player{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:#111;min-height:200px}

/* LearnPiano student-centred homepage */
#home{background:#fffaf0;border-radius:18px;padding:clamp(22px,4vw,46px);margin-top:24px;color:#102e49;overflow:hidden}#home .eyebrow{color:#007e83;letter-spacing:2px}#home .studio-home-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding:15px 0 56px}#home .studio-home-copy h1{font-family:Georgia,serif;font-size:clamp(38px,5vw,64px);font-weight:400;line-height:1.12;letter-spacing:-1px;margin:18px 0 22px;color:#102e49}#home .studio-home-copy p{max-width:490px;font-size:18px;line-height:1.7;color:#52616b}#home .studio-home-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:25px}#home .home-login-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:9px;min-height:54px;padding:13px 24px;font-size:17px;font-weight:700;background:#c74740;color:white}#home .studio-enquiry{color:#007e83;font-weight:700;text-decoration:none;padding:12px 0}#home a:focus-visible{outline:3px solid #e5ae2d;outline-offset:4px}#home .studio-keyboard{height:200px;display:flex;gap:3px;padding:10px;background:#102e49;border-radius:16px;transform:rotate(-5deg);box-shadow:12px 14px 0 #efc666;margin:16px 20px}#home .studio-keyboard span{background:#fffdf7;flex:1;border-radius:0 0 5px 5px;position:relative}#home .studio-keyboard span:not(:nth-child(3n)):not(:last-child):after{content:'';position:absolute;right:-7px;top:0;width:13px;height:62%;background:#102e49;z-index:1;border-radius:0 0 3px 3px}#home .studio-home-info{padding-top:26px;border-top:1px solid #e7dfd2}#home .studio-home-info h2{font-size:25px;color:#102e49;margin:12px 0}#home .studio-home-info p{font-size:17px;line-height:1.7;max-width:760px;color:#52616b}@media(max-width:700px){#home .studio-home-hero{grid-template-columns:1fr;gap:22px;padding-bottom:38px}#home .studio-keyboard{height:130px;margin:12px 16px 14px}#home .studio-home-actions{gap:12px 22px}#home .studio-home-copy p{font-size:17px}#home .home-login-button{min-width:0;width:auto}}

#home .studio-enquiry-email{display:block;font-size:14px;font-weight:400;margin-top:3px;overflow-wrap:anywhere}

.teacher-search{display:block;max-width:600px;font-weight:700;margin-top:28px}.teacher-search input{display:block;width:100%;padding:14px;margin-top:8px;font-size:17px;border:1px solid #b9c8cb;border-radius:10px}.teacher-student-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px;margin:20px 0 30px}.teacher-student-card{padding:22px;border:1px solid #deddd5;background:#fffdf8;border-radius:16px;min-width:0}.teacher-student-card[hidden]{display:none}.teacher-student-card h2{font-size:23px;margin:0 0 12px}.teacher-student-card h2 button{text-align:left;font:inherit}.teacher-student-card p{font-size:16px;line-height:1.6}.teacher-student-card .primary{font-size:15px;white-space:normal;text-align:left}.student-card-controls{margin-top:18px;border-top:1px solid #deddd5;padding-top:14px}.student-card-controls summary{cursor:pointer;color:#526a7b}.student-card-controls button{margin:4px;font-size:14px}.teacher-student-card small{overflow-wrap:anywhere}

/* Concert-style LearnPiano homepage */
#home.home-stage{padding:0;background:#fffaf0;border:0;border-radius:22px;overflow:hidden;margin-top:22px}#home .home-concert{position:relative;min-height:570px;display:flex;align-items:center;background:#0a1a2a;isolation:isolate}#home .home-concert-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}#home .home-concert-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,18,32,.95),rgba(5,18,32,.78) 38%,rgba(5,18,32,.12) 78%)}#home .home-concert-copy{padding:54px clamp(24px,5vw,64px);max-width:680px;color:#fff9ec}#home .home-pill{display:inline-block;color:#ffdc83;font-size:11px;letter-spacing:2px;padding:8px 13px;border:1px solid #ffdc8366;border-radius:100px}#home .home-concert h1{font:400 clamp(42px,5.4vw,72px)/1.06 Georgia,serif;letter-spacing:-2px;margin:26px 0 22px;color:#fff9ec}#home .home-concert h1 em{font-style:italic;color:#ffce72}#home .home-concert-copy p{color:#e2e6e9;font-size:17px;line-height:1.8;max-width:440px}#home .home-concert-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}#home .home-enter{display:block;text-decoration:none;background:#ff7064;color:#142a3e;font-size:20px;font-weight:750;min-width:170px;border-radius:12px;padding:14px 20px}#home .home-enter span{float:right;margin-left:20px}#home .home-enter small{display:block;font-size:12px;font-weight:500;margin-top:4px}#home .home-ask{color:#fff9ec;text-decoration:none;font-size:15px;font-weight:600;padding:10px 0;border-bottom:1px solid #ffffff66}#home .home-ask small{display:block;font-size:12px;color:#c5d2db;margin-top:5px}#home .home-art-caption{position:absolute;bottom:25px;right:28px;color:#f5d694;font-size:10px;letter-spacing:3px}#home .home-marquee{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:16px;background:#ffd178;color:#18394c;padding:18px 24px;font-size:11px;font-weight:700;letter-spacing:1.6px}#home .home-marquee b{font-size:18px}#home .home-discover{padding:46px clamp(24px,4vw,50px)}#home .home-discover-heading h2{font:400 clamp(32px,4vw,43px)/1.2 Georgia,serif;color:#15384a;margin:12px 0}#home .home-discover-heading p{font-size:16px;max-width:650px}#home .home-play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}#home .home-play-tile{padding:26px;text-decoration:none;background:#cce9e5;color:#113b46;border-radius:16px;display:flex;flex-direction:column;transition:transform .2s}#home .home-play-tile:nth-child(2){background:#f9d9cf;color:#59342f}#home .home-play-tile:nth-child(3){background:#e0dcf0;color:#373754}#home .home-tile-number{font-size:10px;letter-spacing:1.8px;font-weight:700}#home .home-play-tile h3{font:400 31px/1.12 Georgia,serif;margin:25px 0 14px;color:inherit}#home .home-play-tile p{font-size:14px;line-height:1.65;color:inherit;flex:1}#home .home-tile-link{font-size:13px;font-weight:700;margin-top:18px;padding-top:16px;border-top:1px solid #16364c33}#home .home-play-tile:hover{transform:translateY(-4px)}#home .home-final-note{padding:23px clamp(24px,4vw,50px);background:#143747;color:#fff9ec;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:13px}#home .home-final-note a{color:#ffdc83;text-decoration:none}#home a:focus-visible{outline:3px solid #1685ea;outline-offset:4px}@media(max-width:700px){#home .home-concert{min-height:650px;align-items:flex-end}#home .home-concert-art{object-position:65% center}#home .home-concert-shade{background:linear-gradient(0deg,#081a2df5 8%,#081a2dcc 52%,#081a2d22 100%)}#home .home-concert-copy{padding:190px 24px 52px}#home .home-concert h1{font-size:46px;letter-spacing:-1px}#home .home-concert-copy p{font-size:16px}#home .home-play-grid{grid-template-columns:1fr}#home .home-play-tile{padding:25px}#home .home-play-tile h3{margin-top:18px}#home .home-art-caption{bottom:14px;right:20px;font-size:9px}#home .home-marquee{font-size:10px;gap:10px}#home .home-marquee span:last-child,#home .home-marquee b:last-of-type{display:none}}@media(prefers-reduced-motion:reduce){#home .home-play-tile{transition:none}}

@media(max-width:700px){body:has(#home:not([hidden]))>header{background:linear-gradient(115deg,#102b3b,#0a1a2a);border-bottom-color:#315264;color:#fff9ec}body:has(#home:not([hidden]))>header .class,body:has(#home:not([hidden]))>header #accountName,body:has(#home:not([hidden]))>header .quiet{color:#fff9ec}body:has(#home:not([hidden]))>header .brand{background:#fffaf0;border-radius:10px;padding:7px 10px}}
@media(max-width:700px){body:has(#home:not([hidden]))>header{background:linear-gradient(110deg,#e3efea 0%,#bcdedb 60%,#83bcc2 100%);border-bottom:1px solid #95bdc0;color:#13384a}body:has(#home:not([hidden]))>header .brand{background:transparent;border-radius:0;padding:0}body:has(#home:not([hidden]))>header .class,body:has(#home:not([hidden]))>header #accountName,body:has(#home:not([hidden]))>header .quiet{color:#13384a}}
#home .home-discover{background:linear-gradient(110deg,#e3efea 0%,#bcdedb 60%,#83bcc2 100%)}

nav .section-menu{display:inline-flex;align-items:center;gap:16px;padding:7px 10px 7px 18px;background:#143747;color:#fffaf0;border:1px solid #315968;border-radius:14px;box-shadow:0 5px 15px #15384a12}nav .section-menu .menu-caption{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:650;white-space:nowrap}nav .section-menu .menu-caption span{font-size:20px;color:#83ccca}nav .section-menu #sectionMenu{background:#e3efea;color:#16384b;border:0;border-radius:9px;min-width:170px;min-height:44px;padding:10px 34px 10px 14px;font-size:15px;font-weight:600;max-width:100%;width:auto}nav .section-menu #sectionMenu:focus-visible{outline:3px solid #ffd178;outline-offset:3px}@media(max-width:600px){nav .section-menu{width:100%;justify-content:space-between;gap:12px;padding:7px 9px 7px 16px}nav .section-menu #sectionMenu{flex:1;min-width:0;max-width:235px}}
#home .home-play-tile:first-child{background:#ffe0a0;color:#44331e}
@media(max-width:700px){body:has(#home:not([hidden]))>header{background:linear-gradient(110deg,#c4ded8 0%,#90c4c1 60%,#5b9fa9 100%);border-bottom-color:#6fa5ad}}
@media(max-width:700px){body:has(#home:not([hidden]))>header{background:radial-gradient(ellipse 180px 95px at 210px 42px,#badbd4 0%,#77aaad 35%,#315c6c 70%,transparent 100%),linear-gradient(110deg,#143747,#102d3d);border-bottom-color:#315968;color:#fffaf0}body:has(#home:not([hidden]))>header .class,body:has(#home:not([hidden]))>header #accountName,body:has(#home:not([hidden]))>header .quiet{color:#fffaf0}}
@media(min-width:1000px){body:has(#home:not([hidden]))>main{max-width:none;width:94%;padding:0;margin:0 auto}#home.home-stage{width:100%}#home .home-concert{min-height:clamp(570px,37vw,740px)}#home .home-concert-copy{padding-left:clamp(40px,5vw,100px)}#home .home-discover{padding-left:clamp(36px,5vw,100px);padding-right:clamp(36px,5vw,100px)}#home .home-play-grid{gap:26px}#home .home-play-tile{padding:32px}}
@media(min-width:701px){body:has(#home:not([hidden]))>header{background:radial-gradient(ellipse 220px 105px at calc(5vw + 230px) 42px,#badbd4 0%,#77aaad 35%,#315c6c 70%,transparent 100%),linear-gradient(110deg,#143747,#102d3d);border-bottom-color:#315968;color:#fffaf0}body:has(#home:not([hidden]))>header .class,body:has(#home:not([hidden]))>header #accountName,body:has(#home:not([hidden]))>header .quiet{color:#fffaf0}body:has(#home:not([hidden]))>header .brand{background:transparent}}
@media(min-width:1000px){#home .home-concert-art{object-fit:contain;object-position:right center}#home .home-concert-shade{background:linear-gradient(90deg,#0a1a2a 0%,rgba(5,18,32,.92) 25%,rgba(5,18,32,.45) 48%,rgba(5,18,32,0) 75%)}}
@media(min-width:1000px){#home .home-concert{min-height:clamp(620px,43vw,860px)}#home .home-concert-art{object-fit:cover;object-position:center 75%}#home .home-concert-shade{background:linear-gradient(90deg,rgba(5,18,32,.95),rgba(5,18,32,.78) 38%,rgba(5,18,32,.12) 78%)}}

#home .home-art-picture{position:absolute;inset:0;z-index:-3}#home .home-art-picture .home-concert-art{z-index:auto}@media(min-width:1000px){#home .home-art-picture .home-concert-art{object-position:center center}}

body>header:has(.brand-logo[src*="logo-navy"]){background:#093149!important;color:#fff4da;border-bottom-color:#214b60}body>header:has(.brand-logo[src*="logo-navy"]) .brand{background:transparent!important;padding:0!important;border-radius:0!important}body>header:has(.brand-logo[src*="logo-navy"]) .class,body>header:has(.brand-logo[src*="logo-navy"]) #accountName,body>header:has(.brand-logo[src*="logo-navy"]) .quiet{color:#fff4da!important}body>header .brand-logo[src*="logo-navy"]{mix-blend-mode:lighten}
@media(max-width:760px){body:not(.music-focus)>header{position:sticky;top:0;z-index:100}body:not(.music-focus)>main>nav{position:sticky;top:var(--studio-header-height,86px);z-index:99;background:var(--paper);padding-top:10px;padding-bottom:10px;box-shadow:0 5px 10px #102e4910}body:not(.music-focus)>main>nav .section-menu{margin:0}}
@media(max-width:760px){body:not(.music-focus)>main{padding-top:var(--studio-menu-height,78px)}body:not(.music-focus)>main>nav{position:fixed;left:0;right:0;top:var(--studio-header-height,86px);width:100%;padding-left:16px;padding-right:16px;margin:0;box-sizing:border-box}}
@media(max-width:760px){body:not(.music-focus)>header{padding-top:8px;padding-bottom:8px}}

@media(max-width:760px){body:not(.music-focus)>header{flex-wrap:wrap;height:auto}body:not(.music-focus)>header>nav{position:static!important;top:auto!important;flex:0 0 100%;width:100%;padding:8px 0 2px;margin:0;overflow:visible;background:transparent;box-shadow:none;z-index:auto}body:not(.music-focus)>header>nav .section-menu{width:100%;margin:0}body:not(.music-focus)>main{padding-top:0!important}}

/* Compact phone navigation and immediate access to student login. */
@media(max-width:760px){
 body:not(.music-focus)>header{padding:5px 12px;gap:4px}
 body>header .brand-logo{width:200px;max-width:100%;height:auto}
 body:not(.music-focus)>header>nav{padding:3px 0 0}
 body>header>nav .section-menu{padding:3px 6px 3px 12px;border-radius:10px;gap:10px}
 body>header>nav .section-menu #sectionMenu{min-height:44px;padding:8px 30px 8px 10px}
 #home.home-stage{margin-top:10px}
 #home .home-concert{align-items:flex-start;min-height:580px}
 #home .home-concert-copy{display:flex;flex-direction:column;align-items:flex-start;padding:24px 22px 46px;width:100%;max-width:680px}
 #home .home-concert-actions{display:contents}
 #home .home-enter{order:-2;min-width:190px;margin:0 0 18px;min-height:64px}
 #home .home-pill{order:-1;font-size:10px;padding:6px 11px}
 #home .home-concert h1{font-size:clamp(36px,10.5vw,46px);margin:18px 0 12px}
 #home .home-concert-copy p{margin:0 0 14px;line-height:1.65}
 #home .home-ask{margin-top:4px}
}

body.calendar-profile-view{background:#fffefa}body.calendar-profile-view>header,body.calendar-profile-view>main{display:none!important}body.calendar-profile-view #studentStats{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;padding:18px;overflow:auto}body.calendar-profile-view #closeStudentStats{display:none}body.calendar-profile-view #studentStats::backdrop{background:#fffefa}

.student-birthday-form{padding:14px;background:#fff4d8;border:1px solid #e9c663;border-radius:10px;margin:14px 0}.student-birthday-form input{max-width:250px}.student-birthday-form button{margin-top:8px}
.student-account-controls{border-top:2px solid #d3e5e8;margin-top:32px;padding-top:22px}.student-account-controls form{padding:15px;background:#eaf6f5;border-radius:10px}.student-account-controls .delete-student{background:#b4233b;color:white;border-color:#94192d}.student-account-controls p{line-height:1.6;font-size:14px}.student-account-controls [role="status"]{font-weight:650}