:root{font-family:Arial,Helvetica,sans-serif;color:#23392f;background:#f3f0e7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.file-button{border:1px solid #c6cbbf;background:transparent;color:inherit;padding:10px 14px;border-radius:4px;cursor:pointer;min-height:42px}button:hover,.file-button:hover{background:#dde4d6}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid #bd6428;outline-offset:3px}main{max-width:1600px;margin:auto;padding:0 4vw}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c8cbbf;padding:25px 0}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;font-size:13px;font-weight:700;letter-spacing:2px;gap:10px}.brand small{font-size:10px;letter-spacing:1px}.brandmark{background:#263e32;color:#eee9db;font-family:Georgia,serif;font-size:28px;display:grid;place-items:center;width:35px;height:35px}.header-right{display:flex;gap:30px;font-size:10px;letter-spacing:1.5px}.local{color:#52724f}.intro{display:flex;justify-content:space-between;gap:30px;padding:58px 0 40px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 15px}h1{font:clamp(40px,4.4vw,68px)/1.05 Georgia,serif;letter-spacing:-2px;margin:0}h1 em{color:#68785a;font-weight:400}.lede{font-size:14px;line-height:1.7;color:#667063;margin:22px 0 0}.pitch-card{border:1px solid #b9c1ad;width:255px;padding:25px;display:flex;flex-direction:column;gap:13px;flex-shrink:0}.pitch-card label{font-size:9px;letter-spacing:2px}.pitch-card select{font:60px Georgia,serif;border:0;background:transparent;color:#293f32;width:100%;padding:0}.pitch-card span,.pitch-card small{font-size:11px;line-height:1.7;color:#6c7664}.studio{background:#faf8f1;border:1px solid #c8cbbc;box-shadow:0 12px 28px #23392f08}.score-toolbar{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.title{font:23px Georgia,serif;background:none;border:0;color:inherit;width:min(550px,100%);max-width:100%}.transport{display:flex;gap:8px;flex-shrink:0}.play,.export{background:#2b4938;color:#fff;border-color:#2b4938}.play:hover,.export:hover{background:#43634d}.score{padding:0 15px}.score svg{width:100%;display:block;height:auto;min-height:180px}.phase-tabs{display:grid;grid-template-columns:repeat(6,1fr);padding:0 24px;gap:3px}.phase-tabs button{text-align:left;border:0;border-radius:0;border-bottom:3px solid transparent;font-size:13px;padding:15px 10px}.phase-tabs button span{display:block;font-size:9px;letter-spacing:1px;margin-bottom:8px;color:#747e6b}.phase-tabs button.selected{background:#e9eddf;border-bottom-color:#405b36}.editor{display:grid;grid-template-columns:1.1fr 1.2fr 1fr;gap:30px;border-top:1px solid #dce0d2;margin-top:18px;padding:28px 24px}.phase-heading p:not(.eyebrow){font-size:12px;color:#6e7866;line-height:1.65}.editor label{display:block;font-size:11px}.editor input:not([type=range]),.editor select{display:block;margin-top:8px;padding:10px;border:1px solid #ced3c4;border-radius:3px;background:#fffdf7;color:inherit;width:100%;min-height:40px}.controls label{margin-bottom:20px}.controls output{float:right;color:#6d7b60}input[type=range]{width:100%;accent-color:#506a44;margin-top:14px;cursor:pointer}.selectors{display:grid;gap:12px}.status{padding:12px 24px;background:#e9eddf;font-size:12px}.actions{padding:15px 24px;display:flex;flex-wrap:wrap;gap:8px}.actions button,.file-button{font-size:11px}.file-button{position:relative}.file-button input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.file-button:focus-within{outline:3px solid #bd6428}.bottom{margin:40px 0;display:grid;grid-template-columns:2fr 1fr;gap:35px}.articulations{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}article{border-top:1px solid #bac3af;padding-top:15px}article>span{font-size:10px;color:#8b957e}article h3{font:24px Georgia,serif;margin:10px 0}article p{font-size:12px;line-height:1.7;min-height:60px;color:#707a68}article button{font-size:11px}summary{cursor:pointer;font-size:12px;line-height:1.8}details p{font-size:12px;line-height:1.7}.ledger{max-height:230px;overflow:auto}.ledger p{font-size:10px;border-bottom:1px solid #d7dbce}footer{border-top:1px solid #c5ccba;padding:20px 0 35px;font-size:10px;color:#6b7661;display:flex;gap:40px;justify-content:space-between}footer details{max-width:650px}footer button{font-size:11px;margin-right:10px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){.brand small,.edition{display:none}.editor{grid-template-columns:1fr 1fr}.phase-heading{grid-column:1/-1}.bottom{grid-template-columns:1fr}.intro{padding-top:35px}.pitch-card{width:190px}.score-toolbar{align-items:flex-start;flex-direction:column}.phase-tabs{grid-template-columns:repeat(3,1fr)}.score{overflow-x:auto}.score svg{min-width:680px}footer{flex-direction:column;gap:15px}}@media(max-width:520px){main{padding:0 15px}.intro{flex-direction:column;align-items:stretch}.pitch-card{width:100%;display:grid;grid-template-columns:1fr 1fr}.pitch-card select{grid-row:1/4;grid-column:2}.editor{grid-template-columns:1fr}.phase-heading{grid-column:auto}.articulations{grid-template-columns:1fr 1fr}.local{font-size:8px}.score-toolbar{padding:20px 15px}.title{font-size:21px}.phase-tabs{padding:0 10px}.phase-tabs button{font-size:11px}.transport{flex-wrap:wrap}h1{font-size:44px}.actions{padding:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}