/* Code-native UI polish: no raster assets, no change to permissions/medical state. */

/* 共享样式变量：集中品牌色、文字色、边界与过渡参数，便于不同角色界面保持一致；风险含义仍由量表规则和状态文字定义。 */
:root {
  --layout-duration: 240ms;
  --layout-spring: cubic-bezier(.2, .8, .25, 1);
  --tray-deep: #293b3e;
  --tray-light: #f0f4f3;
  --layout-outline: #2b70ab;
}

/* 辅助阅读与展开状态：按当前可见性显示内容，并保留屏幕阅读器需要的信息；隐藏样式只影响展示，不删除已有业务记录。 */
[hidden] { display: none !important; }

.layout-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* 公共页面基础：为正文、标题、品牌、内容容器和辅助说明建立统一外观；尺寸、颜色和留白用于可读性，后续组件规则补充具体布局。 */
.layout-record-summary { margin: 18px 0; border: 1px solid #ccd9d5; border-radius: 16px; overflow: hidden; background: #fff; min-width: 0; }

/* 来源与统计组件：概要、分段数量、进度和展开明细按层级排列；展开状态提示当前阅读范围，进度显示传入数据而不创建完成记录。 */
.layout-summary-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 6px 14px; padding: 14px 18px; color: #f2f8f6; background: var(--tray-deep); }

.layout-record-summary .layout-summary-heading h3 { margin: 0; font-size: 16px; color: inherit; }

.layout-summary-heading > span { color: #c6d6d1; font-size: 13px; }

.layout-source-overlay { padding: 6px 16px; border-bottom: 1px solid var(--line); }

/* 公共表单与按钮：统一字段边界、文字层级、操作间距和可用状态；选择、焦点、禁用和错误态各有外观，业务层仍负责提交与权限检查。 */
.layout-record-summary button { font: inherit; cursor: pointer; }

/* 来源与统计组件：概要、分段数量、进度和展开明细按层级排列；展开状态提示当前阅读范围，进度显示传入数据而不创建完成记录。 */
.layout-source-toggle { display: flex; gap: 12px; width: 100%; min-height: 68px; align-items: center; padding: 8px 0; color: var(--ink); border: 0; background: transparent; text-align: left; }

.layout-source-toggle > span:nth-child(2) { flex: 1; font-weight: 700; }

.layout-source-toggle small { display: block; margin-top: 4px; font-size: 13px; font-weight: 400; color: #526968; }

.layout-source-stack { display: flex; align-items: center; flex-shrink: 0; padding: 6px 4px; }

.layout-source-stack > span { display: grid; place-items: center; width: 36px; height: 36px; margin-left: -16px; border: 2px solid #fff; border-radius: 12px; color: #205e54; background: #dceee7; box-shadow: 0 2px 5px #183b3412; transition: transform var(--layout-duration) var(--layout-spring), margin var(--layout-duration) var(--layout-spring); }

.layout-source-stack > span:first-child { margin-left: 0; }

.layout-source-stack > span:nth-child(2) { color: #385c78; background: #e4eef5; }

.layout-source-stack > span:nth-child(3) { color: #765629; background: #f2e9d8; }

.layout-source-overlay.is-open .layout-source-stack > span:not(:first-child) { margin-left: 6px; }

.layout-source-overlay[data-variant="fan"].is-open .layout-source-stack > span { transform: translateY(calc(var(--source-index) * -3px)) rotate(calc((var(--source-index) - .5) * 9deg)); }

/* 公共页面基础：为正文、标题、品牌、内容容器和辅助说明建立统一外观；尺寸、颜色和留白用于可读性，后续组件规则补充具体布局。 */
.layout-chevron { display: inline-block; transition: transform var(--layout-duration) var(--layout-spring); }

/* 来源与统计组件：概要、分段数量、进度和展开明细按层级排列；展开状态提示当前阅读范围，进度显示传入数据而不创建完成记录。 */
.layout-source-overlay.is-open .layout-chevron { transform: rotate(180deg); }

.layout-source-legend { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 6px 0 12px; margin: 0; list-style: none; animation: layout-reveal var(--layout-duration) var(--layout-spring); }

.layout-source-legend li { display: flex; align-items: center; gap: 8px; font-size: 14px; }

.layout-source-legend b { font-variant-numeric: tabular-nums; }

.layout-pull-summary { padding: 0 16px; background: var(--tray-light); }

.layout-pull-heading > button { display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; min-height: 70px; border: 0; padding: 10px 0; background: transparent; color: var(--ink); text-align: left; }

.layout-pull-heading > button > span:first-child { font-weight: 700; }

.layout-pull-heading small { display: block; margin-top: 4px; color: #526968; font-size: 14px; font-weight: 400; }

/* 公共表单与按钮：统一字段边界、文字层级、操作间距和可用状态；选择、焦点、禁用和错误态各有外观，业务层仍负责提交与权限检查。 */
[data-layout-toggle-label] { flex: 0 0 auto; color: #256359; font-size: 14px; }
/* 初始只有底色；展开才将底色缩为左端锚点，实际占比使用轻量斜纹填充。 */
.layout-progress-track { height: 6px; display: flex; gap: 6px; overflow: hidden; border-radius: 6px; background: #e2e8e5; }

.layout-progress-anchor { flex: 0 0 100%; background: #d5dfdb; border-radius: inherit; transition: flex-basis var(--layout-duration) var(--layout-spring); }

.layout-progress-fill { flex: 1; transform: scaleX(0); transform-origin: left; border-radius: inherit; background: repeating-linear-gradient(115deg, #baded2 0 4px, #d6eae3 4px 7px); transition: transform var(--layout-duration) var(--layout-spring); }

.layout-pull-summary:not([data-view="closed"]) .layout-progress-anchor { flex-basis: 5px; }

.layout-pull-summary:not([data-view="closed"]) .layout-progress-fill { transform: scaleX(var(--reply-ratio)); }

.layout-summary-detail { overflow: hidden; }

.layout-summary-detail-inner { padding-top: 12px; }

.layout-summary-detail-inner { transform: translateY(var(--pull-offset, 0px)); transition: transform var(--layout-duration) var(--layout-spring); padding-bottom: var(--pull-offset, 0px); }

.layout-summary-detail [role="progressbar"] { display: flex; align-items: baseline; gap: 10px; }

.layout-summary-detail [role="progressbar"] > b { font-size: 24px; color: #246153; font-variant-numeric: tabular-nums; }

.layout-summary-detail [role="progressbar"] > span { font-size: 13px; color: #526968; }

.layout-distribution { display: grid; gap: 10px; margin: 14px 0; }

.layout-distribution > div { display: grid; grid-template-columns: minmax(90px, 1fr) 2fr; gap: 14px; align-items: center; font-size: 14px; }

.layout-distribution dd { display: flex; align-items: center; gap: 12px; margin: 0; }

.layout-distribution dd > b { min-width: 4ch; white-space: nowrap; text-align: right; }

.layout-distribution-bar { flex: 1; height: 7px; border-radius: 4px; background: #e0e8e4; overflow: hidden; }

.layout-distribution-bar > i { display: block; width: 100%; height: 100%; transform: scaleX(var(--bar-ratio)); transform-origin: left; background: #749e91; }

.layout-record-summary .layout-summary-detail p { color: #526968; font-size: 13px; line-height: 1.6; margin: 14px 0 0; }

.layout-pull-handle { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; padding: 8px; border: 0; background: transparent; color: #536d67; font-size: 12px !important; touch-action: pan-x; user-select: none; }

.layout-pull-handle i { width: 24px; height: 4px; border-radius: 4px; background: #9ab0a8; }

.layout-summary-unavailable { padding: 12px 14px; background: var(--tray-light); color: #526968; border-radius: 10px; }

/* 公共页面基础：为正文、标题、品牌、内容容器和辅助说明建立统一外观；尺寸、颜色和留白用于可读性，后续组件规则补充具体布局。 */
.layout-record-summary :focus-visible { outline: 3px solid var(--layout-outline); outline-offset: -3px; border-radius: 8px; }

/* 交互过渡：以下关键帧只改变可见性与位移，帮助识别页面状态，不延迟保存、核对或求助反馈。 */
@keyframes layout-reveal {
from { opacity: .3; transform: translateY(-4px); }
to { opacity: 1; transform: translateY(0); } }

/* 双专病横向面板；窄屏不做只剩图标的入口，两份未提交答案互不清空。 */
.layout-accordion-row { display: flex; gap: 12px; align-items: flex-start; padding: 8px; border-radius: 16px; background: #e7eeeb; margin: 18px 0; }

/* 日常反馈填写：将问题、可选答案、文字补充和提交动作按填写顺序组织；选中与焦点状态帮助核对输入，来源和保存规则由业务层处理。 */
.layout-accordion-row .daily-care-entry { flex: 1 1 180px; min-width: 0; border: 1px solid #ceddd6; border-radius: 12px; background: #fff; overflow: hidden; transition: flex-grow var(--layout-duration) var(--layout-spring); }

.layout-accordion-row .daily-care-entry[open] { flex-grow: 3; }

.layout-accordion-row .daily-care-entry > summary { display: flex; align-items: center; gap: 12px; min-height: 84px; list-style: none; padding: 16px; }

/* 双方向反馈面板：认知与肌少症入口分开，当前面板及展开内容保持清晰边界；选择、填写和回看不会因相邻面板的外观混淆来源。 */
.layout-accordion-row summary::-webkit-details-marker { display: none; }

.layout-accordion-row .layout-entry-icon { display: grid; place-items: center; flex: 0 0 30px; height: 38px; border-radius: 9px; background: #e3eee9; color: #2e6659; font-size: 17px; transition: flex-basis var(--layout-duration) var(--layout-spring); }

.layout-accordion-row details[open] .layout-entry-icon { flex-basis: 42px; }

.layout-accordion-row .layout-entry-title { display: block; padding: 0; font-size: 16px; color: var(--ink); font-weight: 700; }

.layout-entry-hint { display: block; margin-top: 4px; font-size: 13px; color: #536e68; font-weight: 400; }

/* 日常反馈填写：将问题、可选答案、文字补充和提交动作按填写顺序组织；选中与焦点状态帮助核对输入，来源和保存规则由业务层处理。 */
.layout-accordion-row .daily-care-entry form { padding: 0 18px 18px; animation: layout-reveal var(--layout-duration) var(--layout-spring); }

.layout-accordion-row .daily-care-entry > summary:focus-visible { outline: 3px solid var(--layout-outline); outline-offset: -3px; }

/* 日常反馈记录：按来源、记录正文、核对信息和已发布回复组织内容；处理表单与记录相邻，辅助说明使用独立的文字层级。 */
.daily-care-elder .layout-entry-title { font-size: 22px; }

.daily-care-elder .layout-entry-hint { font-size: 18px; }

/* 日常反馈填写：将问题、可选答案、文字补充和提交动作按填写顺序组织；选中与焦点状态帮助核对输入，来源和保存规则由业务层处理。 */
.daily-care-options label { font-size: 16px; line-height: 1.5; }

.daily-care-elder .daily-care-options label, .daily-care-elder .daily-care-note { font-size: 20px; }

/* 主操作使用深灰托盘，内容仍为浅灰/白色；保留既有知伴青绿色品牌。 */
.family-background { background: #edf3f0; gap: clamp(24px, 4vw, 60px); }

.family-context h2 { font-size: clamp(30px, 3.2vw, 46px); letter-spacing: -.03em; line-height: 1.3; text-wrap: balance; }

.mini-main { padding-top: 22px; }

.family-welcome { border-radius: 18px; box-shadow: none; }

.family-home-actions { padding: 18px; border-radius: 18px; background: var(--tray-deep); }

.family-home-actions .section-heading h3 { color: #f0f8f4; }

.family-home-actions .section-heading > div > span { color: #b8d0c6; }

.family-home-actions .action-grid { gap: 8px; }

.family-home-actions .action-card { box-shadow: none; background: #f5f8f6; border-color: #d5e1db; min-height: 100px; }

.mini-main > .care-focus-selector { margin: 18px 0; background: #fff; padding: 20px; border-radius: 16px; }

.mini-main .care-focus-selector legend { font-size: 20px; }

.mini-main .care-focus-selector p { margin: 8px 0; }

.mini-main .care-focus-selector small { font-size: 13px; line-height: 1.65; }

.mini-main .care-focus-selector .care-focus-actions { margin-top: 14px; }

.mini-main .summary-grid { gap: 0; padding: 0; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: #fff; }

.mini-main .summary-grid article { border: 0; border-radius: 0; box-shadow: none; }

.mini-main .summary-grid article + article { border-left: 1px solid var(--line); }

/* 公共页面基础：为正文、标题、品牌、内容容器和辅助说明建立统一外观；尺寸、颜色和留白用于可读性，后续组件规则补充具体布局。 */
.summary-grid small { color: #526968; font-size: 12px; line-height: 1.5; }

.summary-grid p { font-size: 13px; }

/* 家庭照护页面：把当前老人资料、观察记录、照护提示与家庭操作按任务层级排列；主操作突出，辅助说明和历史内容保留阅读空间。 */
.mini-nav { gap: 4px; background: var(--tray-deep); border-color: #32484a; }

/* 家属底栏固定显示五个常用业务入口；窄屏下转为横向滚动托盘，保证联系医护入口始终直接可达。 */
.mini-nav.compact-family-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); overflow: visible; }
.compact-family-nav > button, .compact-family-nav > .family-more-nav { min-width: 0; }
.family-more-nav { position: static; }
.family-more-nav > summary { display: grid; justify-items: center; gap: 3px; min-height: 58px; padding: 8px 2px; border-radius: 10px; list-style: none; cursor: pointer; color: #d1e0d9; }
.family-more-nav > summary::-webkit-details-marker { display: none; }
.family-more-nav > summary small { font-size: 12px; font-weight: 800; white-space: nowrap; }
.family-more-nav > summary span { font-size: 19px; line-height: 1; }
.family-more-nav > summary.active, .family-more-nav[open] > summary { color: #1b4b43; background: #dcf0e7; }
.family-more-menu { position: absolute; right: 8px; bottom: calc(100% + 8px); width: min(250px, calc(100% - 16px)); padding: 8px; border: 1px solid #bccdc7; border-radius: 14px; background: #fff; box-shadow: 0 8px 28px #183b3433; }
.mini-nav .family-more-menu button { display: flex; align-items: center; justify-content: flex-start; gap: 12px; width: 100%; min-height: 48px; padding: 10px 14px; color: #1b4b43; font-size: 15px; }
.mini-nav .family-more-menu button[aria-current] { background: #e3f0ea; }

/* 已有照护选择收为一行设置入口，首次未选择时保持展开；保存/刷新反馈会重新展开供当前用户核对。 */
.care-focus-settings { margin: 18px 0; border: 1px solid #c7d9d2; border-radius: 14px; background: #fff; }
.care-focus-settings > summary { padding: 16px; cursor: pointer; font-weight: 700; color: #23594e; }
.care-focus-settings > summary small { display: block; margin-top: 5px; font-size: 13px; font-weight: 400; color: #5d756d; }
.care-focus-settings .care-focus-selector { margin: 0; border: 0; border-top: 1px solid #e0e9e5; border-radius: 0 0 14px 14px; }

.mini-nav button { color: #d1e0d9; }

.mini-nav button.active { color: #1b4b43; background: #dcf0e7; }

.mini-nav button small { font-size: 12px; }

/* 家属重新绑定屏的返回入口：置于表单上方整行展示，醒目标出可返回照护页，避免与深色头部的低对比文字混淆。 */
.family-bind-back { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 48px; margin-bottom: 18px; padding: 12px 16px; border: 1px solid #2a655b; border-radius: 12px; background: #eef6f3; color: #1b4b43; font-size: 15px; font-weight: 800; cursor: pointer; text-align: left; }
.family-bind-back:hover { background: #dff0e8; }

/* 医生导航与工作区：患者内容占据主阅读区，角色、业务入口和登录入口集中在导航区域；选中态仅表示当前位置，权限仍来自共享后台。 */
.mini-nav :focus-visible, .role-switcher :focus-visible, .doctor-sidebar :focus-visible { outline: 3px solid #b3dcec; outline-offset: -3px; }

/* 老人操作区：以主要动作和简短反馈为核心排列内容，控制字号、间距和触控边界；长说明使用次级层级，求助入口保留独立辨识度。 */
.elder-home-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 14px; border: 1px solid #314749; border-radius: 22px; background: var(--tray-deep); }

.elder-home-actions .elder-action { box-shadow: none; border-radius: 14px; }

.elder-home-actions .elder-action b { font-size: 22px; line-height: 1.4; }

.elder-home-actions .elder-action small { font-size: 16px; line-height: 1.5; }

.speaker-stage { grid-template-columns: minmax(0, 1fr); }

.speaker-side { position: static; display: block; height: auto; padding: 14px max(20px, calc((100vw - 1200px) / 2)); }

.speaker-console { width: 100%; max-width: 1200px; margin: 0 auto; }

.speaker-console > header .danger-link { flex-shrink: 0; white-space: nowrap; }

.speaker-console > header { flex-wrap: wrap; }

.speaker-console > header > div { flex: 1 1 340px; }

/* 日常反馈记录：按来源、记录正文、核对信息和已发布回复组织内容；处理表单与记录相邻，辅助说明使用独立的文字层级。 */
.speaker-console .daily-care-workspace { background: #fff; }

/* 老人操作区：以主要动作和简短反馈为核心排列内容，控制字号、间距和触控边界；长说明使用次级层级，求助入口保留独立辨识度。 */
.speaker-console .care-focus-selector { background: var(--tray-light); }

/* 医生导航与工作区：患者内容占据主阅读区，角色、业务入口和登录入口集中在导航区域；选中态仅表示当前位置，权限仍来自共享后台。 */
.doctor-sidebar { background: var(--tray-deep); }

.doctor-sidebar nav button { min-height: 44px; font-size: 14px; color: #d0ded8; }

.doctor-sidebar nav button.active { color: #173e35; background: #dceee6; }

.doctor-main > .layout-record-summary { max-width: 880px; }

/* 日常反馈记录：按来源、记录正文、核对信息和已发布回复组织内容；处理表单与记录相邻，辅助说明使用独立的文字层级。 */
.daily-care-clinical .layout-record-summary { max-width: 900px; }

.daily-care-workspace { box-shadow: none; container-type: inline-size; }

.daily-care-record { padding: 20px 0; }

.daily-care-record-heading > span { background: #e9efeb; padding: 4px 8px; border-radius: 6px; font-size: 13px; }

.daily-care-elder .daily-care-record-heading > span { font-size: 18px; }

/* 老人操作区：以主要动作和简短反馈为核心排列内容，控制字号、间距和触控边界；长说明使用次级层级，求助入口保留独立辨识度。 */
.role-switcher button, .mini-nav button, .action-card, .elder-action { transition: background-color var(--layout-duration) var(--layout-spring), border-color var(--layout-duration) var(--layout-spring), transform var(--layout-duration) var(--layout-spring); }

.action-card:active, .elder-action:active { transform: translateY(1px); }

/* 公共页面基础：为正文、标题、品牌、内容容器和辅助说明建立统一外观；尺寸、颜色和留白用于可读性，后续组件规则补充具体布局。 */
@container (max-width: 640px) {
  .layout-accordion-row { flex-direction: column; }
  .layout-accordion-row .daily-care-entry { width: 100%; flex: 0 0 auto; }
}

/* 响应式布局（(max-width: 1100px)）：覆盖此条件下的列数、导航、字段宽度和阅读顺序，权限与数据筛选规则不随视口改变。 */
@media (max-width: 1100px) {

  /* 家庭照护页面：把当前老人资料、观察记录、照护提示与家庭操作按任务层级排列；主操作突出，辅助说明和历史内容保留阅读空间。 */
  .family-context { display: none; }

  .family-background { grid-template-columns: minmax(0, 760px); }
}

/* 响应式布局（(max-width: 850px)）：覆盖此条件下的列数、导航、字段宽度和阅读顺序，权限与数据筛选规则不随视口改变。 */
@media (max-width: 850px) {

  /* 医生导航与工作区：患者内容占据主阅读区，角色、业务入口和登录入口集中在导航区域；选中态仅表示当前位置，权限仍来自共享后台。 */
  .doctor-sidebar nav .nav-section { background: var(--tray-deep); }

  .doctor-sidebar nav { padding-bottom: 8px; }

  .doctor-main { padding: 20px 16px; }
}

/* 响应式布局（(max-width: 650px)）：覆盖此条件下的列数、导航、字段宽度和阅读顺序，权限与数据筛选规则不随视口改变。 */
@media (max-width: 650px) {

  /* 双方向反馈面板：认知与肌少症入口分开，当前面板及展开内容保持清晰边界；选择、填写和回看不会因相邻面板的外观混淆来源。 */
  .layout-accordion-row { flex-direction: column; }

  /* 日常反馈填写：将问题、可选答案、文字补充和提交动作按填写顺序组织；选中与焦点状态帮助核对输入，来源和保存规则由业务层处理。 */
  .layout-accordion-row .daily-care-entry { width: 100%; flex: 0 0 auto; }

  /* 家庭照护页面：把当前老人资料、观察记录、照护提示与家庭操作按任务层级排列；主操作突出，辅助说明和历史内容保留阅读空间。 */
  .family-background { padding: 0; }

  .mini-main { padding: 16px 14px calc(100px + env(safe-area-inset-bottom)); }

  .mini-header { gap: 10px; }

  .family-welcome { padding: 20px; }

  .family-welcome h2 { font-size: 24px; }

  .mini-main .summary-grid article + article { border-left: 0; border-top: 1px solid var(--line); }
  /* 七个导航不再缩成 8px 小字；横滑托盘保持完整标签和可触控面积。 */
  .mini-nav { display: flex; overflow-x: auto; overscroll-behavior-x: contain; padding: 8px 10px max(8px, env(safe-area-inset-bottom)); scrollbar-width: thin; }

  .mini-nav button { flex: 0 0 68px; min-width: 68px; min-height: 58px; padding: 8px 4px; }
  .mini-nav.compact-family-nav > button { min-width: 0; padding-inline: 0; }

  .mini-nav button small { width: auto; max-width: none; white-space: nowrap; font-size: 12px; line-height: 1.4; }

  .mini-nav button span { font-size: 19px; }

  .family-home-actions { padding: 14px; }

  .family-home-actions .action-grid { grid-template-columns: 1fr 1fr; }

  .family-home-actions .action-card { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px; }

  .family-home-actions .action-card i { display: none; }

  .family-home-actions .action-card b { font-size: 15px; }

  .family-home-actions .action-card small { font-size: 12px; line-height: 1.5; }

  /* 来源与统计组件：概要、分段数量、进度和展开明细按层级排列；展开状态提示当前阅读范围，进度显示传入数据而不创建完成记录。 */
  .layout-source-toggle { gap: 10px; }

  .layout-source-toggle small { line-height: 1.5; }

  .layout-source-stack > span { width: 32px; height: 34px; }

  .layout-pull-heading > button { gap: 8px; }

  /* 双方向反馈面板：认知与肌少症入口分开，当前面板及展开内容保持清晰边界；选择、填写和回看不会因相邻面板的外观混淆来源。 */
  .layout-accordion-row { padding: 6px; }

  /* 老人操作区：以主要动作和简短反馈为核心排列内容，控制字号、间距和触控边界；长说明使用次级层级，求助入口保留独立辨识度。 */
  .elder-home-actions { padding: 10px; gap: 10px; }

  .elder-home-actions { grid-template-columns: minmax(0, 1fr); }

  .speaker-console > header > div { flex: 1 1 auto; }

  .speaker-console .elder-home-actions button { min-height: 112px; }

  .speaker-console .elder-home-actions .doctor-reminder-actions button { min-height: 58px; }

  .speaker-console .elder-home-actions .doctor-reminder-settings-actions button { min-height: 52px; }
}

/* 减少动效偏好：关闭非必要过渡与动画，保留相同的操作结果和焦点反馈。 */
@media (prefers-reduced-motion: reduce) {

  /* 公共页面基础：为正文、标题、品牌、内容容器和辅助说明建立统一外观；尺寸、颜色和留白用于可读性，后续组件规则补充具体布局。 */
  html { scroll-behavior: auto; }

  /* 老人操作区：以主要动作和简短反馈为核心排列内容，控制字号、间距和触控边界；长说明使用次级层级，求助入口保留独立辨识度。 */
  .layout-record-summary *, .layout-accordion-row *, .role-switcher button, .mini-nav button, .action-card, .elder-action { animation: none !important; transition: none !important; }

  /* 来源与统计组件：概要、分段数量、进度和展开明细按层级排列；展开状态提示当前阅读范围，进度显示传入数据而不创建完成记录。 */
  .layout-summary-detail-inner { transform: none; padding-bottom: 0; }
}

/* 响应式布局（(forced-colors: active)）：覆盖此条件下的列数、导航、字段宽度和阅读顺序，权限与数据筛选规则不随视口改变。 */
@media (forced-colors: active) {

  /* 来源与统计组件：概要、分段数量、进度和展开明细按层级排列；展开状态提示当前阅读范围，进度显示传入数据而不创建完成记录。 */
  .layout-progress-track, .layout-distribution-bar { border: 1px solid CanvasText; }

  .layout-progress-fill, .layout-distribution-bar > i { background: Highlight; }

  /* 老人操作区：以主要动作和简短反馈为核心排列内容，控制字号、间距和触控边界；长说明使用次级层级，求助入口保留独立辨识度。 */
  .layout-source-stack > span, .layout-summary-heading, .family-home-actions, .elder-home-actions { border: 1px solid CanvasText; }
}