:root{--paper:#f6f0e4;--paper-bright:#fffaf0;--paper-deep:#eadfce;--ink:#1e2421;--ink-soft:#565e58;--ink-faint:#7d837d;--pine:#213d37;--pine-2:#31564c;--pine-pale:#dbe6de;--cinnabar:#ad3f2f;--cinnabar-dark:#7e2b20;--cinnabar-pale:#efd6cd;--celadon:#9ba999;--lacquer:#4b2c23;--gold:#c4984e;--line:#cfc1ad;--line-dark:#9b8a75;--white:#fff;--bg-primary:var(--paper);--bg-secondary:var(--paper-deep);--bg-card:var(--paper-bright);--bg-surface:#efe8dc;--text-primary:var(--ink);--text-secondary:var(--ink-soft);--text-tertiary:var(--ink-faint);--ink-900:var(--ink);--action:var(--cinnabar);--action-text:#fffaf0;--vermillion-100:var(--cinnabar-pale);--border-color:var(--line);--border-light:#ddd1c0;--font-heading:"Iowan Old Style", "Noto Serif TC", "Songti TC", "PMingLiU", serif;--font-body:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--shell:min(1240px, calc(100vw - 48px));--reading:min(780px, calc(100vw - 40px));--nav-height:78px;--content-bottom:clamp(80px, 10vw, 150px);--space-xs:6px;--space-sm:12px;--space-md:22px;--space-lg:34px;--space-xl:52px;--space-2xl:84px;--text-xs:.72rem;--text-sm:.88rem;--text-lg:1.12rem;--radius-sm:4px;--radius-md:8px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:150px}body{color:var(--ink);background:var(--paper);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.8}img{max-width:100%;display:block}a{color:inherit}button,input,select{font:inherit}::selection{color:var(--paper-bright);background:var(--cinnabar)}.skip-link{z-index:1000;color:#fff;background:var(--pine);padding:10px 16px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{z-index:100;color:var(--paper-bright);background:var(--pine);position:sticky;top:0;box-shadow:0 1px #ffffff1f}.navbar{width:var(--shell);min-height:var(--nav-height);align-items:stretch;margin:0 auto;display:flex}.navbar-brand{color:var(--paper-bright);font-family:var(--font-heading);letter-spacing:-.03em;flex:none;align-items:center;gap:14px;padding-right:clamp(22px,3vw,46px);font-size:1.55rem;font-weight:900;text-decoration:none;display:inline-flex}.navbar-brand em{color:#dbb26d;font-family:var(--font-mono);letter-spacing:.02em;font-size:.72em;font-style:normal}.brand-mark{align-content:center;gap:3px;width:31px;height:28px;display:grid;transform:skewY(-8deg)}.brand-mark i{background:var(--paper-bright);height:1px;display:block}.brand-mark i:nth-child(2){margin-left:4px}.brand-mark i:nth-child(3){background:#dbb26d;margin-left:8px}.brand-mark i:nth-child(4){margin-left:12px}.brand-mark i:nth-child(5){margin-left:16px}.site-menu{flex:1;align-items:stretch;display:flex}.nav-group{border-left:1px solid #ffffff1f;position:relative}.nav-group>summary{cursor:pointer;align-content:center;gap:1px;min-width:120px;height:100%;padding:17px 20px 14px;list-style:none;transition:background .18s;display:grid}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:after{content:"＋";color:#ffffff8c;font-size:.75rem;position:absolute;top:28px;right:11px}.nav-group[open]>summary,.nav-group>summary:hover{background:#ffffff12}.nav-group[open]>summary:after{content:"−"}.nav-group summary small{color:#c9a866;font-family:var(--font-mono);letter-spacing:.14em;font-size:.57rem}.nav-group summary span{font-size:.88rem;font-weight:750}.nav-panel{width:255px;color:var(--ink);background:var(--paper-bright);border:1px solid var(--line-dark);padding:10px;position:absolute;top:calc(100% + 1px);left:0;box-shadow:9px 10px #1e242129}.nav-panel a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;min-height:44px;padding:8px 10px;text-decoration:none;display:flex}.nav-panel a:last-child{border-bottom:0}.nav-panel a:hover,.nav-panel a[aria-current=page]{color:var(--cinnabar-dark);background:var(--cinnabar-pale)}.nav-panel small{color:var(--ink-faint);white-space:nowrap;font-size:.65rem}.nav-start{color:var(--pine);background:#d8b46c;border:1px solid #edcc88;align-items:center;gap:13px;margin:14px 0 14px auto;padding:0 17px;font-size:.78rem;font-weight:900;text-decoration:none;display:inline-flex}.nav-start:hover{background:#e8c67d}.nav-toggle{display:none}.string-line{background:#172f2a;grid-template-columns:repeat(21,1fr);gap:4px;height:9px;padding-inline:max(24px,50vw - 620px);display:grid}.string-line i{background:#ffffff59;align-self:center;height:1px}.string-line i.root{background:var(--cinnabar);height:3px}.chapter-strip{z-index:80;top:calc(var(--nav-height) + 9px);color:var(--ink);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);background:#f6f0e4f5;position:sticky}.chapter-strip-inner{width:var(--shell);align-items:stretch;min-height:52px;margin:0 auto;display:flex}.chapter-strip-inner>span{border-right:1px solid var(--line-dark);min-width:142px;font-family:var(--font-heading);flex:none;align-content:center;padding:9px 18px 8px 0;font-weight:900;line-height:1.15;display:grid}.chapter-strip-inner>span small{color:var(--cinnabar);font-family:var(--font-mono);letter-spacing:.13em;font-size:.56rem}.chapter-strip-inner>div{scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.chapter-strip-inner>div::-webkit-scrollbar{display:none}.chapter-strip a{color:var(--ink-soft);border-right:1px solid var(--line);white-space:nowrap;flex:none;align-items:center;gap:8px;padding:9px 17px;font-size:.77rem;font-weight:750;text-decoration:none;display:flex}.chapter-strip a b{color:var(--line-dark);font-family:var(--font-mono);font-size:.58rem}.chapter-strip a:hover,.chapter-strip a[aria-current=page]{color:var(--paper-bright);background:var(--cinnabar)}.chapter-strip a[aria-current=page] b{color:#f5cabd}.page{min-height:70vh}.shell,.home-shell{width:var(--shell);margin-inline:auto}.hero{color:var(--paper-bright);background:var(--pine);padding:clamp(66px,8vw,118px) max(24px,50vw - 620px);position:relative;overflow:hidden}.hero:after{content:"";background:#c9a866;width:34vw;height:1px;position:absolute;bottom:0;right:max(24px,50vw - 620px);box-shadow:0 -9px #c9a8664d,0 -18px #c9a86626}.hero>*{z-index:1;max-width:780px;position:relative}.hero+.shell{padding-top:clamp(58px,8vw,108px)!important}.hero h1{font-family:var(--font-heading);letter-spacing:-.065em;margin:0;font-size:clamp(3.2rem,7vw,6.8rem);line-height:.98}.hero .lead{color:#dce7e0;max-width:670px;margin:25px 0 0;font-size:clamp(1.03rem,1.6vw,1.25rem);line-height:1.9}.hero-home{min-height:min(760px,100vh - 87px);color:var(--ink);background:var(--paper-bright);padding:0}.hero-home>*{max-width:none}.hero-home:after{display:none}.hero-home-grid{width:100%;min-height:inherit;grid-template-columns:minmax(0,1.05fr) minmax(520px,.95fr);align-items:stretch;display:grid;position:relative}.hero-art{min-height:inherit;grid-area:1/1/auto/-1}.hero-art img{width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center}.hero-copy{z-index:2;grid-area:1/1;align-self:center;width:min(620px,100vw - 48px);margin-left:max(24px,50vw - 620px);padding:42px 0;position:relative}.hero-copy:before{content:"";z-index:-1;background:#fffaf0e6;position:absolute;inset:-38px -55px -38px -100vw}.hero-label{color:var(--cinnabar);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;font-size:.72rem;font-weight:800}.hero-copy h1{color:var(--pine);font-size:clamp(4.5rem,10vw,9.2rem)}.hero-copy h1 span{color:var(--cinnabar);font-family:var(--font-mono);letter-spacing:-.02em;font-size:.38em}.hero-copy .lead{max-width:545px;color:var(--ink-soft);margin-top:25px;font-size:clamp(1.03rem,1.5vw,1.23rem);line-height:1.85}.hero-cta,.button{color:var(--paper-bright);background:var(--cinnabar);border:1px solid var(--cinnabar-dark);box-shadow:5px 5px 0 var(--pine);align-items:center;gap:22px;margin-top:29px;padding:13px 18px;font-size:.88rem;font-weight:900;text-decoration:none;display:inline-flex}.hero-cta:hover,.button:hover{box-shadow:3px 3px 0 var(--pine);transform:translate(2px,2px)}.hero-note{color:var(--ink-faint);font-family:var(--font-mono);margin-top:18px;font-size:.66rem}.home-shell{padding-block:clamp(68px,9vw,135px)}.home-study,.route-section{margin-bottom:clamp(78px,10vw,150px)}.section-heading{grid-template-columns:82px minmax(0,1fr);align-items:start;gap:24px;margin-bottom:36px;display:grid}.section-index{color:var(--cinnabar);border-top:3px solid var(--cinnabar);font-family:var(--font-mono);padding-top:10px;font-size:.8rem}.section-heading h2{max-width:850px;color:var(--pine);font-family:var(--font-heading);letter-spacing:-.045em;margin:0;font-size:clamp(2.15rem,4.5vw,4.3rem);line-height:1.08}.section-heading p{max-width:690px;color:var(--ink-soft);margin:12px 0 0}.entry-grid{grid-template-columns:1.35fr .85fr .85fr;gap:14px;display:grid}.entry-card{min-height:280px;color:var(--paper-bright);background:var(--pine);border:1px solid #122a25;flex-direction:column;justify-content:space-between;padding:clamp(24px,3vw,42px);text-decoration:none;display:flex;position:relative;overflow:hidden}.entry-card:nth-child(2){color:var(--ink);background:var(--cinnabar-pale);border-color:var(--cinnabar)}.entry-card:nth-child(3){color:var(--ink);border-color:var(--pine-2);background:#dfe6dc}.entry-card b{font-family:var(--font-mono);letter-spacing:.15em;opacity:.7;font-size:.68rem}.entry-card h3{font-family:var(--font-heading);margin:auto 0 8px;font-size:clamp(1.65rem,3vw,2.8rem);line-height:1.12}.entry-card p{opacity:.8;max-width:36ch;margin:0;font-size:.9rem}.entry-card span{font-size:1.3rem;position:absolute;top:21px;right:24px}.entry-card:hover span{transform:translate(5px)}.route-list{border-top:1px solid var(--line-dark)}.route-row{min-height:120px;color:var(--ink);border-bottom:1px solid var(--line-dark);grid-template-columns:70px minmax(0,1fr) 48px;align-items:center;gap:20px;padding:20px 12px;text-decoration:none;transition:padding .18s,background .18s;display:grid}.route-row:hover{background:var(--paper-bright);padding-inline:22px}.route-icon{color:var(--cinnabar);font-family:var(--font-mono);font-size:.75rem;font-weight:800}.route-title{color:var(--pine);font-family:var(--font-heading);font-size:clamp(1.35rem,2.2vw,2rem);font-weight:900}.route-desc{color:var(--ink-soft);margin:3px 0 0;font-size:.9rem}.route-arrow{color:var(--cinnabar);text-align:right;font-size:1.45rem}.course-spine{border-block:1px solid var(--line-dark);grid-template-columns:repeat(5,1fr);gap:0;display:grid;position:relative}.course-spine:before{content:"";background:var(--cinnabar);height:1px;position:absolute;top:45px;left:3%;right:3%}.spine-stop{border-left:1px solid var(--line);min-height:265px;padding:77px 20px 24px;position:relative}.spine-stop:last-child{border-right:1px solid var(--line)}.spine-stop:before{content:"";z-index:2;background:var(--paper);border:4px solid var(--cinnabar);width:17px;height:17px;position:absolute;top:37px;left:19px;transform:rotate(45deg)}.spine-stop small{color:var(--cinnabar);font-family:var(--font-mono);letter-spacing:.1em;font-size:.62rem}.spine-stop h3{color:var(--pine);font-family:var(--font-heading);margin:7px 0 8px;font-size:1.35rem}.spine-stop p{color:var(--ink-soft);margin:0;font-size:.84rem}.scale-board{border:1px solid var(--line-dark);grid-template-columns:repeat(5,1fr);display:grid}.scale-note{border-right:1px solid var(--line);background:var(--paper-bright);min-height:205px;padding:22px}.scale-note:last-child{border-right:0}.scale-note>span{color:var(--cinnabar);font-family:var(--font-mono);font-size:.68rem}.scale-note h3{color:var(--pine);font-family:var(--font-heading);margin:26px 0 0;font-size:2.5rem}.scale-note p{color:var(--cinnabar);font-family:var(--font-mono);margin:0;font-size:.72rem}.scale-note small{color:var(--ink-soft);margin-top:16px;display:block}.listening-room{color:var(--paper-bright);background:var(--lacquer);grid-template-columns:.7fr 1.3fr;gap:clamp(30px,5vw,80px);padding:clamp(30px,5vw,64px);display:grid}.listening-room h2{font-family:var(--font-heading);margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:1.12}.listening-room p{color:#e6d8ca}.listening-links{border-top:1px solid #ffffff59}.listening-links a{border-bottom:1px solid #ffffff4d;justify-content:space-between;gap:20px;padding:18px 6px;text-decoration:none;display:flex}.listening-links a:hover{color:#e2bd75;padding-left:12px}.reading-shell{width:var(--reading);padding-block:clamp(58px, 8vw, 110px) var(--content-bottom);margin:0 auto}.reading-kicker{color:var(--cinnabar);font-family:var(--font-mono);letter-spacing:.14em;align-items:center;gap:16px;margin-bottom:26px;font-size:.64rem;font-weight:800;display:flex}.reading-kicker i{background:var(--line-dark);flex:1;height:1px}.content{max-width:780px;color:var(--ink-soft)}.content>h1{color:var(--pine);font-family:var(--font-heading);letter-spacing:-.055em;margin:0 0 35px;font-size:clamp(3rem,7vw,6rem);line-height:1}.content>h1+p{color:var(--ink);margin-top:-14px;line-height:1.9;font-size:1.13rem!important}.content h2{color:var(--pine);border-top:1px solid var(--line-dark);font-family:var(--font-heading);letter-spacing:-.025em;margin:68px 0 18px;padding-top:20px;font-size:clamp(1.75rem,3.5vw,2.65rem);line-height:1.25}.content h3,.content h4,.content h5{color:var(--pine)}.content h3{font-family:var(--font-heading);margin-top:38px;font-size:1.4rem}.content p{margin:0 0 1.25em}.content strong{color:var(--ink);font-weight:850}.content a:not(.button){color:var(--cinnabar-dark);text-underline-offset:3px;text-decoration-thickness:1px}.content ul,.content ol{margin:18px 0 28px;padding-left:1.3em}.content li{margin-bottom:11px;padding-left:5px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0;display:grid}.card{min-width:0;color:var(--ink-soft);background:var(--paper-bright);border:1px solid var(--line);border-top:4px solid var(--pine);padding:24px}.card h4{color:var(--pine);font-family:var(--font-heading);margin:0 0 8px;font-size:1.18rem}.card p{margin:0;font-size:.9rem}.info-box,.practice-tip,.source-note{color:var(--ink-soft);background:var(--pine-pale);border-left:5px solid var(--pine);margin:28px 0;padding:20px 22px}.info-box strong,.source-note strong{color:var(--pine)}.caution-box{background:var(--cinnabar-pale);border-left:5px solid var(--cinnabar);margin:28px 0;padding:20px 22px}.data-table{border-collapse:collapse;width:100%;margin:28px 0;font-size:.84rem}.data-table th,.data-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:14px 12px}.data-table th{color:var(--paper-bright);background:var(--pine);letter-spacing:.04em;font-size:.72rem}.data-table tr:nth-child(2n) td{background:#fffaf0a6}.timeline{border-top:1px solid var(--line-dark);margin:35px 0}.timeline-item{border-bottom:1px solid var(--line);grid-template-columns:120px minmax(0,1fr);gap:20px;padding:22px 0;display:grid}.timeline-year{color:var(--cinnabar);font-family:var(--font-mono);font-weight:800}.timeline-item p{margin:0}.fingering-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0;display:grid}.fingering-card{background:var(--paper-bright);border:1px solid var(--line);padding:24px}.fingering-card .cn{color:var(--pine);font-family:var(--font-heading);font-size:2.2rem;font-weight:900;line-height:1}.fingering-card .pinyin{color:var(--cinnabar);font-family:var(--font-mono);margin:7px 0 17px;font-size:.68rem}.fingering-card .desc{color:var(--ink-soft);font-size:.88rem}.tag{color:var(--pine);background:var(--pine-pale);border:1px solid var(--celadon);padding:2px 8px;font-size:.65rem;font-weight:800;display:inline-block}.tag-advanced{color:var(--cinnabar-dark);background:var(--cinnabar-pale);border-color:var(--cinnabar)}.tag-intermediate{color:var(--lacquer);border-color:var(--gold);background:#eadfca}.tuning-vis{border:1px solid var(--line-dark);grid-template-columns:repeat(21,minmax(38px,1fr));margin:30px 0 12px;display:grid;overflow-x:auto}.tuning-cell{text-align:center;background:var(--paper-bright);border-right:1px solid var(--line);min-width:44px;padding:12px 5px}.tuning-cell:last-child{border-right:0}.tuning-cell .octave{min-height:28px;color:var(--ink-faint);font-size:.56rem;line-height:1.2}.tuning-cell .note{color:var(--pine);font-family:var(--font-mono);font-size:.9rem;font-weight:900}.tuning-cell .scale{color:var(--cinnabar);font-size:.72rem}.watch-section{background:var(--lacquer);color:#fff;margin:90px 0 0;padding:44px}.watch-heading h2{font-family:var(--font-heading);margin:0;font-size:2.6rem}.watch-heading p{color:#e4d6c9}.watch-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:25px;display:grid}.watch-card{background:var(--paper-bright);color:var(--ink);text-decoration:none}.watch-thumb{aspect-ratio:16/9;display:block;position:relative;overflow:hidden}.watch-thumb img{object-fit:cover;width:100%;height:100%}.watch-play{background:var(--cinnabar);color:#fff;place-items:center;width:42px;height:42px;display:grid;position:absolute;bottom:14px;left:16px}.watch-copy{padding:20px;display:block}.watch-copy small{color:var(--cinnabar);font-family:var(--font-mono)}.watch-copy h3{color:var(--pine);font-family:var(--font-heading);margin:6px 0;font-size:1.22rem}.watch-copy p{color:var(--ink-soft);margin:0;font-size:.82rem}.watch-fallback{flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:.8rem;display:flex}.watch-fallback a{color:#e6c172}.footer{color:#dfe7e2;background:var(--pine);border-top:9px solid #172f2a}.footer-grid{width:var(--shell);grid-template-columns:1.25fr .85fr .9fr;align-items:end;gap:55px;min-height:260px;margin:0 auto;padding-block:54px;display:grid}.footer-brand{color:var(--paper-bright);font-family:var(--font-heading);font-size:2.6rem;font-weight:900;text-decoration:none}.footer-grid p{color:#b9c9c1;max-width:36ch;margin:8px 0 0;font-size:.8rem}.footer-links{grid-template-columns:1fr 1fr;gap:8px 18px;display:grid}.footer-links a{color:#d7e2dc;font-size:.78rem;text-decoration:none}.footer-links a:hover{color:#e3bd70}.footer-credit{text-align:right;font-weight:800;color:var(--paper-bright)!important}.footer-credit small{color:#aebeb6;font-weight:400}@media (width<=1080px){:root{--shell:min(100% - 36px, 960px)}.nav-group>summary{min-width:108px;padding-inline:14px}.nav-start{display:none}.entry-grid{grid-template-columns:1.15fr .85fr}.entry-card:nth-child(3){grid-column:1/-1;min-height:220px}.course-spine{grid-template-columns:repeat(3,1fr)}.course-spine:before{display:none}.spine-stop{border-bottom:1px solid var(--line);min-height:220px;padding-top:58px}.spine-stop:before{top:26px}.scale-board{grid-template-columns:repeat(3,1fr)}.scale-note{border-bottom:1px solid var(--line)}}@media (width<=900px){:root{--nav-height:66px}body{font-size:16px}.navbar{justify-content:space-between;position:relative}.navbar-brand{padding-right:0}.nav-toggle{color:var(--paper-bright);cursor:pointer;background:0 0;border:1px solid #ffffff59;align-self:center;align-items:center;gap:10px;padding:10px 12px;font-size:.75rem;display:inline-flex}.nav-toggle b,.nav-toggle b:before,.nav-toggle b:after{background:currentColor;width:16px;height:1px;display:block}.nav-toggle b{position:relative}.nav-toggle b:before,.nav-toggle b:after{content:"";position:absolute;left:0}.nav-toggle b:before{top:-5px}.nav-toggle b:after{top:5px}.site-menu{max-height:calc(100vh - 75px);color:var(--ink);background:var(--paper-bright);border-top:1px solid var(--line-dark);padding:12px 18px 22px;display:none;position:absolute;top:100%;left:-18px;right:-18px;overflow-y:auto;box-shadow:0 18px 30px #161c1933}.site-menu.is-open{display:block}.nav-group{border-left:0;border-bottom:1px solid var(--line)}.nav-group>summary{min-height:58px;color:var(--ink);padding:10px 5px}.nav-group summary small{color:var(--cinnabar)}.nav-group>summary:after{color:var(--ink-faint);top:21px;right:8px}.nav-panel{width:100%;box-shadow:none;border:0;padding:0 0 10px;position:static}.nav-panel a{padding-left:14px}.string-line{padding-inline:18px}.chapter-strip{top:75px}.chapter-strip-inner{width:100%}.chapter-strip-inner>span{display:none}.chapter-strip a{padding-inline:13px}.hero-home{min-height:auto}.hero-home-grid{min-height:720px;display:block}.hero-art{position:absolute;inset:0}.hero-art img{object-position:61% center}.hero-copy{width:min(92%,620px);margin:0;padding:34px 24px 46px;position:absolute;bottom:0;left:0}.hero-copy:before{background:#fffaf0f0;inset:0}.hero-copy h1{font-size:clamp(4.2rem,19vw,7rem)}.entry-grid{grid-template-columns:1fr}.entry-card:nth-child(3){grid-column:auto}.entry-card{min-height:230px}.listening-room{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-credit{text-align:left;grid-column:1/-1}}@media (width<=680px){:root{--shell:calc(100% - 28px)}body{background:var(--paper)}.hero{padding-inline:22px}.hero-home{padding-inline:0}.hero h1{font-size:clamp(3rem,16vw,4.6rem)}.hero .lead br{display:none}.hero-home-grid{min-height:660px}.hero-art img{object-position:62% 20%}.hero-copy{width:calc(100% - 18px);padding:25px 20px 34px}.hero-copy .lead{font-size:.96rem}.hero-note{display:none}.home-shell{padding-block:58px 92px}.section-heading{grid-template-columns:45px minmax(0,1fr);gap:14px;margin-bottom:25px}.section-heading h2{font-size:2.25rem}.route-row{grid-template-columns:42px minmax(0,1fr) 25px;gap:10px;min-height:112px}.route-title{font-size:1.25rem}.route-desc{font-size:.82rem;line-height:1.65}.course-spine{border-bottom:0;grid-template-columns:1fr}.spine-stop{border-right:1px solid var(--line);min-height:0;padding:30px 20px 30px 56px}.spine-stop:before{top:34px;left:19px}.scale-board{grid-template-columns:1fr 1fr}.scale-note{min-height:165px}.listening-room{padding:28px 22px}.reading-shell{width:calc(100% - 34px);padding-top:48px}.content>h1{font-size:clamp(3rem,15vw,4.6rem)}.content h2{margin-top:52px}.card-grid,.fingering-grid,.watch-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:82px minmax(0,1fr);gap:12px}.data-table{white-space:normal;display:block;overflow-x:auto}.watch-section{padding:28px 18px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-credit{grid-column:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.character-companion[data-astro-cid-prbc2zld]{border:1px solid var(--ink);border-bottom:6px solid var(--cinnabar);width:100%;min-height:190px;color:var(--paper);background:var(--pine);grid-template-columns:210px minmax(0,1fr);align-items:end;gap:clamp(1rem,3vw,2.5rem);margin:1.4rem 0 2.5rem;padding:0 clamp(1rem,3vw,2rem);display:grid;overflow:hidden}.character-companion[data-astro-cid-prbc2zld].is-home{width:min(1180px,100% - 48px);margin:clamp(1.5rem,4vw,3rem) auto}img[data-astro-cid-prbc2zld]{object-fit:contain;object-position:center bottom;width:100%;height:184px}div[data-astro-cid-prbc2zld]{align-self:center;padding-block:1.2rem}small[data-astro-cid-prbc2zld]{color:var(--gold);letter-spacing:.09em;font-weight:900}p[data-astro-cid-prbc2zld]{max-width:33rem;color:inherit;margin:.45rem 0 0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7}@media (width<=620px){.character-companion[data-astro-cid-prbc2zld],.character-companion[data-astro-cid-prbc2zld].is-home{grid-template-columns:106px minmax(0,1fr);width:calc(100% - 2rem);min-height:132px;margin-inline:auto;padding-inline:.3rem .9rem}img[data-astro-cid-prbc2zld]{height:128px}p[data-astro-cid-prbc2zld]{font-size:.95rem;line-height:1.55}}