.page{flex-direction:column;min-height:100vh;display:flex}.page-top{justify-content:space-between}.page-nav{gap:18px;display:flex}.page-nav a{color:var(--muted);font-weight:500;text-decoration:none}.page-nav a:hover{color:var(--text)}.page-top .primary-btn{text-decoration:none}.page-main{flex:1;width:min(1180px,100%);margin:0 auto;padding:28px 24px 40px}.page-main h1{letter-spacing:-.5px;margin:0 0 8px;font-size:34px}.lead{color:var(--muted);max-width:780px;margin:0 0 22px;font-size:16px}.page-main .primary-btn{text-decoration:none}.page-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:60px;padding:28px 24px;display:flex}.page-foot div{flex-direction:column;gap:6px;min-width:180px;display:flex}.page-foot a{color:var(--muted);font-size:14px;text-decoration:none}.page-foot a:hover{color:var(--text)}.article{max-width:780px;color:var(--muted);margin-top:34px}.article h2{color:var(--text);font-size:20px}.article li{margin:4px 0}.small-text{font-size:13px}.gold{color:var(--gold-2)}.tuner-pick{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.tuner-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;grid-template-columns:1fr 280px;gap:24px;padding:24px;display:grid}.tuner-main{flex-direction:column;align-items:center;gap:6px;display:flex}.tuner-note{letter-spacing:-2px;color:var(--text);font-size:92px;font-weight:700;line-height:1}.tuner-note.ok{color:var(--green)}.tuner-cents{min-height:22px;color:var(--gold-2);text-align:center;font-weight:600}.tuner-cents.ok{color:var(--green)}.gauge{width:min(420px,100%)}.gauge-lbl{fill:var(--faint);font-size:12px}.tuner-trace{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;width:100%;height:90px}.tuner-side{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.chart-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;display:grid}.chart-cell{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.chart-cell:hover{border-color:var(--gold)}.chart-cell b{font-size:17px}.chart-cell small{color:var(--muted);text-align:center;font-size:11.5px}.chart-cell small.gold{color:var(--gold-2)}.alts{opacity:.75;gap:4px;margin-top:4px;display:flex}.song-list{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:10px;display:grid}.song-row{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:12px;gap:14px;padding:12px;text-decoration:none;display:flex}.song-row:hover{border-color:var(--gold)}.page-sheet{margin-top:20px}@media (width<=800px){.page-nav{display:none}.tuner-card{grid-template-columns:1fr}.tuner-note{font-size:70px}.song-list{grid-template-columns:1fr}.page-main h1{font-size:26px}}.song-row a{color:inherit;text-decoration:none}.song-row a:hover b{color:var(--gold)}.song-row .tags{margin-top:6px}a.tag{color:var(--text);text-decoration:none}a.tag:hover,.tag.on{border-color:var(--gold);color:var(--gold)}.tag.muted{color:var(--muted);border-style:dashed}.flute-tabs{margin:4px 0 16px}.flute-tabs .tag{padding:4px 12px;font-size:13px}.page-main h2{margin:28px 0 10px;font-size:18px}.page-main .fingering-strip figure{flex-direction:column;align-items:center;gap:4px;margin:0;display:flex}.page-main .fingering-strip figcaption{font-size:13px;font-weight:600}