.module-strip .module-locked{opacity:.55;background:#f5f7f7}.lesson-locked{background:#f5f8f7;border-style:dashed}.lesson-locked h2{color:#61716e}.lock-message{display:grid;gap:5px;margin-top:18px;padding:20px;border-radius:12px;background:#e9efed;color:#61716e}.lock-message span{font-size:.88rem}.change-level-link{display:block;margin:24px auto 0;border:0;background:transparent;color:var(--green2);font-weight:800;cursor:pointer}.level-picker{margin-top:24px;padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}.level-picker h2{margin:8px 0}.level-picker>p{color:var(--muted);max-width:720px}.level-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.level-options button{display:grid;gap:7px;padding:20px;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);cursor:pointer}.level-options button:hover,.level-options button.selected{border-color:var(--green);box-shadow:0 8px 24px rgba(25,169,116,.12)}.level-options button.selected{background:var(--mint)}.level-options button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e9f1ef;color:var(--green2);font:700 .8rem 'Fira Code'}.level-options button b{font-size:1.05rem}.level-options button small{color:var(--muted);min-height:36px}.level-options button em{font-style:normal;color:var(--green2);font-size:.78rem;font-weight:700}@media(max-width:760px){.level-options{grid-template-columns:1fr}.level-options button small{min-height:0}}