/* Compact student report: overview first, one expandable row per course. */
.knowledge-board { max-width: 1160px; }
.knowledge-board .leaderboard-heading h1 { font-size: clamp(30px, 4vw, 42px); margin: 10px 0 12px; }
.knowledge-board .leaderboard-heading > p { font-size: 14px; margin: 0; max-width: 650px; }
.knowledge-board .leaderboard-toolbar { margin: 24px 0 20px; align-items: end; }
.knowledge-board .leaderboard-toolbar label { max-width: 500px; }
.knowledge-board .leaderboard-mine { padding: 16px 20px; gap: 14px; margin-bottom: 20px; }
.knowledge-board .leaderboard-mine > div > strong { font-size: 15px; }
.knowledge-board .leaderboard-mine p { font-size: 12px; margin-top: 5px; }
.knowledge-board .leaderboard-mine .button { font-size: 12px; min-height: 40px; padding: 10px 14px; }
.knowledge-board .leaderboard-list-heading { display: grid; grid-template-columns: minmax(0, 1fr) 54%; gap: 20px; padding: 16px 20px; font-size: 11px; }
.board-stat-head { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; align-items: center; text-align: right; }
.board-stat-head > span { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.board-stat-head .reward-heart { width: 15px; height: 15px; }
.knowledge-board .leaderboard-list li { display: flex; justify-content: space-between; gap: 20px; padding: 20px; }
.board-person { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; }
.board-person > .count { flex-shrink: 0; }
.board-avatar { display: grid; place-items: center; width: 42px; height: 42px; min-width: 42px; aspect-ratio: 1; border: 1px solid #53633e; border-radius: 50%; background: #2a3422; color: var(--lime); font-size: 20px; font-weight: 600; overflow: hidden; }
.board-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.board-person-copy { min-width: 0; flex: 1; }
.knowledge-board .board-person-copy > strong { font-size: 17px; line-height: 1.5; }
.knowledge-board .leaderboard-track { max-width: 220px; margin-top: 8px; }
.board-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center; gap: 10px; width: 54%; flex-shrink: 0; }
.board-metrics > span { display: flex; align-items: center; justify-content: flex-end; gap: 7px; min-width: 0; }
.board-metrics > :is(.board-courses, .board-mastered) { display: grid; gap: 4px; text-align: right; }
.knowledge-board .board-metrics strong { font-size: 21px; font-weight: 500; line-height: 1.3; }
.knowledge-board .board-metrics strong small { padding: 0; font-size: 10px; color: var(--muted); font-weight: 400; }
.board-metrics > span > small { font-size: 10px; color: var(--muted); line-height: 1.5; }
.board-metrics .reward-heart { width: 20px; height: 20px; flex-shrink: 0; }
.board-xp > strong { color: #d3bcff; }.board-money > strong { color: #ffc1d7; }
.board-explanation { margin-top: 18px; border-top: 1px solid var(--line); }
.board-explanation > summary { color: var(--muted); padding: 15px 0; font-size: 12px; cursor: pointer; }
.board-explanation p { color: var(--muted); font-size: 12px; line-height: 1.8; max-width: 800px; }
@media(min-width: 681px) and (max-width: 950px) {
  .board-avatar { width: 34px; height: 34px; min-width: 34px; font-size: 17px; }
  .board-person { gap: 8px; }.knowledge-board .board-person-copy > strong { font-size: 14px; }
  .knowledge-board .board-metrics strong { font-size: 17px; }.board-metrics .reward-heart { width: 16px; height: 16px; }
  .board-metrics > span { gap: 5px; }
}
@media(max-width: 680px) {
  .knowledge-board .leaderboard-toolbar { flex-direction: row; gap: 10px; }
  .knowledge-board .leaderboard-toolbar label { min-width: 0; }
  .knowledge-board .leaderboard-toolbar > .button { padding: 10px 12px; min-height: 44px; font-size: 11px; }
  .knowledge-board .leaderboard-list-heading { display: block; padding: 14px 16px; }
  .knowledge-board .board-stat-head { display: none; }
  .knowledge-board .leaderboard-list li { flex-direction: column; align-items: stretch; padding: 18px 16px; gap: 18px; }
  .board-person { gap: 10px; }.knowledge-board .board-person-copy > strong { font-size: 16px; }
  .board-metrics { width: 100%; padding-top: 14px; border-top: 1px solid #ffffff0d; gap: 14px; }
  .board-metrics > span { justify-content: flex-start; }
  .board-metrics > :is(.board-courses, .board-mastered) { justify-content: flex-start; text-align: left; }
  .knowledge-board .board-metrics strong { font-size: 20px; }
  .knowledge-board .leaderboard-mine { padding: 16px; }
}
@media(max-width: 480px) {
  .board-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 18px; }
  .board-metrics > .board-xp { grid-column: 1; grid-row: 1; }.board-metrics > .board-money { grid-column: 2; grid-row: 1; }
  .board-metrics > :is(.board-courses, .board-mastered) { display: flex; align-items: baseline; gap: 7px; }
  .knowledge-board .board-metrics strong { font-size: 21px; }
  .knowledge-board .leaderboard-heading > p { font-size: 13px; }
  .knowledge-board .leaderboard-mine p { font-size: 11px; }
}
.admin-home .admin-dashboard-totals { display: flex; flex-wrap: wrap; gap: 10px 26px; margin: 18px 0; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.admin-home .admin-dashboard-totals > div { display: flex; gap: 7px; align-items: baseline; border: 0; padding: 0; }
.admin-home .admin-dashboard-totals strong { font-size: 20px; }
.admin-home .admin-dashboard-totals span { font-size: 11px; }
.admin-home .admin-roster-controls { grid-template-columns: minmax(0, 1fr) 220px; gap: 14px; margin: 16px 0; }
.admin-home .admin-roster-controls input, .admin-home .admin-roster-controls select { min-height: 44px; padding: 10px 13px; font-size: 13px; width: 100%; }
.admin-home .admin-user-list { grid-template-columns: minmax(0, 1fr); gap: 14px; }
.admin-home .roster-card { padding: 22px; border-color: #3c4245; border-radius: 14px; background: #1c1f21; }
.admin-home .roster-card:hover { background: #202422; border-color: #617448; }
.admin-home .admin-user-open { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto 20px; gap: 16px; }
.admin-home .roster-avatar { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; border: 1px solid #53673c; background: #2c3723; font-size: 24px; color: var(--lime); overflow: hidden; }
.roster-avatar img, .student-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.admin-home .admin-user-open > .roster-avatar { width: 56px; height: 56px; min-width: 56px; max-width: 56px; aspect-ratio: 1; border-radius: 50%; overflow: hidden; }
.student-report-focused .student-heading-identity > .student-avatar { display: grid; width: 54px; height: 54px; min-width: 54px; aspect-ratio: 1; border-radius: 50%; overflow: hidden; }
.admin-home .admin-user-copy { gap: 7px; }
.admin-home .admin-user-copy > strong { font-size: 22px; line-height: 1.3; }
.admin-home .admin-user-copy > small { font-size: 11px; }
.admin-home .admin-user-status { font-size: 11px; }
.roster-rewards { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 20px; }
.roster-rewards > span { display: flex; align-items: center; gap: 8px; }
.roster-rewards strong { font-size: 22px; font-weight: 500; white-space: nowrap; }
.roster-rewards small { font-size: 10px; color: var(--muted); }
.roster-rewards .reward-heart { width: 21px; height: 21px; }
.roster-xp strong { color: #d3bcff; }.roster-money strong { color: #ffc1d7; }
.roster-progress { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin: 16px 0 0 72px; font-size: 11px; color: var(--muted); }
.roster-progress > span > strong { color: var(--text); font-weight: 500; }
.roster-progress > span > span { margin-inline: 5px; }
.roster-progress > small { font-size: 10px; }
.admin-home .admin-user-courses { padding-top: 14px; margin-top: 14px; }
.admin-home .admin-user-courses > button { min-height: 36px; font-size: 11px; padding: 8px 12px; }
.admin-home .admin-course-chips { margin-top: 7px; }
.admin-preview-account { margin-top: 8px; }
.admin-preview-account > summary { padding: 14px 0; color: var(--muted); font-size: 11px; cursor: pointer; }
.admin-preview-account .roster-card { margin-top: 8px; }
.roster-empty { padding: 20px; font-size: 13px; border: 1px dashed var(--line); border-radius: 10px; }
@media(max-width: 680px) {
  .admin-home .admin-roster-controls { grid-template-columns: minmax(0, 1fr) 155px; gap: 10px; }
  .admin-home .roster-card { padding: 17px; }
  .admin-home .admin-user-open { grid-template-columns: 44px minmax(0, 1fr) 16px; gap: 10px 12px; }
  .admin-home .roster-avatar { grid-column: 1; grid-row: 1 / 3; align-self: start; width: 44px; height: 48px; border-radius: 12px; font-size: 21px; }
  .admin-home .admin-user-open > .roster-avatar { width: 44px; height: 44px; min-width: 44px; max-width: 44px; }
  .student-report-focused .student-heading-identity > .student-avatar { width: 42px; height: 42px; min-width: 42px; flex-basis: 42px; }
  .admin-home .admin-user-copy { grid-column: 2; gap: 5px; }
  .admin-home .admin-user-copy > strong { font-size: 19px; }
  .admin-home .roster-rewards { grid-column: 2 / -1; grid-row: 2; justify-content: flex-start; gap: 18px; }
  .roster-rewards strong { font-size: 20px; }.roster-rewards .reward-heart { width: 18px; height: 18px; }
  .roster-open-arrow { grid-column: 3; grid-row: 1; }
  .roster-progress { margin-left: 0; font-size: 10px; gap: 8px; }
  .admin-home .admin-user-courses { gap: 10px; }
}
@media(max-width: 390px) {
  .admin-home .admin-roster-controls { grid-template-columns: minmax(0, 1fr); }
  .admin-home .admin-dashboard-totals { gap: 8px 18px; }
}
.admin-home { max-width: 1160px; }
.admin-home > h1 { margin: 10px 0; font-size: 38px; }
.admin-home > .muted { font-size: 14px; margin: 0 0 22px; }
.admin-view-switch { display: inline-flex; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); }
.admin-view-switch > button { min-height: 40px; padding: 8px 22px; border: 0; border-radius: 7px; background: none; color: var(--muted); font-size: 13px; }
.admin-view-switch > button[aria-pressed="true"] { background: #303a25; color: var(--lime); }
.admin-course-directory { display: grid; gap: 16px; margin-top: 24px; }
.admin-directory-course { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--panel); }
.admin-directory-course > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px; }
.admin-directory-course h2 { font-size: 21px; margin: 9px 0 0; }
.admin-directory-course > p { margin: 0; padding: 0 20px 20px; font-size: 12px; }
.admin-course-student { display: grid; grid-template-columns: minmax(0, 1fr) auto 140px; align-items: center; gap: 20px; padding: 14px 20px; border-top: 1px solid var(--line); }
.admin-course-student > .text-button { padding: 0; text-align: left; font-size: 14px; min-height: 40px; }
.admin-course-student > span { font-size: 12px; color: var(--muted); }
.course-reward-edit { display: grid; gap: 5px; padding: 9px 12px; border: 1px solid #48543b; border-radius: 8px; background: #262d21; text-align: right; }
.course-reward-edit strong { color: var(--lime); font-size: 14px; font-weight: 500; }
.course-reward-edit small { color: var(--muted); font-size: 10px; }
.student-course-reward-setting { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: 14px; padding: 14px 16px; background: #252b21; border: 1px solid #3c4831; border-radius: 9px; }
.student-course-reward-setting > div { display: grid; gap: 6px; }
.student-course-reward-setting strong { font-size: 13px; font-weight: 500; }
.student-course-reward-setting small { color: var(--muted); font-size: 10px; line-height: 1.6; }
.student-course-reward-setting .button { padding: 8px 12px; min-height: 38px; font-size: 11px; flex-shrink: 0; }
.reward-editor-dialog { width: min(480px, calc(100vw - 28px)); max-height: calc(100dvh - 36px); margin: auto; padding: 26px; border: 1px solid #48523d; border-radius: 16px; background: #1b1e20; color: var(--text); overflow: auto; }
.reward-editor-dialog::backdrop { background: #080b0bc9; backdrop-filter: blur(6px); }
.reward-editor-dialog > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin-bottom: 24px; }
.reward-editor-dialog h2 { font-size: 28px; margin: 9px 0; }
.reward-editor-dialog header p { font-size: 13px; color: var(--muted); margin: 0; }
.reward-editor-dialog label { display: grid; gap: 10px; font-size: 13px; }
.reward-editor-dialog .number-field { max-width: 240px; }
.reward-editor-dialog input { font-size: 30px; min-height: 65px; width: 100%; }
.reward-editor-explainer { font-size: 12px; line-height: 1.7; color: var(--muted); }
.reward-editor-progress { display: flex; gap: 24px; padding: 18px 0; margin: 14px 0; border-block: 1px solid var(--line); }
.reward-editor-progress span { display: grid; gap: 6px; font-size: 11px; color: var(--muted); }
.reward-editor-progress strong { color: var(--lime); font-size: 21px; font-weight: 500; }
.reward-editor-dialog form > .button { width: 100%; margin-top: 10px; min-height: 44px; font-size: 13px; }
.reward-editor-dialog .field-note { font-size: 11px; line-height: 1.8; margin: 18px 0 0; }
.reward-editor-locked { font-size: 13px; line-height: 1.7; }
@media(max-width: 480px) {
  .admin-course-student { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 14px 16px; }
  .admin-course-student > span { grid-column: 1; grid-row: 2; font-size: 10px; }
  .course-reward-edit { grid-column: 2; grid-row: 1 / 3; }
  .student-course-reward-setting { flex-direction: column; align-items: stretch; gap: 10px; padding: 12px; }
  .reward-editor-dialog { padding: 22px; }
}
.student-report-focused { max-width: 1160px; }
.student-report-focused .admin-student-heading { margin: 0 0 20px; }
.student-heading-identity { display: flex; align-items: center; gap: 16px; min-width: 0; }
.student-heading-identity > div { min-width: 0; }
.student-avatar { display: grid; place-items: center; width: 54px; height: 54px; flex: 0 0 54px; border-radius: 16px; background: #28331f; border: 1px solid #4f613a; color: var(--lime); font-size: 25px; font-weight: 600; }
.student-report-focused .admin-student-heading h1 { font-size: 32px; margin: 5px 0 6px; letter-spacing: -1px; }
.student-report-focused .admin-student-heading .kicker { font-size: 9px; }
.student-report-focused .admin-student-heading p { font-size: 12px; }
.student-report-focused .student-account-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 20px 0; border-color: #3e4737; border-radius: 14px; background: linear-gradient(110deg, #242c1f, #1c2020 65%); }
.student-report-focused .student-account-summary > div { padding: 0 22px; gap: 9px; grid-column: auto; border-top: 0; }
.student-report-focused .student-account-summary > div + div { border-left: 1px solid #ffffff12; }
.student-report-focused .student-account-summary > div > strong { font-size: 31px; }
.student-report-focused .student-account-summary .kicker { font-size: 9px; letter-spacing: .9px; }
.student-report-focused .student-account-summary > div > span:not(.kicker) { font-size: 11px; }
.student-report-focused .student-summary-support > strong { color: #e0cb8d; }
.student-report-focused .student-course-section { margin-top: 25px; }
.student-report-focused .student-section-heading { margin-bottom: 13px; }
.student-report-focused .student-section-heading h2 { font-size: 21px; }
.student-report-focused .student-section-heading p { margin-top: 5px; font-size: 12px; }
.student-course-card { border: 1px solid #383e43; border-radius: 12px; background: #1c1f22; overflow: hidden; }
.student-course-card[hidden] { display: none; }
.student-course-card > summary { display: flex; align-items: center; gap: 16px; padding: 20px; cursor: pointer; list-style: none; }
.student-course-card > summary::-webkit-details-marker { display: none; }
.student-course-card > summary:hover { background: #242923; }
.student-course-card[open] > summary { border-bottom: 1px solid #383e43; }
.student-course-card .student-course-icon { width: 42px; height: 46px; flex-basis: 42px; border-radius: 10px; font-size: 23px; }
.student-course-card .student-linked-course-copy { flex: 1; display: grid; gap: 8px; min-width: 0; }
.student-course-card .student-linked-course-copy > strong { font-size: 18px; }
.student-course-subject { color: var(--muted); font-size: 10px; }
.student-course-counts { display: flex; flex-wrap: wrap; gap: 5px 14px; font-size: 11px; color: var(--muted); }
.student-course-card .student-linked-course-copy .admin-progress-track { width: 100%; max-width: 350px; margin: 2px 0 0; }
.course-done { color: #c6f36a; }.course-revisit { color: #e0cb8d; }
.student-course-card .student-course-reward { margin: 0 12px; }
.student-course-expand { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 11px; white-space: nowrap; }
.student-course-expand b { font-size: 21px; font-weight: 400; transition: transform .15s; }
.student-course-card[open] .student-course-expand b { transform: rotate(180deg); }
.student-course-expanded { padding: 0 22px 16px; }
.student-course-key { display: flex; flex-wrap: wrap; gap: 8px 16px; padding-top: 16px; color: var(--muted); font-size: 11px; }
.student-course-key small { flex-basis: 100%; font-size: 10px; line-height: 1.6; }
.student-report-focused .admin-course-report { padding: 0; margin: 0; border: 0; border-radius: 0; background: none; }
.student-report-focused .admin-course-report > header { justify-content: flex-end; margin: 0; padding: 8px 0; }
.student-report-focused .admin-course-report > header > div, .student-report-focused .admin-course-report > .admin-progress-track { display: none; }
.student-report-focused .admin-course-report > header > button { color: var(--muted); border: 0; background: none; min-height: 32px; padding: 4px 0; }
.student-report-focused .admin-case > summary { padding: 13px 0; gap: 12px; }
.student-report-focused .admin-case summary strong { font-size: 14px; }
.student-report-focused .admin-case summary small { font-size: 11px; }
.student-report-focused .admin-case-state { min-width: 90px; text-align: right; margin-left: auto; font-size: 11px; }
.student-report-focused .admin-case[data-status="unstarted"] .admin-case-state { color: #a2a5ac; }
.student-report-focused .admin-case[data-status="completed"] .admin-case-state { color: var(--lime); }
.student-report-focused .admin-case[data-status="unstarted"] .admin-case-number { background: #30362a; color: var(--lime); }
.student-report-focused .admin-case-body { padding: 0 0 10px 38px; }
.student-report-focused .admin-case-body > .admin-attempt-counts { display: none; }
.student-report-focused .admin-case-body > .muted { font-size: 11px; line-height: 1.7; }
.student-report-focused .admin-question { grid-template-columns: 22px minmax(0, 1fr) 170px; gap: 8px 12px; padding-block: 15px; }
.student-step-mark { color: var(--muted); font-size: 20px; line-height: 1.5; }
.admin-question[data-state="completed"] .student-step-mark, .admin-question[data-state="completed"] .admin-question-status > strong { color: var(--lime); }
.admin-question[data-state="revisit"] .student-step-mark, .admin-question[data-state="revisit"] .admin-question-status > strong { color: #e0cb8d; }
.student-report-focused .admin-question h4 { margin: 3px 0 6px; font-size: 13px; }
.student-report-focused .admin-question p { font-size: 12px; }
.student-report-focused .admin-question .kicker, .student-report-focused .admin-question > .admin-attempt-counts { display: none; }
.student-report-focused .admin-question .admin-answer { grid-column: 2 / -1; }
.student-report-focused .admin-question-status { font-size: 11px; }
.student-report-focused .student-support-panel { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 14px; padding: 14px 18px; border-radius: 10px; border: 1px solid #50573b; background: #24271e; }
.student-report-focused .student-support-panel > div:first-child > strong { font-size: 12px; color: #e0cb8d; }
.student-report-focused .student-support-panel p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.student-report-focused .student-support-panel .admin-support-grid > a { display: block; padding: 8px 0; color: var(--lime); font-size: 12px; white-space: nowrap; }
.student-report-focused .student-report-details { margin-top: 18px; border: 0; border-top: 1px solid var(--line); border-radius: 0; }
.student-report-focused .student-report-details > summary { padding: 16px 0; font-size: 12px; }
.student-report-focused .student-report-detail-body { padding: 0 0 18px; }
.student-report-focused .student-money-breakdown { padding: 14px 0 0; gap: 20px; }
.student-course-filters { margin-top: 16px; }.student-course-filters > summary, .student-archived-courses > summary { cursor: pointer; color: var(--muted); font-size: 12px; padding: 12px 0; }
.student-archived-courses { margin-top: 16px; }
.student-report-header .user-menu > :not(.profile-trigger) { display: none !important; }
.desktop-back { display: none; }
@media(min-width: 681px) {
  #header .mobile-subject-back { display: none !important; }
  #header nav .desktop-back { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; max-width: 155px; padding: 8px 12px; margin-right: 4px; border: 0; border-right: 1px solid var(--line); background: none; color: var(--muted); font-size: 11px; line-height: 1.4; text-align: left; }
  #header nav .desktop-back:hover { color: var(--lime); }
  #header nav .desktop-back > span { font-size: 18px; }
  #header nav:has(.desktop-back) .nav-button[data-nav="library"] { display: none; }
}
@media(max-width: 680px) {
  body.has-mobile-nav #header:has(.mobile-subject-back) .mobile-subject-back { position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%); display: inline-flex; align-items: center; justify-content: center; width: max-content; min-height: 28px; padding: 4px 13px; border: 1px solid #4c5740; border-radius: 20px; background: #20251c; color: #dce7cf; font-size: 10px; }
  body.has-mobile-nav #app > .student-report-focused { padding-top: 32px; }
  .student-report-focused .admin-student-heading { flex-direction: row; align-items: flex-start; gap: 10px; margin-bottom: 18px; }
  .student-heading-identity { gap: 10px; }
  .student-avatar { width: 40px; height: 44px; flex-basis: 40px; border-radius: 11px; font-size: 21px; }
  .student-report-focused .admin-student-heading h1 { font-size: 27px; }
  .student-report-focused .admin-student-heading p { font-size: 10px; overflow-wrap: anywhere; }
  .student-report-focused .admin-last-seen { max-width: 115px; flex-shrink: 0; text-align: right; font-size: 9px; }
  .student-report-focused .admin-last-seen > span { display: none; }
  .student-report-focused .admin-last-seen .text-button { font-size: 10px; }
  .student-report-focused .student-account-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; }
  .student-report-focused .student-account-summary > div { padding: 16px; min-height: 114px; }
  .student-report-focused .student-account-summary > div:nth-child(3) { border-left: 0; }
  .student-report-focused .student-account-summary > div:nth-child(n+3) { border-top: 1px solid #ffffff12; }
  .student-report-focused .student-account-summary > div > strong { font-size: 27px; }
  .student-report-focused .student-account-summary .kicker { font-size: 8px; line-height: 1.6; }
  .student-report-focused .student-account-summary > div > span:not(.kicker) { font-size: 10px; }
  .student-report-focused .student-section-heading h2 { font-size: 19px; }
  .student-report-focused .student-section-heading p { font-size: 11px; }
  .student-report-focused .student-section-heading .button { font-size: 10px; padding-inline: 10px; }
  .student-course-card > summary { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 10px 12px; padding: 16px; }
  .student-course-card .student-course-icon { width: 36px; height: 40px; font-size: 21px; }
  .student-course-card .student-linked-course-copy { grid-column: 2 / -1; flex-basis: auto; }
  .student-course-card .student-linked-course-copy > strong { font-size: 16px; }
  .student-course-counts { gap: 4px 10px; font-size: 10px; }
  .student-course-card .student-course-reward { grid-column: 2; margin: 0; display: flex; align-items: baseline; gap: 7px; text-align: left; }
  .student-course-card .student-course-reward strong { font-size: 16px; }
  .student-course-expand { grid-column: 3; font-size: 10px; gap: 7px; }
  .student-course-expanded { padding: 0 16px 12px; }
  .student-course-key { gap: 6px 10px; font-size: 10px; }
  .student-report-focused .admin-course-report > header { align-items: flex-end; }
  .student-report-focused .admin-case > summary { display: grid; grid-template-columns: 26px minmax(0, 1fr) 14px; gap: 8px 10px; }
  .student-report-focused .admin-case > summary > span:nth-child(2) { grid-column: 2; }
  .student-report-focused .admin-case summary strong { font-size: 12px; }
  .student-report-focused .admin-case summary small { font-size: 10px; }
  .student-report-focused .admin-case-state { grid-column: 2; margin: 0; text-align: left; font-size: 10px; }
  .student-report-focused .admin-case-chevron { grid-column: 3; grid-row: 1; }
  .student-report-focused .admin-case-body { padding-left: 0; }
  .student-report-focused .admin-question { grid-template-columns: 18px minmax(0, 1fr); gap: 8px; }
  .student-report-focused .admin-question-status { grid-column: 2; border-left: 0; padding-left: 0; }
  .student-report-focused .student-support-panel { flex-direction: column; align-items: flex-start; gap: 4px; padding: 12px 16px; }
  .student-report-focused .student-support-panel .admin-support-grid > a { padding: 4px 0; font-size: 11px; white-space: normal; }
}
@media(max-width: 370px) {
  .student-avatar { display: none; }
  .student-report-focused .admin-last-seen { max-width: 100px; }
  .student-report-focused .student-account-summary > div { padding: 14px 12px; }
}