.classroom-beta { display: inline-block; margin: 0 .5rem; padding: .2rem .55rem; border: 1px solid #e3a84c; border-radius: 6px; background: #fff3d8; color: #805014; font: 700 12px/1.3 system-ui,sans-serif; vertical-align: middle; }
.classroom-help-button { display: inline-grid; place-items: center; width: 30px; height: 30px; margin: .3rem; border: 1px solid #8392a5; border-radius: 50%; background: #fff; color: #43546d; font: 700 17px system-ui,sans-serif; cursor: pointer; vertical-align: middle; }
.classroom-help { width: min(640px, calc(100vw - 40px)); max-height: 85dvh; box-sizing: border-box; padding: 26px; border: 0; border-radius: 20px; background: #fff; color: #334155; box-shadow: 0 20px 80px #0004; font: 16px/1.6 system-ui,sans-serif; }
.classroom-help::backdrop { background: #18263b99; }
.classroom-help h2 { margin-top: 0; font-size: 23px; }
.classroom-help h3 { margin-bottom: .2rem; font-size: 18px; }
.classroom-help p { margin-top: .2rem; }
.classroom-help-close { float: right; margin: 0 0 10px 10px; padding: 7px 12px; border: 1px solid #cbd5e1; border-radius: 8px; background: #f8fafc; color: #334155; cursor: pointer; }
.classroom-feedback-example { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 48px; height: 48px; margin-right: 12px; border: 0; border-radius: 52% 52% 52% 12px; background: var(--pink,#e74b61); color: white; cursor: pointer; }
.classroom-feedback-example svg { width: 24px; height: 24px; }