.site-header[data-astro-cid-nen7h5rs]{z-index:30;border-bottom:1px solid var(--line);backdrop-filter:blur(10px);background:#faf5ecf0;position:sticky;top:0}.header-inner[data-astro-cid-nen7h5rs]{justify-content:space-between;align-items:center;gap:1.5rem;min-height:4.5rem;display:flex}.brand[data-astro-cid-nen7h5rs]{color:var(--ink);align-items:baseline;gap:.65rem;text-decoration:none;display:flex}.brand[data-astro-cid-nen7h5rs] strong[data-astro-cid-nen7h5rs]{font:400 1.65rem Georgia,serif}.brand[data-astro-cid-nen7h5rs] span[data-astro-cid-nen7h5rs]{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.64rem;font-weight:700}.desktop-nav[data-astro-cid-nen7h5rs]{gap:1.5rem;display:flex}.desktop-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{color:var(--ink-soft);font-weight:700;text-decoration:none}.mobile-nav[data-astro-cid-nen7h5rs]{display:none;position:relative}.mobile-nav[data-astro-cid-nen7h5rs] summary[data-astro-cid-nen7h5rs]{cursor:pointer;font-weight:700}.mobile-nav[data-astro-cid-nen7h5rs] nav[data-astro-cid-nen7h5rs]{border:1px solid var(--line);min-width:12rem;box-shadow:var(--shadow);background:#fff;border-radius:.6rem;padding:1rem;position:absolute;top:2.5rem;right:0}.mobile-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{color:var(--ink);padding:.5rem;text-decoration:none;display:block}@media (width<=700px){.desktop-nav[data-astro-cid-nen7h5rs]{display:none}.mobile-nav[data-astro-cid-nen7h5rs]{display:block}.brand[data-astro-cid-nen7h5rs] span[data-astro-cid-nen7h5rs]{display:none}}.site-footer[data-astro-cid-jo6i4kqk]{background:var(--night);color:#c9bfb0;margin-top:5rem;padding:3rem 0 1.5rem}.footer-grid[data-astro-cid-jo6i4kqk]{grid-template-columns:1.5fr 1fr 1fr;gap:2rem;display:grid}.footer-brand[data-astro-cid-jo6i4kqk]{color:#fff;font:400 1.7rem Georgia,serif;text-decoration:none}.site-footer[data-astro-cid-jo6i4kqk] nav[data-astro-cid-jo6i4kqk]{flex-direction:column;gap:.35rem;display:flex}.site-footer[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:#e1d8c8}.legal[data-astro-cid-jo6i4kqk]{border-top:1px solid #ffffff1f;margin-top:2rem;padding-top:1rem;font-size:.75rem}@media (width<=650px){.footer-grid[data-astro-cid-jo6i4kqk]{grid-template-columns:1fr}}:root{--paper:#faf5ec;--paper-deep:#f2e8d6;--ink:#2b2722;--ink-soft:#5c5448;--line:#2b272224;--accent:#c8512f;--accent-dark:#9f3d24;--night:#2b2722;--cream:#f8f0e1;--radius:14px;--shadow:0 14px 36px #2b27221a;--content:72rem;--reading:46rem}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6}img,video,iframe{max-width:100%}img{height:auto}a{color:var(--accent-dark);text-underline-offset:.15em}a:hover{color:var(--accent)}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.12}h1{letter-spacing:-.025em;font-size:clamp(2.5rem,7vw,4.75rem)}h2{font-size:clamp(1.8rem,4vw,2.6rem)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.shell{width:min(calc(100% - 2rem), var(--content));margin-inline:auto}.eyebrow{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;font-size:.75rem;font-weight:700}.button{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{background:var(--accent-dark);color:#fff}.card{border:1px solid var(--line);border-radius:var(--radius);color:inherit;background:#ffffffa3;padding:1.5rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block}.card:hover{box-shadow:var(--shadow);color:inherit;transform:translateY(-3px)}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.prose{width:min(calc(100% - 2rem), var(--reading));margin-inline:auto;font-size:1.08rem}.prose :where(p,ul,ol,blockquote,figure){margin-block:0 1.35rem}.prose :where(h2,h3){margin-top:2.5rem}.prose img{border-radius:.6rem}.prose iframe{border:0;border-radius:.6rem;width:100%;min-height:24rem}.affiliate-note{border-left:3px solid var(--accent);background:var(--paper-deep);color:var(--ink-soft);border-radius:0 .5rem .5rem 0;padding:1rem 1.1rem;font-size:.92rem}.skip-link{z-index:100;background:#fff;padding:.6rem .8rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-160%)}.skip-link:focus{transform:none}@media (width<=760px){.grid{grid-template-columns:1fr}.prose iframe{min-height:14rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}[data-workbench] .circle button{--angle:0deg;width:3.25rem;height:3.25rem;translate:-50% -50%;transform:rotate(var(--angle)) translate(7.2rem) rotate(calc(-1 * var(--angle)));border:1px solid var(--line);color:var(--ink);cursor:pointer;z-index:1;background:#fff;border-radius:50%;place-items:center;padding:.25rem;display:grid;position:absolute;top:50%;left:50%}[data-workbench] .circle button strong,[data-workbench] .circle button small{line-height:1}[data-workbench] .circle button small{color:var(--ink-soft);font-size:.62rem}[data-workbench] .circle button.active{background:var(--accent);color:#fff}[data-workbench] .circle button.active small{color:#fff}[data-workbench] .diatonic button,[data-workbench] .progression button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:.55rem;padding:.7rem .35rem}[data-workbench] .diatonic button strong,[data-workbench] .diatonic button small,[data-workbench] .progression button strong,[data-workbench] .progression button small{display:block}[data-workbench] .diatonic button small,[data-workbench] .progression button small{color:var(--ink-soft)}[data-workbench] .diatonic button.active{border-color:var(--accent);background:var(--paper-deep)}[data-workbench] .progression button{color:#fff;background:#3a352e;border-color:#ffffff29}[data-workbench] .progression button strong{font:400 1.45rem Georgia,serif}[data-workbench] .progression button small{color:#c9bfb0}[data-workbench] .fret{border-left:1px solid var(--line);border-bottom:1px solid var(--line);place-items:center;display:grid;position:relative}[data-workbench] .fret i{border:2px solid var(--accent);width:1.7rem;height:1.7rem;color:var(--accent-dark);background:#fff;border-radius:50%;place-items:center;font-size:.65rem;font-style:normal;font-weight:800;display:grid}[data-workbench] .fret i.root{background:var(--accent);color:#fff}@media (width<=850px){[data-workbench] .circle button{transform:rotate(var(--angle)) translate(min(34vw,7.2rem)) rotate(calc(-1 * var(--angle)))}}