@font-face{font-family:Montserrat;src:url('./montserrat-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('./montserrat-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('./montserrat-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url('./montserrat-bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--ink:#010b17;--muted:#626975;--subtle:#7b838c;--line:#dce0e4;--paper:#f7f7f7;--surface:#fff;--navy:#010b17;--accent:#d6e20f;--accent-dark:#c5d10a;--mint:#f0f3d4;--success:#526000;font-family:Montserrat,ui-sans-serif,sans-serif}
body{background:var(--paper);font-family:Montserrat,ui-sans-serif,sans-serif}a{color:#313c1a}a:hover{color:#667000}:focus-visible{outline:3px solid #889100;outline-offset:3px}
.com360-logo{display:block;width:194px;height:auto}.app-nav{min-height:82px}.app-header{background:#010b17}.app-nav-links a[aria-current="page"]{background:#d6e20f12;color:#d6e20f}.app-nav-links a:hover{background:#ffffff0d;color:#d6e20f}.app-avatar{background:#f7f7f7;color:#010b17}.app-profile-link{color:#f7f7f7}.eyebrow{color:#626975}
button,.button{background:var(--accent);color:var(--ink)}button:hover,.button:hover{background:var(--accent-dark);color:var(--ink);box-shadow:0 6px 18px #010b1712}.signout button,.signout button:hover{color:#fff;background:transparent}.button.secondary:hover,.button-outline:hover{border-color:#929c37;background:#f4f5e8;color:#010b17}input:focus,select:focus,textarea:focus{border-color:#929c37;box-shadow:0 0 0 4px #d6e20f20}.status-pill{background:#f0f3d4;color:#526000}.status-pill.green{background:#f0f3d4;color:#526000}.page-pagination-links span.current{color:#010b17}.mini-avatar{background:#f0f3d4;color:#526000}.empty-state{background:#fafafa}.card,.section-panel{box-shadow:0 8px 24px #010b1707}
.admin-welcome{background:#010b17!important}.admin-welcome::after{content:'360'!important;color:#d6e20f20!important;letter-spacing:-.1em}.admin-welcome .eyebrow{color:#d6e20f!important}.admin-stat-icon,.admin-action span,.step-number{background:#f0f3d4!important;color:#526000!important}.admin-action:hover{border-color:#a2aa58!important}.admin-course-cover,.module-cover,.student-card-cover,.student-card-cover.module{background:linear-gradient(135deg,#010b17,#253322)!important}.module-progress span,.student-progress span{background:#d6e20f!important}.module-add-card{background:#fafbf3!important;color:#010b17!important;border-color:#b5bb85!important}.module-add-card:hover{background:#f0f3d4!important;border-color:#889100!important;color:#010b17!important}.module-add-card .plus{background:#d6e20f!important;color:#010b17!important}.module-dialog-close{background:#fff!important;color:#010b17!important}.preview-box{background:#f7f7f7!important}.module-progress-row strong{color:#526000!important}
.reader-sidebar{background:#010b17!important;border-color:#28313c!important}.reader-brand img{display:block;width:208px;max-width:100%;height:auto}.reader-brand{margin-bottom:18px}.reader-back{margin:8px 0 18px!important}.reader-course-card{background:#ffffff08!important;border-color:#ffffff20!important}.reader-course-art{background:#d6e20f!important;color:#010b17!important}.reader-progress-track span{background:#d6e20f!important}.reader-progress-label{color:#d6e20f!important}.reader-lesson.current{background:#d6e20f!important;color:#010b17!important}.reader-lesson.current small{color:#424a15!important}.reader-lesson:hover{background:#ffffff12!important;color:#fff!important}.reader-lesson.current:hover{background:#c5d10a!important;color:#010b17!important}.reader-status.current,.reader-status.done{background:#d6e20f!important;border-color:#d6e20f!important;box-shadow:inset 0 0 0 4px #010b17!important}.reader-kicker{color:#526000!important}.reader-complete button,.reader-bottom-nav a.reader-next{background:#d6e20f!important;color:#010b17!important;border-color:#d6e20f!important}.reader-dark-button{background:#010b17!important;color:#fff!important}.reader-tool-action:hover{color:#526000!important}.ebook-reader{background:#f7f7f7!important;color:#010b17!important}
.reader-sidebar-search{margin-bottom:18px}.reader-sidebar-search label{margin:0 0 8px;color:#e4e8ed;font-size:.77rem}.reader-sidebar-search .reader-search{width:100%;padding:0 10px;background:#fff;border-color:#fff;color:#010b17}.reader-sidebar-search .reader-search input{color:#010b17;box-shadow:none;font-size:.8rem}.reader-sidebar-search .reader-search button{display:block;background:#d6e20f;color:#010b17;min-height:30px;font-size:.7rem}.reader-search-result{display:block;margin-top:8px;color:#d5dbe3!important;font-size:.73rem;white-space:normal}.reader-jump{display:block;min-height:0;margin:0;padding:8px 10px;border:0;border-radius:7px;background:transparent!important;color:#d5dbe3!important;text-align:left;font-size:.75rem;font-weight:500;line-height:1.4;box-shadow:none!important;transform:none!important}.reader-jump:hover{background:#ffffff12!important;color:#d6e20f!important}.reader-jump[aria-current="location"]{background:#d6e20f16!important;color:#d6e20f!important}.reader-match-list{display:grid;gap:4px;max-height:260px;overflow:auto;margin-top:8px}.reader-sidebar .reader-outline{margin-top:16px}.reader-sidebar{scrollbar-color:#56616d #010b17}.reader-document-head{display:block!important}.reader-topbar{justify-content:space-between}.reader-top-title{margin:0;color:#626975;font-size:.8rem}.reader-menu-toggle{display:none;margin:0;background:#d6e20f;color:#010b17}.reader-menu-close{display:none}.reader-menu-backdrop{display:none}
@media(max-width:1199px){.com360-logo{width:160px}.ebook-reader .reader-sidebar{position:fixed!important;inset:0 auto 0 0!important;z-index:30;width:min(330px,90vw);height:100dvh!important;padding:22px 16px!important;transform:translateX(-100%);transition:transform .2s}.ebook-reader.reader-menu-open .reader-sidebar{transform:translateX(0)}.reader-sidebar .reader-outline{max-height:none!important;overflow:visible!important}.reader-sidebar .reader-course-card{display:block!important}.reader-menu-toggle,.reader-menu-close{display:inline-flex}.reader-menu-close{position:absolute;top:14px;right:12px;min-height:30px;margin:0;padding:3px 8px;background:transparent!important;color:#fff!important;border:1px solid #ffffff30}.reader-brand img{width:190px}.reader-menu-backdrop{position:fixed;inset:0;z-index:29;margin:0;border:0;border-radius:0;background:#010b1770!important}.reader-menu-open .reader-menu-backdrop{display:block}.reader-top-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-topbar{gap:12px}.reader-top-actions{display:none}}


.reader-course-card.reader-module-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:235px;overflow:hidden;padding:20px;background:#172332!important;border-color:#ffffff24!important}.reader-module-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.reader-module-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(1,11,23,.08) 0%,rgba(1,11,23,.6) 38%,rgba(1,11,23,.95) 76%,#010b17 100%)}.reader-module-card-content{width:100%;padding-top:65px}.reader-module-card .reader-course-copy{margin-top:0}.reader-module-card .reader-course-copy strong{color:#fff;font-size:1.05rem;line-height:1.3;text-shadow:0 1px 8px #010b1780}.reader-module-card .reader-course-copy span{color:#e1e5e9;font-size:.75rem;line-height:1.45}.reader-module-card .reader-course-copy .reader-module-kicker{margin:0 0 7px;color:#d6e20f;font-size:.65rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.reader-module-card .reader-progress-track{background:#ffffff30}.reader-module-card .reader-progress-label{font-size:.7rem}

/* One 16:9 artwork for course and module covers on every screen. */
.student-course-cover,.owned .student-course-cover,.locked .student-course-cover,.module-cover,.student-card-cover,.module-list .student-card-cover,.admin-course-cover{width:100%;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;align-self:start;overflow:hidden}.student-course-cover img,.module-cover img,.student-card-cover img,.admin-course-cover img{object-fit:cover;object-position:center}.reader-module-cover{inset:0 0 auto;height:auto;aspect-ratio:16/9;object-position:center}.reader-module-card::before{background:linear-gradient(180deg,rgba(1,11,23,.08) 0%,rgba(1,11,23,.45) 32%,rgba(1,11,23,.95) 66%,#010b17 100%)}

/* Reading tools live with the course navigation, including in the tablet drawer. */
.reader-sidebar .reader-tools{position:static;display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px}.reader-sidebar .reader-tool-card{padding:16px;color:#f5f7ff;background:#ffffff08;border-color:#ffffff20;box-shadow:none}.reader-sidebar .reader-tool-card:last-child{grid-column:auto}.reader-sidebar .reader-tool-card h2{color:#fff;font-size:.9rem}.reader-sidebar .reader-note{color:#bac4d3}.reader-sidebar .reader-font-controls button{color:#fff;background:#ffffff08;border-color:#ffffff25}.reader-sidebar .reader-dark-button{color:#010b17!important;background:#d6e20f!important}.reader-sidebar .reader-tool-action{color:#d5dbe3!important;background:transparent!important;box-shadow:none!important;transform:none!important}.reader-sidebar .reader-tool-action:hover{color:#d6e20f!important;background:#ffffff12!important}.reader-sidebar .reader-complete button{font-size:.8rem}
