/* Shared primary controls: no browser-default grey buttons. Theme palette remains authoritative. */
.lumio-standalone :is(button,input[type=submit],a).lumio-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-height:44px;padding:12px 19px;border:1px solid transparent;border-radius:13px;background:var(--lumio-accent,#7260cf);color:#fff;font-family:inherit;font-size:13px;font-weight:650;line-height:1.5;text-align:center;text-decoration:none;white-space:normal;cursor:pointer;box-sizing:border-box;box-shadow:0 4px 12px color-mix(in srgb,var(--lumio-accent,#7260cf) 12%,transparent)}
.lumio-standalone .lumio-btn:hover{filter:brightness(.96)}
/* A topic is a container; each lesson and its own tools form one card inside it. */
#lumio-builder-form .builder-topic{border:1px solid #dcd2e9;border-radius:20px;background:#f6f3fa;margin:24px 0;box-shadow:0 6px 18px #49345206}
#lumio-builder-form .builder-topic-heading{padding:20px;background:#ede6f6;border-bottom:1px solid #ddd0eb;gap:12px}
#lumio-builder-form .builder-topic-number{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:var(--lumio-accent,#7260cf);color:white;font-size:14px}
#lumio-builder-form .builder-topic-name-wrap{display:block;flex:1 1 180px;min-width:0}
#lumio-builder-form .builder-topic-eyebrow{font-size:9px!important;font-weight:750;letter-spacing:1.7px;color:#8b719d;line-height:1.4!important}
#lumio-builder-form .builder-topic-title{display:block;width:100%!important;font-size:16px!important;line-height:1.5!important;padding:1px 0!important;color:#45354f;min-width:0!important}
#lumio-builder-form .builder-topic-count{padding:5px 10px;border-radius:100px;background:#fff9;font-size:11px;color:#79618b}
#lumio-builder-form .builder-topic-heading>.builder-row-controls button{font-size:11px!important;padding:6px 9px;min-height:32px;background:transparent;border-color:#d7c6e5}
#lumio-builder-form .builder-topic-lessons{position:relative;padding:16px 18px 8px 32px}
#lumio-builder-form .builder-topic-lessons:before{content:'';position:absolute;top:18px;bottom:20px;left:17px;width:2px;border-radius:2px;background:#dfd3ec}
#lumio-builder-form .builder-lesson-row{position:relative;background:#fff;border:1px solid #ded5e9;border-left:4px solid #b39acb;border-radius:15px;margin:12px 0;padding:15px;gap:10px 12px;box-shadow:0 4px 12px #5b426708;scroll-margin-top:150px}
#lumio-builder-form .builder-lesson-row:before{content:'';position:absolute;left:-23px;top:29px;width:17px;height:2px;background:#dfd3ec}
#lumio-builder-form .builder-lesson-row[data-kind=quiz]{border-left-color:#86b6aa}
#lumio-builder-form .builder-lesson-row[data-kind=assignment]{border-left-color:#d6ad7e}
#lumio-builder-form .builder-lesson-position{display:block;font-size:10px;font-weight:750;letter-spacing:1px;color:#9b7caf;margin-bottom:3px}
#lumio-builder-form .builder-lesson-main{color:#493553}
#lumio-builder-form .builder-lesson-main strong{font-size:15px!important;color:#493553}
#lumio-builder-form .builder-lesson-main small{color:#95839f}
#lumio-builder-form .builder-lesson-row>.builder-row-controls{padding-top:11px;border-top:1px solid #f0e9f5;gap:7px}
#lumio-builder-form .builder-lesson-row>.builder-row-controls button{background:#faf7fc;color:#80658f;border-color:#e9dfef;border-radius:9px}
#lumio-builder-form .builder-lesson-row>.builder-row-controls button:nth-child(3){background:#eee4f8;border-color:#e0cfed;color:#75528e}
#lumio-builder-form .builder-lesson-row>.builder-row-controls button:nth-child(4){margin-left:auto;background:transparent;color:#ad8192;border-color:transparent}
#lumio-builder-form .builder-drag-handle{background:#faf7fc;border-color:#eee5f5;color:#b6a1c4}
#lumio-builder-form .builder-insert-row{justify-content:center;opacity:1;padding:0;position:relative;margin:3px 0}
#lumio-builder-form .builder-insert-menu{max-width:100%;font-size:11px;color:#9a82aa;text-align:center}
#lumio-builder-form .builder-insert-menu>summary{list-style:none;cursor:pointer;padding:7px 12px;border-radius:20px;outline-offset:2px}
#lumio-builder-form .builder-insert-menu>summary::-webkit-details-marker{display:none}
#lumio-builder-form .builder-insert-menu>summary:hover,#lumio-builder-form .builder-insert-menu[open]>summary{background:#eae0f3;color:#77578d}
#lumio-builder-form .builder-insert-options{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;background:#fff;border:1px solid #e0d5e9;border-radius:13px;padding:10px;margin:3px 0 8px;box-shadow:0 8px 18px #5c426510}
#lumio-builder-form .builder-topic-actions{margin:8px 18px 18px 32px;padding:16px;background:#eee8f5;border:1px dashed #d7c5e5;border-radius:13px}
#lumio-builder-form .builder-topic-action-label{flex:1 0 100%;font-size:11px;font-weight:650;color:#8c709d;margin-bottom:3px}
#lumio-builder-form .builder-topic-actions button{background:#fff;border-color:#ddcde9;font-size:12px!important;color:#806291}
#lumio-builder-form .builder-add-topic-bottom{background:#fcf9ff;color:#9976ac;border-color:#dcc8eb}
/* Course detail: supporting people and audience below the syllabus. */
.course-after-syllabus{display:grid;grid-template-columns:1fr 1.5fr;gap:26px;margin:35px 0 60px;align-items:stretch}
.course-after-syllabus .course-info-block{margin:0}
.course-after-syllabus .course-teacher{display:flex;align-items:flex-start;gap:18px;text-align:left;background:#f7f2fb}
.course-after-syllabus .teacher-monogram{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border-radius:18px;background:#e8dcf4;color:#8766a1;font-size:24px;margin:0}
.course-after-syllabus .course-teacher h2{font-size:21px;margin:7px 0 12px}
.course-after-syllabus .course-teacher strong{font-size:16px;color:#5c426d}
.course-after-syllabus .course-teacher p{font-size:14px;line-height:1.8;margin-top:12px}
.course-reviews{max-width:1200px;margin:24px auto 50px;background:#fff;border:1px solid #e7ddec;border-radius:24px;padding:34px;box-sizing:border-box}
.course-reviews-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #eee6f2;padding-bottom:24px}
.course-reviews h2{font-size:26px;line-height:1.4;margin:8px 0 10px;color:#4b3857}
.course-reviews-heading p{font-size:14px;color:#95829e;line-height:1.8;max-width:650px;margin:0}
.review-count{flex-shrink:0;background:#f3ebfa;border-radius:100px;padding:6px 12px;color:#8e70a0;font-size:12px}
.course-review{display:grid;grid-template-columns:42px minmax(0,1fr);gap:15px;padding:25px 0;border-bottom:1px solid #f0eaf4}
.review-avatar{display:grid;place-items:center;width:42px;height:42px;background:#efe6f6;color:#9473a6;border-radius:50%;font-size:18px}
.course-review header{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:14px;color:#65506f}
.course-review time{font-size:12px;color:#ac98b5}
.review-content{font-size:14px;line-height:1.9;color:#7e6b88;overflow-wrap:anywhere}
.review-pending{font-size:12px;color:#ac8b5e;background:#fcf6ec;border-radius:8px;padding:9px}
.course-review-empty{font-size:14px;color:#ab96b5;padding:25px 0}
.course-review-form textarea{display:block;width:100%;max-width:100%;margin-top:8px;border:1px solid #dfd0e9;border-radius:13px;padding:15px;font:inherit;background:#fdfaff}
.course-review-form label{font-size:13px;font-weight:650;color:#82698f}
.course-reviews .comment-reply-title{font-size:21px;margin:30px 0 10px;color:#71567f}
.course-review-form>p:not(.form-submit){font-size:12px;color:#a08aaa}
.review-login{padding-top:20px;font-size:14px;color:#937b9e}
.review-pagination{display:flex;gap:8px;margin:20px 0}.review-pagination a{padding:7px 12px;border:1px solid #e3d4ec;border-radius:9px;color:#9878a9}.review-pagination [aria-current]{background:#eee3f7}
@media(max-width:700px){.course-after-syllabus{grid-template-columns:1fr;gap:18px}.course-reviews{padding:23px;margin:24px 10px}.course-reviews-heading{flex-direction:column;gap:12px}.course-reviews h2{font-size:23px}#lumio-builder-form .builder-topic-heading{padding:15px}#lumio-builder-form .builder-topic-lessons{padding:12px 10px 6px 23px}#lumio-builder-form .builder-topic-lessons:before{left:11px}#lumio-builder-form .builder-lesson-row:before{left:-16px;width:10px}#lumio-builder-form .builder-lesson-row{padding:12px;gap:8px}#lumio-builder-form .builder-topic-actions{margin:8px 10px 14px 23px;padding:13px}#lumio-builder-form .builder-topic-count{display:block}#lumio-builder-form .builder-lesson-row>.builder-row-controls button:nth-child(4){margin-left:0}}