.editorial-lesson { max-width: 1100px; }
.editorial-lesson .comparison-hero h1 { max-width: 27ch; }
.editorial-lesson .comparison-panel > p, .editorial-lesson .comparison-panel > ol { max-width: 78ch; }
.editorial-lesson .comparison-panel > h3 { margin-top: 28px; }
.editorial-table-scroll { width: 100%; overflow-x: auto; margin: 24px 0; }
.editorial-table-scroll .seo-table { min-width: 560px; width: 100%; }
.editorial-table-scroll th, .editorial-table-scroll td { text-align: left; font-size: 14px; line-height: 1.6; padding: 14px; }
.editorial-triad-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 20px 0 28px; }
.editorial-triad-card { border: 1px solid #ded7ca; border-radius: 12px; padding: 16px 10px; background: #fbf8f1; }
.editorial-triad-card h3 { font-size: 14px; margin: 0 8px; }
.editorial-triad-card svg { display: block; width: 100%; height: auto; }
.editorial-triad-card p { margin: 0 8px !important; font-size: 13px; }
.editorial-tab { margin: 24px 0; border: 1px solid #ded7ca; border-radius: 12px; padding: 20px; background: #f8f5ed; }
.editorial-tab figcaption { font-size: 13px; margin-bottom: 18px; color: #696258; }
.editorial-tab pre { overflow-x: auto; margin: 0; font: 15px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace; color: #263e6d; }
.editorial-link-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 28px; }
.editorial-link-grid a { padding: 18px; display: grid; gap: 8px; border: 1px solid #ded7ca; border-radius: 12px; text-decoration: none; }
.editorial-link-grid strong { font-size: 15px; }
.editorial-link-grid span { font-size: 14px; line-height: 1.6; color: #696258; }
.editorial-cta { margin: 24px 0; }
.editorial-cta p { margin-top: 12px; font-size: 13px; color: #696258; }
.editorial-lesson .progression-library-item { padding: 26px; margin: 26px 0; border: 1px solid #ded7ca; border-radius: 14px; background: #fbf8f1; }
.editorial-lesson .editorial-chords { font-size: 24px; font-weight: 650; letter-spacing: -.02em; }
.editorial-lesson li { margin-bottom: 14px; padding-left: 6px; }
@media(max-width:700px) { .editorial-triad-grid { grid-template-columns: 1fr; gap: 14px; } .editorial-triad-card { display: grid; grid-template-columns: minmax(0,1fr); max-width: 360px; width: 100%; margin-inline: auto; } .editorial-tab { padding: 14px; } .editorial-tab pre { font-size: 13px; } .editorial-link-grid { grid-template-columns: 1fr; } .editorial-lesson .progression-library-item { padding: 20px 10px; } }