.training-app #demoPassages{grid-column:1/-1;min-width:0;width:100%;box-sizing:border-box;margin:10px 0 0;padding:17px 18px;background:#0b202d;border:1px solid #315363;border-radius:11px;color:#edf7fa}
.demo-passages-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.demo-passages-heading h2{font-size:19px;line-height:1.3;margin:5px 0 0}.demo-passages-eyebrow{color:#69d9c2;font-size:10px;font-weight:800;letter-spacing:.13em}.demo-passages-heading button{white-space:nowrap;min-height:42px;padding:8px 14px;background:#193746;border:1px solid #4c6e7a;border-radius:7px;color:#f3fafc;font-weight:700}
.demo-passages-intro{font-size:12px;line-height:1.55;color:#b5cbd5;margin:11px 0}
.demo-passage-list{display:flex;flex-wrap:wrap;gap:8px}.demo-passage-list button{display:grid;grid-template-columns:23px 1fr;gap:3px 8px;align-items:center;padding:10px 12px;min-height:59px;text-align:left;background:#142d3b;border:1px solid #42616e;border-radius:8px;color:#f5fbfc;font-size:12px;font-weight:700;cursor:pointer}.demo-passage-list button small{grid-column:2;font-size:10px;color:#9ebbc9;font-weight:500}.demo-passage-number{grid-row:1/3;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#284a58;color:#dcf4fb;font-size:11px}.demo-passage-list button[aria-pressed=true]{background:#155c4b;border-color:#73e1b7;color:#fff}.demo-passage-list button[aria-pressed=true] .demo-passage-number{background:#91f0c8;color:#063528}.demo-passage-list button[aria-pressed=true] small{color:#c2f6e0}.demo-passages button:disabled{opacity:.55;cursor:default}.demo-passages button:focus-visible{outline:3px solid #ffe844;outline-offset:2px}
.demo-passage-focus{margin-top:14px;padding-top:13px;border-top:1px solid #355262}.demo-passage-focus[hidden]{display:none}.demo-passage-focus p{margin:0 0 10px;color:#d9f3eb;font-size:12px;font-weight:650}.demo-passage-detail{display:flex;flex-wrap:wrap;gap:8px}.demo-passage-detail button{min-height:40px;background:#193746;color:#effafd;border:1px solid #42616e;padding:8px 13px;border-radius:6px;font-size:12px}.demo-passage-detail button[aria-pressed=true]{background:#ffe344;border-color:#ffe344;color:#14252b;font-weight:800}
.demo-online-chart-note{color:var(--muted,#aec5ce);font-size:12px;line-height:1.5}
.demo-passage-locks{margin-top:8px}
.training-app #demoPassages .demo-passage-list button{white-space:normal;min-height:59px;text-align:left;background:#142d3b;border:1px solid #42616e;padding:10px 12px;font-size:12px}
.training-app #demoPassages .demo-passage-list button[aria-pressed=true]{background:#155c4b;border-color:#73e1b7}
.training-app #demoPassages .demo-passage-detail button[aria-pressed=true]{background:#ffe344;border-color:#ffe344;color:#14252b;font-weight:800}
@media(max-width:760px){.demo-passages{padding:14px 12px}.demo-passages-heading h2{font-size:17px}.demo-passages-heading button{font-size:11px;padding:8px}.demo-passage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.demo-passage-list button{min-width:0;font-size:11px;padding:9px 7px;grid-template-columns:20px 1fr;gap:3px 6px}.demo-passage-number{width:20px;height:20px}.demo-passage-detail{display:grid;grid-template-columns:repeat(2,1fr)}.demo-passage-detail button{padding:9px 5px}.demo-passages-intro{font-size:11px}}
@media(max-width:760px){.training-app #demoPassages{padding:14px 12px}.training-app #demoPassages .demo-passage-list button{font-size:11px;padding:9px 7px}}
@media print{.demo-passages{display:none!important}}