/* iEnglish Canva brand palette, confirmed by the owner on 2026-10-14. */
:root {
  --brand-blue:#248dc5;
  --brand-yellow:#f2c11b;
  --brand-ink:#0b497c;
  --brand-cream:#fdf5e0;
  --brand-light:#e8f1f7;
}
body,body.family-mode,body.original-mode {
  --green:var(--brand-ink);
  --bg:var(--brand-light);--bg-2:var(--brand-cream);
  --panel:#fff;--panel-2:var(--brand-light);--card:#fff;
  --text:var(--brand-ink);--muted:#526b80;
  --line:#c9dde9;--accent:var(--brand-yellow);
  --accent-2:var(--brand-ink);--accent-3:var(--brand-blue);
  color:var(--brand-ink);
  background:linear-gradient(135deg,var(--brand-light),#fff 65%,var(--brand-cream));
}
body>header {border-top-color:var(--brand-blue);border-bottom-color:var(--line)}
body .little-i-brand {display:block;width:64px;height:64px;flex:0 0 auto}
body .love-light-mark {mix-blend-mode:multiply}
body #adminPanel>[data-review-summary] button[data-action=refresh-reviews]{background:#0b497c;color:#fff;border:1px solid #0b497c;border-radius:10px;padding:10px 16px;font:inherit;cursor:pointer}
body #adminPanel>[data-review-summary] button[data-action=refresh-reviews]:focus-visible{outline:3px solid #248dc5;outline-offset:3px}
#adminPanel #identity-management{scroll-margin-top:24px}
body .brand-lockup {gap:16px}
@media(max-width:600px) {body .little-i-brand {width:48px;height:48px}body .brand-lockup {gap:10px}body .brand-lockup h2 {font-size:18px;line-height:1.4}body .growth-hero>p:last-child {clear:both;padding-top:12px}}
body h1,body h2,body h3,body h4,body .brand,body .eyebrow,body .step b {color:var(--brand-ink)}
body .muted,body small,body .coach-help,body .coach-empty,body .growth-policy-note,body .account-caption {color:var(--muted)}
body button,body.family-mode button,body.original-mode .primary-btn,body .coach-panel button,
body #identity-management button,body #student-cleanup button,body #feedback-modal button,
body .growth-work .growth-primary {background:var(--brand-ink);color:#fff;border-color:var(--brand-ink)}
body button:hover:not(:disabled),body.family-mode button:hover:not(:disabled),body .primary-btn:hover:not(:disabled),body .growth-work .growth-primary:hover:not(:disabled) {background:#08375e;color:#fff}
body button.secondary,body .secondary-btn,body.original-mode .secondary-btn,
body #identity-management button.secondary,body .coach-panel [aria-pressed=false],
body #identity-management.identity-menu>summary,body .coach-section-nav a,
body .admin-shortcuts a,body .admin-review-dock a {background:var(--brand-light);color:var(--brand-ink);border-color:var(--line)}
body button.link,body.family-mode button.link {background:transparent;color:var(--brand-ink)}
body :focus-visible {outline:3px solid var(--brand-blue);outline-offset:3px}
body input,body select,body textarea,body.original-mode input,body.original-mode select,body.original-mode textarea,
body .coach-panel input,body .coach-panel select,body .coach-panel textarea {background:#fff;color:var(--brand-ink);border-color:var(--line);accent-color:var(--brand-ink)}
body .banner,body .coach-new,body .coach-trial,body .growth-policy-preview,
body .coach-tags b,body .badge.pending,body .portal-pill.current,
body .honor-board .honor-top {background:var(--brand-cream);color:var(--brand-ink);border-color:var(--brand-yellow)}
body #notice:not(.error),body .sync-live-status,body.original-mode .sync-live-status,
body .badge:not(.pending):not(.rejected),body .coach-tags span,body .portal-pill.done,
body .growth-badge,body .growth-feedback {background:var(--brand-light);color:var(--brand-ink);border-color:var(--line)}
body .coach-panel {--coach-ink:var(--brand-ink);--coach-accent:var(--brand-blue);background:#fff;color:var(--brand-ink);border-color:var(--line)}
body .coach-heading,body .coach-detail,body .coach-detail>details,body .coach-report,
body .coach-learner,body .institution-reading-details,body .growth-work .growth-actions {border-color:var(--line)}
body .coach-kicker,body .coach-learner>summary:before,body .coach-metrics strong,
body .coach-panel a,body .institution-reading-details>summary,body .institution-reading-panel h3,
body .institution-period h4,body .institution-reading-values dd {color:var(--brand-ink)}
body .coach-panel .coach-summary button {background:var(--brand-light);color:var(--brand-ink);border-color:var(--line)}
body .coach-panel .coach-summary button[aria-pressed=true],body .coach-area-nav [aria-pressed=true] {background:var(--brand-ink);color:#fff}
body .coach-goal,body .coach-report-status,body .institution-reading-panel,body .institution-period,
body .growth-empty,body .growth-work .growth-create {background:var(--brand-light);border-color:var(--brand-blue);color:var(--brand-ink)}
body .coach-report-body {border-color:var(--line);border-top-color:var(--brand-blue)}
body .coach-panel blockquote {background:var(--brand-cream);border-color:var(--brand-yellow)}
body .coach-timeline {border-color:var(--brand-blue)}
/* The shaded brand-blue endpoint keeps white body copy above 4.5:1 contrast. */
body .growth-hero,body .honor-heading {background:linear-gradient(115deg,var(--brand-ink),#1c729f);color:#fff}
body .growth-hero :is(h1,h2,h3,p,small,.muted,.growth-eyebrow),
body .honor-heading :is(h1,h2,h3,p,small,.muted,.growth-eyebrow) {color:#fff;opacity:1}
body .growth-work .growth-dashboard button {background:var(--brand-light);border-color:var(--line);color:var(--brand-ink)}
body .growth-work .growth-dashboard button:nth-child(2),body .growth-work .growth-dashboard button:nth-child(4) {background:var(--brand-cream);border-color:var(--brand-yellow);color:var(--brand-ink)}
body .growth-work .growth-dashboard button:hover {background:var(--brand-cream);color:var(--brand-ink)}
body .growth-work .growth-dashboard button small {color:var(--brand-ink)}
body .growth-step span {background:var(--brand-ink);color:#fff}
body .growth-work .growth-activity,body .honor-grid>details:nth-child(odd) {border-top-color:var(--brand-blue)}
body .honor-grid>details:nth-child(even) {border-top-color:var(--brand-yellow)}
body .growth-work progress,body.original-mode progress {accent-color:var(--brand-blue)}
body .portal-welcome {background:linear-gradient(115deg,var(--brand-light),#fff 60%,var(--brand-cream));border-color:var(--line)}
body .portal-welcome h1,body .portal-section-head h2,body .growth-stat strong,body .timeline-card h3 {color:var(--brand-ink)}
body .portal-sidebar nav a.active,body.original-mode .nav-link.active,body.original-mode .nav-link:hover {background:var(--brand-light);color:var(--brand-ink);border-color:var(--brand-blue)}
body .sidebar-purpose {background:var(--brand-cream);border-color:var(--brand-yellow)}
body .sun-mark,body .spark,body .stage-symbol {color:var(--brand-yellow)}
body .book-mark {background:var(--brand-blue);border-color:var(--brand-ink)}
body .book-mark span {color:var(--brand-yellow)}
body .little-i--celebrate {background:var(--brand-cream);border-color:var(--brand-yellow)}
body .little-i-welcome,body .little-i-empty {background:var(--brand-light);border-color:var(--line)}
body .little-i-welcome p,body .little-i-welcome p span,body .little-i-empty p,body .little-i-parent-note {color:var(--brand-ink)}
/* Keep destructive actions and errors recognizable, separate from brand decoration. */
body #student-cleanup [data-cleanup-confirm] button,body .binding-delete,body .growth-work .growth-danger {background:#fff0ef;color:#a32929;border-color:#a32929}
body .binding-delete:hover,body .growth-work .growth-danger:hover {background:#a32929;color:#fff}
@media print {body,body.original-mode {background:#fff}}

/* Keep administrator navigation aligned with the first workspace panel. */
body.original-mode .admin-workspace .app-shell {align-items:start}
body.original-mode .admin-workspace .sidebar {align-self:start;top:16px;max-height:calc(100dvh - 32px);overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}
body.original-mode .admin-workspace .sidebar-card {overflow-wrap:anywhere}
body.original-mode .admin-nav-primary {display:grid;gap:8px}
body.original-mode .admin-workspace .nav-link {padding:11px 14px;font-weight:600}
body.original-mode .admin-nav-secondary {border-top:1px solid var(--line);padding-top:12px}
body.original-mode .admin-nav-secondary>summary {padding:10px 14px;color:var(--brand-ink);font-weight:700;cursor:pointer}
body.original-mode .admin-nav-secondary .nav-link {margin-top:8px}
@media(max-width:1180px){
 body.original-mode .admin-workspace .sidebar {position:static;max-height:none;overflow:visible;scrollbar-gutter:auto}
 body.original-mode .admin-workspace .sidebar .sidebar-card:last-child {display:none}
 body.original-mode .admin-nav-primary {grid-template-columns:repeat(2,minmax(0,1fr))}
 body.original-mode .admin-nav-primary>.nav-link:first-child {grid-column:1/-1}
}
@media print {body.original-mode .admin-workspace .sidebar {display:none}}

/* Keep certificate images contained even while their workspace stylesheet loads. */
body #competition-awards .award-preview-image{display:block;width:100%;max-width:min(100%,1000px);height:auto;object-fit:contain}

.institution-service{margin-bottom:24px;overflow-wrap:anywhere}.institution-service .service-institution{padding:16px 0;border-bottom:1px solid #c9dde9}.institution-service label{display:block;margin:12px 0;color:#0b497c}.institution-service label>input:not([type=checkbox]),.institution-service select{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #c9dde9;border-radius:8px;background:#fff;color:#0b497c}.institution-service [hidden]{display:none!important}

.institution-service.service-compact{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:12px 20px;background:#fff;border:1px solid #c9dde9;color:#0b497c}.institution-service.service-compact strong{color:#0b497c}.institution-service.service-expiring{background:#fdf5e0;border:2px solid #f2c11b}.institution-service>button{display:block;margin-top:16px}.institution-service.service-expired{border:2px solid #0b497c}.institution-service[hidden]{display:none!important}

.institution-service [data-service-result]{padding:14px 16px;border-left:4px solid #248dc5;background:#e8f1f7;color:#0b497c;font-weight:600}.institution-service .service-result-error{border-left-color:#a6471b;background:#fdf5e0}
[data-sync-health-alert].card{background:#fdf5e0;border:2px solid #f2c11b;color:#0b497c;font-weight:600}

#identity-management .identity-processed{padding:14px 20px}#identity-management .identity-processed>summary{cursor:pointer;padding:6px 0;color:#0b497c;overflow-wrap:anywhere}#identity-management .identity-processed>summary span{display:inline-block;margin-left:14px;font-size:.9em;font-weight:400}#identity-management .identity-processed[open]>summary{margin-bottom:14px;border-bottom:1px solid #c9dde9;padding-bottom:14px}

#adminPanel .admin-processed{margin-top:18px;padding:14px 18px;border:1px solid #c9dde9;border-radius:14px;background:#f7fafc}#adminPanel .admin-processed>summary{cursor:pointer;color:#0b497c;font-weight:600}#adminPanel .admin-processed[open]>summary{margin-bottom:16px}#adminPanel .admin-review-pages[hidden],#adminPanel .table-wrap[hidden],#adminPanel .review-actionable>p[hidden]{display:none!important}

.service-pricing-plan{padding:16px;background:#fdf5e0;border:1px solid #f2c11b;border-radius:12px;color:#0b497c;margin:16px 0}.service-pricing-plan p,.service-pricing-note{font-size:14px;line-height:1.7}.service-roster-summary{display:flex;gap:12px 24px;flex-wrap:wrap;padding:14px;background:#e8f1f7;border-radius:10px}.service-student-details{margin:16px 0}.service-student-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;margin:16px 0}.service-student{min-width:0;padding:16px;border:1px solid #c9dde9;border-radius:12px;background:#fff}.service-student h4{margin:0 0 8px;color:#0b497c}.service-student-account{font-family:ui-monospace,monospace;overflow-wrap:anywhere;color:#0b497c}.service-student dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px;margin:12px 0 0;font-size:14px}.service-student dt{color:#526b80}.service-student dd{margin:0;overflow-wrap:anywhere}@media(max-width:600px){.service-roster-summary{display:grid;gap:8px}.service-student-list{grid-template-columns:minmax(0,1fr)}}

/* Institution student reading surfaces: alternate headers plus a strong open state. */
body .coach-panel .coach-learner[data-learner]{margin:20px 0;border:1.5px solid #b9cfdf;border-radius:16px;box-shadow:0 3px 9px #0b497c0a;overflow:clip}
body .coach-panel .coach-learner[data-learner]>summary{padding:20px 22px;border-left:5px solid #248dc5;background:#e8f1f7;line-height:1.65}
body .coach-panel .coach-learner[data-learner]:nth-of-type(even)>summary{background:#fdf5e0;border-left-color:#bd970f}
body .coach-panel .coach-learner[data-learner]>summary strong{font-size:1.15rem;color:#0b497c}
body .coach-panel .coach-learner[data-learner][open]{border:2px solid #0b497c}
body .coach-panel .coach-learner[data-learner][open]>summary{background:#0b497c;border-left-color:#f2c11b;color:#fff}
body .coach-panel .coach-learner[data-learner][open]>summary :is(strong,small,.coach-next),body .coach-panel .coach-learner[data-learner][open]>summary:before{color:#fff}
body .coach-panel .coach-learner[data-learner][open]>summary .coach-tags :is(span,b){background:#fdf5e0;color:#0b497c;border:1px solid #e6cb6b}
body .coach-panel .coach-learner[data-learner] .coach-detail{padding:22px;background:#fff}
body .coach-panel .coach-reading-block{padding:20px;background:#e8f1f7;border:1px solid #b6cddd;border-radius:14px;margin-bottom:24px}
body .coach-panel .coach-reading-block>h3{margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid #248dc5;color:#0b497c;font-size:1.1rem}
body .coach-panel .coach-reading-block .coach-metrics{padding:16px;background:#fff;border:1px solid #c9dde9;border-radius:10px;gap:16px}
body .coach-panel .coach-reading-block .coach-assessments{padding:18px;background:#fdf5e0;border:1px solid #e2ce8a;border-radius:12px;margin:20px 0}
body .coach-panel .coach-reading-block>.coach-usage{background:#fff;border:1px solid #b6cddd;border-radius:12px;padding:16px;margin:18px 0}
body .coach-panel .coach-reading-block>.coach-usage>summary{padding:8px 0 14px;color:#0b497c;font-weight:700}
body .coach-panel .coach-reading-day{background:#e8f1f7;border:1px solid #c1d4e2;border-left:4px solid #248dc5;margin:12px 0;padding:16px}
body .coach-panel .coach-reading-day:nth-of-type(even){background:#fdf5e0;border-left-color:#bd970f}
body .coach-panel .coach-reading-day-summary{line-height:1.8;gap:10px}
body .coach-panel .coach-goal{padding:20px;margin:22px 0;background:#fdf5e0;border:1px solid #e2ce8a;border-left:5px solid #bd970f;border-radius:12px}
body .coach-panel .coach-report-status{padding:20px;margin:22px 0;background:#e8f1f7;border:1px solid #b6cddd;border-left:5px solid #248dc5;border-radius:12px}
body .coach-panel .coach-detail>details{padding:18px;margin:18px 0;border:1px solid #b6cddd;border-radius:12px;background:#f7fafc}
body .coach-panel .coach-detail>details:nth-of-type(even){background:#fdf5e0;border-color:#dfcf9b}
body .coach-panel .coach-detail>details>summary{padding:8px 0;color:#0b497c;font-weight:700;line-height:1.65}
body .coach-panel .coach-detail>details[open]>summary{border-bottom:1px solid #b6cddd;padding-bottom:16px;margin-bottom:18px}
body .coach-panel .coach-learner[data-learner] :is(summary,button,input,textarea,select):focus-visible{outline:3px solid #248dc5;outline-offset:3px}
body .coach-panel .coach-learner[data-learner]>summary:focus-visible{outline:3px solid #f2c11b;outline-offset:-4px}
body #institution-reading-details .institution-reading-card{background:#fff;border:1.5px solid #b6cddd;border-left:5px solid #248dc5;margin:20px 0}
body #institution-reading-details .institution-reading-card:nth-of-type(even){background:#fdf5e0;border-left-color:#bd970f}
body #institution-reading-details .institution-reading-card .student-header{padding-bottom:14px;border-bottom:1px solid #b6cddd;margin-bottom:14px}
@media(max-width:640px){body .coach-panel .coach-learner[data-learner]>summary{padding:16px 14px}body .coach-panel .coach-learner[data-learner] .coach-detail{padding:14px}body .coach-panel .coach-reading-block{padding:14px}body .coach-panel .coach-detail>details{padding:14px}body .coach-panel .coach-reading-day-summary{display:grid}}
/* Registration batch input remains separate from the parent single-account input. */
body #register [data-registration-account] textarea{box-sizing:border-box;display:block;width:100%;padding:14px;margin-top:8px;min-height:140px;resize:vertical;line-height:1.7;font:inherit;font-family:ui-monospace,monospace;border:1px solid #9ebfd5;border-radius:10px;background:#fff;color:#0b497c}
body #register [data-registration-account]{padding:16px;margin-top:12px;background:#e8f1f7;border:1px solid #b6cddd;border-radius:12px}
body #register [data-registration-account-status]{white-space:pre-line;line-height:1.7;font-weight:600;color:#0b497c}
body #register [data-registration-account] .invalid{border:2px solid #b64122;background:#fffaf7}

/* A compact roster opens one student's workspace as a separate page. */
#app>[hidden],.coach-panel>[hidden]{display:none!important}
body .coach-panel .coach-list-card{margin:18px 0;border:1.5px solid #b9cfdf;border-radius:14px;overflow:hidden;background:#e8f1f7}
body .coach-panel .coach-list-card:nth-child(even){background:#fdf5e0}
body .coach-panel .coach-list-card>a{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:12px 24px;padding:20px 22px;border-left:5px solid #248dc5;color:#0b497c;text-decoration:none;line-height:1.65}
body .coach-panel .coach-list-card:nth-child(even)>a{border-left-color:#bd970f}
body .coach-panel .coach-list-card strong{font-size:1.15rem;color:#0b497c}
body .coach-panel .coach-list-card .coach-next{grid-column:1;grid-row:2}
body .coach-panel .coach-list-card .coach-tags{display:flex;align-items:center;align-self:center;gap:8px;flex-wrap:wrap}
body .coach-panel .coach-card-action{grid-column:2;grid-row:2;text-align:right;color:#0b497c;font-weight:700}
body .coach-panel .coach-list-card>a:hover{box-shadow:inset 0 0 0 2px #248dc5}
body .coach-panel .coach-list-card>a:focus-visible{outline:3px solid #0b497c;outline-offset:-4px}
body .coach-panel.coach-page-active{padding:24px;max-width:1200px;margin:20px auto}
body .coach-panel .coach-page-nav{margin:0 0 20px;display:flex}
body .coach-panel .coach-page-nav>a{padding:12px 18px;border:1px solid #248dc5;border-radius:10px;background:#e8f1f7;color:#0b497c;font-weight:700;text-decoration:none}
body .coach-panel .coach-student-title{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#0b497c;border-left:5px solid #f2c11b;padding:24px;color:#fff}
body .coach-panel .coach-student-title :is(h1,small,.coach-next){color:#fff}
body .coach-panel .coach-student-title h1{font-size:clamp(24px,3vw,34px);margin:0 0 10px}
body .coach-panel .coach-student-title .coach-tags :is(span,b){background:#fdf5e0;color:#0b497c;border:1px solid #e6cb6b}
body .coach-panel .coach-student-page .coach-detail{padding:22px}
@media(max-width:640px){body .coach-panel .coach-list-card>a{grid-template-columns:minmax(0,1fr);padding:16px}body .coach-panel .coach-list-card :is(.coach-card-action,.coach-next){grid-column:auto;grid-row:auto;text-align:left}body .coach-panel.coach-page-active{padding:12px;margin:12px 0}body .coach-panel .coach-student-title{padding:18px;gap:14px}body .coach-panel .coach-student-page .coach-detail{padding:12px}}