#connected-english-preview .x-teacher-page-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; margin-bottom:24px; }
#connected-english-preview .x-teacher-page-heading h2, #connected-english-preview .x-teacher-page-heading .x-hint { margin:0; }
#connected-english-preview .x-teacher-page-heading:empty { display:none; }
#connected-english-preview .x-teacher-page-heading > .x-button { flex:0 0 auto; width:auto; max-width:100%; margin:0; }
#connected-english-preview .x-teacher-page-heading > .x-button:only-child { margin-left:auto; }
#connected-english-preview .x-account-card { margin:0 0 24px; padding:var(--x-panel-padding); border:1px solid var(--x-line); border-radius:var(--x-radius-lg); }
#connected-english-preview .x-account-panel { margin-bottom:20px; border:1px solid var(--x-line); border-radius:var(--x-radius-lg); background:var(--x-surface); }
#connected-english-preview .x-account-toggle { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-height:64px; margin:0; padding:16px var(--x-panel-padding); border:0; border-radius:var(--x-radius-lg); color:var(--x-ink); background:transparent; font:inherit; font-weight:600; line-height:1.6; text-align:left; }
#connected-english-preview .x-account-toggle-action { flex:0 0 auto; color:var(--x-accent); font-size:var(--x-font-17); }
#connected-english-preview .x-account-toggle:disabled { color:var(--x-muted); cursor:default; }
#connected-english-preview .x-account-panel-body { padding:0 var(--x-panel-padding) var(--x-panel-padding); }
#connected-english-preview .x-account-panel-body > #student-picker-field { max-width:none; margin:0; padding:0 0 20px; }
#connected-english-preview .x-account-panel-body > .x-account-card { margin:0; padding:20px 0 0; border:0; border-top:1px solid var(--x-line); border-radius:0; }
#connected-english-preview .x-account-registration > .x-label:first-child { margin-top:0; }
#connected-english-preview .x-account-page-notice { display:flex; align-items:center; gap:16px; margin:0 0 24px; padding:12px 16px; border:1px solid var(--x-line); border-radius:var(--x-radius-lg); background:var(--x-soft); }
#connected-english-preview .x-account-page-notice > p { flex:1 1 auto; min-width:0; margin:0; overflow-wrap:anywhere; }
#connected-english-preview .x-account-page-notice > .x-text-button { flex:0 0 auto; }
#connected-english-preview .x-account-identity, #connected-english-preview .x-progress-heading { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:10px 16px; }
#connected-english-preview .x-account-identity h3, #connected-english-preview .x-progress-heading h3 { flex:1 1 14em; margin:0; }
#connected-english-preview .x-account-identity { align-items:flex-start; }
#connected-english-preview .x-account-main { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; flex:1 1 0; min-width:0; max-width:100%; }
#connected-english-preview .x-account-main h3 { flex:0 1 auto; min-width:0; }
#connected-english-preview .x-account-main .x-account-id { display:inline-block; }
#connected-english-preview .x-account-identity .x-progress-status, #connected-english-preview .x-progress-heading .x-progress-status { flex:0 1 auto; }
#connected-english-preview .x-account-statuses { display:flex; justify-content:flex-end; flex:0 0 auto; margin-inline-start:auto; max-width:100%; }
#connected-english-preview .x-account-statuses > .x-progress-status { flex:0 0 auto; }
#connected-english-preview .x-account-id { color:var(--x-muted); font-size:var(--x-font-17); font-weight:400; }
#connected-english-preview .x-account-password { margin:8px 0 24px; }
#connected-english-preview .x-teacher-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; margin-top:24px; }
#connected-english-preview .x-teacher-actions > .x-button { margin:0; }
#connected-english-preview .x-teacher-actions > .x-summary { margin:0; }
#connected-english-preview .x-teacher-actions > .x-button[aria-expanded="true"] { border-color:var(--x-accent); background:var(--x-soft); }
#connected-english-preview .x-teacher-actions > .x-danger-button[aria-expanded="true"] { border-color:var(--x-error); }
#connected-english-preview #x-bulk-settings { min-width:0; }
#connected-english-preview .x-bulk-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 0 24px; }
#connected-english-preview .x-bulk-steps .x-button { min-width:0; min-height:56px; margin:0; padding:10px 8px; border:0; border-bottom:4px solid var(--x-line); border-radius:0; background:var(--x-surface); color:var(--x-muted); font-size:var(--x-font-18); }
#connected-english-preview .x-bulk-steps .x-button[aria-current="step"] { background:var(--x-surface); border-bottom-color:var(--x-gold); color:var(--x-ink); font-weight:700; }
#connected-english-preview #x-bulk-settings :is(input,select,summary,[tabindex="-1"]) { scroll-margin-block:20px 180px; }
#connected-english-preview .x-bulk-selection-summary { margin:0 0 16px; padding:16px; border:1px solid var(--x-line); border-radius:var(--x-radius); background:var(--x-soft); }
#connected-english-preview .x-bulk-selection-summary > strong { display:block; }
#connected-english-preview .x-bulk-selection-summary p { margin:4px 0 0; }
#connected-english-preview .x-bulk-section { margin-top:16px; padding:var(--x-panel-padding); border:1px solid var(--x-line); border-radius:var(--x-radius-lg); }
#connected-english-preview .x-bulk-field-heading { font-weight:600; margin:0 0 12px; }
#connected-english-preview .x-bulk-section:has(.x-bulk-fields[hidden]) .x-bulk-field-heading { margin-bottom:0; }
#connected-english-preview .x-bulk-section > .x-hint { margin-bottom:0; }
#connected-english-preview .x-bulk-fields { border:0; margin:0; padding:0; min-width:0; }
#connected-english-preview #x-bulk-quota, #connected-english-preview #x-bulk-new-quota { width:8ch; max-width:100%; font-variant-numeric:tabular-nums; }
#connected-english-preview #x-bulk-scope-list { max-height:440px; max-height:min(46dvh,440px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scroll-padding:4px; padding:4px; }
#connected-english-preview #x-bulk-scope-list .x-check { align-items:flex-start; padding:16px 12px; border-bottom:1px solid var(--x-line); }
#connected-english-preview #x-bulk-scope-list .x-check input { margin-top:4px; }
#connected-english-preview #x-bulk-scope-list .x-check:has(input:checked) { background:var(--x-soft); box-shadow:inset 3px 0 0 var(--x-gold); }
#connected-english-preview #x-bulk-outcome .x-summary { margin:0 0 20px; }
#connected-english-preview .x-bulk-result-actions { display:flex; justify-content:flex-end; margin-top:20px; }
#connected-english-preview .x-bulk-result-actions .x-button { width:100%; margin:0; }
#connected-english-preview .x-bulk-review-students { margin:12px 0; border-block:1px solid var(--x-line); }
#connected-english-preview .x-bulk-review-student-list { max-height:220px; max-height:min(32dvh,220px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:4px 8px; }
#connected-english-preview .x-bulk-review-student-list p { margin:0; padding:8px 0; }
#connected-english-preview .x-bulk-review-student-list p + p { border-top:1px solid var(--x-line); }
#connected-english-preview .x-bulk-actionbar { position:sticky; bottom:0; z-index:5; display:grid; grid-template-columns:minmax(0,1fr) minmax(20em,1.8fr); align-items:center; gap:12px 20px; margin-top:24px; padding:14px 16px max(14px,env(safe-area-inset-bottom)); border:1px solid var(--x-control); border-radius:var(--x-radius-lg); background:var(--x-surface); box-shadow:0 -4px 18px rgb(0 0 0 / 7%); }
#connected-english-preview .x-bulk-actionbar > .x-error { grid-column:1 / -1; margin:0; }
#connected-english-preview .x-bulk-action-context, #connected-english-preview .x-bulk-action-buttons { min-width:0; }
#connected-english-preview .x-bulk-action-context > strong { display:block; font-size:var(--x-font-18); font-variant-numeric:tabular-nums; }
#connected-english-preview .x-bulk-action-context .x-hint { margin:2px 0 0; }
#connected-english-preview .x-bulk-action-buttons { display:flex; align-items:stretch; gap:8px; }
#connected-english-preview .x-bulk-final-action { display:flex; flex:1 1 0; align-items:stretch; gap:8px; min-width:0; }
#connected-english-preview .x-bulk-final-action:empty { display:none; }
#connected-english-preview .x-bulk-action-buttons .x-button { flex:1 1 0; min-width:0; min-height:52px; margin:0; padding:10px 12px; font-size:var(--x-font-18); }
#connected-english-preview .x-bulk-action-buttons .x-button:not(.x-primary) { flex:0 1 6em; }
@media(max-width:760px) {
  #connected-english-preview .x-bulk-actionbar { grid-template-columns:minmax(0,1fr); gap:8px; padding:12px 12px max(12px,env(safe-area-inset-bottom)); }
  #connected-english-preview .x-bulk-action-context { display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 12px; }
  #connected-english-preview .x-bulk-action-context .x-hint { margin:0; }
}
@media(max-width:420px) {
  #connected-english-preview .x-bulk-steps { gap:6px; margin-bottom:20px; }
  #connected-english-preview .x-bulk-steps .x-button { padding:10px 6px; }
  #connected-english-preview .x-bulk-action-buttons .x-button { padding-inline:8px; }
}
@media(max-height:520px) {
  #connected-english-preview .x-bulk-actionbar { padding-block:8px max(8px,env(safe-area-inset-bottom)); gap:6px 12px; }
  #connected-english-preview .x-bulk-action-context .x-hint { display:none; }
}
@media(max-height:380px) {
  #connected-english-preview .x-bulk-actionbar { position:static; }
}
#connected-english-preview .x-scope-search-area, #connected-english-preview .x-progress-search-area { display:flex; flex-wrap:wrap; align-items:flex-end; gap:8px 16px; margin:12px 0; }
#connected-english-preview .x-scope-search-field, #connected-english-preview .x-progress-search-field { flex:1 1 14em; min-width:0; }
#connected-english-preview .x-scope-search-field .x-label, #connected-english-preview .x-progress-search-field .x-label { margin-top:0; }
#connected-english-preview .x-scope-group-field { flex:1 1 12em; min-width:0; }
#connected-english-preview .x-scope-group-field .x-label { margin-top:0; }
#connected-english-preview .x-scope-group-field select { width:100%; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
#connected-english-preview .x-scope-groups { margin-top:6px; color:var(--x-muted); overflow-wrap:anywhere; }
#connected-english-preview #x-bulk-scope-visible-all { flex-shrink:0; }
#connected-english-preview .x-scope-search-area .x-text-button, #connected-english-preview .x-progress-search-area .x-text-button { min-height:var(--x-control-height); }
#connected-english-preview #x-bulk-scope-list .x-check small[lang="en"] { margin-top:6px; color:var(--x-ink); font-size:var(--x-body); line-height:1.7; white-space:pre-wrap; word-break:normal; overflow-wrap:anywhere; }
#connected-english-preview .x-progress-overview { margin:0 0 24px; }
#connected-english-preview .x-progress-calendar { margin:0 0 28px; }
#connected-english-preview .x-progress-overview .x-track { margin:16px 0 0; }
#connected-english-preview .x-progress-ranking { margin:0 0 28px; padding:var(--x-panel-padding); border:1px solid var(--x-line); border-radius:var(--x-radius-lg); background:var(--x-surface); }
#connected-english-preview #x-ranking-title { text-align:center; }
#connected-english-preview .x-ranking-list { list-style:none; margin:0; padding:0; }
#connected-english-preview .x-ranking-row { min-width:0; }
#connected-english-preview .x-ranking-link { display:grid; grid-template-columns:4.2em minmax(6em,1fr) minmax(0,1.6fr) max-content; grid-template-areas:"rank person bar time"; align-items:center; gap:12px; width:100%; min-width:0; min-height:var(--x-control-height); margin:0; padding:12px 0; border:0; border-radius:var(--x-radius-sm); background:transparent; color:var(--x-ink); font:inherit; text-align:left; }
#connected-english-preview .x-ranking-link:hover { background:var(--x-soft); }
#connected-english-preview .x-ranking-link .x-ranking-name { text-decoration:underline; text-underline-offset:4px; }
#connected-english-preview .x-ranking-row + .x-ranking-row { border-top:1px solid var(--x-line); }
#connected-english-preview .x-ranking-rank { grid-area:rank; color:var(--x-muted); font-size:var(--x-font-18); font-variant-numeric:tabular-nums; white-space:nowrap; }
#connected-english-preview .x-ranking-row[data-rank="1"] .x-ranking-rank { color:var(--x-ink); font-weight:600; }
#connected-english-preview .x-ranking-person { grid-area:person; min-width:0; overflow-wrap:anywhere; line-height:1.5; }
#connected-english-preview .x-ranking-id { display:block; color:var(--x-muted); font-size:var(--x-font-17); }
#connected-english-preview .x-ranking-track { grid-area:bar; width:100%; min-width:0; height:16px; background:var(--x-soft); border-radius:4px; }
#connected-english-preview .x-ranking-fill { display:block; height:100%; max-width:100%; background:var(--x-gold); border-radius:4px; box-shadow:inset 0 0 0 1px var(--x-ink); }
#connected-english-preview .x-ranking-time { grid-area:time; color:var(--x-ink); font-weight:600; font-size:var(--x-font-18); font-variant-numeric:tabular-nums; text-align:right; white-space:nowrap; }
#connected-english-preview .x-progress-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:16px; }
#connected-english-preview .x-progress-filters .x-button { margin:0; padding:12px 10px; border-color:var(--x-control); background:var(--x-soft); }
#connected-english-preview .x-progress-filters .x-button[aria-pressed="true"] { border-color:var(--x-on-gold); background:var(--x-gold); color:var(--x-on-gold); }
#connected-english-preview .x-progress-course-filters { grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 0 24px; }
#connected-english-preview .x-progress-course-filters .x-button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-height:92px; padding:12px 8px; }
#connected-english-preview .x-progress-course-label { word-break:keep-all; }
#connected-english-preview .x-progress-course-count { font-size:var(--x-font-18); font-weight:500; font-variant-numeric:tabular-nums; }
#connected-english-preview .x-progress-card { margin:12px 0; padding:var(--x-panel-padding); border:1px solid var(--x-line); border-radius:var(--x-radius-lg); }
#connected-english-preview .x-progress-heading { align-items:center; }
#connected-english-preview .x-progress-identity { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; flex:1 1 auto; min-width:0; max-width:100%; }
#connected-english-preview .x-progress-identity h3 { flex:0 1 auto; min-width:0; }
#connected-english-preview .x-progress-courses { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
#connected-english-preview .x-progress-content { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; margin-top:16px; }
#connected-english-preview .x-progress-content > .x-button { flex:0 1 auto; width:auto; margin:0 0 0 auto; }
#connected-english-preview .x-progress-assignment { flex:0 0 100%; min-width:0; border-top:1px solid var(--x-line); }
#connected-english-preview .x-assignment-values { display:grid; gap:10px; margin:0; padding:16px; border-radius:var(--x-radius); background:var(--x-soft); font-size:var(--x-font-18); }
#connected-english-preview .x-assignment-values > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px 20px; align-items:baseline; }
#connected-english-preview .x-assignment-values dt { color:var(--x-muted); word-break:keep-all; overflow-wrap:anywhere; }
#connected-english-preview .x-assignment-values dd { margin:0; color:var(--x-ink); font-variant-numeric:tabular-nums; word-break:keep-all; overflow-wrap:anywhere; }
#connected-english-preview .x-assignment-reason { margin:12px 0 0; }
@media(max-width:480px) {
  #connected-english-preview .x-assignment-values > div { grid-template-columns:minmax(0,1fr); gap:2px; }
}
#connected-english-preview .x-progress-metrics { flex:1 1 15em; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 24px; margin:0; }
#connected-english-preview .x-progress-metrics .x-metric, #connected-english-preview .x-progress-metrics .x-hint { margin:0; }
#connected-english-preview .x-progress-metrics .x-metric { flex-basis:100%; }
#connected-english-preview .x-progress-metrics .x-progress-practice { flex-basis:100%; padding-top:8px; border-top:1px solid var(--x-line); }
#connected-english-preview .x-history-calendar { margin-top:0; }
#connected-english-preview .x-history-metrics { display:flex; flex-wrap:wrap; align-items:baseline; column-gap:24px; }
#connected-english-preview .x-history-metrics > strong { flex-basis:100%; }
#connected-english-preview .x-history-record { margin-top:0; }
#connected-english-preview .x-history-record .x-record-meta { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 16px; margin:0 0 8px; }
#connected-english-preview .x-record-identity { display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; max-width:100%; }
#connected-english-preview .x-record-number { font-weight:600; white-space:nowrap; }
#connected-english-preview .x-record-rating { max-width:100%; }
#connected-english-preview .x-record-time { white-space:nowrap; font-variant-numeric:tabular-nums; }
#connected-english-preview .x-record-attempt { white-space:nowrap; }
#connected-english-preview .x-history-record h4 { margin:0; }
#connected-english-preview .x-calendar-heading { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:12px; align-items:center; }
#connected-english-preview .x-calendar-heading h3 { margin:0; text-align:center; }
#connected-english-preview .x-calendar-heading > :first-child { justify-self:start; }
#connected-english-preview .x-calendar-heading > :last-child { justify-self:end; }
#connected-english-preview .x-calendar-heading > * { min-width:0; }
#connected-english-preview .x-calendar-month { text-align:center; }
#connected-english-preview .x-day[aria-current="date"] .x-day-number { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:5px; }
#connected-english-preview .x-day .x-day-count { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; }
#connected-english-preview .x-day-count > span { min-width:0; max-width:100%; overflow-wrap:anywhere; }
#connected-english-preview .x-day-rest { word-break:keep-all; }
#connected-english-preview .x-day .x-day-practice { margin-top:6px; padding-top:4px; border-top:1px solid var(--x-control); word-break:keep-all; }
@media(max-width:600px) {
  #connected-english-preview .x-progress-course-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #connected-english-preview .x-progress-ranking { padding:16px; }
  #connected-english-preview .x-ranking-link { grid-template-columns:max-content minmax(0,1fr) max-content; grid-template-areas:"rank person time" "bar bar bar"; column-gap:8px; row-gap:8px; }
  #connected-english-preview .x-ranking-track { height:12px; }
  #connected-english-preview .x-progress-content > .x-button { width:100%; margin:4px 0 0; }
  #connected-english-preview .x-calendar-heading { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 16px; }
  #connected-english-preview .x-calendar-month { grid-column:1 / -1; grid-row:1; }
  #connected-english-preview .x-calendar-heading > :first-child { grid-column:1; grid-row:2; }
  #connected-english-preview .x-calendar-heading > :last-child { grid-column:2; grid-row:2; }
}

