.guide-figure{margin:40px 0;padding:28px;background:linear-gradient(140deg,#192b30,#152025);border:1px solid #385154;border-radius:20px}.guide-kicker{color:#a8dccf!important;font-size:13px!important;letter-spacing:.08em}.guide-figure h2{margin:8px 0 22px!important;font-size:24px!important}.guide-table{overflow-x:auto;max-width:100%;border-radius:12px}.guide-table table{width:100%;border-collapse:separate;border-spacing:4px;min-width:520px;font-size:15px;line-height:1.6}.guide-table th,.guide-table td{padding:15px;text-align:left;background:#25383e;vertical-align:top}.guide-table thead th{background:transparent;color:#b9cbc9;font-weight:500}.guide-table tbody th{color:#eef5f2;font-weight:500}.guide-table td{color:#d4e7e1}.guide-table .beat-grid td{text-align:center;font-size:21px;color:#b5ecda;border-bottom:3px solid #759f98;vertical-align:middle}.guide-figure figcaption{font-size:14px;line-height:1.8;color:#b7c9c8;margin-top:18px}.guide-table:focus-visible{outline:2px solid #b5ecda}@media(max-width:600px){.guide-figure{padding:16px;margin:28px 0}.guide-table table{min-width:480px}.guide-figure h2{font-size:21px!important}.guide-figure figcaption:before{content:'↔ ';color:#b5ecda}}
.guide-table table{display:table!important;table-layout:auto}.guide-table thead{display:table-header-group!important}.guide-table tbody{display:table-row-group!important}.guide-table tr{display:table-row!important}.guide-table th,.guide-table td{display:table-cell!important;width:auto!important;min-width:0;word-break:normal}.guide-table th:first-child{min-width:90px}.guide-table .beat-grid{min-width:0;table-layout:fixed}.guide-table .beat-grid th,.guide-table .beat-grid td{padding:12px 5px}.guide-table .beat-grid th:first-child{min-width:0;width:24%!important}.guide-table .beat-grid td{font-size:18px}
.teaching-visual{margin:36px 0;padding:24px;background:radial-gradient(ellipse at 80% 30%,#26333e 0,transparent 65%),#15272c;border:1px solid #3b5355;border-radius:22px}.teaching-visual h2{margin:0 0 20px!important;font-size:25px!important}.teaching-visual svg{display:block;width:100%;max-width:480px;height:auto;margin:0 auto;font-family:system-ui,sans-serif}.teaching-visual figcaption{font-size:15px;line-height:1.8;color:#bccfc9;margin:20px auto 0;max-width:680px}@media(max-width:600px){.teaching-visual{padding:16px 10px}.teaching-visual h2{font-size:21px!important;padding:0 6px}.teaching-visual figcaption{padding:0 6px}}