.stage:has(.demo-catalog:not([hidden])){overflow:auto}.demo-catalog{padding:24px;max-width:1000px;margin:auto}.demo-intro h2{font-size:30px;letter-spacing:-1px;margin:10px 0}.demo-intro p:not(.eyebrow){line-height:1.6;color:#53645c;max-width:760px}.demo-filters{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:14px;margin:24px 0 12px}.demo-filters label{display:grid;gap:8px;font-size:13px;font-weight:650}.demo-filters select,.demo-filters input{width:100%;min-width:0;min-height:46px;border:1px solid #cfdedb;border-radius:12px;padding:10px 12px;background:#fff;color:#20352f;font:inherit}.demo-count{color:#53645c;font-size:13px}.demo-lessons{display:grid;gap:10px}.demo-lesson{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;background:#fff;border:1px solid #dce5e1;border-radius:16px}.demo-lesson h3{font-size:17px;margin:6px 0 0}.demo-lesson small{color:#65756d;font-size:12px}.demo-primary{background:#146e70;color:white;border:0;border-radius:12px;padding:12px 18px;font:inherit;font-size:13px;font-weight:700;min-height:44px;flex:none}.demo-private{font-size:12px;color:#65756d;flex:none}.demo-note{font-size:12px;line-height:1.6;color:#65756d;margin:24px 0}.stage iframe{position:absolute;inset:0}@media(max-width:650px){.demo-catalog{padding:20px 14px}.demo-filters{grid-template-columns:1fr 1fr}.demo-filters label:last-child{grid-column:1/-1}.demo-intro h2{font-size:25px}.demo-lesson{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.demo-primary{width:100%}.demo-private{align-self:flex-start}.demo-intro p{font-size:14px}}
.demo-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 16px}.demo-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 16px;border:1px solid #bdd2ce;border-radius:12px;background:#fff;color:#25443d;font:inherit;font-size:14px;font-weight:700}.demo-tabs button[aria-selected=true]{background:#146e70;color:#fff;border-color:#146e70}.demo-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;padding:2px 7px;border-radius:20px;background:#e9f2ef;color:#25443d;font-size:12px}.demo-tabs button[aria-selected=true] .demo-tab-count{background:#ffffff26;color:#fff}.demo-mode-intro{font-size:14px;line-height:1.6;color:#53645c}.demo-lesson-copy{min-width:0;overflow-wrap:anywhere}.demo-badges{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}.demo-badges span{font-size:11px;line-height:1.4;border:1px solid #d5e6df;border-radius:20px;padding:5px 8px;background:#edf5f1;color:#31584f}.demo-unscored{font-size:12px;line-height:1.5;color:#65756d;margin:10px 0 0}.demo-trinity-action{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex:none;text-align:center}.demo-trinity-action .demo-private{font-size:11px;white-space:normal;max-width:225px}.demo-tabs button:focus-visible,.demo-primary:focus-visible{outline:3px solid #196d75;outline-offset:3px}@media(max-width:650px){.demo-tabs{gap:8px}.demo-tabs button{flex:1 1 220px}.demo-trinity-action{text-align:left}.demo-trinity-action .demo-private{max-width:none}.demo-mode-intro{font-size:13px}}