/* StoryCare shared visual rules: white surfaces and one rose-pink accent for actions and selection. */
:root {
  --ui-font-body:16px;
  --ui-font-caption:14px;
  --ui-font-title:28px;
  --ui-font-section:24px;
  --ui-font-subheading:20px;
  --ui-text:#363636;
  --ui-muted:#565e63;
  --ui-border:#dedada;
  --ui-input-border:#aaa3a5;
  --ui-heading:#fff;
  --ui-guide:#fff;
  --ui-guide-border:var(--ui-divider);
  --ui-guide-ink:var(--ui-muted);
  --ui-divider:#e4e4e4;
  --ui-accent:#bc8298;
  --ui-accent-ink:#85465e;
  --ui-accent-soft:#fbf1f4;
  --ui-commit:#efe1e6;
  --ui-action:#a55f78;
  --ui-action-hover:#92516a;
  --ui-action-border:#bc8298;
  --ui-brand:var(--ui-action);
  --ui-action-ink:#fff;
  --ink:var(--ui-text);
  --ink-soft:var(--ui-muted);
  --paper:#fff;
  --white:#fff;
  --teal:var(--ui-accent-ink);
  --teal-dark:var(--ui-accent-ink);
  --teal-pale:var(--ui-accent-soft);
  --line:var(--ui-divider);
  --shadow:none;
  --learning-card-border:var(--ui-border);
  --learning-heading-bg:var(--ui-heading);
  --learning-heading-ink:var(--ui-text);
  --learning-input-border:var(--ui-input-border);
  --learning-card-radius:6px;
}
body {background:#fff;color:var(--ui-text);}
.page-noise {display:none;}
.site-header,.app-shell,.experience-panel,.app-shell.landing-mode .experience-panel,
.patient-panel,.progress-nav,.learning-history-page,.school-portal,
#assessmentProblemTabs {background:#fff!important;background-image:none!important;box-shadow:none!important;}
.site-header {border-bottom:1px solid var(--ui-divider);}
.brand-mark {background:var(--ui-brand);border-radius:6px;box-shadow:none;}
.brand-mark .brand-pulse {stroke:var(--ui-brand);}
:is(h1,h2,h3,h4,legend,dt,.brand,.message-name) {color:var(--ui-text);}
:is(.view,.teacher-dashboard-heading,.learning-history-page)>header h2::before,
:is(.view,.teacher-dashboard-heading) h1::before,
#clinicalMemoPanel>header h3::before {
  content:"";display:inline-block;width:9px;height:9px;margin-right:10px;
  background:var(--ui-accent);vertical-align:middle;border-radius:1px;
}
a {color:var(--ui-accent-ink);text-underline-offset:3px;}
:is(.history-detail,.assessment-view-card,.pattern-assessment-panel,.health-problem-card,
.care-section,.care-entry-card,.care-outcome,.care-evidence,.learning-complete-card,
.patient-case-card,.patient-card,.case-card,.teacher-case-card,.teacher-record-reader,
.clinical-memo,.chart-section,.generated-patient-card,.school-progress-case) {
  border-color:var(--ui-border)!important;border-radius:6px!important;
  background:#fff!important;box-shadow:none!important;
}
:is(.history-detail-heading,.pattern-assessment-header,.assessment-view-card>header,
.health-problem-card>header,.care-entry-card>.care-field-heading,.care-outcome>header,
.generated-patient-card>header,.case-draft-review>header) {
  background:var(--ui-heading)!important;color:var(--ui-text)!important;
  border-color:var(--ui-divider)!important;box-shadow:none!important;
}
:is(.history-detail-heading,.pattern-assessment-header,.assessment-view-card>header) :is(h2,h3) {color:var(--ui-text)!important;}
:is(.reference-record,.chart-summary>div,.history-scene-situation,.care-problem-summary,
.reference-button-selection .record-pattern-sidebar) {
  background:#fafafa!important;border-color:var(--ui-divider)!important;color:var(--ui-text)!important;box-shadow:none!important;
}
:is(.learning-history-page .history-detail .record-pattern-judgment,.assessment-method-guide) {
  background:#fff!important;color:var(--ui-muted)!important;
}
:is(input:not([type=radio]):not([type=checkbox]),textarea,select) {
  border-color:var(--ui-input-border)!important;background-color:#fff!important;color:var(--ui-text)!important;border-radius:5px!important;
}
:is(input,textarea,select):focus-visible {outline:2px solid var(--ui-action);outline-offset:2px;}
input:is([type=radio],[type=checkbox]) {accent-color:var(--ui-accent-ink);}
button {box-shadow:none!important;}
:is(.primary-button,button[type=submit],.school-roster-open) {
  background:var(--ui-action)!important;background-image:none!important;color:var(--ui-action-ink)!important;
  border:1px solid var(--ui-action-border)!important;border-radius:5px!important;
}
:is(.primary-button,button[type=submit],.school-roster-open):hover:not(:disabled) {background:var(--ui-action-hover)!important;}
:where(.secondary-button,#clinicalReferenceTrigger,#assessmentReviewPatient,#clinicalReferenceClose,
.teacher-mode-nav button,.school-save-dock button,.care-guide-toggle,.memo-guide-toggle) {
  background:#fff!important;color:var(--ui-accent-ink)!important;border:1px solid var(--ui-action-border)!important;border-radius:5px!important;
}
:where(.secondary-button,#clinicalReferenceTrigger,#assessmentReviewPatient,#clinicalReferenceClose):hover {border-color:var(--ui-action-border)!important;background:var(--ui-accent-soft)!important;}
:is(.reference-group-tabs,.assessment-problem-tabs,.care-plan-tabs,.record-reader-tabs) {border-bottom-color:var(--ui-divider)!important;background:#fff!important;}
:is(.reference-group-tabs,.assessment-problem-tabs,.care-plan-tabs,.record-reader-tabs) button {
  color:var(--ui-muted)!important;background:#fff!important;border-radius:0!important;
}
:is(.reference-group-tabs,.assessment-problem-tabs,.care-plan-tabs) button[aria-selected=true],
.record-reader-tabs button.active {
  background:var(--ui-accent-soft)!important;color:var(--ui-accent-ink)!important;border-bottom-color:var(--ui-accent)!important;
}
.pattern-assessment-nav {border-color:var(--ui-border)!important;border-radius:6px!important;box-shadow:none!important;background:#fff!important;}
.pattern-assessment-nav-button {color:var(--ui-muted);}
.pattern-assessment-nav-button>span {color:var(--ui-muted);}
.pattern-assessment-nav-button.is-active,.pattern-assessment-nav-button.is-active:hover {
  background:var(--ui-accent-soft)!important;color:var(--ui-accent-ink)!important;box-shadow:inset 0 -3px var(--ui-accent)!important;
}
.pattern-assessment-nav-button.is-active>span {color:var(--ui-accent-ink)!important;}
#clinicalReferenceTabs button,.record-pattern-button {background:#fff!important;border-color:var(--ui-border)!important;color:var(--ui-muted)!important;}
#clinicalReferenceTabs button[aria-pressed=true],.record-pattern-button.active {
  background:var(--ui-accent-soft)!important;color:var(--ui-accent-ink)!important;border-color:var(--ui-accent)!important;box-shadow:none!important;
}
.reference-group-heading {color:var(--ui-text);border-color:var(--ui-divider);}
#clinicalMemoPanel {border-top:3px solid var(--ui-accent)!important;}
#clinicalMemoPanel .memo-pattern-select {background-color:#fff!important;border-color:var(--ui-border)!important;}
#clinicalMemoPanel :is(.memo-entry-heading,.memo-guide-panel,.memo-guide-tabs) {background:var(--ui-heading)!important;color:var(--ui-text)!important;}
.reference-edit-dialog {border-color:var(--ui-border);border-radius:6px;}
.reference-edit-dialog form>header {background:var(--ui-heading);border-color:var(--ui-divider);}
.reference-edit-dialog::backdrop {background:#0006;}
:is(.pattern-judgment-options input:checked+span,.teacher-mode-nav button.active) {
  background:var(--ui-accent-soft)!important;color:var(--ui-accent-ink)!important;border-color:var(--ui-accent)!important;
}
:is(button,a):focus-visible {outline:2px solid var(--ui-accent-ink);outline-offset:3px;}
.history-single-item.record-pattern-layout {grid-template-columns:minmax(0,1fr)!important;}
.teacher-record-reader .history-detail {border:1px solid var(--ui-border);border-radius:6px;overflow:hidden;}
.teacher-record-reader .history-detail .reference-record {padding:20px;margin:0;border-bottom:1px solid var(--ui-divider);}
.school-account-bar>summary {color:var(--ui-text)!important;border-color:var(--ui-border)!important;border-radius:5px!important;}
:is(.care-evidence>summary,.reference-record h3,.record-reader-meta,.record-reader-head p,.school-save-status) {color:var(--ui-text)!important;}
.progress-nav li.done span {background:var(--ui-accent-soft);color:var(--ui-accent-ink);}
.progress-nav li.done:not(:last-child)::after {background:var(--ui-action-border);}
.progress-nav li.done {color:var(--ui-accent-ink);}
.progress-nav li.active span {background:var(--ui-commit);color:var(--ui-accent-ink);}
.reference-browser .record-pattern-nav {scrollbar-color:#b7b7b7 #f5f5f5;}
.patient-select-card {border:1px solid var(--ui-border);border-radius:6px;box-shadow:none;background:#fff;}
.patient-select-card::after {display:none;}
.patient-select-card:hover {transform:none;border-color:var(--ui-accent);box-shadow:none;}
.patient-card-cta {background:var(--ui-heading);border-color:var(--ui-divider);}
.patient-card-identity :is(strong,span),.patient-card-details {color:var(--ui-text);}
.patient-card-topline {border-color:var(--ui-divider);}
.teacher-record-reader .record-reader-tabs button {border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;background:#fff!important;color:var(--ui-muted)!important;}
.teacher-record-reader .record-reader-tabs button.active,
.teacher-record-reader .record-reader-tabs button[aria-selected=true] {border-bottom-color:var(--ui-accent)!important;background:var(--ui-accent-soft)!important;color:var(--ui-accent-ink)!important;}
.school-portal .record-reader-tabs button[data-record-tab] {border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;background:#fff!important;color:var(--ui-muted)!important;}
.school-portal .record-reader-tabs button[data-record-tab][aria-pressed=true] {border-bottom-color:var(--ui-accent)!important;background:var(--ui-accent-soft)!important;color:var(--ui-accent-ink)!important;}
:is(.care-guide,.care-guide summary,.memo-pattern-caption,.memo-entry-status,.record-reader-number) {color:var(--ui-muted)!important;}
.care-guide p {background:#fafafa;border:1px solid var(--ui-divider);border-radius:5px;color:var(--ui-text);}
.school-portal .record-reader-heading h1::before {content:"";display:inline-block;width:9px;height:9px;margin-right:10px;background:var(--ui-accent);vertical-align:middle;}
/* Audit fixes: visible keyboard focus and stable mobile editor actions. */
:is(input,textarea,select):focus-visible {outline-color:var(--ui-accent-ink);}
.reference-edit-dialog form>footer button {flex:1 1 0;min-width:0;width:auto;white-space:nowrap;padding-inline:12px;}
.school-login-card {border:1px solid var(--ui-border);border-radius:6px;box-shadow:none;background:#fff;}
.reference-edit-dialog .care-field-heading label {color:var(--ui-text);}
/* Patient charts and consent documents follow the same neutral surfaces. */
:is(.student-preview-navigation,.student-screen-preview,.case-patient-summary,
.consent-document,.consent-group) {background:#fff!important;border-color:var(--ui-border)!important;border-radius:6px;}
.is-student-preview .student-preview-navigation button {color:var(--ui-text);background:#fff;}
.is-student-preview .student-preview-navigation button.active {background:var(--ui-accent-soft);border-left-color:var(--ui-accent);}
.is-student-preview .student-preview-navigation button:not(.active) b {color:var(--ui-text);}
:is(.case-patient-summary .generated-patient-card>div,.consent-patient) {background:#fff!important;border-color:var(--ui-divider)!important;}
.case-patient-summary .generated-patient-card :is(small,span),.student-preview-navigation button span {color:var(--ui-muted)!important;}
.consent-toggle-action {background:#fff!important;color:var(--ui-accent-ink)!important;border-color:var(--ui-action-border)!important;border-radius:5px;}
.consent-document-content>h3 {border-color:var(--ui-divider);}
.consent-group-emphasis {border-left-color:var(--ui-accent)!important;}
.site-footer {background:#fff;border-top:1px solid var(--ui-divider);color:var(--ui-muted);}
/* No legacy green surfaces: status colors and decorative surfaces are explicit. */
.school-roster-badge.is-complete {background:var(--ui-accent-soft);color:var(--ui-accent-ink);}
.school-roster-badge.is-learning {background:#fff;color:var(--ui-accent-ink);border:1px solid var(--ui-accent);}
.school-roster-badge.is-unstarted {background:#f2f2f2;color:#666;}
:is(.patient-card-portrait,.portrait,.student-preview-header,.scene-narration,
.student-preview-ending,.learning-note,.case-generation-progress,.author-ai-panel) {
  background-image:none!important;background-color:#fafafa!important;color:var(--ui-text);box-shadow:none!important;
}
:is(.role-selection-heading,.patient-selection-heading) h1 em {background:none;}
/* Case-card actions remain actionable for new, resumed, and completed records. */
.patient-select-card .patient-card-cta,
.patient-select-card.has-saved-learning .patient-card-cta {
  background:var(--ui-action);color:var(--ui-action-ink);border:1px solid var(--ui-action-border);
  border-radius:5px;margin:16px 18px 18px;padding:12px 16px;justify-content:center;text-align:center;
}
.patient-select-card:hover:not(:disabled) .patient-card-cta {background:var(--ui-action-hover);border-color:var(--ui-action-border);}
.patient-select-card:disabled .patient-card-cta {background:#eee;color:#888;border-color:#ddd;}

/* Visual hierarchy: emphasize the task, keep supporting information quiet. */
.patient-selection-list {align-items:stretch;gap:24px;}
.patient-select-card {border-color:var(--ui-border);}
.patient-select-card.has-saved-learning:not(.has-completed-learning),
.patient-select-card.has-saved-learning:not(.has-completed-learning):hover {border-color:var(--ui-accent);}
.patient-select-card .patient-card-topline,
.patient-select-card.has-saved-learning .patient-card-topline {background:#fff;border-bottom:1px solid var(--ui-divider);padding:14px 18px;}
.patient-card-topline .case-learning-progress.is-saved {background:var(--ui-accent-soft);color:var(--ui-accent-ink);border-color:var(--ui-accent);font-size:var(--ui-font-caption);}
.patient-card-topline .case-learning-progress.is-new {background:#f5f5f5;color:#666;border-color:#e5e5e5;font-size:var(--ui-font-caption);}
.patient-select-card .patient-card-identity strong {font-size:25px;line-height:1.5;}
.patient-select-card .patient-card-identity small {font-size:var(--ui-font-caption);color:#666;}
.patient-select-card .patient-card-identity>span {font-size:var(--ui-font-caption);line-height:1.7;}
.patient-select-card .patient-card-details {gap:14px 18px;padding:0 18px;}
.patient-select-card .case-fact-box {padding:0;border:0;border-radius:0;background:transparent;}
.patient-select-card .case-fact-box small {font-size:var(--ui-font-caption);color:#666;margin-bottom:5px;}
.patient-select-card .case-fact-box strong {font-size:14px;font-weight:500;line-height:1.7;}
.patient-select-card .case-focus-box {margin:18px;padding:14px 0 0;border:0;border-top:1px solid var(--ui-divider);background:transparent;border-radius:0;color:#555;}
.patient-select-card .case-focus-box small {font-size:var(--ui-font-caption);color:#666;}
.patient-select-card .case-focus-box strong {font-size:var(--ui-font-caption);font-weight:400;line-height:1.75;}
.patient-select-card .focus-mark {background:#f4f4f4;color:#666;}
.patient-select-card .patient-card-cta,.patient-select-card.has-saved-learning .patient-card-cta {margin-top:auto;font-size:15px;min-height:48px;}
.patient-select-card .case-resume-position {font-size:var(--ui-font-caption);color:#666;margin:0 18px 16px;}
#initialAssessmentView .pattern-assessment-panel {border:0!important;background:#fff!important;}
#initialAssessmentView .pattern-assessment-header {background:#fff!important;padding:24px 0 20px;border-bottom:2px solid var(--ui-divider);}
#initialAssessmentView .pattern-assessment-header h2 {font-size:24px;line-height:1.55;}
#initialAssessmentView .pattern-assessment-header p {font-size:14px;line-height:1.8;color:#666;}
#initialAssessmentView .assessment-method-guide {padding:18px 0;border-bottom:0;}
#initialAssessmentView .assessment-method-guide p {font-size:14px;line-height:1.85;color:#666;}
#initialAssessmentView .assessment-view-list {padding:0;display:grid;gap:28px;}
#initialAssessmentView .assessment-view-card {border:0!important;border-radius:0!important;overflow:visible;}
#initialAssessmentView .assessment-view-card>header {padding:16px 0;background:#fff!important;border:0;gap:12px;}
#initialAssessmentView .assessment-view-card>header>span {background:var(--ui-accent-soft);color:var(--ui-accent-ink);border-radius:5px;}
#initialAssessmentView .assessment-view-card h3 {font-size:18px;line-height:1.6;color:#363636;}
#initialAssessmentView .assessment-view-fields {padding:0;}
#initialAssessmentView .assessment-view-fields .care-field-heading {padding:0 0 10px;}
#initialAssessmentView .assessment-view-fields textarea {border:1px solid var(--ui-input-border)!important;padding:16px;font-size:16px;line-height:1.85;}
#initialAssessmentView .assessment-view-fields textarea:focus {border-color:var(--ui-accent-ink)!important;}
#initialAssessmentView .pattern-judgment {margin-top:36px;padding:24px 0 0;border-top:2px solid var(--ui-divider);}
#initialAssessmentView .pattern-judgment legend {font-size:19px;font-weight:700;}
#initialAssessmentView .pattern-judgment-options span {border-color:#b7b7b7;background:#fff;}
#initialAssessmentView .pattern-judgment-options input:checked+span {border:2px solid var(--ui-accent)!important;}
@media(max-width:650px){
 #initialAssessmentView .pattern-assessment-header {padding-top:20px;}
 #initialAssessmentView .pattern-assessment-header h2 {font-size:21px;}
 #initialAssessmentView .assessment-view-card h3 {font-size:17px;}
}

/* Color roles: pink actions/selection; white content, headings and guidance. */
:is(.reference-record,.chart-summary>div,.reference-button-selection .record-pattern-sidebar,
.case-patient-summary .generated-patient-card>div,.consent-patient) {
  background:#fff!important;
}
:is(.care-problem-summary,.consent-group-title,.consent-document>summary,
.care-evidence-group>h3,.student-preview-header) {
  background:var(--ui-heading)!important;border-color:var(--ui-divider)!important;
}
:is(.history-scene-situation,.scene-narration,.student-preview-ending,.learning-note) {
  background:#fff!important;border-color:var(--ui-action-border)!important;
}
:is(.care-field-guide,.care-guide p,.memo-thinking-guide),
#clinicalMemoPanel .memo-guide-panel {
  background:var(--ui-guide)!important;color:var(--ui-guide-ink)!important;
  border-color:var(--ui-guide-border)!important;
}
:is(.care-guide-toggle,.memo-guide-toggle),#clinicalMemoPanel .memo-guide-tabs button {
  background:var(--ui-guide)!important;color:var(--ui-guide-ink)!important;
  border:1px solid var(--ui-guide-border)!important;
}
:is(.care-guide-toggle,.memo-guide-toggle):hover,
.care-guide-toggle[aria-expanded=true],#clinicalMemoPanel .memo-guide-tabs button:is(:hover,[aria-expanded=true]) {
  background:var(--ui-accent-soft)!important;border-color:var(--ui-accent)!important;
}
#clinicalMemoPanel :is(.memo-entry-heading,.memo-guide-tabs) {background:#fff!important;}
#clinicalMemoPanel .memo-pattern-select {border-color:var(--ui-input-border)!important;color:var(--ui-text)!important;}
#clinicalMemoPanel .memo-pattern-select:hover {background-color:var(--ui-accent-soft)!important;}
:is(.pattern-assessment-nav-button,.record-pattern-button):not(.is-active):not(.active):hover,
#clinicalReferenceTabs button:not([aria-pressed=true]):hover,
.is-student-preview .student-preview-navigation button:not(.active):hover {
  background:var(--ui-accent-soft)!important;color:var(--ui-accent-ink)!important;
}
.pattern-assessment-nav-button.is-complete:not(.is-active) {background:#fff;}
.learning-history-page>nav button[aria-pressed=true],
#clinicalMemoPanel .memo-pattern-jump-list button.active {
  background:var(--ui-accent-soft);color:var(--ui-accent-ink);border-color:var(--ui-accent);
}
#clinicalMemoPanel .memo-pattern-jump-list button.active {box-shadow:inset 2px 0 var(--ui-accent)!important;}
.progress-nav li.available:not(.active):not(.done) span {background:var(--ui-accent-soft);}
/* Disabled controls are the only actions with a muted gray fill. */
:is(.primary-button,.secondary-button,button[type=submit],.school-roster-open):disabled {
  background:#f1f2f3!important;color:#737a7e!important;border-color:#d9dfe2!important;
}

/* Home and dashboard surfaces: no gray bands around available content. */
.school-login-screen {background:#fff;}
.school-login-card {border-top:3px solid var(--ui-accent);}
:is(.teacher-panel-summary,.teacher-activity-head,.school-progress-table thead,
.teacher-original-nav) {background:var(--ui-heading);}
:is(.teacher-dashboard-status,.teacher-metric-grid,.teacher-student-detail,
.teacher-pattern-nav,.teacher-original-field,.teacher-original-pattern>.teacher-original-field,
.teacher-submission-grid article,.teacher-score-grid>div,.teacher-case-library,
.teacher-case-library button,.learning-home-empty,.case-save-notice) {background:#fff;}
.learning-home-card.is-current {border-color:var(--ui-accent);box-shadow:inset 3px 0 var(--ui-accent);}
.patient-select-card.has-completed-learning {border-color:var(--ui-action-border);}
.patient-select-card.has-completed-learning .case-learning-progress {
  background:var(--ui-accent-soft);color:var(--ui-accent-ink);border-color:var(--ui-action-border);
}
.patient-card-topline .case-learning-progress.is-new {background:#fff;color:var(--ui-muted);}
:is(.patient-card-portrait,.portrait) {background-color:#fff!important;}
.patient-select-card .focus-mark {background:var(--ui-accent-soft);color:var(--ui-accent-ink);}
.patient-select-card :is(.patient-card-identity small,.case-fact-box small,.case-focus-box small,
.case-resume-position) {color:var(--ui-muted);}
.pattern-assessment-nav-button,.pattern-assessment-nav-button>span {color:var(--ui-text);}
:is(.reference-group-tabs,.assessment-problem-tabs,.care-plan-tabs) button:not([aria-selected=true]) {color:var(--ui-text)!important;}
:is(.teacher-student-row,.teacher-case-library button):hover {background:var(--ui-heading);}
.school-progress-table thead th {background:var(--ui-heading);color:var(--ui-text);}

/* Cross-screen audit: readable actions and consistent section framing. */
:is(.primary-button,.secondary-button,.teacher-mode-nav button,
#clinicalReferenceTrigger,#assessmentReviewPatient,#clinicalReferenceClose) {
  font-size:var(--ui-font-body)!important;line-height:1.5;min-height:44px;
}
.school-login-form .primary-button {font-size:16px!important;}
.teacher-dashboard-panel {background:#fff;border-color:var(--ui-border);border-radius:6px;}
.student-preview-header {border-left-color:var(--ui-accent)!important;}
/* Progress uses pale pink; filled rose is reserved for primary actions. */
.progress-nav li.done {color:var(--ui-accent-ink);}
.progress-nav li.done:not(:last-child)::after {background:var(--ui-accent);}

.memo-written-key,#clinicalMemoPanel .memo-pattern-jump-list button.has-note::after {background:var(--ui-accent-ink);}

/* Patient chart: one reading surface, clear sections and legible measurements. */
.chart-body {background:#fff;}
.student-briefing-preview>.chart-body {padding:24px;background:#fff;}
.chart-body>.chart-section:not(.consent-document-section) {
  margin:0;padding:28px 0;border-radius:0!important;border:0;
  scroll-margin-top:calc(var(--school-learning-toolbar-height,80px) + 20px);
}
.chart-body>.chart-section:not(.consent-document-section)+.chart-section {
  border-top:1px solid var(--ui-divider);
}
.chart-body>.chart-section>h3 {
  margin:0 0 18px;padding:0;border:0;font-size:20px;line-height:1.5;color:var(--ui-text);
}
.chart-body .chart-section>p {font-size:16px;line-height:1.85;color:var(--ui-text);}
.chart-body .chart-dl {gap:0 24px;}
.chart-body .chart-dl>div {padding:16px 0;border:0;border-bottom:1px solid var(--ui-divider);}
.chart-body :is(.chart-summary small,.chart-dl dt,.vital-grid small) {font-size:var(--ui-font-caption);line-height:1.6;color:var(--ui-muted);}
.chart-body :is(.chart-summary strong,.chart-dl dd) {font-size:16px;line-height:1.8;}
.chart-body .chart-tags {gap:8px;}
.chart-body .chart-tags span {padding:5px 10px;border-radius:5px;font-size:var(--ui-font-caption);line-height:1.6;font-weight:500;}
.chart-body .vital-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px;grid-auto-rows:auto;}
.chart-body .vital-grid>span {min-width:0;padding:16px 0;text-align:left;border:0;border-bottom:1px solid var(--ui-divider);}
.chart-body .vital-grid b {font-size:18px;line-height:1.6;color:var(--ui-text);overflow-wrap:anywhere;}
.chart-body .vital-grid em {font-size:var(--ui-font-caption);line-height:1.6;color:var(--ui-accent-ink);}
.chart-body .lab-table {grid-template-columns:repeat(4,minmax(0,1fr));}
.chart-body .lab-table :is(small,em) {font-size:var(--ui-font-caption);line-height:1.6;}
.chart-body .lab-table span {font-size:15px;line-height:1.8;overflow-wrap:anywhere;}
.is-student-preview .student-preview-navigation button {border:1px solid transparent;border-radius:6px;}
.is-student-preview .student-preview-navigation button.active {border:1px solid var(--ui-accent);}
.is-student-preview .student-preview-navigation button:focus:not(:focus-visible) {outline:none;}
@media(max-width:650px){
 .student-briefing-preview>.chart-body {padding:18px 16px;}
 .chart-body>.chart-section:not(.consent-document-section) {padding:24px 0;}
 .chart-body>.chart-section>h3 {font-size:18px;}
 .chart-body :is(.vital-grid,.lab-table) {grid-template-columns:repeat(2,minmax(0,1fr));}
 .chart-body .chart-dl {grid-template-columns:minmax(0,1fr);}
 .chart-body .vital-grid {column-gap:20px;}
}

/* Typography by role, shared across desktop/mobile and student/teacher views. */
body {font-size:var(--ui-font-body);}
h1 {font-size:var(--ui-font-title)!important;line-height:1.5;}
h2 {font-size:var(--ui-font-section)!important;line-height:1.5;}
h3 {font-size:var(--ui-font-subheading)!important;line-height:1.6;}
:is(p,textarea,input,select,button) {font-size:var(--ui-font-body)!important;}
:is(small,label,dt) {font-size:var(--ui-font-caption)!important;}
:is(#briefingView,#dialogueView,#clinicalMemoPanel) {
 --student-reading-size:var(--ui-font-body);
 --student-label-size:var(--ui-font-caption);
 --student-caption-size:var(--ui-font-caption);
}
:is(.patient-card-identity>span,.case-fact-box strong,.case-focus-box strong,
.chart-dl dd,.chart-summary strong,.lab-table span,.message-bubble,.reference-record,
.pattern-judgment-options span,.record-pattern-button,.patient-card-cta) {font-size:var(--ui-font-body)!important;}
:is(.care-field-guide,.care-guide p,.assessment-method-guide p,.pattern-assessment-header p,
.memo-guide-section p,.memo-guide-section li,.care-guide-toggle,.memo-guide-toggle,
.case-learning-progress,.case-resume-position,.message-name,.record-reader-meta,
.consent-document-note,.school-save-status,.site-footer p,.record-pattern-legend,
.chart-tags span,.vital-grid em,.lab-table small,.lab-table em,.care-optional,
.pattern-assessment-nav-button>span,.progress-nav li b,.progress-nav li span,
#memoPatternCount),#clinicalMemoPanel .memo-guide-tabs button {
 font-size:var(--ui-font-caption)!important;line-height:1.6;
}
.patient-card-topline {flex-wrap:wrap;gap:8px;}
.pattern-assessment-nav-button {min-width:0;}
.progress-nav li {min-width:0;}
.progress-nav li b {min-width:0;flex-shrink:1;white-space:normal;word-break:keep-all;}
/* Keep the enlarged reading area usable on tablets as well as phones. */
@media(max-width:1100px){
 .app-shell:not(.landing-mode) {display:flex;flex-direction:column;}
 .app-shell:not(.landing-mode) .experience-panel {order:1;min-width:0;}
 .app-shell:not(.landing-mode) .patient-panel.memo-only {order:2;width:100%;position:static;display:block;border-left:0;border-top:1px solid var(--ui-divider);}
 .patient-panel.memo-only .clinical-memo {position:static;max-height:none;}
 body:has(.school-save-dock:not([hidden])) .patient-panel.memo-only .clinical-memo {max-height:none;}
}
@media(max-width:650px){
 .progress-nav ol {gap:8px;}
 .progress-nav li {min-width:0;justify-content:flex-start;}
 .progress-nav li b {font-size:var(--ui-font-caption)!important;word-break:keep-all;overflow-wrap:normal;}
 .assessment-pattern-footer button {min-width:0;white-space:normal;}
 .site-footer {flex-wrap:wrap;gap:12px;}
}

/* Teacher case cards: one reading order, without duplicate introductions. */
.teacher-patient-card .patient-card-topline {padding:12px 18px;}
.teacher-patient-card .case-number {letter-spacing:.06em;}
.teacher-patient-card .patient-card-main {grid-template-columns:64px minmax(0,1fr);gap:16px;padding:20px 18px;}
.teacher-patient-card .patient-card-portrait {width:64px;height:64px;}
.teacher-patient-card .patient-card-portrait svg {width:66px;}
.teacher-patient-card .patient-card-identity strong {font-size:24px;}
.teacher-patient-card .patient-card-details {display:flex;flex-direction:column;gap:12px;}
.teacher-patient-card .case-fact-box {display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:baseline;}
.teacher-patient-card .case-fact-box small {margin:0;font-weight:400;}
.teacher-patient-card .case-focus-box {display:block;margin:18px;padding-top:16px;}
.teacher-patient-card .case-focus-box small {margin-bottom:6px;font-weight:600;letter-spacing:0;}
.teacher-patient-card .case-focus-box strong {line-height:1.7;}
/* Share row heights between adjacent cards, including wrapped fact values. */
@supports (grid-template-rows:subgrid){
 .teacher-case-group.patient-selection-list {row-gap:0;}
 .teacher-case-group>.teacher-patient-card {display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:0;min-height:0;margin-bottom:24px;}
 .teacher-patient-card .patient-card-details {display:grid;grid-row:span 3;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;row-gap:12px;}
 .teacher-patient-card .case-fact-box.treatment {grid-column:auto;grid-row:auto;}
 .teacher-patient-card .patient-card-cta {align-self:end;}
}