.bm-intro{box-sizing:border-box;width:min(660px,calc(100% - 28px));max-height:calc(100dvh - 28px);margin:auto;padding:32px;border:1px solid #cfdbca;border-radius:22px;background:#fbfcf8;color:#234c40;box-shadow:0 20px 80px #142d3433;font-family:var(--font-body,Arial,sans-serif);overflow:auto;line-height:1.55}
.bm-intro::backdrop{background:#182e2b80;backdrop-filter:blur(4px)}
.bm-intro .intro-top{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;letter-spacing:.09em;font-weight:700;color:#526851}
.bm-intro .intro-close{border:1px solid #d5dfcf;background:white;border-radius:9px;font-size:24px;width:44px;height:44px;color:#234c40;flex-shrink:0;cursor:pointer}
.bm-intro h2{font-size:clamp(24px,4vw,32px);line-height:1.18;letter-spacing:-.035em;margin:22px 0 12px;color:#234c40}
.bm-intro h3{font-size:20px;line-height:1.3;margin:8px 0;color:#234c40}.bm-intro p{font-size:15px;color:#526454;margin:10px 0 18px}
.bm-intro .intro-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.bm-intro .intro-button{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#ffb544;color:#28291d;border:1px solid transparent;border-radius:10px;min-height:50px;padding:14px 17px;font:600 14px var(--font-body,Arial,sans-serif);text-align:left;cursor:pointer;line-height:1.4}
.bm-intro .intro-button.secondary{background:white;border-color:#cddac6;color:#234c40}.bm-intro .intro-button:hover{filter:brightness(.97)}
.bm-intro .intro-actions{display:grid;gap:10px}.bm-intro .intro-classcode{border-top:1px solid #d6e0d0;padding-top:18px;font-size:14px}
.bm-intro .intro-steps{list-style:none;padding:0;counter-reset:intro;display:grid;gap:16px;margin:24px 0}.bm-intro .intro-steps li{display:grid;grid-template-columns:32px 1fr;column-gap:12px;font-size:14px}.bm-intro .intro-steps li::before{counter-increment:intro;content:counter(intro);grid-row:span 2;background:#e8efdf;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-weight:700}.bm-intro .intro-steps span{color:#526454;margin-top:4px}
.bm-intro .intro-recommendation{background:#edf2e5;padding:20px;border-radius:12px;margin:22px 0}.bm-intro .intro-recommendation>span{font-size:11px;font-weight:700;letter-spacing:.08em}.bm-intro .intro-recommendation p{margin-bottom:0}
.bm-intro .intro-footer{border-top:1px solid #d6e0d0;margin-top:24px;padding-top:17px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.bm-intro .intro-skip{background:none;border:none;color:#526454;text-decoration:underline;font:inherit;font-size:13px;cursor:pointer;min-height:44px}.bm-intro .intro-footer small{flex-basis:100%;font-size:12px;color:#526454}.bm-intro :focus-visible{outline:3px solid #2866ab;outline-offset:3px}.bm-intro h2:focus{outline:none}
.intro-lesson-tip{display:flex;align-items:center;gap:20px;border:1px solid #ccd9c4;background:#edf2e5;color:#234c40;border-radius:12px;padding:16px 20px;margin:0 0 22px}.intro-lesson-tip p{color:#526454;margin:6px 0 0;font-size:14px}.intro-lesson-tip button{background:#234c40;color:white;border:0;border-radius:8px;padding:12px;min-height:44px;cursor:pointer}
[data-first-learning=true] .right-column,[data-first-learning=true][data-has-account=false] .two-col,[data-first-learning=true] .two-col .mini-activity:first-child{display:none}[data-first-learning=true].dashboard-grid{grid-template-columns:1fr;max-width:1000px}
@media(max-width:520px){.bm-intro{padding:22px}.bm-intro .intro-choices{grid-template-columns:1fr;gap:9px}.bm-intro h2{margin-top:15px}.intro-lesson-tip{align-items:flex-start;flex-direction:column}}
.tour-launch{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;min-width:40px;padding:6px 12px;border:1px solid #cfdbca;border-radius:10px;background:#fff;color:#234c40;font:600 12px var(--font-body,Arial,sans-serif);white-space:nowrap;cursor:pointer;flex-shrink:0}.tour-launch b{display:grid;place-items:center;width:18px;height:18px;border:1.5px solid currentColor;border-radius:50%;font-size:12px}.tour-launch:focus-visible{outline:3px solid #2866ab;outline-offset:3px}
.design-nav-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted);margin:8px 13px 10px}.design-nav-main,.design-nav-extra>div,.design-nav-admin{display:grid;gap:5px}#design-nav .design-nav-extra{border-top:1px solid var(--line);margin:15px 0 0;padding-top:9px}#design-nav summary{cursor:pointer;min-height:44px;padding:11px 13px;font-size:13px;color:var(--ink2);border-radius:10px;list-style-position:inside}#design-nav summary:focus-visible{outline:3px solid #2866ab;outline-offset:2px}#design-nav summary:hover{background:var(--bg2)}.design-nav-admin{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}
.intro-tip-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.intro-tip-actions [data-dismiss-tip]{background:white;color:#234c40;border:1px solid #cfdbca}
.bm-intro.bm-tour{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}.bm-tour::backdrop{background:transparent;backdrop-filter:none}
.tour-ring{position:fixed;border:2px solid #ffb544;border-radius:10px;box-shadow:0 0 0 100vmax #152e2bb8;pointer-events:none;box-sizing:border-box;outline:2px solid white;outline-offset:1px}
@media(max-width:959px){.bm-tour-active::after,.bm-tour-active #design-sidebar::after{content:'';display:block;min-height:var(--tour-reserve,400px);flex-shrink:0;order:10}}
.tour-panel{position:fixed;box-sizing:border-box;width:min(370px,calc(100% - 24px));max-height:calc(100dvh - 95px);overflow:auto;padding:22px;border:1px solid #cfdbca;border-radius:18px;background:#fbfcf8;box-shadow:0 12px 36px #142d3433}.bm-tour .tour-panel h2{font-size:25px;margin:16px 0 12px}.bm-tour .tour-panel p{font-size:14px}.bm-tour .tour-panel .tour-location{font-size:12px;color:#526454;margin:14px 0}.tour-actions{display:flex;justify-content:space-between;gap:12px}.tour-actions .intro-button{justify-content:center;min-width:100px}.bm-tour-active #design-sidebar{transition:none!important}.bm-tour-active{scroll-behavior:auto!important}
@media(max-width:700px){.tour-launch{padding:6px}.tour-launch span{display:none}.tour-panel{padding:18px}.bm-tour .tour-panel h2{font-size:23px}.bm-tour .intro-top{font-size:10px}.bm-tour .intro-close{width:40px;height:40px}.intro-lesson-tip .intro-tip-actions{flex-shrink:1}}

.intro-topic-picker{display:grid;gap:8px;margin-top:22px;font-size:14px;font-weight:600}.intro-topic-picker select{width:100%;min-width:0;min-height:48px;padding:10px;border:1px solid #cddac6;border-radius:10px;background:white;color:#234c40;font:inherit}

.practice-hint{margin:18px 0;padding:12px 16px;border:1px solid #cfdbca;border-radius:12px;background:#f2f5ed;color:#234c40}.practice-hint summary,.practice-solution summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0;font-weight:600;white-space:normal}.practice-hint p,.practice-solution p{line-height:1.65;white-space:normal;margin:10px 0}.practice-hint small{display:block}.practice-hint summary:focus-visible,.practice-solution summary:focus-visible{outline:3px solid #326dab;outline-offset:3px}

.practice-solution ol{padding-left:22px;margin:12px 0;white-space:normal}.practice-solution li{padding-left:4px;margin:10px 0;line-height:1.65}