.route-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.route-cards article{padding:24px;background:#1b2c31;border:1px solid #46645c;border-radius:18px}.route-cards h3{font-size:23px;margin:0 0 16px}.route-cards p{font-size:16px}.route-cards a{display:block;margin:14px 0}.question-directory{padding-left:20px;columns:2;column-gap:36px}.question-directory li{break-inside:avoid;padding:9px 0;font-size:17px}.equipment-branches{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.equipment-branches section{padding:18px;background:#192b30;border-radius:14px}.equipment-branches h3{font-size:21px}.equipment-branches p{font-size:16px}.try-feedback{padding:20px;border:1px solid #628176;border-radius:14px;margin:20px 0}.try-feedback summary{cursor:pointer;font-size:18px}.teacher-video{background:#24333b;padding:24px;border-radius:18px;margin:24px 0}.teacher-video h3{margin-top:0}.teacher-video a{display:inline-block;margin:8px}.response-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:24px 0;background:#182d30;padding:24px;border-radius:18px}.response-flow span{border:1px solid #95cdb8;padding:15px;border-radius:18px;text-align:center}.symbol-atlas{margin:24px 0}.symbol-atlas>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.symbol-atlas article{background:#20363a;padding:20px;text-align:center;border-radius:16px}.symbol-atlas p{font-size:16px!important}.music-symbol{font-size:36px;line-height:2;display:block}.symbol-atlas figcaption{font-size:15px;color:#bbd1c7;margin-top:18px}.bar-cells{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:20px 0}.bar-cells div{background:#25413e;padding:18px 4px;text-align:center;border-radius:10px}.bar-cells b{display:block;font-size:30px}.bar-cells span{font-size:15px}@media(max-width:700px){.route-cards,.equipment-branches{grid-template-columns:1fr}.question-directory{columns:1}.symbol-atlas>div{grid-template-columns:repeat(2,minmax(0,1fr))}.response-flow{flex-wrap:wrap;padding:16px}.response-flow span{padding:12px}.symbol-atlas article{padding:12px}}