:root{--paper:#fffdf8;--bg:#f2eee5;--ink:#243633;--muted:#56635e;--line:#d6d9cd;--accent:#81531f;--green:#254b41}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.65 Georgia,Times New Roman,serif}a{color:var(--green);text-underline-offset:4px}button,input,select{font:inherit}button,select{cursor:pointer}.primary,button{min-height:44px;border:1px solid var(--line);border-radius:7px;padding:9px 15px;background:var(--paper);color:var(--ink);font:15px/1.5 Arial,sans-serif}button:hover{background:#e8ebdf}button:disabled{opacity:.45;cursor:default}.primary,button[aria-pressed=true]{background:var(--green);color:white}.primary{display:inline-block;border-color:var(--green);text-decoration:none}.primary:hover{background:#17392f;color:white}:focus-visible{outline:3px solid #b5772a;outline-offset:4px}.skip{position:absolute;left:16px;top:-100px;z-index:100}.skip:focus{top:12px;background:white;padding:10px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 4vw;border-bottom:1px solid var(--line);background:var(--paper)}.brand{font-size:25px;font-weight:700;text-decoration:none;line-height:1.2}.brand span{display:block;font:11px/1.8 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;margin-top:5px;color:var(--muted)}.site-header nav{display:flex;gap:8px;flex-wrap:wrap;font:15px Arial,sans-serif}.site-header nav a{padding:12px;text-decoration:none}.site-header nav a:hover{text-decoration:underline}.site-footer{text-align:center;padding:32px 20px;color:var(--muted);font:14px/2 Arial,sans-serif;border-top:1px solid var(--line)}.home,.index-page{max-width:1200px;margin:auto;padding:48px 28px}.hero{max-width:840px;padding:16px 0 48px}.eyebrow{font:12px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:1.8px;color:var(--accent)}h1{font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-.8px;margin:16px 0 22px}h2{font-size:28px}h2,h3{line-height:1.3}.hero p{font-size:22px;max-width:680px}.draft-note{font:14px/1.6 Arial,sans-serif;color:var(--muted);margin-top:24px;max-width:650px}.section-heading p{color:var(--muted);margin-top:-10px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.filters label{display:grid;gap:7px;font:14px/1.5 Arial,sans-serif}.filters input,.filters select{width:100%;min-width:0;padding:13px 12px;border:1px solid #b9c2b3;border-radius:6px;background:white;color:var(--ink);font-size:16px}.result-line{display:flex;justify-content:space-between;align-items:center;margin:12px 0;font:14px Arial,sans-serif}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.chapter-card{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:9px;background:var(--paper);text-decoration:none;transition:box-shadow .15s}.chapter-card:hover{box-shadow:0 5px 18px #254b4110;border-color:#9da995}.chapter-card h3{font-size:25px;margin:12px 0}.chapter-card p{color:var(--muted);font-size:17px;margin:0 0 18px}.tags{display:flex;flex-wrap:wrap;gap:7px;font:12px Arial,sans-serif}.tags a,.tags span{padding:6px 9px;border-radius:20px;background:#e9eddf;color:#3d5143}.read{margin-top:auto;padding-top:22px;font:15px Arial,sans-serif}.empty{padding:35px;background:white;border:1px solid var(--line)}.reader{max-width:1360px;margin:auto;padding:0 32px 44px}.reader-tools{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--bg);padding:12px 0;border-bottom:1px solid var(--line);font:14px Arial,sans-serif}.reader-tools>div{display:flex;gap:8px}.reader-heading{padding:35px 0 25px;max-width:950px}.reader-heading h1{font-size:40px}.prerequisites{font-size:16px;color:var(--muted)}.reader-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:38px}.chapter-toc{position:sticky;top:86px;align-self:start;font:14px/1.5 Arial,sans-serif}.chapter-toc h2{font:12px Arial,sans-serif;text-transform:uppercase;letter-spacing:1px}.chapter-toc nav{display:grid;gap:6px}.chapter-toc a{padding:10px 8px;border-left:2px solid var(--line);text-decoration:none}.chapter-toc a:hover,.chapter-toc a[aria-current]{background:#e5eadc;border-color:var(--green)}.tip{color:var(--muted);margin:25px 8px;line-height:1.6}.chapter-body{min-width:0}.content-section{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:28px 34px;margin:0 0 24px;scroll-margin-top:90px}.prose h2{font-size:26px;margin-top:8px}.prose h3{font-size:21px;margin-top:28px}.prose li,.prose p{font-size:18px}.prose a{overflow-wrap:anywhere}.prose table{border-collapse:collapse;width:100%;font:15px/1.5 Arial,sans-serif}.prose td,.prose th{text-align:left;padding:10px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.prose th{background:#ebeadd}.prose code{font-size:14px;overflow-wrap:anywhere}.score{margin:28px 0;scroll-margin-top:95px}.score-trigger{display:block;position:relative;width:100%;padding:18px 8px 36px;background:white;border:1px solid #deded3;border-radius:6px}.score-trigger:hover{background:white;border-color:var(--accent)}.score img{display:block;width:100%;height:auto}.enlarge{position:absolute;bottom:8px;right:12px;font:12px Arial,sans-serif;color:var(--muted)}figcaption{font:13px/1.5 Arial,sans-serif;color:var(--muted);margin-top:10px}.chapter-pager{display:flex;justify-content:space-between;gap:20px;margin:35px 0 0;padding-top:24px;border-top:1px solid var(--line)}.chapter-pager a{max-width:45%;font-size:18px;text-decoration:none}.chapter-pager a:last-child{text-align:right}.chapter-pager small{display:block;font:12px Arial,sans-serif;color:var(--muted);margin-bottom:8px}.practice{max-width:1060px}.practice .reader-grid{display:block}.practice .chapter-toc{position:static;margin-bottom:20px}.practice .chapter-toc nav{display:flex;flex-wrap:wrap}.practice .chapter-toc a{font-size:13px}.practice .reader-heading{padding:22px 0 8px}.practice .reader-heading h1{font-size:30px}body:has(.practice) .site-footer,body:has(.practice) .site-header{display:none}.section-pager{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--paper);padding:14px;border:1px solid var(--line);border-radius:8px;font:14px Arial,sans-serif}.large-text .prose li,.large-text .prose p{font-size:22px}.large-text .prose table{font-size:18px}dialog{width:96vw;max-width:1400px;max-height:94vh;border:1px solid var(--line);border-radius:10px;padding:0;background:white;color:var(--ink)}dialog::backdrop{background:#142420b8}.viewer-toolbar{position:sticky;top:0;z-index:1;background:var(--paper);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font:16px Arial,sans-serif}.viewer-controls{display:flex;gap:6px}.score-viewport{overflow:auto;padding:25px 12px;max-height:65vh}.viewer-caption{padding:0 22px 16px;font:14px/1.5 Arial,sans-serif}.index-page>p,.viewer-caption small{color:var(--muted)}.index-page>p{max-width:750px}.index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.index-grid section,.repertoire-entry{background:var(--paper);border:1px solid var(--line);padding:24px;border-radius:8px}.index-grid h2{font-size:23px;margin-top:0}.index-grid ul{padding-left:20px}.index-grid li{margin:12px 0}.small-link{font:14px Arial,sans-serif}.repertoire-entry{margin-top:30px;max-width:850px}.muted{color:var(--muted);font-size:15px}@media(max-width:1050px){.reader-grid{grid-template-columns:175px minmax(0,1fr);gap:22px}.content-section{padding:24px}.reader{padding:0 22px 32px}.reader-heading h1{font-size:36px}}@media(max-width:850px){.reader-grid{display:block}.chapter-toc{position:static;margin-bottom:25px}.chapter-toc nav{display:flex;flex-wrap:wrap}.chapter-toc a{padding:9px 12px}.tip{display:none}.index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.site-header{display:block;padding:18px}.site-header nav{margin:16px -10px 0;gap:0}.site-header nav a{padding:10px;font-size:14px}.home,.index-page{padding:28px 18px}.hero{padding-bottom:25px}.hero p{font-size:19px}.cards,.filters,.index-grid{grid-template-columns:1fr}.chapter-card{padding:23px}.reader{padding:0 12px 25px}.reader-tools{flex-wrap:wrap}.reader-heading h1{font-size:30px}.content-section{padding:20px 16px}.prose li,.prose p{font-size:17px}.prose table{font-size:13px}.prose td,.prose th{padding:7px 4px}.score-trigger{padding-left:2px;padding-right:2px}.viewer-toolbar{flex-wrap:wrap}.viewer-controls button{padding:8px 12px}.chapter-pager a{font-size:16px}.section-pager{padding:9px 5px}.section-pager button{font-size:13px;padding:8px}.reader-tools button{font-size:14px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.chapter-pager,.chapter-toc,.enlarge,.reader-tools,.section-pager,.site-footer,.site-header{display:none}body{background:white}.reader-grid{display:block}.reader{padding:0}.content-section{border:0;padding:0;break-inside:avoid}.content-section[hidden]{display:block}.score-trigger{border:0;padding:0}.score{break-inside:avoid}}html[data-theme=dark]{color-scheme:dark;--paper:#191816;--bg:#0c0c0c;--ink:#f0e9dc;--muted:#bcb5a9;--line:#494136;--accent:#d9b56d;--green:#e3bd73}html[data-theme=dark] .site-header{background:#111110}html[data-theme=dark] .primary,html[data-theme=dark] button[aria-pressed=true]{background:#d9b56d;border-color:#d9b56d;color:#17130d}html[data-theme=dark] .primary:hover{background:#edce91;color:#17130d}html[data-theme=dark] button:hover{background:#383024}html[data-theme=dark] .filters input,html[data-theme=dark] .filters select{background:#191816;border-color:#6f604b;color:var(--ink)}html[data-theme=dark] input::placeholder{color:#b5ad9d}html[data-theme=dark] .tags a,html[data-theme=dark] .tags span{background:#342b1e;color:#e9c989}html[data-theme=dark] .chapter-toc a:hover,html[data-theme=dark] .chapter-toc a[aria-current],html[data-theme=dark] .prose th{background:#30281d}html[data-theme=dark] .empty,html[data-theme=dark] dialog{background:var(--paper)}html[data-theme=dark] .chapter-card:hover{border-color:#b38c4c;box-shadow:0 5px 18px #0005}html[data-theme=dark] .score-trigger,html[data-theme=dark] .score-trigger:hover,html[data-theme=dark] .score-viewport{background:#fffdf8;color:#243633}html[data-theme=dark] .score-trigger{border-color:#9c845c}html[data-theme=dark] .enlarge{color:#4b5149}html[data-theme=dark] .skip:focus{background:#191816}.theme-toggle{white-space:nowrap;align-self:center}.site-header nav{align-items:center}.reader-tools>div{flex-wrap:wrap;justify-content:flex-end}@media(max-width:600px){.reader-tools{align-items:flex-start}.reader-tools>div{gap:5px}.reader-tools .theme-toggle{font-size:13px}.site-header nav .theme-toggle{margin-left:8px}}@media print{html[data-theme=dark]{color-scheme:light;--paper:white;--bg:white;--ink:#243633;--muted:#56635e;--line:#d6d9cd;--accent:#81531f;--green:#254b41}html[data-theme=dark] .prose th{background:#ebeadd}.theme-toggle{display:none}}@media screen{html[data-theme=dark] button[aria-pressed=true]:hover{background:#edce91;color:#17130d}}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.hero .draft-note{font:15px/1.7 Arial,sans-serif}.reading-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:36px}.reading-paths h2{font-size:25px}.new-material{border-block:1px solid var(--line);padding:16px 0;margin-bottom:48px}.prose img{max-width:100%;height:auto}.prose figure{margin:24px 0}.prose figcaption{font:14px/1.6 Arial,sans-serif;color:var(--muted)}.book-title{text-align:center;padding:32px 12px}.title-edition,.title-imprint{letter-spacing:2px;color:var(--accent)}.title-subtitle{font-size:28px}.tidbit,.watch-out{padding:16px 22px;border-left:3px solid var(--accent);background:var(--paper)}@media(max-width:720px){.reading-paths{grid-template-columns:1fr}.site-header{align-items:flex-start;flex-direction:column}}.book-hero{position:relative;isolation:isolate;overflow:hidden;max-width:none;background:#141c19;color:#fff8e9;border:1px solid #695938;border-radius:12px;padding:48px;margin-bottom:32px}.book-hero .eyebrow,.book-hero .hero-actions,.book-hero h1,.book-hero p{position:relative;z-index:1;max-width:60%}.book-hero .draft-note,.book-hero .eyebrow{color:#d4c49f}.book-hero a{color:#f5ddb0}.book-hero .primary{background:#ddc28a;color:#18211c;border-color:#ddc28a}.hero-piano{position:absolute;width:60%;height:auto;right:-8%;top:0;z-index:-1;opacity:.85}.book-hero p{font-size:20px}.book-hero .draft-note{font-size:14px}.book-hero .hero-actions{max-width:75%}@media(max-width:720px){.book-hero{padding:28px 22px}.book-hero .eyebrow,.book-hero .hero-actions,.book-hero h1,.book-hero p{max-width:100%}.hero-piano{position:relative;float:right;width:70%;margin:-45px -50px -40px;opacity:.5}.book-hero h1{clear:both}.book-hero .hero-actions{gap:16px}}.book-hero .eyebrow,.book-hero .hero-actions,.book-hero h1,.book-hero p{max-width:55%}.hero-piano{width:43%;right:0;top:50%;transform:translateY(-50%);opacity:1}@media(max-width:720px){.hero-piano{width:48%;right:auto;top:auto;transform:none;margin:-14px -18px 0 0;opacity:.8}.book-hero .eyebrow,.book-hero .hero-actions,.book-hero h1,.book-hero p{max-width:100%}}