button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.theory-main{padding:0 5%}.theory-hero{min-height:300px;position:relative;isolation:isolate;display:flex;align-items:center;padding:42px 0;overflow:hidden}.theory-hero h1{font-size:clamp(36px,4.2vw,55px);letter-spacing:-2px;margin-bottom:19px}.theory-hero>div:first-child{z-index:1}.theory-hero .eyebrow{font-size:9px;margin-bottom:18px}.theory-hero p:last-child{font-size:13px;line-height:1.8;color:var(--modus-c-b4beaa,#b4beaa)}.draft{margin-left:16px;color:var(--modus-c-acb79f,#acb79f);border:1px solid var(--modus-b-526043,#526043);border-radius:4px;padding:5px 7px;font-size:8px;letter-spacing:1px}.theory-landscape{position:absolute;inset:0 0 0 38%;z-index:0;background:linear-gradient(90deg,var(--modus-c-111310,#111310),transparent 60%),linear-gradient(0deg,var(--modus-c-111310,#111310),transparent 35%,var(--modus-c-111310e0,#111310e0)),url('images/mountain-lake.webp') center 32%/cover;opacity:.6}.theory-body{display:grid;grid-template-columns:235px minmax(0,1fr);gap:27px;align-items:start;margin:8px 0 0}.aside-label{font-size:9px;letter-spacing:1.4px;color:var(--modus-c-95a287,#95a287);margin:0 0 15px}.topic-tabs{display:flex;flex-direction:column;gap:8px}.topic-tabs button{width:100%;text-align:left;display:flex;align-items:center;gap:13px;border:1px solid var(--modus-b-35402d,#35402d);border-radius:8px;padding:17px 13px;background:var(--modus-c-191f16,#191f16);color:var(--modus-c-c3cdb6,#c3cdb6)}.topic-tabs button>span{font-size:10px;color:var(--modus-c-819274,#819274)}.topic-tabs button div{font-size:13px;line-height:1.4}.topic-tabs small{display:block;font-size:10px;color:var(--modus-c-94a487,#94a487);margin-top:5px}.topic-tabs b{margin-left:auto;font-size:14px;font-weight:400;color:var(--modus-c-738862,#738862)}.topic-tabs button[aria-selected=true]{background:var(--modus-c-29391d,#29391d);border-color:var(--modus-b-aacb70,#aacb70);color:var(--modus-c-e5f7c9,#e5f7c9)}.topic-tabs button[aria-selected=true]>span,.topic-tabs button[aria-selected=true] b{color:var(--accent)}.aside-note{border-top:1px solid var(--modus-b-35402d,#35402d);margin-top:27px;padding-top:22px}.aside-note>span{font-size:8px;letter-spacing:1.2px;color:var(--modus-c-a8ba95,#a8ba95)}.aside-note p{color:var(--modus-c-93a586,#93a586);font-size:12px;line-height:1.8;max-width:195px}.lesson{border:1px solid var(--modus-b-3d4932,#3d4932);border-radius:13px;background:var(--modus-c-1a2116,#1a2116);padding:29px;min-width:0}.lesson-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.lesson-top>span{font-size:9px;letter-spacing:1.4px;color:var(--modus-c-acb99b,#acb99b)}.lesson-top label{font-size:11px;display:flex;align-items:center;gap:10px;color:var(--modus-c-a8b89a,#a8b89a)}select{color:var(--modus-c-eef4e5,#eef4e5);background:var(--modus-c-27331f,#27331f);border:1px solid var(--modus-b-5c7048,#5c7048);border-radius:6px;padding:9px 12px;cursor:pointer}.lesson h2{font-size:31px;margin:0 0 12px;letter-spacing:-1px}.lesson .lead{font-size:13px;line-height:1.85;color:var(--modus-c-b9c8ab,#b9c8ab);margin:0 0 24px;max-width:690px}.choice-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:0 0 21px}.choice-row label{font-size:11px;color:var(--modus-c-acba9e,#acba9e)}.choice-row select{max-width:100%}.formula-label{font-size:9px;color:var(--modus-c-9eb28b,#9eb28b);letter-spacing:1.2px;margin-bottom:10px}.formula{color:var(--modus-c-e0f6b6,#e0f6b6);font-size:20px;font-weight:600;letter-spacing:1.1px;line-height:1.7;margin-bottom:17px}.note-cards{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.note-cards>div{background:var(--modus-c-26331f,#26331f);border:1px solid var(--modus-b-485c36,#485c36);border-radius:7px;display:flex;flex-direction:column;align-items:center;padding:13px 4px;gap:7px}.note-cards strong{font-size:20px;font-weight:500}.note-cards small{color:var(--modus-c-b1c49d,#b1c49d);font-size:11px}.note-cards>div:first-child{border-color:var(--accent)}.note-cards>div:first-child strong{color:var(--accent)}.concept{border-left:2px solid var(--modus-b-aaca73,#aaca73);background:var(--modus-c-222e1b,#222e1b);padding:13px 16px;margin:22px 0 0;font-size:12px;line-height:1.8;color:var(--modus-c-becfb0,#becfb0)}.concept strong{color:var(--modus-c-e1edcf,#e1edcf)}.listen-row{display:flex;align-items:center;gap:17px;margin:25px 0 15px;flex-wrap:wrap}.listen-button{color:var(--modus-c-1b290e,#1b290e);background:var(--accent);border:0;border-radius:6px;padding:12px 17px;font-size:12px;font-weight:700}.listen-button:disabled{opacity:.6;cursor:wait}.listen-row>span{font-size:10px;color:var(--modus-c-97ac83,#97ac83)}#audioStatus{font-size:11px;color:var(--modus-c-c7dda9,#c7dda9);min-height:0;margin:0}#audioStatus:empty{display:none}.keyboard-wrap{overflow-x:auto;background:var(--modus-c-10170c,#10170c);border:1px solid var(--modus-b-4a5e36,#4a5e36);border-radius:8px;padding:10px;margin-top:12px}.keyboard-wrap svg{display:block;width:100%;min-width:620px;height:auto}.keyboard-legend{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:var(--modus-c-98aa87,#98aa87);font-size:9px}.keyboard-legend>span:first-child{display:flex;align-items:center;gap:6px}.keyboard-legend i{height:7px;width:7px;background:var(--accent);border-radius:50%}.lesson-reflection{border-top:1px solid var(--modus-b-3c4d2f,#3c4d2f);margin-top:25px;padding-top:23px}.lesson-reflection>span{font-size:9px;color:var(--accent);letter-spacing:1.4px}.lesson-reflection>p{color:var(--modus-c-d1dec5,#d1dec5);font-size:13px;line-height:1.8}.lesson-reflection details{border:1px solid var(--modus-b-455c31,#455c31);border-radius:6px;background:var(--modus-c-202d18,#202d18)}.lesson-reflection summary{cursor:pointer;padding:13px 16px;color:var(--modus-c-bdcea9,#bdcea9);font-size:11px;list-style:none;display:flex;justify-content:space-between}.lesson-reflection summary::-webkit-details-marker{display:none}.lesson-reflection details[open] summary{border-bottom:1px solid var(--modus-b-3a4e28,#3a4e28)}.lesson-reflection details p{font-size:12px;line-height:1.9;color:var(--modus-c-c4d4b4,#c4d4b4);padding:0 16px;margin:14px 0}.practice-link{display:flex;justify-content:space-between;gap:15px;color:var(--accent);font-size:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--modus-b-3c4d2f,#3c4d2f)}.interval-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:20px}.interval-grid button{border:1px solid var(--modus-b-4b603a,#4b603a);background:var(--modus-c-25351b,#25351b);color:var(--modus-c-c9dcb6,#c9dcb6);border-radius:6px;padding:11px 3px;font-size:13px}.interval-grid button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--modus-c-1a280c,#1a280c)}.interval-result{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;padding:18px;background:var(--modus-c-10190b,#10190b);border:1px solid var(--modus-b-435a31,#435a31);border-radius:8px}.interval-result strong{font-size:27px;font-weight:500;color:var(--modus-c-e2f6c1,#e2f6c1)}.interval-result span{color:var(--modus-c-adbf99,#adbf99);font-size:12px}.cadence-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cadence-cards>div{border:1px solid var(--modus-b-4c6239,#4c6239);border-radius:8px;background:var(--modus-c-24331a,#24331a);padding:18px}.cadence-cards strong{font-size:25px;font-weight:500;display:block;letter-spacing:-.8px}.cadence-cards span{display:block;font:17px Georgia,serif;color:var(--accent);margin:11px 0}.cadence-cards small{font-size:10px;color:var(--modus-c-a6bd91,#a6bd91)}.theory-footer-note{text-align:center;padding:48px 0}.theory-footer-note p{font:italic 22px/1.7 Georgia,serif;color:var(--modus-c-becdad,#becdad);margin:0}.theory-footer-note p+p{font-size:18px;color:var(--modus-c-839875,#839875)}@media(max-width:1000px){.theory-body{grid-template-columns:190px minmax(0,1fr);gap:18px}.lesson{padding:23px}.topic-tabs button{padding:14px 10px;gap:9px}.topic-tabs button div{font-size:12px}.topic-tabs small{font-size:9px}.note-cards{gap:5px}.note-cards strong{font-size:18px}.cadence-cards>div{padding:13px 10px}.cadence-cards strong{font-size:21px}}@media(max-width:700px){.theory-main{padding:0 20px}.theory-hero{min-height:280px;padding:32px 0}.theory-hero h1{font-size:38px;letter-spacing:-1.9px}.theory-hero p:last-child{font-size:12px;max-width:290px}.theory-hero .eyebrow{font-size:8px;letter-spacing:1.4px}.draft{font-size:7px;margin-left:8px}.theory-body{grid-template-columns:1fr;gap:15px}.aside-label,.aside-note{display:none}.topic-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.topic-tabs button div{font-size:12px}.topic-tabs button>span{font-size:9px}.topic-tabs small{font-size:9px}.topic-tabs button{padding:12px}.lesson{padding:20px 15px}.lesson-top{gap:8px}.lesson-top>span{font-size:8px;letter-spacing:.6px}.lesson-top label{font-size:10px;gap:5px}.lesson-top select{padding:8px}.lesson h2{font-size:26px}.lesson .lead{font-size:12px}.formula{font-size:17px;letter-spacing:.4px}.note-cards{gap:4px}.note-cards>div{padding:12px 2px}.note-cards strong{font-size:16px}.note-cards small{font-size:10px}.keyboard-legend{font-size:8px;flex-wrap:wrap}.cadence-cards{gap:6px}.cadence-cards strong{font-size:17px}.cadence-cards span{font-size:15px}.cadence-cards small{font-size:9px}.lesson-reflection>p{font-size:12px}.site-header nav{gap:12px}.site-header nav a{font-size:10px}.site-header .nav-cta{padding:9px}.theory-footer-note p{font-size:20px}.theory-footer-note p+p{font-size:17px}}

.workshop-link{display:block;margin-top:16px;color:var(--modus-c-bbd69f,#bbd69f);font-size:11px;line-height:1.8}.workshop-link:hover{color:var(--accent)}

.choice-row .key-control{display:flex;align-items:center;gap:10px;padding-right:17px;margin-right:2px;border-right:1px solid var(--modus-b-4b6038,#4b6038);color:var(--modus-c-d5e5c5,#d5e5c5);font-size:12px;white-space:nowrap}.choice-row .key-control select{font-size:13px;min-width:72px}.lesson-top{justify-content:flex-start}@media(max-width:700px){.choice-row{gap:11px}.choice-row .key-control{gap:8px;padding-right:12px;font-size:11px}.choice-row .key-control select{min-width:63px;padding:9px}}

.reading-library-link{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 25px;margin-top:24px;border:1px solid var(--modus-b-4d6637,#4d6637);border-radius:9px;background:var(--modus-c-1e2c15,#1e2c15);font-size:12px;color:var(--modus-c-adbf99,#adbf99)}.reading-library-link a{color:var(--accent)}@media(max-width:700px){.reading-library-link{flex-direction:column;align-items:flex-start;font-size:11px;padding:20px;gap:12px}}

.start-course-link{display:block;color:var(--modus-c-d7f48c,#d7f48c);font-size:11px;line-height:1.8;margin-top:13px}