.intro-space{max-width:760px;margin:0 auto}.intro-heading{display:flex;align-items:center;gap:18px;margin-bottom:26px}.intro-heading h1{font-size:42px}.intro-heading p{color:var(--muted);font-size:13px;margin-top:8px}.intro-mark{display:grid;place-items:center;width:55px;height:55px;border-radius:18px;background:#eae8f3;color:var(--purple);flex-shrink:0}.intro-editor,.intro-practice{padding:30px 34px}.intro-editor textarea,.intro-practice textarea,.intro-cue-editor input{width:100%;border:1px solid #dadfd3;border-radius:11px;background:#fffefa;padding:14px;color:var(--ink);line-height:1.7;resize:vertical;font-size:15px}.intro-editor textarea{margin:16px 0 24px;min-height:210px}.intro-editor select{max-width:100%;padding:12px;border:1px solid #dadfd3;background:var(--white);border-radius:10px;font-size:13px;margin-top:10px}.intro-editor p.intro-helper{font-size:13px;margin-top:8px}.intro-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:25px}.intro-space p.intro-local{font-size:11px;color:#818578;margin-top:18px}.intro-note{text-align:center;color:var(--muted);font-size:12px;line-height:1.9}.intro-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.intro-toolbar>div{display:flex;gap:20px}.intro-stages{display:flex;gap:22px;list-style:none;padding:0;margin:17px 0 22px}.intro-stages li{display:flex;align-items:center;gap:7px;font-size:11px;color:#989c93}.intro-stages li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eeeee7}.intro-stages li.reached{color:var(--purple)}.intro-stages li.reached span{background:#e7e4f1}.intro-stages li[aria-current]{font-weight:650}.intro-practice{margin-top:0}.intro-practice h2{font-size:28px}.intro-practice p.intro-instruction{font-size:13px;line-height:1.7;margin:14px 0 24px}.intro-passage{font-size:22px;line-height:1.85;font-weight:350;white-space:pre-wrap;overflow-wrap:anywhere;color:#4d554f}.intro-passage strong{font-weight:650;color:var(--purple-dark);background:linear-gradient(transparent 87%,#e8e4f1 87%)}.intro-cues{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 30px}.intro-cues span{padding:12px 18px;border-radius:13px;background:#edeaf4;color:var(--purple-dark);font-size:19px;overflow-wrap:anywhere;max-width:100%}.intro-cue-editor{margin:8px 0 26px;color:var(--muted);font-size:12px}.intro-cue-editor summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.intro-cue-editor .answer-label{margin-top:14px}.intro-cue-editor input{margin:10px 0}.intro-practice textarea{margin-top:11px;font-size:14px}.intro-quiet-art{display:flex;align-items:center;gap:20px;padding:25px 20px;border-radius:16px;background:#f0f2e9;color:#7c886b;margin-top:24px}.intro-quiet-art span{font-family:Georgia,serif;font-size:23px}.intro-your-answer{padding:17px 20px;border:1px solid var(--line);border-radius:13px;margin-bottom:20px}.intro-your-answer p{white-space:pre-wrap;overflow-wrap:anywhere}.intro-original>.answer-label{margin-bottom:13px}.intro-ratings{display:flex;flex-wrap:wrap;gap:10px}.intro-ratings .primary,.intro-ratings .secondary{font-size:11px;padding:13px 16px}.intro-complete-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#e9efdf;color:#7d8b69;margin-top:25px}.intro-part-picker{display:flex;gap:9px;flex-wrap:wrap}.intro-part-picker button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:44px;border:1px solid #dce0d3;border-radius:10px;background:transparent;color:var(--muted)}.intro-part-picker button[aria-current]{background:#e9e6f3;border-color:#cbc5dd;color:var(--purple-dark)}.intro-space input,.intro-space textarea,.intro-space select{max-width:100%}@media(max-width:900px){.intro-heading h1{font-size:36px}.intro-editor,.intro-practice{padding:23px 21px}.intro-toolbar{align-items:flex-start}.intro-toolbar>div{flex-direction:column;gap:0;align-items:flex-end}.intro-toolbar .text-button{padding:5px 0;font-size:11px;min-height:36px}.intro-passage{font-size:19px;line-height:1.8}.intro-stages{gap:12px;justify-content:space-between}.intro-stages li{gap:5px;font-size:10px}.intro-cues span{font-size:17px;padding:11px 15px}.intro-actions>.primary{flex:1}.intro-ratings{flex-direction:column}.intro-ratings button{width:100%}.intro-heading{margin-bottom:20px}.intro-editor select{width:100%}.mobile-nav button{min-width:44px;padding-left:3px;padding-right:3px}.mobile-nav span{font-size:9px}}@media(max-width:360px){.intro-stages li{gap:3px}.intro-stages{gap:5px}.intro-stages li span{width:20px;height:20px}}
.mobile-nav{padding-left:5px;padding-right:5px}
@media(min-width:901px) and (max-height:820px){.sidebar{padding-top:28px;padding-bottom:20px;overflow-y:auto}.sidebar nav{margin-top:28px;gap:4px}.nav-item{padding-top:12px;padding-bottom:12px}.sidebar-bottom{padding-top:18px}.sidebar-bottom p{margin:9px 0 12px}}