:root{--pilot-ink:#2b241e;--pilot-paper:#fffdf7;--pilot-walnut:#5d3f2d;--pilot-walnut-dark:#2f2018;--pilot-steel:#b9b8b2;--pilot-steel-dark:#676760;--pilot-acoustic:#2d7397;--pilot-quantum:#5d5aa8;--pilot-line:#c9bda9;--pilot-warning:#a64f3d}
.pilot-brand{display:grid;gap:.22rem;margin:0 0 1.1rem;padding:1rem 1.1rem;border-left:8px solid var(--pilot-acoustic);background:#f4efe4;color:var(--pilot-ink)}
.pilot-brand__series{margin:0;font-size:.68rem;letter-spacing:.14em;font-weight:900;text-transform:uppercase;color:#6c635a}
.pilot-brand h1,.pilot-brand h2{margin:0;line-height:.95;letter-spacing:-.03em}.pilot-brand h1{font-size:clamp(2rem,5vw,3.6rem)}.pilot-brand__subtitle{margin:.15rem 0 0;font-weight:850;letter-spacing:.035em}.pilot-brand__note{margin:.15rem 0 0;font-size:.84rem;color:#665c53}
.echo-box-mark{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);gap:1rem;align-items:center;padding:.8rem;border:1px solid var(--pilot-line);border-radius:8px;background:#efe6da}.echo-box-mark img{display:block;width:100%;max-height:210px;object-fit:cover;border:1px solid #806956;border-radius:5px}.echo-box-mark p{margin:.25rem 0;line-height:1.45}
.fingering-glyph{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.18rem;align-items:end;min-width:112px;max-width:180px}.fingering-glyph__key{min-width:0;min-height:44px;display:grid;place-items:center;align-content:end;gap:.06rem;border:1px solid #9d9387;border-radius:3px;background:#f3efe7;padding:.16rem}.fingering-glyph__paddle{width:80%;height:10px;border:1px solid var(--pilot-steel-dark);border-radius:999px;background:linear-gradient(135deg,#f0eee8,#9f9e98 55%,#dedbd4);transform-origin:20% 50%;transition:transform 160ms ease}.fingering-glyph__key[data-state="open"] .fingering-glyph__paddle{transform:rotate(-22deg)}.fingering-glyph__key[data-state="closed"] .fingering-glyph__paddle{transform:rotate(6deg)}.fingering-glyph__key small{font-size:.48rem;line-height:1;color:#594f47;font-weight:850}.fingering-glyph__label{grid-column:1/-1;justify-self:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:950;font-size:.86rem}.fingering-keyline{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.025em;color:#594f47}
.fingering-atlas-print{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin:.7rem 0}.fingering-tile-print{display:grid;place-items:center;gap:.18rem;min-width:0;padding:.35rem;border:1px solid var(--pilot-line);border-radius:5px;background:#fbf8f1}.fingering-tile-print .fingering-glyph{min-width:0;width:100%;max-width:124px}.fingering-tile-print .fingering-glyph__key{min-height:34px}.fingering-tile-print .fingering-glyph__key small{display:none}.fingering-tile-print>small{font-size:.52rem;line-height:1.2;font-weight:850;color:#655b52}
.model-handoff{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0}.model-handoff>section{padding:.8rem;border:1px solid var(--pilot-line);border-radius:7px;background:#fbf8f1}.model-handoff__acoustic{border-top:5px solid var(--pilot-acoustic)!important}.model-handoff__quantum{border-top:5px solid var(--pilot-quantum)!important}.model-handoff h3{margin:.1rem 0 .45rem}.model-handoff p{margin:.35rem 0}
.instrument-reference{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:center;padding:.75rem;border:1px solid var(--pilot-line);border-left:5px solid var(--pilot-acoustic);border-radius:6px;background:#f7f2e9}.instrument-reference p{margin:.2rem 0}.instrument-reference .fingering-glyph{width:150px}
.causal-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:.4rem;align-items:stretch;margin:.8rem 0}.causal-chain>div{display:grid;gap:.25rem;align-content:center;padding:.55rem;border:1px solid var(--pilot-line);border-radius:6px;background:#fbf8f1}.causal-chain>span{align-self:center;font-weight:950}.causal-chain strong{font-size:.72rem;letter-spacing:.04em}.causal-chain .fingering-glyph{min-width:96px;max-width:125px}
.fingering-score{display:grid;gap:.45rem;margin:.8rem 0}.fingering-score__row{display:grid;grid-template-columns:auto minmax(110px,.45fr) minmax(0,1fr);gap:.65rem;align-items:center;padding:.55rem;border:1px solid var(--pilot-line);border-radius:6px;background:#fbf8f1}.fingering-score__row .fingering-glyph{min-width:105px;max-width:135px}.fingering-score__row>span:first-child{font-weight:950}
.pilot-focusable a:focus-visible,.pilot-focusable button:focus-visible,.pilot-focusable input:focus-visible,.pilot-focusable textarea:focus-visible{outline:4px solid #2c84b0;outline-offset:3px}
@media(max-width:700px){.echo-box-mark,.model-handoff{grid-template-columns:1fr}.fingering-atlas-print{grid-template-columns:repeat(2,minmax(0,1fr))}.instrument-reference{grid-template-columns:1fr}.causal-chain{grid-template-columns:1fr}.causal-chain>span{justify-self:center;transform:rotate(90deg)}.fingering-score__row{grid-template-columns:auto 1fr}.fingering-score__row .fingering-glyph{grid-column:1/-1}}
@media print{.pilot-brand{break-inside:avoid}.echo-box-mark,.instrument-reference,.model-handoff,.causal-chain,.fingering-score__row,.fingering-tile-print{break-inside:avoid}}
@media(prefers-reduced-motion:reduce){.fingering-glyph__paddle{transition:none!important}.causal-chain>span{transition:none!important}}