/* Shared account workspace: layout and presentation only. */
.platform-app.ui-system {
  --paper: #f2f6fc; --ink: #253451; --text: #3d4d67; --muted: #5f6e85;
  --green: #315cce; --soft: #edf2ff; --line: #dce4f0; --radius: 20px;
  --report-ink: var(--ink); --report-muted: var(--muted); --report-accent: var(--green);
  --report-accent-soft: #edf2ff; --report-border: var(--line); --report-paper: #fff;
  --report-workspace: var(--paper); --report-warm: #fff5eb; --report-warm-border: #efd4b8;
  background: var(--paper); color: var(--text); font-size: 16px; line-height: 1.7;
}
.platform-app.ui-system .platform-sidebar { background: #fff; border-right: 1px solid var(--line); }
.platform-app.ui-system .platform-brand strong { color: var(--ink); font-weight: 600; }
.platform-app.ui-system .platform-brand small,.platform-app.ui-system .sidebar-note { color: var(--muted); }
.platform-app.ui-system .platform-brand .service-emblem { background: #315cce; color: white; border-radius: 15px; box-shadow: 0 4px 10px #315cce22; }
.platform-app.ui-system .platform-navigation a { color: #465873; border-radius: 14px; font-weight: 400; }
.platform-app.ui-system .platform-navigation a:hover { background: #edf2ff; color: #244eb9; }
.platform-app.ui-system .platform-navigation a[aria-current=page] { background: #315cce; color: #fff; box-shadow: 0 4px 12px #315cce25; font-weight: 600; }
.platform-app.ui-system .nav-group-label { color: var(--muted); letter-spacing: 0; }
.platform-app.ui-system .sidebar-note .local-status { color: #29634a; }
.platform-app.ui-system .platform-body { padding: 24px 32px 0; }
.platform-app.ui-system .header { max-width: 1256px; min-height: 72px; margin: 0 auto; padding: 14px 24px; background: #fff; border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 3px 14px #344f8205; }
.platform-app.ui-system .header nav { gap: 12px; flex-wrap: wrap; }
.platform-app.ui-system main { max-width: 1256px; padding: 24px 0 48px; }
.platform-app.ui-system .topbar-label { font-size: 15px; color: var(--ink); }
.platform-app.ui-system .workspace-menu > summary { background: #edf2ff; border: 1px solid #d5dff6; border-radius: 14px; min-height: 44px; }
.environment-info { position: relative; font-size: 13px; color: var(--muted); }
.environment-info > summary { cursor: pointer; padding: 10px 12px; min-height: 44px; border: 1px solid var(--line); border-radius: 8px; }
.environment-info-body { position: absolute; right: 0; top: calc(100% + 10px); z-index: 40; width: 260px; white-space: normal; padding: 18px; background: white; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 8px 24px #25333d12; }
.environment-info-body p { margin-top: 8px; }
.platform-app.ui-system h1 { font-size: 30px; line-height: 1.4; letter-spacing: 0; }
.platform-app.ui-system h2 { font-size: 21px; line-height: 1.5; }
.platform-app.ui-system h3 { font-size: 18px; }
.platform-app.ui-system .eyebrow { letter-spacing: 0; }
.platform-app.ui-system .button { border-radius: 14px; min-height: 48px; font-size: 15px; background: var(--green); border-color: var(--green); color: white; box-shadow: 0 3px 8px #315cce18; }
.platform-app.ui-system .button:hover { background: #254cb4; border-color: #254cb4; box-shadow: 0 5px 14px #315cce30; }
.platform-app.ui-system .button.secondary { background: white; color: var(--green); border-color: #c4d2ef; box-shadow: none; }
.platform-app.ui-system .button.secondary:hover { background: var(--soft); }
.platform-app.ui-system :focus-visible { outline: 3px solid #315cce; outline-offset: 3px; }
.platform-app.ui-system .panel,.platform-app.ui-system .workspace-panel,.platform-app.ui-system .profile-card,.platform-app.ui-system .desk-surface,.platform-app.ui-system .desk-side-card { background: white; border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 4px 18px #344f8205; }
.platform-app.ui-system .page-heading,.platform-app.ui-system .desk-heading { margin: 0 0 24px; padding: 6px 0 20px; border-bottom: 1px solid var(--line); }
.platform-app.ui-system .page-heading .intro { margin-bottom: 0; font-size: 16px; }
.platform-app.ui-system .page-heading p,.platform-app.ui-system .desk-heading p { color: var(--muted); }
.platform-app.ui-system .record-tabs { border-color: var(--line); border-radius: 12px; background: white; gap: 24px; padding: 0 24px; }
.platform-app.ui-system .record-tabs a { padding: 16px 0; min-height: 48px; font-size: 15px; }
.platform-app.ui-system .record-tabs a[aria-current=page] { color: var(--green); border-color: var(--green); background: #edf2ff; font-weight: 600; }
.platform-app.ui-system .wide-input { border: 1px solid #b9c7de; border-radius: 12px; background: #fff; min-height: 48px; }
.platform-app.ui-system .tag,.platform-app.ui-system .task-state { background: #f1f2ef; color: #535d61; border-color: var(--line); }
.platform-app.ui-system .avatar,.platform-app.ui-system .subject-avatar { background: #fff0e6; color: #9a4c27; border-radius: 16px; }
.platform-app.ui-system .record-action-grid a { background: #faf9f6; border-color: var(--line); }
.platform-app.ui-system .record-access-bar { background: #eeefec; border-color: var(--line); }
.platform-app.ui-system .subject-heading { background: white; border: 1px solid var(--line); border-radius: 22px 22px 0 0; padding: 28px; margin-bottom: 0; }
.platform-app.ui-system .subject-heading + .record-tabs { border-top: 0; border-radius: 0 0 22px 22px; margin-top: 0; }
.platform-app.ui-system .profile-tools { gap: 18px; }
.platform-app.ui-system .profile-tools .panel { margin: 0; }
.platform-app.ui-system .profile-card { border-top: 3px solid #ed9875; }
/* The workbench is a task surface, not a second report. */
.platform-app.ui-system .launch-grid { gap: 0; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: white; }
.platform-app.ui-system .launch-tile { background: transparent; border: 0; border-right: 1px solid var(--line); border-radius: 0; box-shadow: none; padding: 24px; }
.platform-app.ui-system .launch-tile:last-child { border-right: 0; }
.platform-app.ui-system .launch-tile:hover { background: #f3f6ff; }
.platform-app.ui-system .launch-icon,.platform-app.ui-system .object-icon,.platform-app.ui-system .mini-icon { background: #e9efff; color: #315cce; border-radius: 13px; }
.platform-app.ui-system .launch-import .launch-icon { background: #fff1d5; color: #8b600c; }
.platform-app.ui-system .launch-personal .launch-icon { background: #ffebe4; color: #ae4b31; }
.platform-app.ui-system .launch-caption { font-size: 13px; }
.platform-app.ui-system .launch-tile h2 { font-size: 20px; margin: 6px 0; }
.platform-app.ui-system .launch-tile p { font-size: 14px; }
.platform-app.ui-system .desk-layout { grid-template-columns: minmax(0,1fr) 260px; }
.platform-app.ui-system .desk-table th { font-size: 13px; background: #f6f5f1; color: #5b6368; }
.platform-app.ui-system .desk-table td { border-color: var(--line); }
.platform-app.ui-system .desk-table tbody tr:hover { background: #faf9f6; }
.platform-app.ui-system .desk-section-caption h3,.platform-app.ui-system .desk-task-list h3 { font-size: 16px; }
.platform-app.ui-system .desk-task-list p,.platform-app.ui-system .surface-heading p,.platform-app.ui-system .desk-side-card > p { font-size: 14px; }
.platform-app.ui-system .desk-side-card h2 { font-size: 18px; }
.platform-app.ui-system .desk-side-card { border: 0; border-top: 2px solid #a9bff1; border-radius: 0; background: transparent; padding: 20px 0; box-shadow: none; }
.platform-app.ui-system .desk-empty { background: #faf9f6; border: 1px solid var(--line); }
.platform-app.ui-system .desk-empty h3 { font-size: 16px; }
.platform-app.ui-system .desk-empty p { font-size: 14px; }
.platform-app.ui-system .view-tabs { background: #edf2fc; font-size: 14px; flex-wrap: wrap; border-radius: 14px; padding: 5px; }
.platform-app.ui-system .view-tabs a { min-height: 44px; }
.platform-app.ui-system .view-tabs a[aria-current=page] { border-color: #d3def5; color: #244eb9; box-shadow: 0 2px 6px #315cce12; }
.platform-app.ui-system .desk-list-footer { background: #faf9f6; font-size: 12px; }
/* A single reading column for questions, with a separate step rail. */
.platform-app.ui-system .assessment-shell { grid-template-columns: 210px minmax(0,1fr); gap: 24px; align-items: start; }
.platform-app.ui-system .assessment-steps { border: 0; border-radius: 12px; background: transparent; padding: 20px 0; }
.platform-app.ui-system .module-nav { gap: 6px; }
.platform-app.ui-system .module-nav button { border-radius: 14px; font-size: 16px; min-height: 54px; padding: 12px; background: transparent; }
.platform-app.ui-system .module-nav button[aria-current=step] { background: #e7eeff; color: #244eb9; box-shadow: inset 0 0 0 1px #ccdafa; }
.platform-app.ui-system .step-index { background: white; color: var(--muted); border-color: #c6ccce; }
.platform-app.ui-system [aria-current=step] .step-index { background: var(--green); color: white; border-color: var(--green); }
.platform-app.ui-system .assessment-content { background: white; border: 1px solid var(--line); border-radius: 22px; padding: 28px 32px; }
.platform-app.ui-system .assessment-context { border-bottom: 1px solid var(--line); padding-bottom: 20px; margin-bottom: 18px; }
.platform-app.ui-system .assessment-context .intro { margin-bottom: 12px; }
.platform-app.ui-system .question-field { padding: 26px 0; border-color: var(--line); }
.platform-app.ui-system .question-field fieldset { margin: 0; }
.platform-app.ui-system .question-field legend { font-size: 19px; line-height: 1.65; margin-bottom: 14px; font-weight: 500; }
.platform-app.ui-system .question-field .field-label { margin-top: 0; }
.platform-app.ui-system .choice { border-color: #c8d4e8; background: white; min-height: 48px; border-radius: 14px; cursor: pointer; }
.platform-app.ui-system .choice:has(input:checked) { border-color: var(--green); background: #edf2ff; box-shadow: inset 0 0 0 1px var(--green); }
.platform-app.ui-system input[type=radio],.platform-app.ui-system input[type=checkbox] { accent-color: var(--green); }
.platform-app.ui-system .form-save-bar { background: #f3f6ff; border: 1px solid var(--line); border-radius: 16px; margin-top: 24px; padding: 20px; }
.platform-app.ui-system .save-notice { background: #f5f1e9; border-color: #d8ccba; color: var(--text); }
.platform-app.ui-system .group-directory { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); gap: 24px; align-items: start; }
.platform-app.ui-system .group-directory > .panel { margin: 0; }
.platform-app.ui-system .group-create { border-top: 3px solid #ed9875; }
.platform-app.ui-system .group-create .group-form { margin-top: 24px; }
.platform-app.ui-system .group-create > p { margin: 10px 0; }
.platform-app.ui-system .group-page .organization-row { min-height: 80px; border-color: var(--line); }
.platform-app.ui-system .group-page .organization-row > strong { flex: 1; }
.platform-app.ui-system .group-page .panel > h2 { padding-bottom: 16px; border-bottom: 1px solid var(--line); margin-bottom: 16px; }
.platform-app.ui-system .app-footer { padding: 22px 0; max-width: 1256px; }
.platform-app.ui-system .import-table th { background: #f3f2ee; color: var(--ink); }
.platform-app.ui-system .import-table td,.platform-app.ui-system .import-table th { border-color: var(--line); }
.platform-app.ui-system .report-overview { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); }
.platform-app.ui-system .report-summary.attention { border-top: 3px solid #df9b50; }
.platform-app.ui-system .report-summary .result-meaning { font-size: 18px; line-height: 1.9; }
.platform-app.ui-system .report-summary .score-card { border: 0; padding: 16px 0; margin: 0; }
.platform-app.ui-system .report-summary .score-card strong { font-size: 34px; }
.report-facts { min-width: 0; }
.report-facts h2 { margin-bottom: 8px; }
.report-facts dl { margin: 18px 0 8px; }
.report-facts dl > div { border-bottom: 1px solid var(--line); padding: 12px 0; display: grid; grid-template-columns: minmax(0,1fr) minmax(80px,.55fr); gap: 16px; }
.report-facts dt { font-size: 15px; color: var(--muted); }
.report-facts dd { font-size: 16px; color: var(--ink); font-weight: 500; }
.symptom-portrait { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; align-items: center; margin: 24px 0; }
.symptom-radar { margin: 0; min-width: 0; }
.symptom-radar svg { display: block; width: 100%; height: auto; }
.radar-grid { fill: none; stroke: #cdd1d3; stroke-width: 1; }
.radar-axis { stroke: #e0e2e3; stroke-width: 1; }
.radar-value { fill: #4778e52e; stroke: #315cce; stroke-width: 2; }
.radar-dot { fill: #315cce; }
.radar-label { fill: #39434a; font-size: 14px; }
.radar-scale { fill: #62696d; font-size: 11px; }
.symptom-radar figcaption { text-align: center; font-size: 13px; color: var(--muted); }
.dimension-guide dl { margin: 14px 0; }
.dimension-guide dl > div { padding: 8px 0; border-bottom: 1px solid var(--line); }
.dimension-guide dt { font-weight: 500; color: var(--ink); }
.dimension-guide dd { color: var(--muted); font-size: 14px; }
.platform-app.ui-system .report-coverage { padding: 0 0 24px; margin-bottom: 28px; border-bottom: 1px solid var(--line); }
.platform-app.ui-system .report-coverage h2 { font-size: 16px; margin-bottom: 14px; color: var(--muted); font-weight: 500; }
.report-coverage dl { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 20px; margin: 0; }
.reci-summary { display: flex; align-items: center; gap: 28px; padding: 22px; border: 1px solid #c9d8f5; border-radius: 18px; background: #f2f6ff; }
.reci-summary > div { min-width: 140px; }
.reci-summary span { display: block; color: var(--muted); font-size: 14px; }
.reci-summary strong { display: block; color: #244eb9; font-size: 32px; font-variant-numeric: tabular-nums; }
.reci-summary p { margin: 0; max-width: 520px; }
.reci-dimensions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin: 20px 0; }
.reci-dimensions > section { padding: 14px 18px; border-left: 3px solid #8da9ec; }
.reci-dimensions strong { font-size: 22px; font-variant-numeric: tabular-nums; color: #244eb9; }
.reci-dimensions p { font-size: 14px; color: var(--muted); margin: 6px 0 0; }
.report-coverage dl > div { padding-left: 14px; border-left: 3px solid #8da9ec; }
.report-coverage dt { font-size: 17px; font-weight: 600; color: var(--ink); }
.report-coverage dd { margin: 4px 0 0; }
.report-coverage dd strong { font-size: 14px; font-weight: 500; color: #244eb9; }
.report-coverage dd.coverage-unavailable strong { color: var(--muted); }
.report-coverage dd p { margin: 4px 0 0; font-size: 13px; color: var(--muted); }
.analysis-lead { color: var(--muted); max-width: 650px; }
.symptom-chart { background: #f5f8ff; border: 1px solid #e0e8f7; border-radius: 20px; padding: 12px; min-width: 0; }
.symptom-total { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; justify-content: center; border-top: 1px solid var(--line); padding: 16px 4px 0; margin: 18px 0 4px; font-size: 14px; }
.symptom-total strong { font-size: 20px; color: #244eb9; }
.symptom-total span { color: var(--muted); }
.dimension-guide dt { display: flex; justify-content: space-between; gap: 10px; }
.dimension-value { color: #244eb9; white-space: nowrap; font-variant-numeric: tabular-nums; }
.dimension-value small { font-size: 12px; color: var(--muted); font-weight: 400; }
.condition-map { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 24px 0 14px; align-items: start; }
.condition-domain { padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: #fbfcff; min-width: 0; }
.condition-domain header { border-bottom: 1px solid var(--line); padding-bottom: 12px; }
.platform-app.ui-system .condition-domain h3 { font-size: 18px; margin: 0 0 4px; }
.condition-domain header > span { font-size: 14px; color: var(--muted); }
.condition-domain > p { font-size: 14px; color: var(--muted); margin: 12px 0; }
.condition-domain ul { list-style: none; margin: 0; padding: 0; }
.condition-item { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 15px; }
.condition-item:last-child { border-bottom: 0; }
.condition-item strong { font-size: 12px; font-weight: 500; border-radius: 7px; padding: 3px 7px; white-space: nowrap; background: #edf2ff; color: #34538a; }
.condition-item.is-met strong { background: #fff0d9; color: #87530b; }
.condition-item.is-missing strong { background: #f0f1f3; color: #5b6473; border: 1px dashed #a8b0bc; }
.analysis-pending { margin: 20px 0; }
.analysis-pending > div { display: grid; grid-template-columns: minmax(180px,.8fr) minmax(0,1.2fr); gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.analysis-pending dt { font-weight: 500; color: var(--ink); }
.analysis-pending .status-label { display: block; background: none; padding: 4px 0; font-size: 12px; font-weight: 400; color: var(--muted); }
.analysis-pending dd { margin: 0; color: var(--muted); font-size: 14px; }
/* Keep component feedback consistent without changing form behaviour. */
.platform-app.ui-system .report-page { border-radius: 22px; box-shadow: 0 5px 22px #344f8206; }
.platform-app.ui-system .record-tabs { border-radius: 20px; gap: 10px; }
.platform-app.ui-system .record-tabs a { border-radius: 12px; padding: 10px 14px; margin: 8px 0; border-bottom-width: 2px; }
.platform-app.ui-system .report-page > .record-tabs { border-radius: 22px 22px 0 0; }
.platform-app.ui-system .report-summary,
.platform-app.ui-system .reading-grid article,
.platform-app.ui-system #support > .support-topic,
.platform-app.ui-system #support > .panel,
.platform-app.ui-system .report-next { border-radius: 18px; }
.platform-app.ui-system .reading-open,
.platform-app.ui-system .environment-info > summary,
.platform-app.ui-system .report-environment > summary,
.platform-app.ui-system .view-tabs a,
.platform-app.ui-system .desk-search,
.platform-app.ui-system .group-page button:not(.button) { border-radius: 12px; }
.platform-app.ui-system .record-action-grid a { background: #f5f8ff; border-radius: 16px; }
.platform-app.ui-system :is(.button,.choice,.wide-input,.platform-navigation a,.record-tabs a,.view-tabs a,.launch-tile,.record-action-grid a,summary) { transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease; }
.platform-app.ui-system :is(.record-tabs a,.view-tabs a,.module-nav button):hover { background: #e8efff; color: #244eb9; }
.platform-app.ui-system :is(.choice,.record-action-grid a):hover { border-color: #7e9fe7; background: #f4f7ff; }
.platform-app.ui-system .wide-input:focus { border-color: #315cce; outline: 2px solid #315cce; outline-offset: 2px; box-shadow: 0 0 0 5px #315cce12; }
.platform-app.ui-system .choice:focus-within { outline: 2px solid #315cce; outline-offset: 3px; }
.platform-app.ui-system main details > summary { cursor: pointer; border-radius: 10px; }
.platform-app.ui-system main details > summary:hover { background: #edf2ff; color: #244eb9; }
.platform-app.ui-system main details[open] > summary { color: #244eb9; font-weight: 600; }
.platform-app.ui-system .workspace-menu[open] > summary { background: #e3ebff; border-color: #8aa8eb; }
.platform-app.ui-system .button:active { box-shadow: inset 0 2px 4px #17387c25; }
.platform-app.ui-system :is(button:disabled,input:disabled,select:disabled) { opacity: .65; cursor: not-allowed; box-shadow: none; }
@media(prefers-reduced-motion:reduce) {
  .platform-app.ui-system :is(.button,.choice,.wide-input,.platform-navigation a,.record-tabs a,.view-tabs a,.launch-tile,.record-action-grid a,summary) { transition: none; }
}
@media(max-width:1100px) {
  .platform-app.ui-system .platform-body { padding: 20px 24px 0; }
  .platform-app.ui-system .launch-tile { padding: 20px 16px; gap: 10px; }
  .platform-app.ui-system .launch-tile h2 { font-size: 18px; }
  .platform-app.ui-system .desk-layout { grid-template-columns: minmax(0,1fr); }
  .platform-app.ui-system .assessment-shell { grid-template-columns: 180px minmax(0,1fr); gap: 18px; }
  .platform-app.ui-system .assessment-content { padding: 24px; }
}
@media(max-width:760px) {
  .platform-app.ui-system .platform-sidebar { background: #fff; }
  .platform-app.ui-system .platform-body { padding: 12px 10px 0; }
  .platform-app.ui-system .header { flex-wrap: wrap; gap: 10px; padding: 14px 18px; }
  .platform-app.ui-system .header nav { width: 100%; justify-content: space-between; }
  .environment-info-body { left: 0; right: auto; max-width: calc(100vw - 56px); }
  .platform-app.ui-system main { padding-top: 18px; }
  .platform-app.ui-system h1 { font-size: 25px; }
  .platform-app.ui-system .page-heading { align-items: flex-start; gap: 16px; flex-direction: column; }
  .platform-app.ui-system .launch-grid { grid-template-columns: 1fr; }
  .platform-app.ui-system .launch-tile { border-right: 0; border-bottom: 1px solid var(--line); padding: 18px; }
  .platform-app.ui-system .launch-tile:last-child { border-bottom: 0; }
  .platform-app.ui-system .launch-tile h2 { font-size: 20px; }
  .platform-app.ui-system .record-tabs { display: flex; flex-wrap: wrap; gap: 0 18px; padding: 6px 18px; }
  .platform-app.ui-system .record-tabs a { padding: 10px 0; }
  .platform-app.ui-system .subject-heading { padding: 20px; flex-wrap: wrap; }
  .platform-app.ui-system .subject-heading > .button { width: 100%; }
  .platform-app.ui-system .assessment-shell,.platform-app.ui-system .group-directory { grid-template-columns: 1fr; }
  .platform-app.ui-system .assessment-steps { padding: 0; position: static; }
  .platform-app.ui-system .module-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .platform-app.ui-system .module-nav button { font-size: 14px; padding: 10px; }
  .platform-app.ui-system .assessment-content { padding: 20px 18px; }
  .platform-app.ui-system .form-save-bar { padding: 16px; position: static; }
  .platform-app.ui-system .form-save-bar .action-row { flex-wrap: wrap; }
  .platform-app.ui-system .group-directory { gap: 18px; }
  .platform-app.ui-system .report-overview,.symptom-portrait { grid-template-columns: 1fr; }
  .report-coverage dl { grid-template-columns: 1fr; gap: 14px; }
  .report-coverage dl > div { display: grid; grid-template-columns: 90px minmax(0,1fr); gap: 8px; }
  .report-coverage dd { margin: 0; }
  .condition-map { grid-template-columns: 1fr; }
  .reci-summary { flex-direction: column; align-items: stretch; gap: 12px; }
  .reci-dimensions { grid-template-columns: 1fr; }
  .analysis-pending > div { grid-template-columns: 1fr; gap: 4px; }
}
.profile-result-heading { display: grid; grid-template-columns: minmax(150px, .5fr) minmax(0, 1fr); align-items: center; gap: 20px; padding: 24px; border: 1px solid #c9ddd5; border-radius: 16px; background: #f0f7f3; }
.profile-result-label { color: #225c49; font-size: 26px; font-weight: 650; }
.profile-result-heading p { margin: 0; }
.profile-match-list { list-style: none; padding: 0; }
.profile-match-list li { display: grid; grid-template-columns: minmax(110px,1fr) minmax(60px,2fr) 65px; gap: 12px; align-items: center; padding: 12px 0; }
.profile-match-list meter { width: 100%; height: 20px; accent-color: #377a61; }
.profile-match-list strong { text-align: right; font-variant-numeric: tabular-nums; }
@media(max-width: 600px) { .profile-result-heading { grid-template-columns: minmax(0,1fr); padding: 18px; gap: 10px; } .profile-match-list li { gap: 8px; grid-template-columns: minmax(100px,1fr) minmax(30px,1fr) 60px; } }
/* Report guidance keeps research context separate from the person's answers. */
.support-guidance { margin: 24px 0 32px; grid-column: 1 / -1; min-width: 0; }
.guidance-overview { padding: 4px 0 12px; }
.guidance-type { padding: 22px 24px; border: 1px solid #c8ded6; border-radius: 18px; background: #f1f8f4; margin-bottom: 28px; }
.guidance-type h3 { margin: 8px 0 12px; }
.guidance-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin: 18px 0; }
.guidance-card { border: 1px solid #dce2ec; border-radius: 18px; padding: 22px; background: #fff; display: flex; flex-direction: column; align-items: flex-start; }
.guidance-card h4 { font-size: 1.2rem; margin: 0 0 12px; }
.guidance-card:only-child { grid-column: 1 / -1; }
.guidance-card p { margin: 0 0 16px; line-height: 1.8; }
.guidance-reason { color: #3e5680; background: #f0f4fc; padding: 12px 14px; border-radius: 10px; }
.guidance-followup { color: #485b55; padding-left: 12px; border-left: 3px solid #88b5a3; }
.guidance-links { display: grid; gap: 12px; margin: auto 0 20px; }
.guidance-links a { line-height: 1.6; overflow-wrap: anywhere; }
@media(max-width:700px) { .guidance-cards { grid-template-columns: 1fr; } .guidance-type,.guidance-card { padding: 18px; } }