#connected-english-preview .x-course-fields { min-width:0; margin:24px 0 0; padding:0; border:0; }
#connected-english-preview .x-course-fields:not(.x-course-inline-fields) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:16px; }
#connected-english-preview .x-course-fields legend { margin:0 0 8px; padding:0; }
#connected-english-preview .x-course-fields .x-check { align-items:flex-start; padding:12px 0; }
#connected-english-preview .x-course-fields .x-check input { margin-top:4px; }
#connected-english-preview .x-course-inline { display:flex; align-items:center; flex-wrap:wrap; gap:4px 16px; min-width:0; max-width:100%; }
#connected-english-preview .x-course-inline .x-course-fields { display:flex; align-items:center; flex-wrap:wrap; gap:4px 16px; margin:0; }
#connected-english-preview .x-course-inline-fields legend { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#connected-english-preview .x-course-inline-fields .x-check { align-items:center; gap:8px; margin:0; padding:8px 0; min-height:48px; white-space:nowrap; }
#connected-english-preview .x-course-inline-fields .x-check input { margin:0; }
#connected-english-preview .x-course-inline-actions { display:flex; align-items:center; flex-wrap:wrap; gap:4px 12px; }

/* One searchable target list serves assignments to one or many students. */
#connected-english-preview .x-assignment-students { margin:0 0 28px; }
#connected-english-preview .x-assignment-students > h3 { margin:0 0 16px; }
#connected-english-preview .x-assignment-students > .x-label { margin-top:0; }
#connected-english-preview .x-assignment-selection { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 16px; margin:8px 0 0; }
#connected-english-preview .x-assignment-selection > .x-check { min-width:0; }
#connected-english-preview #x-bulk-students-count { margin:8px 0 12px; font-variant-numeric:tabular-nums; }
#connected-english-preview .x-assignment-student-list { max-height:360px; max-height:min(42dvh,360px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scroll-padding:4px; padding:4px; border:1px solid var(--x-line); border-radius:var(--x-radius); }
#connected-english-preview .x-assignment-student-list:empty { display:none; }
#connected-english-preview .x-assignment-student-row { align-items:flex-start; gap:12px; margin:0; padding:14px 12px; border-radius:var(--x-radius-sm); }
#connected-english-preview .x-assignment-student-row + .x-assignment-student-row { margin-top:4px; }
#connected-english-preview .x-assignment-student-row > input { margin-top:4px; }
#connected-english-preview .x-assignment-student-row > span { flex:1 1 auto; min-width:0; }
#connected-english-preview .x-assignment-student-row .x-account-id { display:inline-block; }
#connected-english-preview .x-assignment-student-row small { margin-top:4px; }
#connected-english-preview .x-assignment-student-row .x-progress-status { margin-top:8px; }
#connected-english-preview .x-assignment-student-row:has(input:checked) { background:var(--x-soft); box-shadow:inset 3px 0 0 var(--x-gold); }