/* Edition 02: HUMAN CODE palette, stronger hierarchy, a complete member workspace. */
:root{--bg:#f2f3f7;--paper:#fff;--ink:#20263a;--muted:#626c82;--line:#dfe3ed;--gold:#a17b31;--gold-light:#f5ecd8;--green:#256658;--navy:#171e37;--navy-light:#2c3c67;--radius:14px;color:var(--ink);background:var(--bg)}
body{background:var(--bg);color:var(--ink)}h1,h2,h3{color:var(--navy)}h1{font-size:34px;letter-spacing:-1.2px;font-weight:750}h2{font-size:23px}p{font-size:16px}.muted,small{color:var(--muted)}.subtitle{font-size:15px;color:#626c82}.eyebrow{font-size:11px;color:#92702e;font-weight:750;letter-spacing:1.4px}.card{border:1px solid #dfe3ed;box-shadow:0 3px 12px #18243a04}.btn{border-color:#d7dce8;color:#283956;font-size:14px;min-height:43px}.btn.primary{background:linear-gradient(120deg,#b49450,#d5b575);border:1px solid #b39450;color:#192139;box-shadow:0 5px 12px #a8823420;font-weight:750}.btn.primary:hover{background:#d9be88}.btn.ghost-gold{background:transparent;border-color:#c4ab7255;color:#ead6a8}.btn.ghost-gold:hover{background:#ffffff10}.btn.subtle{border-color:transparent}.text-link{font-size:13px;color:#876321}.pill{font-size:11px;background:#edf0f7;color:#3d5076}.pill.gold{background:#f5ecd8;color:#8c661f}.progress{height:6px;background:#e8ebf2}.progress span{background:linear-gradient(90deg,#a2803f,#d1b36d)}
.sidebar{width:252px;padding:29px 18px 18px;background:linear-gradient(180deg,#171e37,#202c4d);border-right:1px solid #ffffff0d;color:white;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#53617c transparent}.shell{margin-left:252px}.brand{padding:0 12px 29px;color:#fff}.brand-mark{color:#d1b36d}.brand strong{font-size:16px;letter-spacing:1.4px;white-space:normal;line-height:1.3}.brand small{font-size:8px;color:#c6af79;letter-spacing:1.8px;margin-top:5px;white-space:nowrap}.nav-label{font-size:10px;color:#8e9ab7;letter-spacing:1.6px;margin:16px 0 10px}.nav-item{font-size:14px;color:#c8d0e0;min-height:47px;padding:11px 14px;gap:12px;border:1px solid transparent;margin-bottom:3px}.nav-item svg{width:19px;height:19px;color:#abb9d4}.nav-item:hover{background:#ffffff0c;color:white}.nav-item.active{background:linear-gradient(100deg,#c7a65d26,#c7a65d0b);border-color:#c7a65d50;color:#f4daa0;font-weight:600}.nav-item.active svg{color:#e0bd71}.nav-item .count{background:#c2a36325;color:#f4daa0;font-size:11px}.space-shortcut{color:#b8c2d9;font-size:12px;padding:10px 14px}.space-shortcut svg{color:#95a3c1}.space-dot{background:#66b4a0}.space-dot.vip{background:#d5b575}.sidebar .divider{background:#ffffff15;margin:15px 0}.mini-brand{border-color:#ffffff18;color:#9ca9c5;font-size:8px;letter-spacing:1.3px;margin-top:10px}.sidebar-bottom{margin-top:28px}.topbar{height:80px;padding:0 36px;background:#fffffff5;border-color:#dfe3ed}.breadcrumb{font-size:13px;color:#7c8599}.breadcrumb strong{color:#263653}.content{max-width:1570px;padding:32px 36px 55px}.page-heading{margin-bottom:28px}.header-actions{gap:11px}.admin-preview{display:flex;gap:7px;align-items:center;border:1px solid #d6ddeb;background:#eef1f8;padding:8px 11px;border-radius:7px;color:#3a5079;font-size:12px}.admin-preview svg{width:15px;height:15px}.role-label{font-size:10px;color:#67738b}.role-select{font-size:12px;color:#293958;max-width:158px}.demo-pill{color:#8b6728;border-color:#d9c49a}.header-actions .avatar{border-color:#f3f4f8}.notification-dot{background:#b58730}.avatar{background:#ede1c4;color:#815e1c;border-color:#fff}.avatar.sage{background:#d7e9e4;color:#256c59}.avatar.rose{background:#f0dcd5;color:#9a5146}.avatar.lilac{background:#e6ddf0;color:#705091}.page-footer{color:#66718a;font-size:11px;border-color:var(--line)}.page-footer>span:first-child,.page-footer button{color:#69738a}.page-footer button{font-size:11px}
/* Member dashboard */
.dashboard-banner{display:flex;justify-content:space-between;gap:30px;padding:34px 38px;border-radius:16px;background:radial-gradient(ellipse at 95% 0,#41548766,transparent 58%),linear-gradient(110deg,#171e37,#263559);border:1px solid #34436a;box-shadow:0 12px 35px #18243b17;color:#fff}.dashboard-banner .eyebrow{color:#d8ba78}.dashboard-banner h2{font-family:Georgia,'Iowan Old Style',serif;font-size:42px;font-weight:400;letter-spacing:-1px;color:#fff;line-height:1.08;margin:12px 0 17px}.dashboard-banner h2 em{font-style:normal;color:#e6c88c}.dashboard-banner p{font-size:15px;line-height:1.7;color:#c9d1e3;max-width:480px;margin-bottom:22px}.dashboard-banner .btn:not(.ghost-gold){background:#f0d8a5;border-color:#f0d8a5;color:#25324d}.dashboard-banner .row{flex-wrap:wrap;gap:10px}.membership-seal{min-width:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-left:1px solid #ffffff20;padding:0 12px 0 32px}.membership-seal>span{width:61px;height:61px;display:grid;place-items:center;border:1px solid #d1b36d7a;background:#d1b36d0d;border-radius:50%;color:#ddc28b;margin-bottom:18px}.membership-seal>span svg{width:27px;height:27px}.membership-seal small{font-size:10px;letter-spacing:1.6px;color:#c5ad7b;margin-bottom:10px}.membership-seal strong{font-size:17px;color:#f8efdc;max-width:190px}.membership-seal p{font-size:13px;margin:7px 0 0;color:#aebbd5}.quick-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:23px 0 27px}.quick-link{display:flex;align-items:center;gap:13px;padding:21px 18px;text-align:left;transition:box-shadow .2s,border-color .2s}.quick-link:hover{border-color:#b8c3d9;box-shadow:0 6px 20px #1d305510}.quick-icon{width:42px;height:44px;border-radius:10px;background:#e9eef7;color:#3f5f91;display:grid;place-items:center;flex-shrink:0}.quick-link:nth-child(2) .quick-icon{background:#e2efeb;color:#256858}.quick-link:nth-child(3) .quick-icon{background:#efe7f5;color:#765490}.quick-link strong{display:block;font-size:15px}.quick-link small{font-size:12px;margin-top:5px;display:block;line-height:1.5}.quick-link>svg{margin-left:auto;width:15px;color:#8191ae}.dashboard-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:23px}.continue-card,.dashboard-events{padding:25px}.continue-card .section-header h2,.dashboard-events .section-header h2{font-size:18px}.continue-content{display:flex;gap:24px;align-items:center}.continue-content>div:last-child{flex:1;min-width:0}.continue-content h3{font-size:22px;margin:8px 0}.continue-content p{font-size:14px;color:var(--muted)}.continue-content .eyebrow{font-size:10px}.mini-cover{background:#1c2948;width:103px;height:146px;border-radius:5px;display:grid;place-items:center;box-shadow:6px 8px 18px #1c29481c;flex-shrink:0;overflow:hidden}.mini-cover img{width:100%;height:100%;object-fit:cover}.mini-cover>svg{color:white;width:40px;height:40px}.green{background:#225d51!important}.plum{background:#62436c!important}.navy{background:#233456!important}.date-head{display:flex;align-items:center;gap:18px;margin:24px 0}.date-head>span{background:#f4ebd7;border:1px solid #e7d4ae;border-radius:9px;color:#8e6625;font-size:30px;font-weight:600;padding:11px 16px;text-align:center}.date-head>span small{display:block;font-size:11px;color:#8e6625;text-transform:uppercase}.date-head h3{font-size:18px;line-height:1.45;margin:7px 0}.date-head p{font-size:13px;color:var(--muted)}.dashboard-posts{display:grid;grid-template-columns:1fr 1fr;gap:23px}.dashboard-posts .post{margin:0}.dashboard-posts .post-text{font-size:15px}.dashboard-posts .post-footer{gap:15px}
/* Community surfaces stay practical and readable. */
.layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.composer-trigger{background:#f3f5f9;border-color:#e1e6ef;color:#5d6c87;font-size:15px}.composer{padding:17px 20px}.post{padding:25px}.post h3{font-size:21px}.post-text{font-size:16px;color:#4f5d76}.post-meta{color:#738099}.post-footer button{color:#64738c;font-size:14px}.post-footer button.on{color:#9a6b1f}.post-footer{border-color:#e4e8f0}.pin-label{color:#946e2b;font-size:10px}.chip{font-size:13px;border-color:#dce2ec;min-height:39px}.chip.active{background:#25395f;border-color:#25395f}.search-field input{font-size:14px;color:#253653}.search-field input::placeholder{color:#79859a}.feed-toolbar>select{color:#51637f;font-size:12px}.filters{margin:0 0 12px}.level-info strong,.event-title{color:#273958}.level-info small,.event-meta,.level-label{color:#67748d}.event-meta{font-size:12px}.level-label{font-size:12px}.community-note{font-size:13px;color:#69778f}.date-square{background:#f4ebd7}.date-square strong,.date-square small{color:#8d692a}.member-row small,.rank-points{color:#738098!important}.section-header h3{color:#263959}.level-symbol{background:#f5ecd8;color:#96702c}.rail-caption{color:#718099;font-size:12px}
/* Classroom and lesson workspace */
.classroom-heading{display:flex;gap:30px;justify-content:space-between;align-items:center;background:#e8edf5;border:1px solid #d7dfec;padding:25px 29px;border-radius:14px;margin-bottom:27px}.classroom-heading h2{font-size:25px}.classroom-heading p{color:#566782;font-size:15px;max-width:680px;margin-top:9px}.classroom-count{display:flex;align-items:center;gap:14px;max-width:185px;flex-shrink:0}.classroom-count strong{font-family:Georgia,serif;font-size:48px;color:#3c5785}.classroom-count span{font-size:12px;line-height:1.7;color:#627590}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.course-card{overflow:hidden}.course-card:first-child{grid-column:1/-1}.course-art{height:210px;padding:30px;display:flex;position:relative;gap:25px;align-items:center;justify-content:space-between;color:white;background:var(--navy);overflow:hidden}.course-card:first-child .course-art{height:250px;padding:30px 45px;background:radial-gradient(ellipse at 85% 5%,#45619477,transparent 60%),linear-gradient(120deg,#1c2542,#243655)!important}.course-art .eyebrow{color:#e5c68b}.course-art h2{font-family:Georgia,serif;font-size:37px;color:#fff;font-weight:400;max-width:450px;line-height:1.13;margin:17px 0 15px}.course-card:first-child .course-art h2{font-size:49px;letter-spacing:1px}.course-art-sub{font-size:15px;color:#e4e8f3}.course-art>img{height:217px;width:auto;max-width:35%;object-fit:contain;transform:rotate(5deg);filter:drop-shadow(12px 15px 12px #0006);margin-right:18px}.course-symbol{display:grid;place-items:center;width:70px;height:70px;border:1px solid #ffffff55;border-radius:50%;flex-shrink:0;color:#fff8dd}.course-symbol svg{width:33px;height:33px}.course-info{padding:24px 28px}.course-meta{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#566885;margin-bottom:16px}.course-meta span{display:flex;gap:6px;align-items:center}.course-meta svg{width:15px;height:15px}.course-info p{font-size:15px;color:#52627c;min-height:50px}.course-bottom{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:18px}.course-bottom small{font-size:12px}.classroom-note{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#6e7a90;line-height:1.7;margin:25px 0}.classroom-note svg{width:17px;height:17px;margin-top:3px}.course-breadcrumb{display:flex;gap:10px;align-items:center;margin:-7px 0 22px;color:#6b7890;font-size:14px}.learning-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:25px;align-items:start}.lesson-sidebar{overflow:hidden;position:sticky;top:100px}.lesson-course-title{background:#1f2d4c;padding:26px 23px;color:white}.lesson-course-title .eyebrow{color:#d7b979}.lesson-course-title h2{color:white;font-size:22px;margin:14px 0 22px}.lesson-course-title small{color:#c8d3e7;font-size:12px}.lesson-course-title .progress{background:#ffffff22}.lesson-nav{display:flex;gap:12px;align-items:flex-start;width:100%;padding:20px;text-align:left;border-bottom:1px solid #e2e7ef}.lesson-nav.active{background:#f4ecd9;border-left:3px solid #b49550;padding-left:17px}.lesson-nav strong{display:block;font-size:14px;line-height:1.5;color:#283b5d}.lesson-nav small{display:block;font-size:12px;margin-top:6px}.lesson-status{width:25px;height:25px;border:1px solid #d7deea;border-radius:50%;display:grid;place-items:center;color:#7e8ba4;font-size:11px;flex-shrink:0}.lesson-status svg{width:14px;height:14px;color:#2a745f}.lesson-content{padding:34px}.lesson-label{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px;color:#91713a}.lesson-label>span:last-child{display:flex;align-items:center;gap:6px;letter-spacing:0;color:#69788f}.lesson-label svg{width:15px;height:15px}.lesson-content>h2{font-family:Georgia,serif;font-size:37px;font-weight:400;line-height:1.2;letter-spacing:-.6px;margin:25px 0}.lesson-reading p{font-size:17px;color:#495873;line-height:1.85;margin:0 0 20px}.lesson-task{background:#edf2f7;border-left:3px solid #687fa1;border-radius:0 8px 8px 0;padding:21px 23px;margin:29px 0}.lesson-task p{font-size:16px;color:#354965}.lesson-task .eyebrow{color:#526e91}.lesson-content form>label{font-size:14px;font-weight:600;color:#344966}.lesson-content textarea,.settings-panel input,.settings-panel textarea{width:100%;background:#f8f9fc;border:1px solid #d9e0ec;border-radius:9px;padding:13px;font-size:16px;color:#253858;margin:10px 0;resize:vertical}.note-actions{display:flex;justify-content:space-between;gap:15px;align-items:center}.note-actions small{font-size:11px}.lesson-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e1e5ef;padding-top:25px;margin-top:28px;flex-wrap:wrap}.lesson-bottom .muted{font-size:13px}
/* Calendar */
.calendar-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:24px}.month-control{display:flex;align-items:center;gap:12px}.month-control h2{font-size:23px;min-width:158px;text-align:center}.month-control>.btn:first-child,.month-control>.btn:nth-child(3){font-size:22px;min-width:35px;padding:0 8px}.calendar-controls>.row{gap:12px;flex-wrap:wrap}.check-label{display:flex;align-items:center;gap:7px;font-size:13px;color:#526480}.check-label input{accent-color:#334c76;width:16px;height:16px}.segmented{display:flex;border:1px solid #d7deea;border-radius:8px;padding:3px;background:#e8edf5;gap:3px}.segmented button{font-size:12px;border-radius:5px;padding:8px 13px;color:#637591}.segmented button.active{background:white;color:#263b61;box-shadow:0 1px 3px #23365615}.calendar-grid-wrap{overflow:hidden}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{background:#243654;color:#e3eaf5}.calendar-weekdays span{padding:14px 17px;font-size:12px;font-weight:600}.calendar-day{min-height:120px;border-right:1px solid #e3e7ef;border-bottom:1px solid #e3e7ef;padding:9px 7px;background:white;min-width:0}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:#f6f7fa}.calendar-day.outside .day-number{color:#acb4c4}.calendar-day.selected{background:#f6eddc;box-shadow:inset 0 0 0 2px #c5a568}.day-number{font-size:13px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;margin-bottom:5px}.calendar-day.today .day-number{background:#263c64;color:white}.calendar-event{width:100%;text-align:left;display:block;background:#e4eef9;border-left:3px solid #4e7dab;border-radius:4px;margin-bottom:5px;padding:6px;color:#315581;overflow:hidden}.calendar-event strong{font-size:10px;display:block;margin-bottom:4px}.calendar-event>span{display:block;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.calendar-event.access-2{background:#f2e8d1;border-color:#ae8d42;color:#806225}.calendar-event.access-3{background:#eee3f2;border-color:#9564a4;color:#785085}.calendar-agenda{display:flex;flex-direction:column;gap:14px}.agenda-row{display:flex;align-items:center;gap:23px;padding:22px 27px}.agenda-date{text-align:center;color:#8c6b31;min-width:42px}.agenda-date strong{font-size:28px;font-weight:500;display:block;line-height:1.15}.agenda-date small{font-size:11px;color:#8c6b31;text-transform:uppercase}.agenda-copy{flex:1}.agenda-copy h3{font-size:18px;margin:7px 0}.agenda-copy p{font-size:13px;color:#63748d}
/* Account and settings */
.account-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px;margin-bottom:26px;border-top:4px solid #b69750}.account-identity{display:flex;align-items:center;gap:23px}.account-identity h2{font-size:28px;margin:8px 0}.account-identity p{font-size:14px;color:#62738e}.account-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:25px}.account-section{padding:25px}.account-section>.section-header h2,.account-section>h2{font-size:21px}.account-section p{font-size:15px;line-height:1.8;color:#5e708a;margin:13px 0}.account-section>.btn{margin-top:10px}.account-list-row{display:flex;align-items:center;gap:13px;text-align:left;width:100%;border-bottom:1px solid #e1e7f0;padding:19px 0}.account-list-row:last-child{border-bottom:0;padding-bottom:0}.account-list-row>svg:first-child{color:#798caa;width:21px}.account-list-row>svg:last-child{margin-left:auto;color:#7185a5;width:16px}.account-list-row strong{font-size:14px;color:#32486a}.account-list-row small{font-size:12px;display:block;margin-top:6px}.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid #e4e9f1;margin-top:24px;padding-top:20px}.profile-facts small{display:block;font-size:12px;margin-bottom:8px}.profile-facts strong{font-size:14px;font-weight:600;color:#3a4d6b}.membership-card{padding:28px;background:linear-gradient(125deg,#22304c,#334667);border-radius:14px;color:white;border:1px solid #3e5070}.membership-card h2{font-family:Georgia,serif;font-size:29px;color:#fff;font-weight:400;line-height:1.3}.membership-card .eyebrow{color:#e3c98c}.membership-card p{color:#cfd9e9;font-size:15px;margin:13px 0 20px;line-height:1.8}.membership-card .divider{background:#ffffff24}.settings-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:25px;align-items:start}.settings-nav{padding:10px}.settings-nav button{display:flex;align-items:center;gap:10px;font-size:14px;padding:15px 12px;text-align:left;width:100%;border-radius:8px;line-height:1.4;color:#60718c}.settings-nav button.active{background:#e9eef7;color:#253c65;font-weight:600}.settings-nav button svg{width:18px;height:18px}.settings-panel{padding:32px;min-width:0}.settings-panel>h2{font-size:27px;margin:13px 0 15px}.settings-panel>p{font-size:15px;color:#657591;margin-bottom:26px}.setting-switch,.setting-select{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;border-bottom:1px solid #e3e8f0}.setting-switch strong,.setting-select strong{font-size:15px;font-weight:600;color:#354a6c;display:block}.setting-switch small,.setting-select small{font-size:12px;line-height:1.65;margin-top:7px;display:block;color:#6a7b95}.setting-select select{padding:10px 12px;max-width:185px;font-size:14px;border:1px solid #d3ddec;border-radius:7px;background:#f5f7fb;color:#2f466e}.setting-switch input{appearance:none;background:#d2d9e5!important;border:0!important;border-radius:20px;width:41px!important;height:24px!important;padding:0!important;margin:0!important;position:relative;cursor:pointer;flex-shrink:0}.setting-switch input:before{content:'';width:18px;height:18px;background:white;position:absolute;top:3px;left:3px;border-radius:50%;box-shadow:0 1px 3px #23365630}.setting-switch input:checked{background:#345b88!important}.setting-switch input:checked:before{transform:translateX(17px)}.setting-subheading{margin-top:33px;font-size:18px}.settings-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:29px}.settings-bottom>span{font-size:12px;display:flex;gap:6px;color:#53755f;align-items:center}.settings-bottom svg{width:16px;height:16px}.settings-profile{display:flex;gap:19px;align-items:center;margin:25px 0}.settings-profile p{font-size:13px;color:#657590;margin-top:8px}.setting-info{display:flex;gap:12px;align-items:flex-start;background:#eef2f8;border:1px solid #dae3f0;border-radius:9px;padding:18px;margin-top:28px;font-size:13px;color:#627694;line-height:1.7}.setting-info svg{margin-top:2px;width:18px;height:18px}.settings-panel form>label{display:block;font-size:14px;color:#435b7e;margin:25px 0}.profile-editor-heading{display:flex;align-items:center;gap:20px;margin-bottom:25px}.profile-editor-heading p{font-size:14px;color:#647591}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.modal .form-grid label{font-size:14px;color:#5c6d87;margin:0 0 20px}.modal-body>p{color:#596c89}.modal .form-actions{border-top:1px solid #e4e9f0;padding-top:20px}.modal-heading{background:#f6f8fb;border-color:#dce3ef}.modal input:not([type=radio]),.modal select,.modal textarea{background:#f7f9fc;border-color:#d8e1ef;color:#2b4163}.modal form>label{font-size:14px;color:#4d6487}.modal .small-text{color:#64748d}.modal{border-color:#ccd7e8}.modal::backdrop{background:#111d3d80}.comment>div{background:#edf2f8}.comment p{color:#536782}.comment strong{color:#344d76}
/* Administration */
.admin-intro{display:flex;align-items:center;gap:20px;padding:15px 19px;background:#e8edf6;border:1px solid #d4deed;border-radius:10px;margin-bottom:23px}.admin-intro>span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:1px;color:#3a537b;white-space:nowrap}.admin-intro p{font-size:13px;color:#667996}.admin-intro svg{width:17px;height:17px}.admin-tabs{display:flex;gap:5px;border-bottom:1px solid #d9e1ed;margin-bottom:26px;overflow-x:auto}.admin-tabs button{padding:13px 18px;font-size:14px;white-space:nowrap;color:#687994;border-bottom:3px solid transparent}.admin-tabs button.active{border-color:#a8843a;color:#213c68;font-weight:700}.admin-metrics{margin:0 0 25px;gap:20px}.metric{padding:22px 25px}.metric>svg{color:#a28343;width:29px;height:29px}.metric strong{font-size:33px;color:#22395e}.metric span{font-size:13px;color:#627692}.admin-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.admin-action{text-align:left;padding:27px;transition:transform .2s,border-color .2s}.admin-action:hover{transform:translateY(-3px);border-color:#aebed7}.admin-action>svg{width:30px;height:30px;color:#44678f;margin-bottom:28px}.admin-action h2{font-size:20px;line-height:1.5}.admin-action p{font-size:14px;color:#647795;margin:13px 0 24px}.admin-action>span{font-size:13px;color:#987126;font-weight:600;display:flex;justify-content:space-between;align-items:center}.admin-action>span svg{width:16px;height:16px}.admin-settings-callout{padding:27px;margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.admin-settings-callout h2{font-size:22px}.admin-settings-callout p{font-size:14px;color:#637793;margin-top:10px}.admin-toolbar{display:flex;gap:15px;align-items:center;margin-bottom:20px}.admin-toolbar .search-field{border:1px solid #d5deec;background:white;border-radius:8px;padding:4px 13px}.admin-toolbar>select{padding:12px;font-size:13px;border:1px solid #d5deec;border-radius:8px;color:#4d6688;background:white}.admin-course-list{display:flex;flex-direction:column;gap:17px}.manage-row{display:flex;align-items:center;gap:20px;padding:23px}.manage-row>div{flex:1}.manage-row h3{font-size:18px}.manage-row p{font-size:13px;color:#687c97;margin-top:6px}.manage-icon{width:48px;height:52px;display:grid;place-items:center;border-radius:8px;color:white;flex-shrink:0}.manage-row .status-badge{white-space:nowrap}.status-badge{font-size:12px}.status-badge.active{background:#dfefe9;color:#256753}.status-badge.paused{background:#f3e4da;color:#945b36}th{background:#edf2f8;color:#65799a;font-size:11px}td strong{font-size:14px}td small{font-size:12px;color:#6d809c}td select{font-size:13px;color:#456181;border-color:#d7e0ed}.rights-table td{font-size:14px;color:#415a7c}.rights-table td:not(:first-child){color:#96722e}.table-scroll{min-width:0}#toast{background:#213855;color:white;box-shadow:0 8px 30px #12244530}
body[data-density=compact] .post{padding:18px 22px}body[data-density=compact] .post-text{line-height:1.55}body[data-density=compact] .quick-link{padding:15px}body[data-density=compact] .dashboard-banner{padding:25px 32px}body[data-density=compact] .content{padding-top:23px}body[data-density=compact] .page-heading{margin-bottom:21px}
@media(min-width:1650px){.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-card:first-child{grid-column:auto}.course-card:first-child .course-art{height:210px;padding:25px}.course-card:first-child .course-art h2{font-size:32px}.course-art>img{max-width:32%;height:150px;margin-right:0}.course-art h2{font-size:30px}}
@media(max-width:1250px){.sidebar{width:225px;padding-left:12px;padding-right:12px}.shell{margin-left:225px}.content{padding:28px}.topbar{padding:0 28px}.layout{grid-template-columns:minmax(0,1fr) 265px;gap:20px}.brand{padding-left:10px}.brand strong{font-size:14px}.dashboard-banner{padding:29px}.dashboard-banner h2{font-size:38px}.membership-seal{min-width:160px;padding-left:25px}.quick-nav{gap:12px}.quick-link{padding:18px 14px;gap:10px}.quick-link>svg{display:none}.quick-link small{font-size:11px}.quick-icon{width:37px;height:40px}.dashboard-columns{grid-template-columns:1fr 1fr;gap:18px}.continue-card,.dashboard-events{padding:21px}.continue-content{gap:17px}.mini-cover{width:78px;height:115px}.continue-content h3{font-size:20px}.account-layout{grid-template-columns:minmax(0,1fr) 255px}.learning-layout{grid-template-columns:235px minmax(0,1fr);gap:20px}.lesson-content{padding:27px}.lesson-content>h2{font-size:31px}.settings-layout{grid-template-columns:200px minmax(0,1fr);gap:20px}.settings-panel{padding:26px}.settings-nav button{font-size:13px}.admin-action{padding:21px}.admin-action h2{font-size:18px}.calendar-day{min-height:105px}}
@media(max-width:1050px){.layout{grid-template-columns:1fr}.right-rail{display:none}.content{max-width:none}.dashboard-columns{grid-template-columns:1fr}.dashboard-posts{grid-template-columns:1fr}.membership-seal{display:none}.quick-nav{grid-template-columns:1fr}.quick-link{padding:17px 20px}.quick-link>svg{display:block}.quick-link small{font-size:13px}.quick-link strong{font-size:16px}.course-grid{grid-template-columns:1fr}.course-card:first-child{grid-column:auto}.course-art{height:200px}.course-card:first-child .course-art{height:220px}.course-art>img{height:180px}.classroom-heading{align-items:flex-start}.classroom-count{display:none}.learning-layout{grid-template-columns:1fr}.lesson-sidebar{position:static}.lesson-sidebar nav{display:grid;grid-template-columns:1fr 1fr}.lesson-course-title{padding:20px 23px}.lesson-course-title h2{margin:8px 0;font-size:20px}.lesson-nav{border-right:1px solid #e2e7ef}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow-x:auto;gap:4px}.settings-nav button{width:auto;white-space:nowrap;font-size:13px}.account-layout{grid-template-columns:1fr}.account-layout>aside{display:grid;grid-template-columns:1fr 1fr}.account-header{flex-wrap:wrap}.admin-action-grid{grid-template-columns:1fr}.admin-action{display:grid;grid-template-columns:38px 1fr;column-gap:20px}.admin-action>svg{margin:5px 0;grid-row:span 3}.admin-action p{margin:8px 0 15px}.admin-action>span{max-width:140px}.admin-settings-callout{flex-wrap:wrap}.calendar-controls{gap:20px}.calendar-event{padding:4px;border-left-width:2px}.calendar-event>span{font-size:10px}.calendar-day{min-height:90px;padding:6px 4px}.admin-preview{font-size:0;padding:9px}.admin-preview svg{width:17px;height:17px}.header-actions{gap:8px}.header-divider{display:none}.admin-toolbar{flex-wrap:wrap}.admin-toolbar .search-field{flex-basis:100%}.manage-row{flex-wrap:wrap;gap:14px}.manage-row>div{min-width:200px}}
@media(max-width:700px){.sidebar{width:265px;padding:25px 18px;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.shell{margin-left:0}.brand strong{font-size:17px}.nav-item{min-height:46px}.nav-label{margin-top:12px}.sidebar-bottom{margin-top:20px}.topbar{height:69px;padding:0 14px;gap:9px}.header-actions{gap:7px}.admin-preview{padding:7px;border-radius:7px}.admin-preview svg{width:17px}.header-actions .demo-pill{display:none}.role-select{font-size:11px;max-width:137px}.role-label{font-size:9px}.header-actions .avatar{width:32px;height:32px}.content{padding:24px 16px 50px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:29px}.page-heading .eyebrow{font-size:9px;letter-spacing:1.3px}.subtitle{font-size:14px;line-height:1.65}.page-heading>.btn{font-size:0;min-width:42px;padding:10px}.dashboard-banner{padding:25px 24px;border-radius:13px}.dashboard-banner h2{font-size:37px}.dashboard-banner p{font-size:14px;margin-bottom:20px}.dashboard-banner .eyebrow{font-size:9px}.dashboard-banner .btn{font-size:12px;min-height:40px;padding:10px 12px}.dashboard-banner .row{gap:8px}.quick-nav{margin:18px 0 22px;gap:10px}.quick-link{padding:16px;gap:13px}.quick-link strong{font-size:15px}.quick-link small{font-size:12px}.quick-icon{width:39px;height:41px}.dashboard-columns{gap:19px}.continue-card,.dashboard-events{padding:22px}.continue-card .section-header{align-items:flex-start;flex-wrap:wrap}.continue-card .section-header h2,.dashboard-events .section-header h2{font-size:18px}.continue-content{gap:17px}.mini-cover{width:74px;height:108px}.continue-content .eyebrow{font-size:8px}.continue-content h3{font-size:19px}.continue-content p{font-size:13px}.continue-content .btn{font-size:12px;padding:9px 12px}.dashboard-posts .post-text{font-size:16px}.section-header h2{font-size:21px}.composer{padding:14px}.composer-trigger{font-size:14px}.post{padding:21px}.post h3{font-size:20px}.post-text{font-size:16px}.post-name{font-size:14px}.post-footer button{font-size:12px}.pill{font-size:10px}.classroom-heading{padding:23px}.classroom-heading h2{font-size:24px;line-height:1.4}.classroom-heading p{font-size:14px}.course-card:first-child .course-art{padding:26px 24px;height:212px}.course-card:first-child .course-art h2{font-size:31px;letter-spacing:0}.course-art{height:200px;padding:26px 24px;gap:15px}.course-art h2{font-size:30px}.course-art>img{height:153px;max-width:32%;margin-right:0;transform:rotate(3deg)}.course-art-sub{font-size:12px;line-height:1.6;display:block}.course-art .eyebrow{font-size:9px;letter-spacing:1px}.course-symbol{width:48px;height:48px}.course-symbol svg{width:24px;height:24px}.course-info{padding:22px}.course-meta{font-size:11px;gap:14px}.course-info p{font-size:15px}.course-bottom{gap:12px;flex-wrap:wrap}.course-bottom .btn{font-size:13px}.course-bottom small{font-size:11px}.classroom-note{font-size:12px}.course-breadcrumb{font-size:12px;gap:5px;margin-bottom:20px}.course-breadcrumb .btn{font-size:12px;padding:8px}.lesson-sidebar nav{display:block}.lesson-nav{padding:15px 20px}.lesson-nav.active{padding-left:17px}.lesson-course-title h2{font-size:21px}.lesson-nav strong{font-size:14px}.lesson-nav small{font-size:11px}.lesson-content{padding:25px 22px}.lesson-content>h2{font-size:30px}.lesson-label{font-size:10px}.lesson-reading p{font-size:16px}.lesson-task{padding:19px}.lesson-task p{font-size:15px}.note-actions{flex-wrap:wrap;gap:10px}.lesson-bottom{justify-content:flex-start}.lesson-bottom .btn{font-size:12px}.month-control{gap:7px;width:100%}.month-control h2{font-size:20px;min-width:141px}.month-control .btn{font-size:12px}.calendar-controls>.row{gap:10px;width:100%;justify-content:space-between}.check-label{font-size:12px}.calendar-controls>.row>.btn{font-size:12px}.calendar-weekdays span{padding:12px 0;text-align:center;font-size:11px}.calendar-day{padding:4px 2px;min-height:75px}.day-number{font-size:12px;width:25px;height:25px;margin:auto auto 5px}.calendar-event{padding:4px 2px}.calendar-event strong{font-size:9px;margin-bottom:0;text-align:center}.calendar-event>span{display:none}.agenda-row{padding:19px;gap:15px;flex-wrap:wrap}.agenda-date{min-width:34px}.agenda-copy{min-width:190px}.agenda-copy h3{font-size:17px}.agenda-copy p{font-size:12px}.agenda-row>.btn{margin-left:49px;font-size:12px}.account-header{padding:23px;gap:22px}.account-identity{gap:17px}.account-identity .avatar{width:62px;height:62px;font-size:20px}.account-identity .eyebrow{font-size:9px}.account-identity h2{font-size:24px}.account-identity p{font-size:12px}.account-header>.btn{width:100%}.account-layout>aside{display:flex}.account-section{padding:22px}.account-section .section-header{flex-wrap:wrap;gap:14px}.account-section .section-header h2{font-size:21px}.account-section .section-header .btn{font-size:12px}.profile-facts{gap:20px;grid-template-columns:1fr}.account-section p{font-size:15px}.account-list-row strong{font-size:14px}.account-list-row small{font-size:12px}.settings-panel{padding:24px 22px}.settings-panel>h2{font-size:25px}.settings-panel>p{font-size:14px}.settings-nav{padding:8px;gap:2px}.settings-nav button{padding:12px;font-size:12px}.setting-select{display:block;padding:22px 0}.setting-select select{margin-top:15px;width:100%;max-width:none}.setting-switch{gap:20px}.setting-switch strong,.setting-select strong{font-size:14px}.setting-switch small,.setting-select small{font-size:12px}.setting-subheading{font-size:18px;line-height:1.5}.settings-bottom{flex-direction:column;align-items:flex-start}.settings-bottom>span{font-size:11px}.settings-bottom>.btn{width:100%}.settings-profile{gap:14px}.settings-profile .avatar{width:56px;height:56px;font-size:18px}.form-grid{grid-template-columns:1fr;gap:0}.profile-editor-heading{gap:15px}.profile-editor-heading p{font-size:13px}.profile-editor-heading .avatar{width:62px;height:62px;font-size:20px}.admin-intro{padding:17px;display:block}.admin-intro p{font-size:12px;margin-top:9px}.admin-tabs{margin-bottom:23px}.admin-tabs button{padding:12px 14px;font-size:13px}.admin-metrics{grid-template-columns:1fr;gap:12px}.metric{padding:20px}.metric strong{font-size:29px}.metric div{gap:20px}.admin-toolbar{gap:10px}.admin-toolbar>.btn{font-size:12px}.admin-toolbar>select{font-size:12px;padding:12px 8px}.manage-row{padding:20px;gap:15px}.manage-icon{width:38px;height:43px}.manage-row>div{min-width:180px}.manage-row h3{font-size:17px}.manage-row p{font-size:12px}.manage-row>.btn{font-size:12px}.admin-settings-callout{padding:23px}.admin-settings-callout h2{font-size:21px}.admin-settings-callout>.btn{font-size:13px;width:100%}table td{padding:17px}td strong{font-size:13px}td small{font-size:11px}td select{font-size:12px}.page-footer{font-size:10px}.page-footer button{font-size:10px}.profile-title .btn{font-size:14px}}
@media(max-width:365px){.topbar{padding:0 10px;gap:4px}.header-actions{gap:4px}.role-select{max-width:116px;font-size:10px}.header-actions .avatar{width:28px;height:28px;font-size:10px}.admin-preview{padding:6px}.icon-button{width:32px}.content{padding-left:12px;padding-right:12px}.page-heading h1{font-size:27px}.course-art>img{height:128px;max-width:28%}.course-card:first-child .course-art h2{font-size:29px}.course-art{padding:23px}.month-control{gap:4px}.month-control h2{min-width:128px;font-size:18px}.calendar-controls .btn{padding:8px}.account-identity{gap:12px}.account-identity h2{font-size:21px}.account-identity .avatar{width:51px;height:51px}.membership-card h2{font-size:27px}}
@media(max-width:700px){.settings-nav{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.settings-nav button{white-space:normal;line-height:1.5;align-items:flex-start;text-align:left;font-size:12px}.settings-nav button svg{margin-top:2px;flex-shrink:0}}
/* Community management */
[hidden]{display:none!important}.wrap{flex-wrap:wrap}.admin-tabs{overflow-x:auto;white-space:nowrap;gap:6px}.admin-tabs button{display:flex;align-items:center;gap:8px}.admin-tabs .count{background:#e2c98d;color:#171e37}.studio-heading{display:flex;justify-content:space-between;gap:32px;padding:30px;background:linear-gradient(120deg,#19223d,#303c61);color:#fff;border:0}.studio-heading h2{font-family:Georgia,serif;font-size:34px;margin:12px 0}.studio-heading p{color:#d8dceb;max-width:650px;line-height:1.7}.studio-heading .eyebrow{color:#dfc382}.studio-heading>.stack{min-width:210px;align-self:center}.studio-heading .btn:not(.primary){background:#ffffff12;color:#fff;border-color:#ffffff38}.studio-lessons{display:grid;gap:12px}.studio-lesson{display:flex;align-items:center;gap:20px;padding:21px 24px}.studio-lesson>div:nth-child(2){flex:1;min-width:0}.studio-lesson h3{margin:0 0 7px}.studio-lesson p{margin:0;font-size:13px;color:var(--muted)}.lesson-number{font-size:20px;font-family:Georgia,serif;color:#9c7935}.studio-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.attachment-field{border:1px solid #e4dfd4;border-radius:12px;padding:18px;margin:20px 0}.attachment-field legend{padding:0 8px;font-weight:600}.attachment-field small{color:#747584;font-size:12px}.attachment-field input[type=file]{padding:12px;background:#f7f5ef}.file-keep{display:flex!important;align-items:center;gap:12px;padding:10px 0!important}.file-keep input{width:18px!important;margin:0!important}.file-keep span{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.upload-status{font-size:13px;color:#735b29}.grant-list{max-height:460px;overflow:auto}.grant-row{display:flex!important;align-items:center;gap:14px;border-bottom:1px solid #eae5dd;padding:14px 0}.grant-row>span:nth-child(2){flex:1}.grant-row small{display:block;font-weight:400;color:#777685;margin-top:4px}.grant-row select{width:145px!important;margin:0!important}.lesson-video{display:flex;align-items:center;gap:16px;padding:22px;background:#1d2947;color:white;border-radius:12px;text-decoration:none;margin:24px 0}.lesson-video>svg{color:#dbbb75;flex:none;width:26px;height:26px}.lesson-video span{flex:1}.lesson-video small{display:block;color:#c3c9d8;font-size:12px;margin-top:7px}.lesson-files{margin:28px 0}.file-download{display:flex;width:100%;text-align:left;align-items:center;gap:14px;background:#f7f5f0;border:1px solid #e4dfd4;border-radius:9px;padding:15px;margin:8px 0;color:#202b46}.file-download svg{color:#997535;flex:none}.file-download strong{overflow-wrap:anywhere}.file-download small{display:block;margin-top:5px;color:#707585}.lesson-nav:disabled{opacity:.55;cursor:default}.local-info{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;background:#f3efdf;border:1px solid #e0d4b3;border-radius:10px;color:#6e5b35;font-size:13px;line-height:1.6;margin:16px 0 22px}.local-info svg{flex:none}.sync-error{background:#ffefed;color:#872f24;border-color:#e9b6ae}.announcement-list{display:grid;gap:16px}.announcement-banner{display:flex;gap:18px;padding:24px 28px;border-radius:13px;background:#fff9e9;border:1px solid #d8bd7d;border-left:5px solid #b99039;margin-bottom:24px;box-shadow:0 3px 12px #46341705}.announcement-banner>span{color:#927026;padding-top:3px}.announcement-banner h3{font-size:19px;margin:8px 0;color:#24304b}.announcement-banner p{white-space:pre-wrap;line-height:1.7;margin:0;color:#5c594f}.message-body{white-space:pre-wrap;line-height:1.7}.audit-row{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid #eee9e1}.audit-row:last-child{border:0}.audit-row>span{color:#948047}.audit-row strong{font-size:14px}.audit-row small{display:block;color:#797b85;font-size:12px;margin-top:5px}.messenger{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:570px;overflow:hidden}.conversation-sidebar{border-right:1px solid #e9e5dc;background:#fbfaf7}.conversation-search{padding:20px 16px;border-bottom:1px solid #e9e5dc}.conversation-search label{display:flex;align-items:center;gap:8px}.conversation-search input{min-width:0;width:100%;border:0;background:transparent;outline:none;font-size:13px}.conversation{width:100%;display:flex;align-items:center;gap:12px;padding:18px;border:0;border-left:3px solid transparent;background:transparent;text-align:left;color:#28324b}.conversation:hover{background:#f0ece3}.conversation.active{background:#eae4d6;border-left-color:#af8c43}.conversation>span:nth-child(2){min-width:0;flex:1}.conversation strong{display:block;font-size:13px}.conversation small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;color:#777986;margin-top:7px}.conversation-main{min-width:0;display:flex;flex-direction:column;background:#fff}.conversation-header{padding:20px 26px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #e9e5dc}.conversation-header h2{font-size:17px;margin:0 0 5px}.conversation-header small{font-size:12px;color:#737785}.conversation-history{height:355px;overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:16px;background:#fcfbf9}.chat-bubble{align-self:flex-start;max-width:85%;background:#eeeae1;border-radius:14px 14px 14px 3px;padding:14px 18px;color:#28324b}.chat-bubble.mine{align-self:flex-end;background:#263454;color:#fff;border-radius:14px 14px 3px 14px}.chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px;line-height:1.6;font-size:14px}.chat-bubble small{font-size:10px;opacity:.65}.chat-empty{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;padding:32px;text-align:center;color:#707685}.chat-empty>svg{width:42px;height:42px;color:#b49a60;margin-bottom:15px}.chat-empty h2,.chat-empty h3{color:#28334f}.chat-empty p{font-size:14px;line-height:1.7;max-width:380px}.message-compose{border-top:1px solid #e9e5dc;padding:18px 24px;display:flex;flex-direction:column;gap:10px}.message-compose textarea{resize:vertical;min-height:78px}.message-compose .btn{align-self:flex-end}.moderation-list{display:grid;gap:16px;margin-top:20px}.report-reason{padding:14px 18px;background:#fff4e3;border-left:3px solid #ba8641;margin:15px 0}.report-reason strong{font-size:12px}.report-reason p{font-size:14px;margin:9px 0}.moderated-comment{padding:18px 0;border-bottom:1px solid #e4dfd4}.moderated-comment p{white-space:pre-wrap}.table-scroll td small{display:block;margin-top:5px;color:#767b87}.studio-heading .status-badge{display:inline-flex}.btn:disabled{opacity:.5;cursor:wait}.upload-label{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.messenger{grid-template-columns:235px minmax(0,1fr)}.studio-lesson{gap:12px;padding:18px}.studio-lesson>.row{gap:3px}}
@media(max-width:700px){.studio-heading{padding:23px;flex-direction:column;gap:20px}.studio-heading h2{font-size:29px}.studio-heading>.stack{min-width:0;align-self:stretch}.studio-lesson{flex-wrap:wrap}.studio-lesson>.row{width:100%;justify-content:flex-end}.studio-footer{align-items:flex-start;flex-direction:column}.messenger{display:flex;flex-direction:column;min-height:500px}.conversation-sidebar{border-right:0;border-bottom:1px solid #e9e5dc}.conversation-sidebar nav{display:flex;overflow-x:auto}.conversation{min-width:185px;max-width:205px;padding:14px;border-left:0;border-bottom:3px solid transparent}.conversation.active{border-bottom-color:#af8c43}.conversation-search{padding:14px}.conversation-history{height:320px;padding:18px}.conversation-header{padding:16px}.message-compose{padding:14px}.announcement-banner{padding:19px;gap:12px}.grant-row{gap:8px}.grant-row>.avatar{display:none}.grant-row select{width:125px!important}.studio-footer .btn{white-space:normal}.admin-tabs{padding-bottom:5px}.section-header{gap:12px;flex-wrap:wrap}.lesson-video{padding:18px}.file-keep span{flex-wrap:wrap}.local-info{padding:14px;font-size:12px}}
.message-compose textarea{width:100%;border:1px solid #d9dce4;background:#fcfcfd;border-radius:10px;padding:13px 15px;font:inherit;font-size:14px;color:#28324b;line-height:1.6}.message-compose textarea:focus{outline:2px solid #c6ad75;outline-offset:2px}.lesson-files button:hover{border-color:#ad8d4a;background:#f1eddf}.studio-lesson h3,.studio-heading h2,.announcement-banner h3{overflow-wrap:anywhere}
.studio-heading h2{color:#fff}.studio-heading .status-badge.active{background:#e4d4a9;color:#3e3522}
/* Folder-based classroom and inline media */
.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.folder-stack{display:grid;gap:20px}.course-folder{overflow:hidden}.folder-heading{display:flex;align-items:center;gap:15px;padding:20px 23px;background:#f5f3ee;border-bottom:1px solid #e2e0d8}.folder-heading>div:nth-child(2){flex:1;min-width:0}.folder-heading h3{font-size:17px;margin:0 0 5px;overflow-wrap:anywhere}.folder-heading small{font-size:12px}.folder-symbol{font-size:32px;color:#967c40;line-height:1}.course-folder .studio-lesson{border-bottom:1px solid #eceef3;margin:0}.course-folder .studio-lesson:last-of-type{border-bottom:0}.folder-add{display:block;width:100%;text-align:left;padding:17px 26px;color:#896726;background:#fffdf8;font-size:13px;border-top:1px dashed #ded9cc}.folder-add:hover{background:#f6f0df}.folder-empty{padding:10px 26px;color:#7e8590;font-size:14px}.learner-folder summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 16px;background:#edf0f5;cursor:pointer;border-bottom:1px solid #dce1ea;list-style:none}.learner-folder summary span{font-size:13px;font-weight:700;color:#334362}.learner-folder summary small{font-size:10px;white-space:nowrap}.learner-folder summary:after{content:'⌄';color:#8790a4}.learner-folder:not([open]) summary:after{content:'›'}.media-item{margin:20px 0;border:1px solid #e0e3e9;border-radius:13px;overflow:hidden;background:#f8f9fb}.media-image img{display:block;width:100%;max-height:520px;object-fit:contain;background:#e9eaf0}.media-item figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-size:12px;color:#6b768b}.media-item figcaption span{overflow-wrap:anywhere;min-width:0}.media-item figcaption a{color:#896a2f;font-weight:600;white-space:nowrap;text-decoration:none}.media-audio{padding-top:20px;background:linear-gradient(130deg,#f0ede5,#f9f8f4);border-color:#e1d9c6}.audio-label{display:flex;gap:13px;align-items:center;padding:0 21px 15px}.audio-label span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#263554;color:#e2c482;font-size:22px;flex-shrink:0}.audio-label strong{font-size:14px;color:#293958;overflow-wrap:anywhere}.media-audio audio{display:block;width:calc(100% - 32px);margin:0 16px;height:45px}.media-document figcaption:before{content:'↧';font-size:22px;color:#9e8040}.post-media .media-image img{max-height:380px}.text-editor-toolbar{display:flex;gap:5px;flex-wrap:wrap;background:#f0f2f7;border:1px solid #dbe1ed;border-radius:9px;padding:8px;margin:20px 0 12px}.text-editor-toolbar .btn{padding:7px 12px;font-size:12px;min-height:32px;background:white}.editor-context{padding:16px 20px;border-radius:10px;background:#f0f3f8;margin-bottom:23px}.editor-context p{font-size:13px;color:#67758b;margin:7px 0 0}.text-preview{background:#fffdf7;border:1px solid #e8d8b5;border-radius:12px;padding:22px;margin:15px 0}.lesson-reading h3{font-family:Georgia,serif;font-size:26px;margin:30px 0 18px}.lesson-reading ul{padding-left:23px;line-height:1.9;color:#495873}.photo-field{border:1px solid #dbe1eb;border-radius:12px;padding:20px;margin:20px 0}.photo-field legend{padding:0 8px;font-weight:600}.photo-field small{font-size:12px;line-height:1.6}.upload-previews{display:grid;gap:10px;margin:12px 0}.upload-preview{display:flex;gap:13px;align-items:center;background:#f3f4f8;padding:12px;border-radius:9px}.upload-preview img{width:65px;height:65px;border-radius:8px;object-fit:cover}.upload-preview audio{max-width:210px;min-width:0;height:35px}.upload-preview span{font-size:12px;color:#55627a;overflow-wrap:anywhere}.photo-field .check-label input{width:auto}.studio-lesson .btn{white-space:nowrap}.course-art img[src^='/api/']{height:180px;max-width:40%;border-radius:8px;transform:none;object-fit:cover}.lesson-reading strong{color:#273754}
@media(max-width:1000px){.course-folder .studio-lesson{flex-wrap:wrap}.course-folder .studio-lesson>.row{margin-left:auto}.folder-heading{flex-wrap:wrap}.folder-heading>.row{margin-left:auto}}
@media(max-width:700px){.folder-heading{padding:17px;gap:10px}.folder-heading>.row{width:100%;justify-content:flex-end}.folder-heading h3{font-size:16px}.folder-add{padding:16px 20px}.media-item figcaption{flex-wrap:wrap;padding:12px}.audio-label{padding:0 16px 13px}.upload-preview{flex-wrap:wrap}.upload-preview audio{width:100%;max-width:none}.text-editor-toolbar .btn{font-size:11px;padding:6px 9px}.section-header>.row{width:100%}.course-folder .studio-lesson>.row{flex-wrap:wrap}.media-image img{max-height:340px}.photo-field{padding:15px}}
/* Actions belong to their Classroom, Community, Calendar and Members context. */
.module-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 22px}.module-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:5px;border:1px solid #dbe0e9;border-radius:11px;background:#edf0f5}.module-tabs button{padding:10px 15px;border-radius:7px;color:#64718a;font-size:13px;font-weight:600}.module-tabs button[aria-selected=true]{background:#fff;color:#263858;box-shadow:0 2px 6px #1c284515}.module-toolbar>.btn{flex-shrink:0}.owner-context{display:flex;align-items:center;gap:6px}.action-menu{position:relative;margin-left:auto;flex-shrink:0}.action-menu summary{display:grid;place-items:center;width:38px;height:34px;cursor:pointer;list-style:none;border:1px solid #dae0e9;border-radius:8px;background:#fff;color:#344365;font-size:15px;letter-spacing:2px}.action-menu summary::-webkit-details-marker{display:none}.action-menu summary:hover,.action-menu[open] summary{background:#f5efdf;border-color:#bea064;color:#84652d}.action-menu-items{position:absolute;right:0;top:calc(100% + 7px);z-index:15;width:250px;max-width:calc(100vw - 48px);padding:7px;background:#fff;border:1px solid #dfe2e9;border-radius:12px;box-shadow:0 14px 40px #1b294526}.action-menu-items .btn{display:flex;width:100%;border:0;background:none;justify-content:flex-start;text-align:left;white-space:normal;font-size:13px;padding:11px 12px;border-radius:6px;min-height:40px}.action-menu-items .btn:hover{background:#f1f3f7}.action-menu-items .danger{color:#a14f43}.course-card{position:relative;overflow:visible}.course-card .course-art{border-radius:14px 14px 0 0}.course-actions{position:absolute;right:18px;top:18px;z-index:5}.course-actions summary{background:#ffffffef}.course-card:has(.action-menu[open]),.post:has(.action-menu[open]){z-index:20}.course-card .course-art>div{padding-right:18px}.course-bottom>.row{justify-content:flex-end}.member-card-profile{width:100%;text-align:center;display:block}.member-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;border-top:1px solid #e3e6ec;padding-top:16px}.member-manage-heading{display:flex;gap:18px;align-items:center;margin-bottom:22px}.member-manage-heading h3{font-size:24px;margin:0 0 10px}.member-toolbar{flex-wrap:wrap}.member-toolbar>select{padding:11px 14px;max-width:100%;border:1px solid #dbe0e9;border-radius:8px;color:#455674;background:white}.member-profile>.btn{margin:8px 4px 0}.grant-row:has(select[name^="course:"]){grid-template-columns:minmax(0,1fr) 120px}.agenda-actions{justify-content:flex-end}.course-breadcrumb{flex-wrap:wrap}.course-breadcrumb>.btn:last-child:not(:first-child){margin-left:auto}.lesson-content>.section-header{align-items:flex-start;gap:16px;flex-wrap:wrap}.lesson-content>.section-header h2{flex:1;min-width:200px}.comment .btn{margin-top:8px;color:#896f3a;padding:5px 9px;min-height:28px;font-size:11px}
@media(max-width:700px){.module-toolbar{gap:12px}.module-tabs{width:100%}.module-tabs button{flex:1;padding:10px 8px;font-size:12px}.module-toolbar>.btn{width:100%}.classroom-heading{flex-wrap:wrap}.classroom-heading>.btn{width:100%}.classroom-count{max-width:none}.course-bottom{align-items:flex-start;flex-wrap:wrap}.course-bottom>.row{width:100%;justify-content:stretch}.course-bottom>.row .btn{flex:1}.course-actions{top:12px;right:12px}.course-art>div{min-width:0}.course-card .course-art h2{overflow-wrap:anywhere}.agenda-actions{width:100%;justify-content:flex-start}.member-toolbar .search-field{width:100%;flex-basis:100%}.member-toolbar>select{width:100%}.member-card-actions .btn{padding:8px 10px;font-size:12px}.action-menu-items{width:235px}.course-breadcrumb>.btn:last-child:not(:first-child){margin-left:0}.member-manage-heading .avatar{flex-shrink:0}.grant-row:has(select[name^="course:"]){grid-template-columns:minmax(0,1fr) 110px}}

.classroom-heading>.btn{white-space:nowrap;flex-shrink:0}.classroom-heading>div:first-child{min-width:0}
.member-card{min-width:0}.member-card-profile h3,.member-card-profile p{overflow-wrap:anywhere}.grant-row:has(select[name^="course:"]){display:grid!important;align-items:center}.grant-row:has(select[name^="course:"])>span{min-width:0;overflow-wrap:anywhere}.grant-row:has(select[name^="course:"]) select{width:100%!important;min-width:0}
@media(max-width:700px){.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-card-actions{flex-direction:column;gap:10px}.member-card-actions>.btn{width:100%;justify-content:center}.member-card-profile{min-width:0}.member-card-profile h3{font-size:14px}}
/* Classroom workspace: structure, preview and editing share one canvas. */
.classroom-workbench{display:grid;grid-template-columns:minmax(260px,310px) minmax(0,1fr);gap:24px;align-items:start}.course-tree{overflow:visible;min-width:0;position:sticky;top:100px}.tree-heading{padding:24px 22px 20px;border-bottom:1px solid var(--border)}.tree-heading h2{font-size:20px;line-height:1.3}.tree-heading p{font-size:12px;color:var(--muted);margin:10px 0 18px}.course-tree .action-menu-items{min-width:210px}.tree-folder{padding:14px 10px 8px;border-bottom:1px solid var(--border)}.tree-folder-heading{display:flex;align-items:center;gap:8px;padding:0 4px}.tree-folder-heading strong{font-size:13px;flex:1;line-height:1.4}.tree-release{display:block;color:var(--muted);font-size:10px;padding:3px 8px 10px}.tree-lesson{display:flex;align-items:center;border-radius:8px;margin:3px 0;padding-right:3px;min-width:0}.tree-lesson.selected{background:#eee5cf;border:1px solid #d9c38a}.tree-select{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:none;border:0;padding:11px 8px;text-align:left;color:var(--ink);cursor:pointer}.tree-select>span:first-child{font-size:11px;color:var(--muted)}.tree-select strong{display:block;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.tree-select small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.tree-add{background:none;border:0;color:#887036;font-size:12px;text-align:left;padding:12px 9px;cursor:pointer}.tree-footer{padding:20px 14px;display:grid;gap:10px}.tree-footer .btn{justify-content:flex-start}.workbench-content{padding:32px;min-width:0;overflow:visible}.workbench-top,.workbench-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.workbench-content>h2{font-size:26px;line-height:1.35;margin:24px 0}.workbench-bottom{border-top:1px solid var(--border);margin-top:28px;padding-top:20px}.workbench-empty{padding:70px 14px;text-align:center;display:grid;justify-items:center;gap:18px}.workbench-empty>svg{width:42px;height:42px;color:#b0975b}.workbench-empty h2{font-size:28px}.workbench-empty p{color:var(--muted);max-width:420px;line-height:1.7}.editor-context .pill{margin-bottom:16px}.rich-editor{border:1px solid #dad5c9;border-radius:10px;min-height:240px;padding:20px;background:#fffcf7;outline:none;overflow-wrap:anywhere}.rich-editor:focus{border-color:#b6995e;box-shadow:0 0 0 3px #b6995e20}.rich-editor:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.rich-editor p:first-child{margin-top:0}.workbench-content form{display:grid;gap:18px}.workbench-content .text-editor-toolbar{margin-bottom:-8px}.workbench-content label{min-width:0}.workbench-content .lesson-reading blockquote{border-left:3px solid #b6995e;padding-left:16px;margin:16px 0;color:var(--muted)}[hidden]{display:none!important}.connector-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}.connector-card{border:1px solid #e2ded4;border-radius:14px;padding:24px;background:linear-gradient(145deg,#fff,#f2efe7)}.connector-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#173f50;color:#fff;font-size:24px;margin-bottom:20px}.connector-card.whatsapp .connector-symbol{background:#33554a}.connector-card h3{margin:0 0 14px}.connector-card p{font-size:13px;line-height:1.65}.connector-card .status-badge{font-size:10px;white-space:normal}.connection-roadmap{background:#f4f0e6;border-radius:12px;padding:24px;margin:24px 0}.connection-roadmap ol{padding-left:20px;line-height:1.8;font-size:13px}.connection-roadmap p{font-size:12px;color:var(--muted);line-height:1.7}.messenger-drafts{display:grid;gap:16px}.messenger-preview{margin:24px 0;background:#eff2ec;border-radius:16px;padding:24px;border:1px solid #d8dfd4}.messenger-preview span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.draft-issue{font-size:12px;color:#886c32;border-left:2px solid #ba9d60;padding-left:12px}.member-detail-tabs{margin:24px 0 18px}.settings-panel>form{display:grid;gap:16px}.course-breadcrumb .pill{margin-left:auto}
@media(max-width:1050px){.classroom-workbench{grid-template-columns:minmax(230px,270px) minmax(0,1fr);gap:16px}.workbench-content{padding:24px}.course-tree{position:static}}
@media(max-width:760px){.classroom-workbench{grid-template-columns:minmax(0,1fr)}.tree-heading{padding:20px}.course-tree nav{max-height:340px;overflow:auto}.tree-footer{grid-template-columns:1fr 1fr}.tree-footer .btn{font-size:11px;white-space:normal}.workbench-content{padding:20px}.workbench-content>h2{font-size:23px}.workbench-content .form-grid,.connector-grid{grid-template-columns:minmax(0,1fr)}.connector-card{padding:20px}.course-breadcrumb{flex-wrap:wrap}.course-tree .action-menu-items{right:0;left:auto}.rich-editor{padding:16px;min-height:200px}.workbench-bottom .btn{width:100%}.connector-card .status-badge{display:inline-flex}.module-tabs{flex-wrap:wrap}}
.workbench-content form{grid-template-columns:minmax(0,1fr);min-width:0}.workbench-content fieldset{min-width:0}.workbench-content .editor-context{display:grid;gap:8px}.workbench-content .editor-context .pill{justify-self:start;white-space:normal;font-size:10px}.workbench-content form>label,.workbench-content .form-grid>label{display:grid;gap:9px;font-size:12px;font-weight:600;color:#435d7f}.workbench-content input:not([type=checkbox]),.workbench-content select,.workbench-content textarea{width:100%;min-width:0;padding:12px 14px;font:inherit;font-size:14px;line-height:1.5;border:1px solid #d9deea;border-radius:8px;background:#f8f9fc;color:#304563}.workbench-content .text-editor-toolbar{max-width:100%;flex-wrap:wrap}.workbench-content .attachment-field input[type=file]{padding:10px;font-size:11px}.workbench-content .attachment-field small{overflow-wrap:anywhere}.workbench-content .form-actions{flex-wrap:wrap}.workbench-content .form-actions .btn{white-space:normal}
@media(max-width:760px){.course-tree nav:has(.action-menu[open]){max-height:none;overflow:visible}}
/* Classroom: one course catalog, one outline and one directly editable page. */
.classroom-content>.page-heading{display:none}.classroom-content{padding-top:30px}.classroom-content>.page-footer{margin-top:45px}.classroom-catalog,.classroom-course{max-width:1120px;margin:0 auto}.classroom-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.classroom-catalog-toolbar h2{font-size:23px}.classroom-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.classroom-tile{position:relative;padding:0;overflow:visible;border-radius:12px;transition:box-shadow .15s,transform .15s}.classroom-tile:hover{box-shadow:0 7px 24px #24324c16;transform:translateY(-2px)}.classroom-tile:has(.action-menu[open]){z-index:20}.classroom-tile .course-actions{right:10px;top:10px}.classroom-tile .course-actions summary{width:32px;height:30px}.classroom-tile-open{display:block;width:100%;text-align:left;color:inherit;border-radius:12px;background:white;overflow:hidden}.classroom-tile-cover{aspect-ratio:1.85;background:linear-gradient(125deg,#18223c,#33466c);color:#eed9a5;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:20px;padding:26px}.classroom-tile-cover.green{background:linear-gradient(125deg,#174540,#3d7060)}.classroom-tile-cover.plum{background:linear-gradient(125deg,#44293e,#705165)}.classroom-tile-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tile-monogram{font-family:Georgia,serif;font-size:65px;line-height:1;opacity:.7}.classroom-tile-cover>span:not(.tile-monogram):not(.tile-draft):not(.tile-lock){font-size:17px;font-weight:600;line-height:1.4;max-width:65%}.tile-draft{position:absolute;left:10px;top:10px;background:#fff;color:#5d6575;border-radius:5px;font-size:11px;padding:5px 9px}.tile-lock{position:absolute;bottom:12px;right:12px;background:#fff;color:#334569;border-radius:50%;padding:9px;display:grid;place-items:center}.tile-lock svg{width:18px;height:18px}.classroom-tile.draft .classroom-tile-cover{opacity:.6}.classroom-tile-info{padding:18px 18px 20px}.classroom-tile-info h2{font-size:18px;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere}.classroom-tile-info p{font-size:13px;color:#616977;line-height:1.6;margin:0 0 18px;height:62px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.classroom-progress{height:22px;background:#e7e9ed;border-radius:20px;position:relative;overflow:hidden}.classroom-progress>span{display:block;height:100%;background:#3d8466;border-radius:20px;min-width:0}.classroom-progress>small{position:absolute;left:12px;top:3px;font-size:11px;font-weight:600;line-height:16px;color:#343f44}.classroom-progress:has(span[style='width:0%'])>small{color:#5d6870}.classroom-progress[aria-valuenow]:not([aria-valuenow='0'])>small{color:#fff}.tile-access{display:flex;align-items:center;gap:8px;color:#6f6b5e;font-size:11px;min-height:22px}.tile-access svg{width:15px;height:15px}.classroom-return{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.classroom-return .btn{padding:5px 0;min-height:28px;font-size:12px}.classroom-columns{display:grid;grid-template-columns:285px minmax(0,1fr);gap:32px;align-items:start}.classroom-outline{min-width:0;position:sticky;top:98px}.outline-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.outline-title h2{flex:1;font-size:17px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.outline-menu summary{background:transparent;border:0;width:30px;height:30px;font-size:13px}.outline-menu summary:hover{background:#e5e8ee}.outline-menu .action-menu-items{width:230px}.classroom-outline>.classroom-progress{margin:0 5px 20px 0}.outline-page{position:relative;display:flex;align-items:center;min-height:45px;margin:2px 0;border-radius:7px;min-width:0}.outline-page.selected{background:#f1e0ab}.outline-select{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0;padding:12px 10px;font-size:13px;line-height:1.5;text-align:left;color:#354156}.outline-select>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outline-select:disabled{opacity:.45;cursor:default}.outline-select>svg{flex-shrink:0;width:15px;height:15px}.outline-select small{font-size:10px;color:#727785}.outline-page .outline-menu{margin:0 4px 0 0;visibility:hidden}.outline-page:hover .outline-menu,.outline-page:focus-within .outline-menu,.outline-menu[open]{visibility:visible}.outline-hint{color:#9096a1;font-size:10px;margin:18px 10px}.page-done{display:grid;place-items:center;border-radius:50%;width:18px;height:18px;background:#3d8466;color:white;flex-shrink:0}.page-done svg{width:12px;height:12px}.outline-folder{position:relative;margin:5px 0;min-width:0}.outline-folder>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:12px 38px 12px 8px;background:#e9ecf1;border-radius:7px;min-height:44px}.outline-folder>summary::-webkit-details-marker{display:none}.outline-folder>summary strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere;font-weight:600}.folder-chevron{font-size:21px;color:#778092;line-height:16px;transition:transform .1s}.outline-folder[open] .folder-chevron{transform:rotate(90deg)}.outline-folder>summary small{font-size:10px;color:#778092}.outline-folder>.outline-menu{position:absolute;right:5px;top:7px}.outline-folder-pages{padding-left:13px}.outline-add-page{padding:13px 10px;color:#7e7050;font-size:12px;text-align:left;width:100%;border-radius:6px}.outline-add-page:hover{background:#ece7da}.outline-empty{font-size:12px;padding:12px;color:#818999}.classroom-page{border:1px solid #e0e3e9;box-shadow:0 2px 5px #1d2b3b06;border-radius:12px;background:white;padding:28px 30px;min-width:0;overflow:visible}.classroom-page-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.classroom-page-header h2{font-size:22px;line-height:1.45;flex:1;min-width:0;margin:0;overflow-wrap:anywhere}.page-tools{display:flex;gap:4px;flex-shrink:0}.page-tool{width:32px;height:32px;display:grid;place-items:center;color:#7d8592;border-radius:6px}.page-tool svg{width:19px;height:19px}.page-tool:hover{background:#f0eadb;color:#8f733b}.classroom-page .lesson-reading{font-size:15px;line-height:1.8;color:#434e60}.classroom-page .lesson-reading p{margin-bottom:20px}.classroom-page .lesson-reading h1,.classroom-page .lesson-reading h2,.classroom-page .lesson-reading h3,.classroom-page .lesson-reading h4{font-family:inherit;color:#263449;font-weight:650;line-height:1.5;margin:25px 0 16px}.classroom-page .lesson-reading h1{font-size:28px}.classroom-page .lesson-reading h2{font-size:24px}.classroom-page .lesson-reading h3{font-size:21px}.classroom-page .lesson-reading h4{font-size:18px}.classroom-page .lesson-reading blockquote{border-left:3px solid #c1ad76;padding-left:18px;margin:20px 0;color:#747d8c}.classroom-page .lesson-reading ol{padding-left:24px}.classroom-page-footer{margin-top:28px;border-top:1px solid #e5e7ec;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.classroom-page-footer>div{display:flex;gap:12px}.page-empty{text-align:center;padding:65px 20px;color:#6b7483}.page-empty h2{color:#27354d;margin-bottom:16px}.page-empty p{margin-bottom:22px}.page-notes{width:100%;font-size:12px;color:#747d8c}.page-notes summary{cursor:pointer}.page-notes form{display:grid;gap:12px;margin-top:15px}.page-notes textarea{width:100%;border:1px solid #dae0e8;border-radius:7px;padding:12px;color:#33435e;resize:vertical;font:inherit}.page-notes .btn{justify-self:end}.page-resources>a,.page-linked-post{display:flex;width:100%;align-items:center;gap:12px;padding:16px;border:1px solid #e3e6ec;border-radius:8px;margin-top:15px;color:#384966;text-decoration:none;text-align:left;font-size:13px}.page-resources>a>span,.page-linked-post>span{flex:1;min-width:0;overflow-wrap:anywhere}.page-linked-post small{display:block;color:#8b94a1;margin-bottom:5px}.page-resources svg{width:18px;height:18px;flex-shrink:0}.page-transcript{border:1px solid #e3e6ec;border-radius:8px;padding:16px;font-size:13px;margin-top:15px}.page-transcript summary{cursor:pointer}.page-transcript p{white-space:normal;overflow-wrap:anywhere;line-height:1.7;margin-top:15px}.classroom-page.editing{padding:0}.classroom-page-editor{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:18px;padding:0 26px 22px}.page-editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;background:#f7f7f5;padding:9px 14px;border-radius:12px 12px 0 0;margin:0 -26px 0;border-bottom:1px solid #ededeb}.page-editor-toolbar button{width:30px;height:30px;border-radius:4px;font-size:13px;color:#7b8088;font-weight:600}.page-editor-toolbar button:hover{background:#e8e4da;color:#514931}.page-editor-toolbar svg{width:16px;height:16px}.classroom-page-editor .page-title-input{padding:0;border:0;border-radius:0;background:white;width:100%;font-size:22px;font-weight:650;line-height:1.5;color:#263449;outline:none;min-width:0}.classroom-page-editor .rich-editor{padding:0;border:0;border-radius:0;background:white;box-shadow:none;min-height:230px}.page-add-video{border:1px dashed #d7dce4;border-radius:9px;padding:25px;color:#8390a4;display:flex;justify-content:center;align-items:center;gap:10px;font-size:13px;background:#fafbfc}.classroom-page-editor label{display:grid;gap:8px;font-size:12px;color:#5c6b82;min-width:0}.classroom-page-editor label input:not([type=checkbox]),.classroom-page-editor select,.classroom-page-editor textarea,.resource-editor-row input{width:100%;min-width:0;font:inherit;font-size:13px;line-height:1.5;padding:10px 12px;border:1px solid #dbe0e8;border-radius:7px;color:#384963;background:#f8f9fc}.classroom-page-editor fieldset{min-width:0}.classroom-page-editor .check-label{display:flex;align-items:center;font-size:12px;margin:10px 0}.classroom-page-editor h3{font-size:14px;margin:0 0 12px}.page-options{font-size:12px;color:#9299a4;border-top:1px solid #e8eaf0;padding-top:15px}.page-options summary{cursor:pointer;margin-bottom:15px}.page-options>label,.page-options>.form-grid{margin-bottom:15px}.page-editor-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:18px;border-top:1px solid #e4e7ec}.page-add-menu{margin:0}.page-add-menu>summary{width:auto;font-size:11px;letter-spacing:0;padding:0 8px;border:0}.page-add-menu>.action-menu-items{left:0;right:auto;top:auto;bottom:calc(100% + 8px)}.page-publish{display:flex!important;align-items:center;gap:8px!important;font-size:11px!important;color:#5e6d62!important}.page-publish input{appearance:none;cursor:pointer;width:30px;height:18px;border-radius:20px;background:#d3d8de;position:relative;transition:background .1s}.page-publish input:checked{background:#438868}.page-publish input:before{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:white}.page-publish input:checked:before{left:15px}.page-save-actions{display:flex;margin-left:auto;gap:8px}.page-save-actions .btn{font-size:12px;min-height:35px;padding:8px 13px}.resource-editor-row{display:grid;grid-template-columns:1fr 1.3fr 24px;gap:8px;margin-bottom:10px}.resource-editor-row button{color:#a37c71}.resource-editor-row svg{width:16px;height:16px}.outline-page[draggable=true],.outline-folder>summary[draggable=true],.classroom-tile[draggable=true]{cursor:grab}.classroom-page .attachment-field small{font-size:11px;color:#8490a2;line-height:1.5}.classroom-page .file-keep{display:flex;align-items:center;gap:9px;margin-bottom:12px}.classroom-page input[type=file]{font-size:11px;max-width:100%}
@media(min-width:1500px){.classroom-tiles{gap:28px}.classroom-columns{grid-template-columns:300px minmax(0,1fr);gap:36px}}
@media(max-width:1150px){.classroom-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom-columns{grid-template-columns:240px minmax(0,1fr);gap:20px}.classroom-page{padding:23px}.classroom-page-header{flex-wrap:wrap}.classroom-page-header h2{font-size:20px}.classroom-page-editor{padding-left:20px;padding-right:20px}.page-editor-toolbar{margin-left:-20px;margin-right:-20px}}
@media(max-width:760px){.classroom-content{padding-top:20px}.classroom-tiles{gap:15px}.classroom-tile-info{padding:15px}.classroom-tile-info h2{font-size:16px}.classroom-tile-cover{padding:18px;gap:10px}.tile-monogram{font-size:45px}.classroom-tile-cover>span:not(.tile-monogram):not(.tile-draft):not(.tile-lock){font-size:14px}.classroom-columns{grid-template-columns:minmax(0,1fr);gap:20px}.classroom-outline{position:static}.classroom-outline>nav{max-height:300px;overflow:auto}.classroom-outline>nav:has(.action-menu[open]){max-height:none;overflow:visible}.outline-hint{display:none}.classroom-page{padding:20px}.classroom-page.editing{padding:0}.classroom-page-editor{padding:0 18px 18px}.page-editor-toolbar{margin-left:-18px;margin-right:-18px}.outline-page .outline-menu{visibility:visible}.classroom-page-header{flex-wrap:nowrap}.classroom-page-header h2{font-size:19px}.page-tools{gap:0}.page-tool{width:29px;height:29px}.classroom-page .lesson-reading{font-size:14px}.resource-editor-row{grid-template-columns:minmax(0,1fr) 24px}.resource-editor-row input:nth-child(2){grid-row:2;grid-column:1}.resource-editor-row button{grid-row:1/3;grid-column:2}.page-editor-footer{gap:14px}.page-save-actions{width:100%;justify-content:flex-end}.page-editor-toolbar button{width:28px}.page-options .form-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.classroom-tiles{grid-template-columns:minmax(0,1fr)}.classroom-catalog-toolbar h2{font-size:20px}.classroom-catalog-toolbar .btn{font-size:12px;padding:9px 12px}.classroom-tile-cover{aspect-ratio:1.85}.classroom-tile-info p{height:auto;min-height:38px}.classroom-progress{height:20px}.classroom-progress>small{top:2px}}
.course-cover-preview{display:block;width:100%;max-height:160px;object-fit:cover;border-radius:8px;margin-bottom:15px}.simple-course-form .page-options{padding:12px 0}.simple-course-form .page-options label{margin-top:15px}.course-modal-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:10px}.simple-course-form .page-publish{display:flex;align-items:center}.simple-course-form .page-publish input{width:30px!important;flex-shrink:0}

/* Academy: module overview and direct lesson editing share the existing brand. */
.academy-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px}.academy-breadcrumb>svg{width:14px;height:14px}.academy-hero{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:36px 40px;border-radius:18px;background:linear-gradient(120deg,#19223c,#2a3656);color:#fff;box-shadow:0 12px 30px #18213912}.academy-hero.green{background:linear-gradient(120deg,#163e38,#305a4d)}.academy-hero.plum{background:linear-gradient(120deg,#34253d,#55405a)}.academy-hero>div:first-child{flex:1;min-width:0}.academy-hero .eyebrow{color:#e3cb8a}.academy-hero h2{font-size:30px;letter-spacing:-.8px;color:white;margin:12px 0}.academy-hero p{color:#e0e5f0;line-height:1.8;max-width:680px;margin-bottom:22px}.academy-hero-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#d7dde7;margin-bottom:22px}.academy-hero-cover{width:130px;max-height:180px;object-fit:cover;border:1px solid #ffffff2a;border-radius:5px;box-shadow:12px 16px 24px #0003;transform:rotate(4deg)}.academy-progress-ring{flex-shrink:0;width:135px;height:135px;border-radius:50%;background:conic-gradient(#ddc581 var(--completion),#ffffff20 0);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.academy-progress-ring:before{content:'';position:absolute;inset:7px;border-radius:50%;background:#24364b}.academy-progress-ring strong,.academy-progress-ring span{z-index:1}.academy-progress-ring strong{font-size:29px;color:#e9d496}.academy-progress-ring span{font-size:10px;color:#dce4ee}.academy-content-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 20px}.academy-content-toolbar h2{font-size:20px;margin:0 0 7px}.academy-content-toolbar p{font-size:13px;color:#737d8d;margin:0}.academy-filters{display:flex;gap:10px;align-items:center}.academy-filters .search-field{min-width:240px;margin:0}.academy-filters .btn.active{background:#f4ead1;border-color:#d9c687;color:#4b3e22}.academy-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.academy-module{overflow:visible;border-radius:15px}.academy-module-open{border:0;padding:0;background:transparent;text-align:left;color:inherit;width:100%;cursor:pointer;display:block}.academy-module-open:focus-visible{outline:3px solid #b69852;outline-offset:4px;border-radius:15px}.academy-module-cover{height:145px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;color:#eee2b8;background:linear-gradient(125deg,#212f4d,#3b4c69);position:relative;overflow:hidden;border-radius:14px 14px 0 0}.academy-module-cover.green{background:linear-gradient(125deg,#234b43,#4c7665)}.academy-module-cover.plum{background:linear-gradient(125deg,#44314e,#745b7a)}.academy-module-cover:after{content:'';width:190px;height:190px;border:1px solid #ffffff18;border-radius:50%;position:absolute;right:25px;top:-65px;pointer-events:none}.academy-module-cover>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.module-number{font-size:60px;font-weight:700;letter-spacing:-3px;line-height:1}.academy-module-cover svg{width:35px;height:35px;opacity:.65}.module-cover-label{position:absolute;bottom:15px;right:22px;font-size:9px;letter-spacing:2px;padding:5px 8px;background:#14203799;color:#fff;border-radius:4px}.academy-module-body{padding:24px}.academy-module-body h3{font-size:18px;margin:0 0 12px}.academy-module-body p{font-size:13px;color:#737d8d;line-height:1.7;margin:0 0 20px}.module-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#697386;margin-bottom:12px}.academy-module-actions{display:flex;flex-wrap:wrap;gap:4px;padding:12px 20px;border-top:1px solid #e9edf2}.academy-module-actions .btn{font-size:10px;padding:8px 9px}.academy-lesson-list{margin-top:22px;padding:8px 24px}.academy-lesson-list>h3{font-size:14px;padding:12px 0;margin:0}.academy-lesson-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid #edf0f4}.academy-lesson-row:last-child{border:0}.academy-lesson-row>button:first-child{flex:1;min-width:0;display:flex;align-items:center;gap:16px;text-align:left;padding:18px 0;border:0;background:transparent;color:#263147;cursor:pointer}.academy-lesson-row>button:first-child:disabled{opacity:.55;cursor:not-allowed}.academy-lesson-row>button:first-child>span:nth-child(2){flex:1;min-width:0}.academy-lesson-row strong{display:block;font-size:14px;overflow-wrap:anywhere}.academy-lesson-row small{display:block;font-size:11px;color:#778193;margin-top:5px}.academy-lesson-row svg{width:17px;height:17px;flex-shrink:0}.academy-lesson-icon{background:#edf1f6;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.academy-lesson-icon.done{background:#e5f1e9;color:#43795b}.academy-intro{padding:26px;margin-top:22px}.lesson-discussion{margin:30px 0 0;border-top:1px solid #e7ecf1;padding-top:24px}.lesson-discussion h3{font-size:17px;margin:0}.lesson-discussion>p{font-size:12px;color:#788195;line-height:1.7}.lesson-discussion-item{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid #edf0f4}.lesson-discussion-item>div{flex:1;min-width:0}.lesson-discussion-item strong{font-size:12px}.lesson-discussion-item small{display:block;color:#7a8494;font-size:10px;margin:5px 0}.lesson-discussion-item p{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.lesson-discussion form{margin-top:18px}.lesson-discussion .avatar{width:35px;height:35px;flex-shrink:0;font-size:11px}.lesson-discussion .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.lesson-discussion textarea{font-size:13px}.media-video video,.upload-preview video{display:block;width:100%;max-height:430px;background:#152035;border-radius:10px}.member-module-grants{padding:12px 0 16px 20px;border-bottom:1px solid #edf0f4}.member-module-grants>summary{font-size:12px;cursor:pointer;color:#737f92}.member-module-grants .grant-row{padding:10px 0}.member-course-progress{padding:18px 0;border-bottom:1px solid #edf0f4}.member-course-progress>strong{display:block;font-size:14px}.member-course-progress>span{display:block;font-size:12px;color:#758093;margin:8px 0 12px}.member-course-progress>small{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:12px}.member-course-progress svg{width:14px;height:14px;color:#508365}.academy-overview .row.wrap{flex-wrap:wrap}.classroom-outline>.btn{margin-bottom:15px}.academy-hero .btn{font-size:12px}
@media(max-width:1080px){.academy-content-toolbar{align-items:flex-start;flex-direction:column}.academy-filters{width:100%}.academy-filters .search-field{flex:1}.academy-hero{padding:28px;gap:25px}.academy-hero h2{font-size:26px}.academy-hero-cover{width:110px}}
@media(max-width:760px){.academy-hero{padding:24px;align-items:flex-start}.academy-hero-cover,.academy-progress-ring{display:none}.academy-hero h2{font-size:25px;line-height:1.3}.academy-hero p{font-size:13px}.academy-modules{grid-template-columns:1fr}.academy-filters{flex-wrap:wrap;gap:8px}.academy-filters .search-field{min-width:0;width:100%;flex-basis:100%}.academy-content-toolbar{margin-top:25px}.academy-module-cover{height:140px}.academy-hero .btn{padding:10px 12px;font-size:11px}.academy-lesson-list{padding:8px 15px}.academy-lesson-row{gap:5px}.academy-lesson-row>button:first-child{gap:10px}.academy-lesson-row>.btn{font-size:10px;padding:8px}.academy-lesson-row strong{font-size:12px}.academy-lesson-icon{width:32px;height:32px}.member-module-grants{padding-left:8px}.member-detail-tabs{flex-wrap:wrap}.academy-breadcrumb{flex-wrap:wrap}.academy-breadcrumb .btn{font-size:12px}.academy-hero-meta{font-size:11px}.academy-module-actions .btn{font-size:11px}.lesson-discussion-item{gap:9px}}

/* Book course: reflections belong next to the lesson, with a collected journal. */
.course-reflection { margin:32px 0; padding:26px; border:1px solid #d9c8a6; border-radius:16px; background:linear-gradient(135deg,#faf6ed,#fff); }
.course-reflection h3 { margin:8px 0 12px; font-size:22px; }
.course-reflection form { display:grid; gap:12px; }
.course-reflection textarea { width:100%; resize:vertical; min-height:155px; line-height:1.65; }
.course-journal-entries { display:grid; gap:16px; margin-top:24px; }
.course-journal-entries section { padding:20px; border:1px solid var(--line); border-radius:12px; }
.course-journal-entries p { white-space:normal; overflow-wrap:anywhere; line-height:1.7; }
@media(max-width:600px){ .course-reflection { padding:18px; } .academy-hero .row { gap:10px; } }

.book-course .classroom-outline nav { max-height:calc(100vh - 285px); overflow-y:auto; scrollbar-width:thin; padding-right:5px; }
@media(max-width:760px){ .book-course .classroom-outline nav { max-height:220px; } }

@media(max-width:760px){ .book-course .classroom-page { scroll-margin-top:85px; } }
/* HUMAN CODE: original media, readable players and interactive book models. */
.course-media-library{margin:28px 0 34px;padding:27px;background:#fff;border:1px solid #dce2e8;border-radius:18px}.media-library-heading h3{font-family:Georgia,serif;font-size:28px;margin:8px 0}.media-library-heading p{font-size:13px;line-height:1.7;color:#536376;margin:0 0 22px}.media-library-heading .eyebrow{color:#97712c;font-size:10px;letter-spacing:1.5px}.media-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.course-media-card{display:block;text-align:left;background:#faf9f6;border:1px solid #e1e1db;border-radius:12px;overflow:hidden;transition:transform .18s,box-shadow .18s;min-width:0}.course-media-card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #1a2d4220}.media-card-image{position:relative;aspect-ratio:16/10;background:#17293e;overflow:hidden}.media-card-image img{width:100%;height:100%;object-fit:cover;display:block}.media-card-kind{position:absolute;left:10px;bottom:10px;background:#142539ed;color:#f9e8bf;padding:5px 8px;border-radius:5px;font-size:10px;font-weight:700}.media-card-symbol{display:grid;place-items:center;height:100%;font-size:40px;color:#d7b269}.course-media-card>div:last-child{padding:14px}.course-media-card h4{font-size:14px;line-height:1.4;margin:0 0 8px;color:#263a50}.course-media-card p{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#617184;margin:0}.media-library-more{margin-top:19px}.media-library-more>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:14px 0 5px;border-top:1px solid #e5e7ea;font-size:13px;font-weight:700;color:#846325}.media-library-more[open]>.media-library-grid{margin-top:18px}.course-resource-header{padding:22px 24px 17px}.course-resource-header .eyebrow{color:#957236;font-size:10px;letter-spacing:1.7px}.course-resource-header h3{font-family:Georgia,serif;font-size:27px;line-height:1.25;margin:9px 0 12px;color:#1d334c}.course-resource-header p{font-size:14px;line-height:1.7;color:#536278;margin:0 0 8px}.course-resource-header small{font-size:11px;color:#707c8c}.media-video video{display:block;width:100%;aspect-ratio:16/9;background:#122136;object-fit:contain}.course-resource.media-audio{padding-top:0}.course-resource audio{margin-top:10px}.hypnosis-resource{background:#f9f5ed;border-color:#d9c495}.hypnosis-cover{display:block;width:100%;max-height:320px;object-fit:cover;object-position:center 44%}.media-preparation{margin:15px 20px;padding:14px 16px;border:1px solid #d7c89e;border-radius:9px;background:#fffcf3}.media-preparation summary,.media-transcript summary{cursor:pointer;font-size:13px;font-weight:600}.media-preparation p{font-size:13px;line-height:1.75;color:#4c5b6c;margin:10px 0 0;white-space:pre-line}.media-transcript{margin:15px 20px;padding:14px 0;border-top:1px solid #dadfe6}.media-transcript>div{font-size:14px;line-height:1.8;color:#47576a}.course-resource figcaption{border-top:1px solid #e0e3e7;margin-top:10px}.lesson-animation{margin:22px 0 28px;border:1px solid #2d465e;border-radius:16px;overflow:hidden;background:linear-gradient(125deg,#142638,#223e50);color:#f8fafb;padding:25px}.animation-heading .eyebrow{color:#e7c37d;font-size:10px;letter-spacing:1.6px}.animation-heading h3{font-family:Georgia,serif;font-size:27px;color:#fff;margin:8px 0 12px}.animation-heading p{font-size:14px;line-height:1.7;color:#c5d3de;margin:0}.animation-stage{position:relative;margin:25px 0}.animation-line{position:absolute;left:5%;right:5%;height:1px;top:26px;background:#628283}.animation-points{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.animation-points button{display:flex;flex-direction:column;align-items:center;gap:11px;color:#b8c9d8;font-size:11px;line-height:1.4;background:none;min-width:0}.model-point{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#254152;border:1px solid #526d78;color:#a5bbcc;font-family:Georgia,serif;font-size:22px;transition:background .5s,color .5s,transform .5s}.animation-points .selected{color:#fff}.selected .model-point{background:#d7b36e;color:#14273b;border-color:#eed19a;box-shadow:0 0 0 5px #d8b36916;transform:scale(1.08)}.animation-narration{min-height:130px;background:#ffffff08;padding:19px 20px;border-radius:10px;margin:20px 0}.animation-narration .eyebrow{font-size:10px;color:#d7b36e}.animation-narration h4{font-size:19px;color:#f4f7fa;margin:7px 0 10px}.animation-narration p{font-size:14px;color:#c8d5df;line-height:1.8;margin:0}.animation-controls{display:flex;gap:10px;justify-content:center}.animation-controls .btn{background:#ffffff10;color:#fff;border:1px solid #ffffff30}.animation-controls .primary{background:#d6b575;color:#14273b;border-color:#d6b575;min-width:178px}.animation-controls .btn:disabled{opacity:.4}.model-source{display:block;color:#afc0cf;font-size:10px;line-height:1.6;margin-top:20px;text-align:center}.formula .animation-points{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.formula .animation-line{display:none}.formula .model-point{border-radius:12px}.spiral .animation-points{grid-template-columns:repeat(4,minmax(0,1fr))}.course-media-card:focus-visible,.animation-points button:focus-visible,.animation-controls button:focus-visible{outline:3px solid #c39338;outline-offset:4px}
@media(max-width:1050px){.media-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.course-media-library{padding:18px;margin:22px 0}.media-library-grid{gap:11px}.course-media-card>div:last-child{padding:12px}.course-media-card h4{font-size:13px}.media-card-kind{left:6px;bottom:6px;font-size:9px}.course-resource-header{padding:20px 17px 14px}.course-resource-header h3{font-size:23px}.lesson-animation{padding:18px}.animation-heading h3{font-size:24px}.animation-points{gap:6px}.animation-points button{font-size:9px;gap:9px}.model-point{width:40px;height:40px;font-size:19px}.animation-line{top:20px}.animation-narration{padding:15px;min-height:165px}.animation-narration p{font-size:13px}.formula .animation-points{gap:15px}.formula .animation-points button{font-size:11px}.media-preparation,.media-transcript{margin-left:14px;margin-right:14px}.hypnosis-cover{max-height:245px}}
@media(prefers-reduced-motion:reduce){.model-point,.course-media-card{transition:none}.course-media-card:hover{transform:none}}

.course-resource,.lesson-animation{scroll-margin-top:95px}
@media(max-width:700px){.course-resource,.lesson-animation{scroll-margin-top:86px}}
.infographic-gallery{margin:28px 0 34px;padding:27px;background:#fffdf8;border:1px solid #ded5bd;border-radius:18px}.infographic-gallery-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:23px}.infographic-gallery-heading .eyebrow{color:#92702e;font-size:10px;letter-spacing:1.5px}.infographic-gallery-heading h3{font-family:Georgia,serif;font-size:28px;margin:8px 0 10px;color:#23364b}.infographic-gallery-heading p{font-size:13px;line-height:1.7;color:#5e6b79;margin:0}.infographic-gallery-heading .pill{white-space:nowrap;align-self:center}.infographic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.infographic-card{min-width:0;overflow:hidden;background:white;border:1px solid #e0e2df;border-radius:12px;display:flex;flex-direction:column;text-align:left;transition:box-shadow .2s,transform .2s}.infographic-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #273d5218}.infographic-card>img{display:block;width:100%;aspect-ratio:8/5;object-fit:contain;background:#f7f5ee;border-bottom:1px solid #e4e4dc}.infographic-card>div{padding:17px;flex:1;display:flex;flex-direction:column}.infographic-card small{font-size:9px;letter-spacing:1.2px;color:#9b7738}.infographic-card h4{font-size:17px;line-height:1.4;color:#233a51;margin:8px 0}.infographic-card p{font-size:12px;line-height:1.65;color:#667489;margin:0 0 18px}.infographic-card>div>span{display:flex;justify-content:space-between;margin-top:auto;font-size:12px;font-weight:700;color:#836123}.infographic-card:focus-visible,.infographic-image-open:focus-visible{outline:3px solid #c99b48;outline-offset:4px}.infographic-preview .infographic-context{font-size:12px;color:#657489;line-height:1.7;margin:0 0 18px}.infographic-full{display:block;width:100%;height:auto;background:#faf8f0;border:1px solid #e0dccd;border-radius:11px}.modal.wide:has(.infographic-preview){width:min(1180px,calc(100vw - 32px))}.infographic-preview-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.infographic-text{padding:17px 0;border-top:1px solid #e2e4e7;border-bottom:1px solid #e2e4e7}.infographic-text summary{cursor:pointer;color:#263d55;font-size:14px;font-weight:600}.infographic-readable{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.infographic-readable section{padding:17px;background:#f7f7f3;border-radius:9px}.infographic-readable h4{font-size:16px;color:#253c54;margin:0 0 8px}.infographic-readable p{font-size:14px;line-height:1.7;color:#536476;margin:0}.infographic-footer{grid-column:1/-1;padding:15px;border-left:3px solid #b28d43}.infographic-description{font-size:14px;line-height:1.8;color:#566578;margin:18px 0 0}.infographic-source{font-size:11px;line-height:1.7;color:#748090;margin:15px 0 0}.infographic-reference{display:inline-block;font-size:12px;color:#80652e;margin-top:12px}.infographic-image-open{display:block;width:100%;text-align:center;background:#f8f6ee;color:#886529}.infographic-image-open img{max-height:560px;background:#faf8f0}.infographic-image-open>span{display:block;padding:12px;font-size:12px;font-weight:700}.infographic-gallery{scroll-margin-top:95px}
@media(max-width:1100px){.infographic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.infographic-gallery{padding:18px;margin:22px 0}.infographic-gallery-heading h3{font-size:25px}.infographic-gallery-heading{gap:12px}.infographic-grid{grid-template-columns:1fr;gap:17px}.infographic-card>div{padding:17px}.infographic-card h4{font-size:18px}.infographic-readable{grid-template-columns:1fr}.modal:has(.infographic-preview) .modal-body{padding:17px}.modal:has(.infographic-preview) .modal-heading{padding:15px 17px}.modal:has(.infographic-preview) .modal-heading h2{font-size:17px;line-height:1.4}.infographic-preview-actions{gap:9px}.infographic-preview-actions .btn{font-size:12px;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.infographic-card{transition:none}.infographic-card:hover{transform:none}}

/* View-only course material; work PDFs are explicitly released in the lesson editor. */
.file-permission-row{border:1px solid #e2e5eb;border-radius:9px;padding:12px;margin:10px 0;background:#fff}.file-permission-row .file-keep{margin-bottom:9px}.classroom-page-editor .worksheet-option,.upload-preview .worksheet-option{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.6;color:#62542f}.worksheet-option input{flex-shrink:0}.file-protected-label{display:block;padding-left:23px}.upload-preview:has(.worksheet-option){flex-wrap:wrap}.upload-preview .worksheet-option{width:100%;padding:8px}.course-pdf{display:block;width:100%;height:650px;border:1px solid #e0e4eb;border-radius:8px;background:#f6f7fa}.pdf-reading h3{font-size:17px;margin-bottom:10px}.pdf-reading p,.protected-file-note{font-size:13px;color:#647085;margin-bottom:14px}.media-item figcaption small{font-size:11px;color:#647085}@media(max-width:700px){.course-pdf{height:480px}.worksheet-option{align-items:flex-start!important}.media-item figcaption{flex-wrap:wrap;gap:12px}}

.course-pdf{height:auto;overflow:hidden}.pdf-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;border-bottom:1px solid #e0e4eb}.pdf-toolbar [role=status]{flex:1;font-size:12px;color:#46536a}.pdf-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px}.pdf-toolbar select{padding:6px;border:1px solid #d7dde6;border-radius:6px;background:white}.pdf-stage{padding:12px;overflow:auto;max-height:75vh}.pdf-stage canvas{display:block;max-width:none;box-shadow:0 1px 8px #18243b20;background:white}.pdf-text{padding:14px;font-size:12px;border-top:1px solid #e0e4eb}.pdf-text summary{cursor:pointer}.pdf-text p{margin-top:14px;line-height:1.8;overflow-wrap:anywhere}