/* Aula is an independent product surface, scoped to this page. */
body.aula-app{--ink:#10274b;--muted:#58687d;--navy:#071e40;--blue:#194c9c;--lime:#b1e76c;--line:#dce4ee;--paper:#f3f6fa;background:var(--paper);color:var(--ink);font-family:var(--font-body),sans-serif;font-size:14px;line-height:1.65;overflow-x:visible}
.aula-app *{box-sizing:border-box}.aula-app [hidden]{display:none!important}.aula-app button,.aula-app input,.aula-app select{font:inherit}.aula-app button{cursor:pointer}.aula-app button:disabled{cursor:not-allowed;opacity:.65}.aula-app a,.aula-app button{transition:background .18s,color .18s,box-shadow .18s}.aula-app :focus-visible{outline:3px solid #2589df;outline-offset:4px}.aula-app svg{height:20px;width:20px;flex-shrink:0}.aula-app h1,.aula-app h2,.aula-app h3{line-height:1.2;letter-spacing:-.035em;font-family:var(--font-body),sans-serif}.aula-app h1{font-size:clamp(26px,3vw,37px);font-weight:700}.aula-app h2{font-size:23px}.aula-app h3{font-size:19px}.aula-app p{margin:0}.aula-app button{border:0}.aula-app img{max-width:100%;object-fit:cover}.skip-link{position:fixed;top:-80px;left:20px;background:white;color:var(--navy);padding:12px;z-index:100}.skip-link:focus{top:12px}
.demo-bar{min-height:40px;padding:8px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#e7efda;color:#324e1c;font-size:11px}.demo-bar>div{display:flex;align-items:center;gap:10px}.demo-dot{width:6px;height:6px;border-radius:50%;background:#507e27}.demo-detail{border-left:1px solid #b7c7a2;padding-left:10px}.reset-button{background:transparent;color:#324e1c;text-decoration:underline;text-underline-offset:3px;font-size:11px!important;white-space:nowrap}
.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:calc(100vh - 40px)}.app-sidebar{background:var(--navy);color:#fff;padding:30px 23px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;max-height:1100px}.chapter-logo{display:block;padding:0 3px 30px;border-bottom:1px solid #27405e}.chapter-logo img{width:175px;height:auto;object-fit:contain}.product-brand{padding:27px 8px 30px}.product-brand>span,.small-label,.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700}.product-brand>span{color:#b4c6dc}.product-brand>strong{display:block;font-size:55px;letter-spacing:-.06em;font-weight:700;line-height:1.25}.product-brand>strong span{color:var(--lime)}.product-brand p{color:#adc3dc;font-size:11px;margin-top:5px}.app-navigation{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;color:#c0cfe1;padding:13px 14px;border-radius:8px;background:transparent;text-align:left;width:100%;font-weight:600!important;font-size:13px!important}.nav-item[aria-current=page]{background:#173969;color:#fff;box-shadow:inset 3px 0 var(--lime)}.nav-item:hover{background:#12315a;color:white}.nav-count{margin-left:auto;font-size:11px;background:#315683;border-radius:5px;padding:1px 7px}.sidebar-bottom{margin-top:auto;padding-top:48px}.sidebar-note{border-top:1px solid #27405e;padding:22px 8px}.sidebar-note .small-label{color:var(--lime)}.sidebar-note p{color:#adc3dc;font-size:12px;margin-top:8px}.sidebar-bottom>a{display:block;color:#c4d2e2;font-size:11px;padding:6px 8px}
.app-main{min-width:0;display:flex;flex-direction:column}.app-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 40px;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 12px;color:#a1afbe}.breadcrumb strong{color:var(--ink);font-weight:600}.role-switch{display:flex;background:#edf1f6;border:1px solid var(--line);border-radius:8px;padding:4px;flex-shrink:0}.role-switch button{background:transparent;color:#58687d;padding:6px 13px;border-radius:5px;font-size:11px!important;font-weight:600!important}.role-switch button[aria-pressed=true]{background:var(--navy);color:white;box-shadow:0 2px 4px #071e4015}#workspace{padding:34px 40px 48px;max-width:1440px;width:100%;margin:auto;flex:1}#workspace:focus{outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}.page-heading p{color:var(--muted);margin-top:9px;max-width:680px}.eyebrow{display:block;color:#427326;margin-bottom:9px}.identity{display:flex;gap:10px;align-items:center;flex-shrink:0}.avatar{width:40px;height:40px;display:grid;place-items:center;background:#dde9f6;color:var(--blue);border-radius:50%;font-size:12px;font-weight:700}.identity small{display:block;color:var(--muted);font-size:11px}.identity strong{font-size:12px}.hero-panel{display:grid;grid-template-columns:1.12fr 1fr;background:var(--navy);color:white;border-radius:14px;overflow:hidden;box-shadow:0 12px 32px #10274b14;margin-bottom:25px}.hero-copy{padding:32px;position:relative;z-index:1}.hero-copy .eyebrow{color:var(--lime)}.hero-copy h2{font-size:clamp(24px,2.7vw,35px);max-width:450px;margin:15px 0 13px}.hero-copy p{color:#c2d3e9;max-width:440px;font-size:13px}.hero-visual{position:relative;min-height:260px}.hero-visual img{width:100%;height:100%;position:absolute;inset:0}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071e40,rgba(7,30,64,.18) 50%)}.hero-visual-label{position:absolute;right:20px;bottom:20px;z-index:1;background:#071e40dd;border:1px solid #ffffff40;padding:8px 13px;border-radius:6px;font-size:11px;color:white}.hero-copy .action{margin-top:23px}.action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:7px;background:var(--blue);color:#fff;font-size:12px!important;font-weight:700!important;line-height:1.5;text-align:center}.action:hover{background:#103875}.action.lime{background:var(--lime);color:#17330c}.action.lime:hover{background:#c5f18b}.action.secondary{background:white;border:1px solid var(--line);color:var(--ink)}.action.secondary:hover{background:#eaf0f7}.action.ghost{background:transparent;border:1px solid #9ab2d0;color:white}.action.small{padding:8px 12px;font-size:11px!important}.text-action{display:inline-flex;gap:7px;align-items:center;color:var(--blue);font-size:12px!important;font-weight:700!important;background:transparent}.text-action:hover{text-decoration:underline}.text-action svg{width:16px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:32px}.metric{background:white;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:14px;padding:19px 21px}.metric>svg{background:#edf3fb;color:var(--blue);box-sizing:content-box;padding:10px;border-radius:9px}.metric strong{display:block;font-size:24px;line-height:1.2;letter-spacing:-.04em}.metric small{font-size:11px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}.section-title h2{font-size:20px}.two-column{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px}.stack{display:grid;align-content:start;gap:16px}.course-row{display:grid;grid-template-columns:140px minmax(0,1fr);background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.course-thumb{position:relative;background:#153e71;min-height:170px}.course-thumb img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}.course-thumb:after{content:'';position:absolute;inset:0;background:#092b5850}.course-thumb>svg{width:44px;height:44px;color:#a8c9ed;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.course-info{padding:22px}.course-info h3{margin:10px 0;font-size:17px}.course-info p{font-size:12px;color:var(--muted)}.row-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.status{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:5px;font-size:10px;font-weight:700;white-space:nowrap;background:#edf1f6;color:#576477}.status.active{background:#e7f2df;color:#345d1d}.status.pending{background:#fff1d9;color:#855814}.status.expired,.status.revoked{background:#fae9e7;color:#a23c2e}.status.none{background:#e6eefb;color:#264f89}.muted{color:var(--muted);font-size:12px}.side-card{padding:22px;border-radius:11px;border:1px solid var(--line);background:#fff}.side-card h3{font-size:15px;margin:14px 0 9px}.side-card>svg{color:var(--blue)}.side-card p{font-size:12px;color:var(--muted);margin-bottom:14px}.side-card.blue{background:#e8eff8;border-color:#d7e3f2}.steps{list-style:none;padding:0;display:grid;gap:17px;margin-top:18px;counter-reset:steps}.steps li{display:flex;gap:11px;align-items:start;color:var(--muted);font-size:12px;counter-increment:steps}.steps li:before{content:counter(steps);display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;background:#e9f0f8;color:#194c9c;border-radius:50%;font-size:11px;font-weight:700}.steps strong{color:var(--ink);display:block;font-size:12px}.inline-note{font-size:11px;color:var(--muted);margin-top:17px;display:flex;gap:8px;align-items:start}.inline-note svg{width:15px;height:15px;margin-top:2px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.catalog-card{background:white;border-radius:12px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}.catalog-art{height:190px;background:linear-gradient(135deg,#17365e,#2b6689);position:relative;overflow:hidden}.catalog-art img{width:100%;height:100%;object-fit:cover}.catalog-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071e4055,transparent)}.catalog-art>svg{position:absolute;width:85px;height:85px;left:calc(50% - 42px);top:50px;color:#b4d9ef;stroke-width:1}.catalog-art>span{position:absolute;left:19px;top:17px;z-index:1;background:#071e40db;color:#fff;font-size:10px;padding:4px 9px;border-radius:5px}.catalog-body{padding:25px;display:flex;flex:1;flex-direction:column}.catalog-body h2{font-size:22px;margin:7px 0 13px}.catalog-body p{color:var(--muted);font-size:13px;margin-bottom:20px}.catalog-body .row-actions{margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.catalog-meta{display:flex;gap:17px;font-size:11px;color:var(--muted);margin-bottom:20px}.catalog-meta span{display:flex;align-items:center;gap:6px}.catalog-meta svg{height:15px;width:15px}.catalog-notice{margin-top:22px;padding:17px 21px;border:1px solid var(--line);background:#eaf0f7;border-radius:8px;font-size:12px;color:#445c79}.resource-list{display:grid;gap:12px}.resource-row{display:flex;align-items:center;gap:16px;padding:21px;background:white;border:1px solid var(--line);border-radius:9px}.resource-row>svg{color:var(--blue);width:25px;height:25px}.resource-row>div{flex:1}.resource-row h2{font-size:15px}.resource-row p{font-size:12px;color:var(--muted);margin-top:5px}
.course-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.video-preview{aspect-ratio:16/9;background:radial-gradient(ellipse at 85% 10%,#254d7a,transparent 60%),#081c38;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:white;position:relative;overflow:hidden}.video-preview>svg{width:40px;height:40px;color:var(--lime);margin-bottom:15px}.video-preview h2{font-size:22px;margin-bottom:12px}.video-preview p{font-size:12px;color:#b7cce4;max-width:320px}.video-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;gap:10px;align-items:center;padding:12px 18px;border-top:1px solid #ffffff20;color:#c4d4e7;font-size:10px}.video-bottom .track{height:3px;background:#6685a0;flex:1}.course-description{margin-top:25px;background:white;border:1px solid var(--line);border-radius:11px;padding:25px}.course-description h2{font-size:18px;margin-bottom:13px}.course-description p{color:var(--muted);font-size:13px}.topics{display:grid;gap:9px;margin-top:18px;list-style:none;padding:0}.topics li{display:flex;gap:10px;align-items:center;font-size:12px}.topics svg{height:16px;width:16px;color:#4c7a2b}.access-date{font-size:25px;letter-spacing:-.04em;display:block;margin:8px 0 2px}.admin-banner{background:var(--navy);color:#d1e0f1;padding:18px 22px;border-radius:10px;display:flex;align-items:center;gap:14px;margin-bottom:24px;font-size:12px}.admin-banner svg{color:var(--lime);height:24px;width:24px}.admin-banner strong{color:white}.admin-tools{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:20px 0 16px}.search-field{max-width:370px;width:100%;display:flex;gap:8px;align-items:center;background:white;border:1px solid var(--line);border-radius:7px;padding:9px 12px}.search-field svg{width:17px;color:var(--muted)}.search-field input{width:100%;border:0;background:transparent;min-width:0;color:var(--ink);font-size:12px}.admin-tools select{border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);padding:10px 12px;font-size:12px}.enrollment-table{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.enrollment-table table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.enrollment-table th{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.07em;background:#eaf0f7}.enrollment-table td,.enrollment-table th{padding:16px}.enrollment-table td{border-top:1px solid #e8edf3}.enrollment-table td strong{display:block;font-size:12px}.enrollment-table td small{color:var(--muted);font-size:10px}.enrollment-table td:last-child{text-align:right}.activity-list{list-style:none;display:grid;gap:0;margin-top:14px}.activity-list li{padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;display:flex;align-items:center;gap:12px}.activity-list svg{width:16px;color:#4d782b}.empty-state{padding:35px;text-align:center;color:var(--muted)}.app-footer{padding:20px 40px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:10px;color:var(--muted)}.app-footer a{text-decoration:underline;text-underline-offset:3px}
.aula-app dialog{margin:auto;padding:34px;max-width:480px;width:calc(100% - 32px);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:16px;color:var(--ink);box-shadow:0 30px 100px #071e4055}.aula-app dialog::backdrop{background:#061932aa;backdrop-filter:blur(3px)}.aula-app dialog h2{font-size:26px;margin:9px 0 13px;padding-right:14px}.aula-app dialog p{color:var(--muted);font-size:13px;margin-bottom:18px}.close-dialog{position:absolute;top:12px;right:15px;background:#edf2f7;color:var(--ink);border-radius:50%;height:29px;width:29px;font-size:22px!important;line-height:1}.form-field{display:grid;gap:6px;margin:15px 0;color:var(--ink);font-size:12px;font-weight:600}.form-field input,.form-field select{width:100%;border:1px solid #b9c8da;border-radius:6px;background:white;padding:11px;color:var(--ink)}.form-field input[readonly]{background:#f0f3f7;color:var(--muted)}.check-field{display:flex;gap:9px;align-items:start;font-size:12px;margin:19px 0}.check-field input{margin-top:4px;flex-shrink:0}.form-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.dialog-summary{padding:15px;border-radius:8px;background:#eef3fa;font-size:12px;margin:18px 0}.dialog-summary strong{display:block}.success-icon{display:grid;place-items:center;background:#e6f3dc;border-radius:50%;color:#3d6f24;height:52px;width:52px;margin-bottom:18px}.success-icon svg{height:25px;width:25px}.app-toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px);background:#092347;color:white;padding:13px 20px;border-radius:9px;box-shadow:0 6px 30px #071e402a;max-width:calc(100% - 32px);width:max-content;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100}.app-toast.visible{opacity:1;transform:translate(-50%,0)}.no-script{padding:30px;background:#fff}
@media(min-width:1600px){.app-sidebar{padding-left:28px;padding-right:28px}.app-shell{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:1200px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.app-sidebar{padding:25px 17px}#workspace{padding:28px}.app-topbar{padding:18px 28px}.two-column,.course-layout{grid-template-columns:minmax(0,1fr) 235px}.hero-copy{padding:27px}.course-row{grid-template-columns:100px minmax(0,1fr)}.enrollment-table td,.enrollment-table th{padding:12px}.metric{padding:17px 13px;gap:10px}.metric>svg{padding:7px}}
@media(max-width:1000px){.two-column,.course-layout{grid-template-columns:1fr}.two-column>.stack:last-child{grid-template-columns:1fr 1fr}.identity{display:none}.enrollment-table table,.enrollment-table tbody{display:block}.enrollment-table thead{display:none}.enrollment-table tr{display:grid;grid-template-columns:1fr 1fr;padding:12px;border-bottom:1px solid var(--line)}.enrollment-table td{border:0;padding:8px}.enrollment-table td:nth-child(2){font-size:11px}.enrollment-table td:last-child{text-align:left}.enrollment-table td[data-label]:before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.enrollment-table td:first-child{grid-column:1/-1}.metric small{font-size:10px}.metric strong{font-size:21px}}
@media(max-width:760px){.demo-bar{padding:8px 16px}.demo-detail{display:none}.app-shell{display:block}.app-sidebar{height:auto;max-height:none;position:static;padding:19px 20px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.chapter-logo{padding:0;border:0;align-self:center}.chapter-logo img{width:138px}.product-brand{padding:0;text-align:right}.product-brand>span,.product-brand p{display:none}.product-brand>strong{font-size:35px}.sidebar-bottom{display:none}.app-navigation{grid-column:1/-1;display:flex;overflow:auto;gap:5px;padding-top:9px}.nav-item{width:auto;flex-shrink:0;border-radius:0;padding:14px 10px;font-size:11px!important;gap:7px}.nav-item[aria-current=page]{box-shadow:inset 0 -3px var(--lime);background:transparent}.nav-item svg{height:17px;width:17px}.app-topbar{padding:13px 20px;gap:8px}.breadcrumb{font-size:10px}.breadcrumb>span{margin:0 6px}.breadcrumb{max-width:150px}.role-switch button{font-size:10px!important;padding:6px 9px}#workspace{padding:25px 20px 32px}.hero-panel{grid-template-columns:1fr}.hero-copy{padding:27px}.hero-visual{min-height:150px;order:-1}.hero-visual:after{background:linear-gradient(0deg,#071e40,transparent)}.hero-visual-label{bottom:18px;font-size:10px}.hero-copy h2{font-size:27px}.hero-copy .eyebrow{font-size:9px}.metrics{gap:8px;margin-bottom:25px}.metric{padding:14px 10px;display:block}.metric>svg{display:none}.metric strong{font-size:23px;margin-bottom:5px}.metric small{display:block;font-size:10px;line-height:1.4}.catalog-grid{grid-template-columns:1fr}.course-row{grid-template-columns:90px minmax(0,1fr)}.course-info{padding:17px}.course-info h3{font-size:15px}.course-thumb{min-height:190px}.two-column>.stack:last-child{grid-template-columns:1fr}.page-heading{align-items:start;gap:12px}.page-heading>.action{padding:9px 10px;font-size:10px!important;flex-shrink:0}.page-heading p{font-size:12px}.section-title h2{font-size:18px}.resource-row{padding:17px;gap:12px;flex-wrap:wrap}.resource-row .action{margin-left:37px}.admin-tools{align-items:stretch;flex-direction:column}.search-field{max-width:none}.video-preview{aspect-ratio:auto;min-height:250px}.app-footer{padding:20px;font-size:9px}.aula-app dialog{padding:28px 22px}.demo-bar>div{gap:6px}}
/* Override the institutional site's reserved mobile-header space. */
body.aula-app{padding-top:0}
@media(max-width:760px){.app-navigation{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);overflow:visible}.nav-item{width:100%;min-width:0;flex-direction:column;justify-content:center;text-align:center;padding:10px 3px;font-size:10px!important;gap:5px}.nav-count{display:none}}
@media(prefers-reduced-motion:reduce){.aula-app *{scroll-behavior:auto!important;transition:none!important}}