:root{--sage:#526a4c;--ink:#2b392d;--paper:#faf9f5;--soft:#edf1e7;--line:#dde3d6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}header{background:white;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px}.brand strong{font:29px Georgia}.brand span,.eyebrow,.tag{font-size:11px;letter-spacing:2px;font-weight:700}.tag{background:var(--soft);padding:8px 12px;border-radius:30px}.eyebrow{color:var(--sage)}main{max-width:1350px;margin:auto;padding:35px 5%}h1{font:clamp(36px,5vw,57px)/1.15 Georgia;margin:14px 0}h1 em{color:var(--sage);font-weight:normal}.intro>p:last-child{color:#707b6b}.intro{margin-bottom:35px}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px}aside{align-self:start;position:sticky;top:15px}input[type=search]{width:100%;padding:13px;border:1px solid var(--line);border-radius:8px;background:white;font:inherit;margin:10px 0 18px}button{font:inherit;cursor:pointer;color:var(--ink);border:1px solid var(--line);background:white;padding:11px 15px;border-radius:9px}button:hover{border-color:var(--sage);background:var(--soft)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b49a68;outline-offset:3px}.selected,.solid{background:var(--sage);color:white;border-color:var(--sage)}#instrumentList{display:grid;gap:9px}#instrumentList button{text-align:left}#instrumentList small{display:block;font-size:11px;opacity:.8;letter-spacing:1px}.aside-note{padding:20px 0;font-size:12px;color:#77816e}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}article{background:white;border:1px solid var(--line);border-radius:16px;padding:27px;margin-bottom:20px}h2{font:34px/1.2 Georgia;margin:10px 0 15px}h3{font:23px/1.3 Georgia}.source{font-size:12px;color:#78816f}.photo-slot{height:150px;background:#f6f7f2;border:1px dashed #b6c3ac;border-radius:10px;display:grid;place-content:center;text-align:center;color:#819077;font-size:13px;margin:20px 0}.photo-slot small{font-size:11px}.cue{padding:16px 20px;background:var(--soft);border-left:3px solid var(--sage);border-radius:0 10px 10px 0;margin:20px 0}dl{display:grid;grid-template-columns:145px 1fr}dt,dd{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}dt{font-weight:600}dd{margin:0;padding-left:16px}details{background:white;border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:17px 20px}summary{cursor:pointer;font-weight:650}details small{display:block;color:#7b8373;font-size:11px;margin-top:7px}li{margin:12px 0}details ul{padding-left:20px}.card-question{font:28px/1.4 Georgia;min-height:100px;margin:25px 0}.card-answer{padding:20px;background:var(--soft);border-radius:10px;margin-bottom:20px}.actions{display:flex;gap:10px;flex-wrap:wrap}.counter{font-size:12px;letter-spacing:1px;color:var(--sage)}.checkrow{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}input[type=checkbox]{accent-color:var(--sage);width:20px;height:20px;flex-shrink:0}.progress{color:var(--sage);font-size:13px}footer{font-size:12px;color:#78816f;margin:35px 0}.empty{font-size:13px;color:#78816f;padding:15px}@media(max-width:760px){main{padding:25px 4%}.layout{grid-template-columns:1fr;gap:10px}aside{position:static}#instrumentList{display:flex;overflow:auto}#instrumentList button{min-width:155px}.aside-note{display:none}.brand span{display:none}.tag{font-size:9px}article{padding:20px}dl{grid-template-columns:110px 1fr}h2{font-size:29px}nav button{font-size:13px}.photo-slot{height:125px}}
.binder{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:start;gap:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 20px 22px 0;box-shadow:0 8px 26px #2b392d08}.binder .layout{gap:22px;padding-left:22px;grid-template-columns:200px minmax(0,1fr)}#binderTabs{display:flex;flex-direction:column;gap:9px;margin:10px 0;position:sticky;top:18px}.binder-tab{border:1px solid #b8c4b0;border-left:0;border-radius:0 14px 14px 0;min-height:65px;text-align:left;display:flex;align-items:center;gap:9px;padding:12px 10px;font-size:13px;font-weight:650;color:#2b392d;transition:padding .15s,box-shadow .15s}.binder-tab span{font-size:10px;opacity:.65;letter-spacing:1px}.tone-0{background:#e4eadf}.tone-1{background:#d1dfce}.tone-2{background:#e7d7ba}.tone-3{background:#ead9cd}.tone-4{background:#daddc5}.tone-5{background:#ddd6c8}.binder-tab.active{padding-left:19px;box-shadow:inset 5px 0 #526a4c;border-color:#526a4c;text-decoration:underline;text-underline-offset:5px}.binder-tab:focus-visible{outline:3px solid #526a4c;outline-offset:2px}.practice-launch{display:flex;flex-direction:column;gap:8px;background:#edf1e7;border:1px solid #bac9b0;border-radius:12px;padding:24px;color:#2b392d;text-decoration:none;margin:25px 0}.practice-launch:hover{background:#e2eadb}.practice-launch small{color:#65735d}.binder .layout:has(aside[hidden]){grid-template-columns:1fr}[hidden]{display:none!important}@media(max-width:1100px){.binder .layout{grid-template-columns:170px minmax(0,1fr);gap:15px;padding-left:16px}.binder{grid-template-columns:140px minmax(0,1fr)}}@media(max-width:850px){.binder{display:block;padding:0 14px 18px}#binderTabs{position:static;flex-direction:row;overflow-x:auto;padding:14px 0 7px;margin:0 0 15px;gap:8px}.binder-tab{flex:0 0 auto;min-height:55px;border:1px solid #b8c4b0;border-radius:12px 12px 3px 3px;padding:10px 13px;white-space:nowrap}.binder-tab.active{padding-left:13px;box-shadow:inset 0 -4px #526a4c}.binder .layout{grid-template-columns:1fr;padding-left:0}.binder aside{position:static}#instrumentList{display:flex;overflow:auto}#instrumentList button{min-width:155px}.aside-note{display:none}}
.tone-6{background:#ded4c4}

.sequence-guide{border:1px solid var(--line);border-radius:14px;background:#f7f8f3;padding:22px;margin:24px 0}.sequence-guide h3{margin:8px 0}.sequence-scope{color:var(--sage);font-size:13px;font-weight:650}.sequence-key{font-size:12px;color:#66715e}.sequence-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;list-style:none}.sequence-steps li{position:relative;background:white;border:1px solid var(--line);border-radius:12px;padding:18px;margin:0}.sequence-number{display:grid;place-items:center;width:30px;height:30px;background:var(--sage);color:white;border-radius:50%;font-weight:700}.sequence-steps svg{display:block;width:145px;max-width:100%;height:132px;margin:0 auto}.sequence-steps svg text{font:12px system-ui;fill:#66715e}.surface-tag{display:block;text-align:center;font-size:11px;color:#89533d;letter-spacing:.5px}.sequence-steps h4{margin:14px 0 7px;font-size:16px}.sequence-steps p{font-size:14px;margin:0}.sequence-note{font-size:13px;padding:14px;background:#eeeade;border-radius:8px}.sequence-guide>.source{margin-bottom:0}@media(max-width:540px){.sequence-guide{padding:15px}.sequence-steps{grid-template-columns:1fr}}

/* Sequence sheets: paired arches and arrow routes from the supplied study layout. */
.sheet-sequence{margin:26px 0;padding:20px;background:#fff;border:3px solid #526a4c;border-radius:12px;color:#33452f}.sheet-kicker{text-align:center;font-size:10px;letter-spacing:1.6px;color:#6b765e;margin:0 0 5px}.sheet-sequence h3{text-align:center;font:750 clamp(20px,2.5vw,29px)/1.3 system-ui;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #637853}.route-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.route-column+ .route-column{border-left:2px solid #637853;padding-left:22px}.route-column h4{background:#e2e9d9;border-radius:7px;text-align:center;font-size:18px;letter-spacing:.4px;margin:0 0 15px;padding:5px}.route-row{margin-bottom:15px}.route-line{display:flex;align-items:center;gap:10px;font-size:clamp(16px,1.8vw,22px)}.route-line strong{font-size:.84em}.route-arrow{color:#6c8355;font-size:36px;line-height:1;flex:1;text-align:center}.route-under{display:flex;justify-content:space-between;align-items:center;gap:6px;padding-left:22px}.route-under>span{font-size:10px;background:#edf0e4;border-radius:5px;padding:1px 7px;font-weight:650}.flip-cue{color:#7a6644;font-size:13px;white-space:nowrap}.seat-cue{background:#e2e9d9;border-radius:6px;text-align:center;font-size:13px;font-weight:750;padding:6px;margin:18px 0}.sheet-reminder{border-top:2px solid #637853;padding-top:12px;margin-top:18px;font-size:13px}.sheet-reminder b{background:#e2e9d9;padding:3px 6px;border-radius:5px}.path-row{display:grid;grid-template-columns:28px 1fr;gap:8px;margin:22px 0}.path-number{font-size:22px;font-weight:700}.path-labels{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:clamp(12px,1.7vw,19px);font-weight:750}.path-arrow{color:#6c8355;font-size:28px}.path-track{display:flex;align-items:center;margin:8px 8px 0}.path-track i{height:9px;width:9px;border-radius:50%;background:#526a4c}.path-track span{height:2px;background:#7b896e;flex:1}.path-ends{display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:650;margin-top:3px}.between-flip{margin:10px auto;text-align:center;background:#e2e9d9;border-radius:20px;padding:5px 18px;width:fit-content;font-weight:750;color:#655c3e}.between-flip small{display:block;font-size:10px;font-weight:500}.sheet-context{font-size:12px;background:#fafbf7;border:0;margin:16px 0 0;padding:10px}.sheet-context p{margin-bottom:0}@media(max-width:600px){.sheet-sequence{padding:15px}.route-columns{grid-template-columns:1fr;gap:18px}.route-column+ .route-column{border-left:0;border-top:2px solid #637853;padding:18px 0 0}.route-line{font-size:22px}.path-labels{flex-wrap:wrap;font-size:12px}.path-arrow{font-size:22px}}

.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reference-grid section{border-bottom:1px solid #d7dfce;padding-bottom:12px}.reference-grid h4{background:#e2e9d9;padding:5px 9px;border-radius:5px;margin:0 0 8px;font-size:13px}.reference-grid p{font-size:14px;margin:0}@media(max-width:600px){.reference-grid{grid-template-columns:1fr}}

/* Earth-tone emphasis shared by every instrument sheet. */
.sheet-sequence{--sheet-accent:#d1dfce;--sheet-deep:#354d33;--sheet-pale:#f2f6ee;position:relative;border:3px solid var(--sheet-deep);border-radius:16px;padding:0 22px 20px;overflow:hidden;background:#fff;box-shadow:0 7px 0 #dce3d5,0 12px 25px #33452f0c}.sheet-sequence[data-family="sickles"]{--sheet-accent:#e7d7ba;--sheet-pale:#faf6ed}.sheet-sequence[data-family="universal"]{--sheet-accent:#ead9cd;--sheet-pale:#faf5f1}.sheet-sequence[data-family="gracey"]{--sheet-accent:#daddc5;--sheet-pale:#f5f6ed}.sheet-sequence[data-family="sharpening"]{--sheet-accent:#ddd6c8;--sheet-pale:#f7f5ef}.sheet-sequence[data-family="basics"]{--sheet-accent:#e4eadf;--sheet-pale:#f5f7f2}.sheet-kicker{margin:0 -22px;padding:12px 18px 6px;background:var(--sheet-accent);color:#4c5c43;font-weight:750;letter-spacing:2px}.sheet-sequence h3{margin:0 -22px 24px;padding:5px 20px 17px;background:var(--sheet-accent);color:#283d27;border-bottom:3px solid var(--sheet-deep);font-weight:850;letter-spacing:.3px;text-wrap:balance}.route-column h4{background:var(--sheet-deep);color:#fff;border-radius:7px;padding:8px 10px;letter-spacing:1px;font-size:17px;margin-bottom:18px}.route-row{padding:9px 10px 11px;border-bottom:1px solid #d9e1d0;border-radius:6px;background:var(--sheet-pale);margin-bottom:10px}.route-line{gap:9px;font-weight:750}.route-line>b{font-size:1.15em;color:#30492e}.route-arrow,.path-arrow{color:#54784c;font-weight:900;text-shadow:0 1px #bdcdb3}.route-arrow{font-size:43px}.route-under{padding-left:0;margin-top:5px}.route-under>span{background:var(--sheet-accent);font-size:9px;letter-spacing:.3px;color:#3e5036;padding:3px 6px}.flip-cue{display:inline-block;background:#dfccb0;border:1.5px solid #8c7855;border-radius:6px;padding:2px 7px;font-size:12px;color:#4e472f;box-shadow:2px 2px 0 #b7ad94;transform:rotate(-3deg)}.seat-cue{border:1px solid #9eac8c;border-left:5px solid var(--sheet-deep);background:var(--sheet-accent);font-size:12px;letter-spacing:.5px;margin:19px 0 14px;padding:8px}.path-row{padding:16px 12px;background:var(--sheet-pale);border:1px solid #d4ddcb;border-radius:9px;margin:16px 0}.path-number{color:#526a4c;font-size:25px}.path-labels{font-weight:850}.path-track{margin-top:10px}.path-track span{height:2px;background:#829373}.path-track i{background:var(--sheet-deep)}.path-ends{color:#667457;letter-spacing:.6px;font-size:9px;margin-top:5px}.between-flip{border:2px solid #938362;background:#e7d7ba;color:#4d4935;box-shadow:3px 3px 0 #e9e5d8;padding:7px 23px;letter-spacing:1px}.between-flip small{letter-spacing:0;margin-top:2px}.sheet-reminder{background:var(--sheet-accent);border:1.5px solid var(--sheet-deep);border-radius:8px;padding:12px 14px;margin-top:21px;color:#35452f;line-height:1.7}.sheet-reminder b{background:transparent;padding:0;font-size:11px;letter-spacing:.5px;margin-right:5px}.sheet-context{background:#f8f9f5;border-top:1px solid #dde3d5;border-radius:0;margin-top:16px;padding:12px 0 0;color:#6c755f}.sheet-context summary{font-size:11px;font-weight:600}.reference-grid{gap:15px}.reference-grid section{background:var(--sheet-pale);border:1px solid #d8e0ce;border-radius:9px;padding:0 13px 14px;overflow:hidden}.reference-grid h4{background:var(--sheet-accent);border-radius:0;margin:0 -13px 12px;padding:10px 13px;color:#35452f;letter-spacing:.5px}.reference-grid p{line-height:1.7}.binder-tab{font-weight:750}.binder-tab.active{box-shadow:inset 5px 0 #526a4c,3px 3px 0 #526a4c33} @media(max-width:600px){.sheet-sequence{padding:0 13px 15px}.sheet-kicker{margin:0 -13px;font-size:9px}.sheet-sequence h3{margin:0 -13px 18px;padding:5px 13px 14px;font-size:21px}.route-line{font-size:22px}.route-column+ .route-column{border-top:2px solid #acb99c}.path-row{padding:13px 8px;grid-template-columns:22px 1fr}.path-labels{gap:5px;font-size:11px}.path-arrow{font-size:24px}.sheet-reminder{font-size:12px}.binder-tab.active{box-shadow:inset 0 -4px #526a4c}}

/* Compact Gracey study cards with route and cue columns. */
.sheet-sequence[data-family="gracey"]{box-shadow:none;border-radius:12px;padding:0 16px 13px;border-width:3px}.sheet-sequence[data-family="gracey"] .sheet-kicker{background:white;margin:0 -16px;padding-top:10px;font-size:9px}.sheet-sequence[data-family="gracey"] h3{background:white;margin:0 -16px 14px;border:0;padding:2px 13px 4px;font-size:clamp(22px,2.8vw,32px);font-weight:900;letter-spacing:-.7px;line-height:1.15}.gracey-subtitle{text-align:center;font-size:12px;font-weight:800;margin:-10px 0 17px;color:#394d31}.gracey-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:17px;align-items:start}.working-clues{border-left:1px solid #a9b59a;padding-left:17px;align-self:stretch}.working-clues h4{font-size:13px;background:#daddc5;border-radius:6px;padding:5px 9px;margin:0 0 10px;letter-spacing:.1px}.working-clues ul{list-style:none;padding:0;margin:0}.working-clues li{position:relative;padding-left:17px;font-size:12px;line-height:1.45;margin:11px 0;font-weight:650}.working-clues li:before{content:'●';color:#64805a;position:absolute;left:0}.surface-limit{display:inline-block;font-size:10px;background:#e3e8ca;border-radius:5px;padding:3px 8px;margin-top:7px;color:#4b603a}.sheet-sequence[data-family="gracey"] .path-row{border:0;background:white;padding:0;margin:13px 0 18px;grid-template-columns:18px 1fr;gap:4px}.sheet-sequence[data-family="gracey"] .path-number{font-size:18px}.sheet-sequence[data-family="gracey"] .path-labels{font-size:10px;gap:4px;flex-wrap:wrap}.sheet-sequence[data-family="gracey"] .path-arrow{font-size:24px}.sheet-sequence[data-family="gracey"] .path-ends{font-size:8px;letter-spacing:0}.sheet-sequence[data-family="gracey"] .between-flip{font-size:11px;box-shadow:none;border-width:1px;padding:3px 12px;letter-spacing:0}.sheet-sequence[data-family="gracey"] .between-flip small{font-size:9px}.sheet-sequence[data-family="gracey"] .route-column h4{color:#30452d;background:#daddc5;border-radius:4px;font-size:16px;padding:4px 7px;margin-bottom:9px}.sheet-sequence[data-family="gracey"] .route-columns{gap:14px}.sheet-sequence[data-family="gracey"] .route-column+ .route-column{padding-left:14px}.sheet-sequence[data-family="gracey"] .route-row{padding:2px 0 5px;background:white;border:0;margin-bottom:8px}.sheet-sequence[data-family="gracey"] .route-line{font-size:17px;gap:6px}.sheet-sequence[data-family="gracey"] .route-arrow{font-size:32px}.sheet-sequence[data-family="gracey"] .route-under>span{background:white;font-size:8px;padding:0}.sheet-sequence[data-family="gracey"] .flip-cue{background:transparent;border:0;box-shadow:none;transform:none;font-size:10px;padding:0}.sheet-sequence[data-family="gracey"] .seat-cue{border:0;background:#e3e7d5;margin:8px 0;padding:4px;font-size:10px}.sheet-sequence[data-family="gracey"] .sheet-reminder{font-size:11px;line-height:1.5;padding:6px 9px;border:0;background:#e3e7d5;margin-top:11px;border-radius:4px}.sheet-sequence[data-family="gracey"] .sheet-reminder b{font-size:10px}.sheet-sequence[data-family="gracey"] .sheet-context{margin-top:10px;padding-top:7px}.sheet-sequence[data-family="gracey"] .sheet-context summary{font-size:10px}@media(max-width:480px){.gracey-layout{grid-template-columns:1fr;gap:8px}.working-clues{border-left:0;border-top:1px solid #b3bea6;padding:12px 0 0}.working-clues ul{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}.working-clues li{margin:3px 0}.sheet-sequence[data-family="gracey"] .route-columns{grid-template-columns:1fr 1fr;gap:9px}.sheet-sequence[data-family="gracey"] .route-column+ .route-column{border-top:0;border-left:1px solid #a5b393;padding:0 0 0 9px}.sheet-sequence[data-family="gracey"] .route-column h4{font-size:11px}.sheet-sequence[data-family="gracey"] .route-line{font-size:13px;gap:3px}.sheet-sequence[data-family="gracey"] .route-arrow{font-size:24px}.sheet-sequence[data-family="gracey"] .route-under{display:block}.sheet-sequence[data-family="gracey"] .route-under>span{font-size:7px}.sheet-sequence[data-family="gracey"] .flip-cue{float:right;font-size:8px}.sheet-sequence[data-family="gracey"] .seat-cue{font-size:8px}.sheet-sequence[data-family="gracey"] .path-labels{font-size:11px}}

.sequence-print-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #dce3d5;margin-bottom:4px}.sequence-print-tools button{background:#526a4c;border-color:#526a4c;color:white;font-size:12px;font-weight:650;padding:8px 12px}.sequence-print-tools span{font-size:10px;color:#727d66}@media print{@page{size:auto;margin:12mm}body.printing-sequence{background:#fff;font-size:12pt}body.printing-sequence>header,body.printing-sequence .intro,body.printing-sequence #binderTabs,body.printing-sequence aside,body.printing-sequence #studyModes,body.printing-sequence footer,body.printing-sequence #content>details,body.printing-sequence #content>article>*:not(.sheet-sequence),body.printing-sequence .sequence-print-tools{display:none!important}body.printing-sequence main,body.printing-sequence .binder,body.printing-sequence .layout,body.printing-sequence .binder .layout,body.printing-sequence #content,body.printing-sequence #content>article{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important}body.printing-sequence .sheet-sequence{margin:0!important;box-shadow:none!important;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}body.printing-sequence .route-columns{grid-template-columns:1fr 1fr!important}body.printing-sequence .route-column+ .route-column{border-top:0!important;border-left:1px solid #9aab8c!important;padding:0 0 0 14px!important}body.printing-sequence .gracey-layout{grid-template-columns:1.1fr 1fr!important}body.printing-sequence .working-clues{border-top:0!important;border-left:1px solid #a9b59a!important;padding:0 0 0 17px!important}body.printing-sequence .working-clues ul{display:block!important}body.printing-sequence .sheet-context{display:block!important;font-size:9pt}body.printing-sequence .sheet-context>summary{display:none!important}body.printing-sequence .sheet-context>p{display:block!important;margin:6px 0!important}body.printing-sequence .sheet-sequence:after{content:'Sophia Instrument Lab · Course study reference · Follow instructor demonstration';display:block;text-align:center;font-size:8pt;color:#65735d;padding-top:10px}body.printing-sequence .reference-grid{grid-template-columns:1fr 1fr!important}}

.app-navigation{margin:0 0 24px;gap:9px}.app-navigation button{font-size:13px;font-weight:650}.hub-welcome{border-top:5px solid #526a4c}.hub-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0}.hub-actions button{text-align:left;background:#edf1e7;padding:20px 16px;display:flex;flex-direction:column;gap:10px}.hub-actions button:nth-child(2){background:#e7d7ba}.hub-actions button:nth-child(3){background:#ead9cd}.hub-actions span{font-size:12px;line-height:1.5}.hub-progress{background:#f7f8f3;border-radius:9px;padding:16px;font-size:13px}.hub-progress progress{display:block;width:100%;height:12px;accent-color:#526a4c;margin:10px 0}.hub-progress small{color:#6b775e;font-size:11px}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hub-instrument{display:flex;flex-direction:column;gap:6px;text-align:left;padding:17px;background:#f6f8f1}.hub-instrument small{font-size:10px;color:#66765c}.hub-instrument span{font-size:11px;color:#66765c}.hub-family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hub-family-grid button{padding:20px 14px;text-align:left;font-weight:700}.hub-family-grid span{float:right}.bookmark-button{float:right;font-size:11px;padding:7px 10px;background:#f3efdf}.print-family{border-top:1px solid #dde3d6;margin-top:25px}.print-sheet-link{display:flex;justify-content:space-between;gap:12px;align-items:center;text-decoration:none;color:#344a30;padding:14px;background:#f2f5ec;border:1px solid #d4ddc9;border-radius:9px;font-size:13px}.print-sheet-link span{font-size:10px;white-space:nowrap}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.compare-grid>section{background:#f6f8f0;padding:16px;border:1px solid #d9e0ce;border-radius:10px}.compare-grid h3{font-size:21px}.compare-grid dl{display:block}.compare-grid dt{border:0;padding-bottom:0;font-size:12px}.compare-grid dd{padding:3px 0 12px;font-size:12px}.compare-grid button{font-size:12px}@media(max-width:760px){.hub-actions,.compare-grid{grid-template-columns:1fr}.hub-family-grid{grid-template-columns:1fr 1fr}.hub-grid{grid-template-columns:1fr}.bookmark-button{float:none;margin-bottom:12px}.app-navigation{gap:6px}.app-navigation button{font-size:12px;padding:9px 11px}}

.brand-wordmark{display:flex;flex-direction:column;gap:4px}.brand .brand-wordmark strong{font:clamp(20px,3vw,29px)/1.2 Georgia}.brand .brand-wordmark span{font-size:11px;letter-spacing:.6px;font-weight:500}@media(max-width:540px){header{gap:12px}.tag{display:none}.brand .brand-wordmark span{font-size:10px}}

.finger-map{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 22px}.finger-map span{flex:1;background:#e4eadf;border-radius:8px;padding:12px;font-size:12px}.finger-map b{display:block;font-size:10px;letter-spacing:.4px;margin-bottom:5px}.finger-map i{font-style:normal;color:#7d8e6e}.grasp-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grasp-compare section{padding:15px;background:#f1f5eb;border:1px solid #cbd7bf;border-radius:9px}.grasp-compare section+section{background:#f6eee5;border-color:#dfcdb7}.grasp-compare h4{margin:0;font-size:13px;color:#435e38}.grasp-compare section+section h4{color:#866342}.grasp-compare ul{padding-left:18px;font-size:12px}.grasp-compare li{margin:9px 0}.grasp-compare p{font-size:12px}.grasp-compare svg{width:100%;height:auto}.grasp-compare svg text{font:9px system-ui;fill:#526a4c}.grasp-compare small{display:block;font-size:9px;color:#6b795e}.grasp-selfcheck{background:#eee9d9;border-radius:8px;padding:13px;margin-top:17px}.grasp-selfcheck h4{font-size:11px;margin:0}.grasp-selfcheck p{font-size:12px;margin-bottom:0}@media(max-width:560px){.grasp-compare{grid-template-columns:1fr}.finger-map{flex-direction:column;align-items:stretch}.finger-map i{text-align:center}.finger-map span{padding:9px}}@media print{.grasp-compare{grid-template-columns:1fr 1fr!important}.finger-map{flex-direction:row!important}}

.instrument-photo{margin:14px 0 20px;break-inside:avoid;border:1px solid #a5b393;border-radius:10px;overflow:hidden;background:#f4f3ed}.instrument-photo img{display:block;width:100%;aspect-ratio:4/1;object-fit:cover;object-position:center}.instrument-photo figcaption{padding:8px 12px;font-size:12px;font-weight:700;color:#344b35;text-align:center}@media print{.instrument-photo{margin:8px 0 12px}.instrument-photo figcaption{font-size:10px}}

.instrument-type{font-size:13px;font-weight:700;color:#344b35;margin:8px 0 12px}.instrument-photo img{object-fit:contain;aspect-ratio:auto;max-height:260px}@media print{.instrument-photo img{max-height:180px}}

.intro-with-art{display:block}.intro-copy>p:last-child{color:#707b6b}.hero-heading{display:grid;grid-template-columns:minmax(0,max-content) 140px;align-items:center;column-gap:30px;row-gap:8px}.hero-heading-words{grid-column:1;grid-row:1}.hero-heading .hero-instruments{grid-column:2;grid-row:1;display:block;width:140px;height:160px;object-fit:contain}.hero-heading em{grid-column:1 / -1;grid-row:2}@media(max-width:760px){.hero-heading{grid-template-columns:minmax(0,1fr) 92px;column-gap:12px}.hero-heading .hero-instruments{width:92px;height:128px}.hero-heading-words{font-size:clamp(32px,8vw,48px)}}

.hub-family-grid button{display:grid;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:16px 12px;min-height:94px}.hub-family-grid span{float:none}.family-icon{display:flex;align-items:center;justify-content:center;width:42px;height:46px;border-radius:12px;background:rgba(255,255,255,.5);color:#58664c}.family-icon svg{width:34px;height:38px}.family-icon .gold-stroke{stroke:#94713c}.family-label{line-height:1.35;min-width:0}.family-arrow{justify-self:end}@media(max-width:420px){.hub-family-grid button{grid-template-columns:32px minmax(0,1fr);gap:8px;padding:14px 10px;font-size:13px}.family-icon{width:32px;height:40px}.family-icon svg{width:29px;height:34px}.family-arrow{grid-column:2;font-size:17px;line-height:1}}

.student-acknowledgment{font-size:11px;line-height:1.6;color:#73806e;font-weight:400;margin:0 0 14px;letter-spacing:0}.student-acknowledgment span{font-size:11px}