.jazz-cadence-intro{margin:24px 0 10px;padding:24px;border:1px solid #28566b;border-radius:18px;background:linear-gradient(135deg,#0a1922,#0b101a 65%)}
.jazz-cadence-intro h2{margin:6px 0 8px;font-size:clamp(1.55rem,3vw,2.4rem)}.jazz-cadence-intro p{max-width:760px;color:#b9c7d8;line-height:1.65}
.jazz-cadence-trail{margin-top:18px;border-color:#2d6170;background:linear-gradient(145deg,#0a1820,#0b101a 70%)}.jazz-minor-trail{border-color:#5a477b;background:linear-gradient(145deg,#171126,#0b101a 70%)}
.jazz-cadence-core{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin:18px 0}.jazz-chord-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.jazz-chord{padding:16px 10px;text-align:center;border:1px solid #34445b;border-radius:13px;background:#080e18}.jazz-chord span,.jazz-chord strong,.jazz-chord small{display:block}.jazz-chord span{color:#48dff2;font-size:.73rem;font-weight:900;letter-spacing:.08em}.jazz-chord strong{margin:7px 0;font-size:1.35rem}.jazz-chord small{color:#9baabd}.jazz-minor-trail .jazz-chord span{color:#b994ff}
.jazz-why{padding:17px;border:1px solid #34445b;border-radius:13px;background:#0a111d}.jazz-why span{color:#5beaae;font-size:.72rem;font-weight:900;letter-spacing:.08em}.jazz-why strong{display:block;margin:7px 0;font-size:1.05rem}.jazz-why p{margin:0;color:#aebdce;line-height:1.55}.jazz-play-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.jazz-grip{padding:14px;border:1px solid #334159;border-radius:12px;background:#09101b}.jazz-grip span,.jazz-grip strong,.jazz-grip code,.jazz-grip small{display:block}.jazz-grip span{font-size:.72rem;color:#8fa2ba}.jazz-grip strong{margin:5px 0}.jazz-grip code{color:#55e6ef;font-size:1rem}.jazz-grip small{margin-top:7px;color:#98a8ba;line-height:1.45}
.jazz-guide-lines{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.jazz-guide-lines article{padding:14px;border-left:3px solid #5beaae;background:#0a121d;border-radius:4px 10px 10px 4px}.jazz-guide-lines strong,.jazz-guide-lines small{display:block}.jazz-guide-lines small{margin-top:5px;color:#9eafc1}.jazz-trail-actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.jazz-listen{margin-top:14px;padding:15px;border:1px solid #3b455b;border-radius:12px}.jazz-listen span{display:block;color:#f3be5f;font-size:.72rem;font-weight:900;letter-spacing:.08em}.jazz-listen p{margin:7px 0 0;color:#b8c4d3;line-height:1.55}.jazz-minor-note{margin:12px 0;padding:13px 15px;border-radius:11px;background:#1b142d;color:#cfc2ea;line-height:1.55}.jazz-checklist{display:grid;gap:8px;margin:15px 0}.jazz-checklist label{display:flex;gap:9px;align-items:flex-start;padding:11px;border:1px solid #303d52;border-radius:10px;color:#c2ccda}.jazz-progress-copy{display:flex;justify-content:space-between;color:#9dafc2;font-size:.88rem;margin-top:-12px}
@media(max-width:760px){.jazz-cadence-core,.jazz-guide-lines{grid-template-columns:1fr}.jazz-play-grid,.jazz-chord-row{grid-template-columns:1fr}.jazz-cadence-intro{padding:18px}}
.guide-tones-trail{margin-top:22px;border-color:#b78a42;background:radial-gradient(circle at 90% 4%,rgba(212,157,63,.18),transparent 30%),linear-gradient(145deg,#1c160d,#0a111b 68%)}.guide-tones-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.guide-tones-pillars article{padding:15px;border:1px solid #604c2d;border-radius:12px;background:#16130e}.guide-tones-pillars span,.guide-tones-pillars strong,.guide-tones-pillars small{display:block}.guide-tones-pillars span{color:#f4c568;font-size:.7rem;font-weight:900;letter-spacing:.12em}.guide-tones-pillars strong{margin:5px 0;font-size:1.04rem}.guide-tones-pillars small{color:#baa987;line-height:1.4}.guide-tones-lab{margin:18px 0 22px;padding:20px;border:1px solid #785d32;border-radius:16px;background:#0c1118}.guide-tones-lab-head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}.guide-tones-lab-head h3{margin:5px 0;font-size:1.35rem}.guide-tones-lab-head p{max-width:700px;margin:0;color:#adbac9}.guide-tones-selectors{display:flex;gap:9px}.guide-tones-selectors label{display:grid;gap:5px;color:#c6b58f;font-size:.76rem;font-weight:850}.guide-tones-selectors select{min-height:42px;padding:8px 36px 8px 10px;border:1px solid #675231;border-radius:9px;background:#080e16;color:#fff}.guide-tones-cards{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:18px}.guide-tones-cards>em{color:#8d9caf;font-size:1.4rem;font-style:normal}.guide-tones-cards article{padding:17px;border:1px solid #334258;border-radius:13px;background:#080e17;text-align:center}.guide-tones-cards article>span{color:#e9ba5b;font-size:.72rem;font-weight:900;letter-spacing:.1em}.guide-tones-cards article>strong{display:block;margin:6px 0 11px;font-size:1.4rem}.guide-tones-cards article>div{display:flex;align-items:center;justify-content:center;gap:9px}.guide-tones-cards b{display:grid;place-items:center;min-width:60px;padding:9px;border:1px solid #3f7d68;border-radius:10px;background:#0b211c;color:#72efbd;font-size:1.05rem}.guide-tones-cards b small{display:block;margin-top:2px;color:#9db8ab;font-size:.66rem}.guide-tones-cards i{color:#78889d;font-style:normal}.guide-tones-lines{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.guide-tones-lines article{padding:13px 15px;border-left:3px solid #55e6ad;border-radius:4px 10px 10px 4px;background:#0a1718}.guide-tones-lines span,.guide-tones-lines strong,.guide-tones-lines small{display:block}.guide-tones-lines span{color:#64e6b2;font-size:.68rem;font-weight:900;letter-spacing:.1em}.guide-tones-lines strong{margin:5px 0;font-size:1.08rem}.guide-tones-lines small{color:#95a7b5}.guide-tones-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.guide-tones-hint{margin:13px 0 0!important;padding:12px 14px;border-radius:10px;background:#171a13;color:#d6c799!important;font-size:.88rem}.guide-tones-project{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin-top:18px;padding:20px;border:1px solid #775c33;border-radius:15px;background:#18130c}.guide-tones-project>div>span{color:#f0bd57;font-size:.7rem;font-weight:900;letter-spacing:.12em}.guide-tones-project h3{margin:7px 0}.guide-tones-project p{margin:0;color:#c2b596}.guide-tones-checklist{display:grid;gap:8px}.guide-tones-checklist label{display:flex;gap:9px;padding:10px;border:1px solid #54452e;border-radius:9px;color:#d1c5aa}.guide-tones-checklist input{accent-color:#e8b859}.guide-tones-note{grid-column:1/-1;display:grid;gap:7px;color:#d2c4a7;font-weight:800}.guide-tones-note textarea{width:100%;padding:11px;border:1px solid #5e4a2d;border-radius:9px;background:#0a0f16;color:#fff;resize:vertical}.guide-tones-project>p{grid-column:1/-1;margin:0;color:#73e9b5}
.twelve-keys-trail{margin-top:22px;border-color:#3f70a9;background:radial-gradient(circle at 91% 5%,rgba(47,149,205,.2),transparent 31%),linear-gradient(145deg,#0a1a2b,#0a101a 70%)}.twelve-keys-promise{display:inline-flex;margin-top:12px;padding:7px 11px;border:1px solid #34739b;border-radius:999px;background:#0a2333;color:#72ddff;font-size:.78rem;font-weight:850}.twelve-keys-why{display:grid;grid-template-columns:210px 1fr;gap:16px;margin:22px 0;padding:18px;border-left:3px solid #4bd6ff;border-radius:4px 12px 12px 4px;background:#09202f}.twelve-keys-why strong{color:#62dcff;font-size:.76rem;letter-spacing:.1em}.twelve-keys-why p{margin:0!important;color:#bdd2df!important}.twelve-keys-lab{margin:18px 0 22px;padding:20px;border:1px solid #315879;border-radius:16px;background:#08121e}.twelve-keys-lab-head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}.twelve-keys-lab-head h3{margin:5px 0;font-size:1.4rem}.twelve-keys-lab-head p{max-width:720px;margin:0;color:#9db4c8}.twelve-keys-lab-head label{display:grid;gap:5px;color:#9ec4dc;font-size:.78rem;font-weight:850}.twelve-keys-lab-head select{min-height:43px;padding:8px 12px;border:1px solid #356184;border-radius:9px;background:#07101a;color:#fff}.twelve-keys-mission{display:grid;grid-template-columns:.75fr 1.15fr auto;gap:12px;align-items:center;margin-top:18px;padding:17px;border:1px solid #2f526e;border-radius:14px;background:linear-gradient(120deg,#0b1f30,#0b1421)}.twelve-keys-mission span,.twelve-keys-mission strong,.twelve-keys-mission small{display:block}.twelve-keys-mission span{color:#58d8ff;font-size:.66rem;font-weight:900;letter-spacing:.1em}.twelve-keys-mission strong{margin:5px 0;font-size:1.15rem}.twelve-keys-mission small{color:#91aabd}.twelve-keys-mission>div:first-child strong{font-size:1.65rem;color:#7ae6ff}.twelve-keys-mission-actions{display:grid;gap:7px}.twelve-keys-tone-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;margin-top:12px}.twelve-keys-tone-grid button{display:grid;gap:3px;min-height:58px;padding:8px 3px;border:1px solid #2c465f;border-radius:9px;background:#0a1420;color:#dbe9f4;cursor:pointer}.twelve-keys-tone-grid button span{font-weight:900}.twelve-keys-tone-grid button small{color:#758da1;font-size:.62rem}.twelve-keys-tone-grid button.current{border-color:#62dcff;box-shadow:0 0 0 1px #62dcff inset}.twelve-keys-tone-grid button.done{border-color:#3eb784;background:#0b211d}.twelve-keys-tone-grid button.done small{color:#69e2ac}.twelve-keys-total{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:14px}.twelve-keys-total>div{height:8px;overflow:hidden;border-radius:999px;background:#1f2e3e}.twelve-keys-total>div span{display:block;width:0;height:100%;background:linear-gradient(90deg,#42d7ff,#4ce1a0);transition:width .25s}.twelve-keys-total strong{color:#a9c4d8;font-size:.82rem}.twelve-keys-project{margin-top:18px;padding:20px;border:1px solid #315f81;border-radius:15px;background:#0a1a27}.twelve-keys-project>span{color:#59dbff;font-size:.7rem;font-weight:900;letter-spacing:.12em}.twelve-keys-project h3{margin:7px 0}.twelve-keys-project p{color:#a9c0d1}.twelve-keys-project ul{margin-bottom:0;padding-left:20px;color:#c3d4e1;line-height:1.75}
@media(max-width:1000px){.twelve-keys-tone-grid{grid-template-columns:repeat(6,1fr)}.twelve-keys-mission{grid-template-columns:1fr 1fr}.twelve-keys-mission-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.guide-tones-pillars{grid-template-columns:1fr 1fr}.guide-tones-lab-head,.guide-tones-project,.twelve-keys-lab-head{grid-template-columns:1fr}.guide-tones-note,.guide-tones-project>p{grid-column:auto}.twelve-keys-why{grid-template-columns:1fr}}@media(max-width:650px){.guide-tones-pillars,.guide-tones-lines{grid-template-columns:1fr}.guide-tones-selectors{align-items:stretch;flex-direction:column}.guide-tones-cards{grid-template-columns:1fr}.guide-tones-cards>em{transform:rotate(90deg);text-align:center}.guide-tones-actions{display:grid}.guide-tones-actions button{width:100%}.twelve-keys-mission{grid-template-columns:1fr}.twelve-keys-mission-actions{grid-column:auto;grid-template-columns:1fr}.twelve-keys-tone-grid{grid-template-columns:repeat(3,1fr)}.twelve-keys-total{grid-template-columns:1fr}.twelve-keys-lab{padding:15px}}