.foundation-shell{max-width:1440px;margin:auto;padding:48px 48px 140px}.foundation-heading{margin-bottom:42px}.foundation-heading h1{font-size:clamp(42px,5vw,72px)}.foundation-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:48px}.foundation-layout aside{align-self:start;position:sticky;top:24px}.foundation-layout nav{display:grid;gap:9px}.foundation-layout nav a{padding:13px 16px;border:1px solid #b9c5ad;border-radius:6px;display:flex;gap:12px;color:#234c42;text-decoration:none}.foundation-layout nav a[aria-current]{background:#e4ecbd;border-color:#315c47}.foundation-layout nav a span{min-width:24px}.foundation-small{font-size:16px;line-height:1.6;color:#486057}.foundation-layout h2{font:40px/1.2 Georgia,serif;margin:8px 0 24px}.foundation-layout h3{font:28px/1.25 Georgia,serif;margin:0 0 18px}.foundation-prose p{font-size:20px;line-height:1.75;max-width:78ch}.foundation-examples{background:#fffef8;border:1px solid #c2cdb7;border-radius:10px;padding:26px;margin:30px 0}.foundation-example-choice{display:flex;flex-direction:column;gap:8px;font-weight:600}.foundation-example-choice select{font:inherit;padding:12px;background:#fffef8;color:#193f35;border:1px solid #8b9e87;border-radius:5px;width:100%}.foundation-score{overflow:auto;margin:20px -8px 10px}.foundation-score>svg{display:block;max-width:none;height:auto}.foundation-score g.note[role=button]{cursor:pointer}.foundation-score g.note:focus{outline:3px solid #175e4c;outline-offset:8px}.foundation-score g.sounding{fill:#b54822;color:#b54822}.foundation-score .playing-measure{fill:#b54822}.foundation-example-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.foundation-voices{border:0;display:flex;gap:18px;flex-wrap:wrap;padding:10px 0;margin:8px 0}.foundation-voices label{display:flex;gap:6px;align-items:center}.foundation-voices input{width:19px;height:19px;accent-color:#234e40}.foundation-caption{font-size:18px;color:#36564a;line-height:1.65}.foundation-question,.foundation-task{padding:26px;border-radius:8px;margin:24px 0;background:#eaf0df;border:1px solid #c2cdb7}.foundation-question legend{font-size:21px;font-weight:600;line-height:1.5;padding-top:20px}.foundation-question fieldset{border:0;margin:0;padding:0}.foundation-question label{display:flex;gap:12px;padding:12px 0;font-size:19px}.foundation-question input{width:21px;height:21px;accent-color:#234e40}.foundation-feedback{font-size:19px;font-weight:600;line-height:1.6}.foundation-task textarea{width:100%;min-height:110px;padding:14px;font-family:inherit;font-size:18px;line-height:1.6;color:#203f35;background:#fffef8;border:1px solid #8b9e87;border-radius:5px;resize:vertical}.foundation-practice-check{display:flex;gap:12px;align-items:flex-start;margin:15px 0}.foundation-practice-check input{width:20px;height:20px;accent-color:#234e40}.foundation-panels{display:grid;gap:24px;margin:22px 0}.foundation-panels figure{margin:0;padding:16px;background:white;border:1px solid #c2cdb7;border-radius:6px}.foundation-panels img{width:100%;height:auto}.foundation-panels figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:17px;margin-top:12px}.foundation-panels button{flex-shrink:0}.foundation-next{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:35px}.foundation-player{position:fixed;bottom:0;left:0;right:0;background:#1e3d35;color:#f7f9ed;padding:16px 32px;display:flex;gap:22px;align-items:center;z-index:20;box-shadow:0 -2px 15px #142f3417}.foundation-player p{flex:1;margin:0;font-size:17px}.foundation-player label{display:flex;gap:8px;align-items:center;white-space:nowrap}.foundation-player input{width:100px;accent-color:#dce8b0}.foundation-player .secondary{background:#e6edca;color:#153e30}.foundation-footer{margin-top:48px;padding-top:25px;border-top:1px solid #bdc9b0;font-size:17px;color:#486057}.foundation-footer details{margin:20px 0}.foundation-footer summary{cursor:pointer}.foundation-workbook header{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.foundation-workbook{border:1px solid #bdc9b0;padding:24px;border-radius:8px;margin:24px 0;background:#fffef8}.foundation-layout article{min-width:0}.foundation-workbook h3{margin:0;flex:1}.foundation-ref{font-size:16px;color:#506357}.foundation-answer:disabled{opacity:.5}.foundation-shell a{color:#205b48}.foundation-shell button:focus-visible,.foundation-shell a:focus-visible,.foundation-shell input:focus-visible,.foundation-shell select:focus-visible,.foundation-shell textarea:focus-visible{outline:3px solid #ad4c21;outline-offset:3px}#source-dialog{max-width:96vw;width:1300px;max-height:90vh;padding:25px;overflow:auto}#source-dialog img{width:100%;height:auto}.back-link{color:#254c40;text-decoration:none;font-size:18px}.foundation-placeholder{font-style:italic}#foundation-lesson:focus{outline:none}
@media(max-width:900px){.foundation-shell{padding:28px 22px 155px}.foundation-layout{grid-template-columns:minmax(0,1fr);gap:28px}.foundation-layout aside{position:static}.foundation-layout nav{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-layout nav a{font-size:16px}.foundation-prose p{font-size:19px}.foundation-player{padding:12px 18px;gap:10px;flex-wrap:wrap}.foundation-player p{min-width:50%}.foundation-player label{font-size:16px}.foundation-examples{padding:18px}.foundation-layout h2{font-size:34px}}
@media print{.topbar,.foundation-layout aside,.foundation-player,.foundation-next,button,.foundation-question,.foundation-task,.foundation-footer{display:none!important}.foundation-shell{padding:0}.foundation-layout{display:block}.foundation-score svg{min-width:0}.foundation-panels figure,.foundation-workbook{break-inside:avoid}}

.foundation-shell a.primary{color:#fffef4;text-decoration:none;text-align:center}.foundation-next a{font-size:18px}.foundation-sources summary{cursor:pointer;font-size:18px;line-height:1.5}

.foundation-shell button{font-size:17px}.foundation-shell .foundation-player button{font-size:17px}
.foundation-figure-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,240px);gap:24px;align-items:start}
.foundation-figure-demo .foundation-score>svg{max-width:100%}
.foundation-layout .foundation-reading{position:static;margin-top:24px;padding:18px;background:#edf1df;border:1px solid #c2cdb7;border-radius:6px}
.foundation-reading[hidden]{display:none}
.foundation-reading dl{margin:0;display:grid;gap:16px}
.foundation-reading dt{font-size:14px;font-weight:600;color:#36564a;margin-bottom:4px}
.foundation-reading dd{margin:0;font-size:20px;line-height:1.5;color:#183e35}
.foundation-reading dd small{display:block;font-size:16px;line-height:1.5;margin-top:5px}
.foundation-figure-stack{display:inline-flex;flex-direction:column;align-items:center;font:26px/1.05 Georgia,serif;vertical-align:middle;min-width:24px}
.foundation-unfigured{font-size:17px;line-height:1.5}.foundation-unfigured small{font-size:14px}
.foundation-figure-guide{margin:32px 0}.foundation-table-wrap{overflow-x:auto}
.foundation-figure-guide table{border-collapse:collapse;width:100%;font-size:17px;line-height:1.5}
.foundation-figure-guide th,.foundation-figure-guide td{border-bottom:1px solid #bdc9b0;padding:14px 16px;text-align:left;vertical-align:middle}
.foundation-figure-guide th{background:#eaf0df;color:#183e35}.foundation-figure-guide td{background:#fffef8}
.foundation-reading-rules{margin:30px 0}.foundation-reading-rules ul{padding-left:24px}.foundation-reading-rules li{font-size:19px;line-height:1.65;margin:12px 0;max-width:78ch}
@media(max-width:650px){.foundation-figure-demo{grid-template-columns:minmax(0,1fr);gap:0}.foundation-layout .foundation-reading{order:-1;padding:14px}.foundation-reading dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.foundation-reading dd{font-size:18px}.foundation-figure-guide th,.foundation-figure-guide td{padding:10px 8px;font-size:15px}.foundation-reading-rules li{font-size:18px}}
.foundation-orientation{font-size:20px;line-height:1.65;max-width:72ch;color:#284b3d}.foundation-comparisons{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.foundation-comparisons button[aria-pressed=true]{background:#e4ecbd;color:#193f35;border-color:#315c47;box-shadow:inset 0 -3px #315c47}.foundation-listen-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:20px}.foundation-listen-row .foundation-voices{margin:0}.foundation-source-preview{margin:20px 0 0}.foundation-source-preview img{display:block;width:100%;height:auto;background:white}.foundation-source-preview figcaption{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px;font-size:17px}.foundation-source-preview figcaption span{flex:1;min-width:180px}.foundation-prose{margin:32px 0}.foundation-examples h3{margin-top:0}

.foundation-figure-demo{grid-template-areas:"navigation navigation" "reference reference" "score reading";row-gap:14px}.foundation-figure-demo>[data-foundation-measures]{grid-area:navigation}.foundation-figure-demo>.score-reference-status{grid-area:reference;margin:0}.foundation-figure-demo>.foundation-score{grid-area:score}.foundation-figure-demo>.foundation-reading{grid-area:reading;margin-top:20px}@media(max-width:650px){.foundation-figure-demo{grid-template-areas:"navigation" "reference" "score" "reading"}.foundation-figure-demo>.foundation-reading{margin-top:10px}}