.assessment-report {
  --assessment-blue: #225eec;
  --assessment-navy: #101b30;
  --assessment-muted: #748399;
  --assessment-border: #e3eaf2;
  width: 100%;
  color: #18263d;
  font-size: 13px;
  line-height: 1.6;
}

.assessment-report button,
.assessment-report input { font: inherit; }
.assessment-report h1 { margin: 7px 0 4px; font-size: 28px; line-height: 1.3; letter-spacing: -.03em; }
.assessment-report h2 { font-size: 20px; line-height: 1.4; letter-spacing: -.02em; }
.assessment-report h3 { font-size: 15px; line-height: 1.45; }
.assessment-report p { line-height: 1.7; }

.assessment-report-header,
.assessment-report-actions,
.assessment-report-labels,
.assessment-brand-line,
.assessment-metrics,
.assessment-section-heading,
.assessment-section-nav,
.assessment-table-title,
.assessment-table-tools,
.assessment-action-title {
  display: flex;
  align-items: center;
}

.assessment-report-header { justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.assessment-report-labels { gap: 8px; }
.assessment-brand-line { flex-wrap: wrap; gap: 8px 18px; color: var(--assessment-muted); }
.assessment-brand-line strong { color: #31415a; }
.assessment-report-actions { gap: 10px; flex-shrink: 0; }
.assessment-report-actions button,
.assessment-report-actions a,
.assessment-route-button,
.assessment-filter-button {
  min-height: 36px;
  border: 1px solid var(--assessment-border);
  border-radius: 6px;
  padding: 7px 15px;
  background: #fff;
  color: #33435b;
}
.assessment-report-actions .assessment-primary-button { border-color: var(--assessment-blue); background: var(--assessment-blue); color: #fff; }
.assessment-report-actions a { display:inline-flex; align-items:center; text-decoration:none; }
.assessment-report-actions button:hover,
.assessment-route-button:hover,
.assessment-filter-button:hover { border-color: #9bb7ff; color: var(--assessment-blue); }

.assessment-mode-badge,
.assessment-context-badge,
.assessment-status,
.assessment-priority,
.assessment-mention,
.assessment-chip,
.assessment-check-status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 3px 9px;
  font-size: 11px;
  line-height: 18px;
  white-space: nowrap;
}
.assessment-mode-badge.is-draft { background: #edf3ff; color: #225eec; }
.assessment-mode-badge.is-live { background:#e8f7f1; color:#177555; }
.assessment-context-badge { background: #f0f4f8; color: #5a6b82; }
.assessment-disclaimer {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 18px;
  border: 1px solid #dce7ff;
  border-radius: 8px;
  padding: 11px 14px;
  background: #edf3ff;
  color: #47628f;
}
.assessment-disclaimer > span { display:grid; place-items:center; width:18px; height:18px; margin-top:1px; border:1px solid #6e95f6; border-radius:50%; color:#225eec; font-size:11px; font-weight:700; flex-shrink:0; }

.assessment-summary-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(320px, .7fr); gap: 16px; }
.assessment-hero,
.assessment-dimensions,
.assessment-check,
.assessment-table-panel,
.assessment-action-card {
  border: 1px solid var(--assessment-border);
  border-radius: 10px;
  background: #fff;
}
.assessment-hero {
  position: relative;
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr) 94px;
  align-items: center;
  min-height: 176px;
  overflow: hidden;
  padding: 22px 26px;
  border-color: #192943;
  background: var(--assessment-navy);
  color: #fff;
}
.assessment-score { display: flex; flex-direction: column; justify-content: center; width: 100px; height: 100px; border: 1px solid #3d547a; border-radius: 50%; text-align: center; }
.assessment-score span { color: #8fa6c9; font-size: 12px; }
.assessment-score strong { font-size: 34px; line-height: 1.15; }
.assessment-score small { color: #72cde8; }
.assessment-hero-copy { max-width: 590px; }
.assessment-kicker,
.assessment-report .assessment-eyebrow { color: var(--assessment-blue); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.assessment-hero .assessment-kicker { color: #72cde8; }
.assessment-hero-copy h2 { margin: 12px 0 10px; max-width: 520px; font-size: 25px; }
.assessment-hero-copy p { max-width: 560px; color: #9baeca; }
.assessment-orbit { position: relative; width: 82px; height: 82px; justify-self: end; }
.assessment-orbit i { position:absolute; inset:0; border:1px solid #395073; border-radius:50%; }
.assessment-orbit i:nth-child(2) { inset:18px; }
.assessment-orbit i:nth-child(3) { inset:36px; border-color:#72cde8; }
.assessment-orbit b { position:absolute; inset:29px; display:grid; place-items:center; border-radius:7px; background:#4564ed; font-size:11px; }
.assessment-dimensions { padding:20px; }
.assessment-dimensions h3 { margin-bottom:12px; }
.assessment-dimension + .assessment-dimension { margin-top:8px; }
.assessment-dimension > div:first-child { display:flex; justify-content:space-between; gap:12px; }
.assessment-dimension > div:first-child strong { color:#225eec; }
.assessment-dimension p { margin-top:3px; color:var(--assessment-muted); font-size:10px; line-height:1.5; }
.assessment-progress { height: 5px; margin-top: 7px; overflow: hidden; border-radius: 9px; background: #e8edf5; }
.assessment-progress i { display:block; height:100%; border-radius:inherit; background:#225eec; }
.assessment-run-progress { height:7px; max-width:520px; margin:16px 0 7px; overflow:hidden; border-radius:10px; background:#293b58; }
.assessment-run-progress i { display:block; height:100%; border-radius:inherit; background:#72cde8; transition:width .25s ease; }
.assessment-live-rates { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; padding:16px; }
.assessment-live-rates h3 { grid-column:1/-1; }
.assessment-live-rates .assessment-metric { padding:8px 11px; background:#f8fafd; }
.assessment-live-rates .assessment-metric strong { font-size:18px; }
.assessment-plan-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:12px; }
.assessment-plan-strip .assessment-metric { padding:11px 14px; }
.assessment-plan-strip .assessment-metric strong { font-size:18px; }
.assessment-rate-breakdowns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:12px; }
.assessment-rate-breakdown-panel { padding:12px 14px; border:1px solid var(--assessment-border); border-radius:9px; background:#fff; }
.assessment-rate-breakdown { display:grid; gap:4px; }
.assessment-rate-breakdown h4 { font-size:12px; }
.assessment-rate-breakdown > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1px 10px; padding:5px 8px; border-radius:6px; background:#f8fafd; }
.assessment-rate-breakdown > div span { overflow:hidden; color:#53647d; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.assessment-rate-breakdown > div strong { color:#18263d; font-size:12px; }
.assessment-rate-breakdown > div small { grid-column:1/-1; color:#8b98aa; font-size:10px; }
.assessment-report .assessment-muted { color: var(--assessment-muted); }

.assessment-metrics { display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; margin:16px 0; }
.assessment-metric { min-width:0; padding:16px 18px; border:1px solid var(--assessment-border); border-radius:9px; background:#fff; }
.assessment-metric-label { display:block; color:var(--assessment-muted); font-size:11px; }
.assessment-metric strong { display:block; margin:2px 0; color:var(--assessment-navy); font-size:22px; }
.assessment-metric-hint { display:block; overflow:hidden; color:#8b98aa; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.assessment-section-nav { position:sticky; top:0; z-index:8; gap:4px; margin:0 0 18px; padding:7px; border:1px solid var(--assessment-border); border-radius:9px; background:rgba(255,255,255,.96); box-shadow:0 8px 20px rgba(16,27,48,.04); backdrop-filter:blur(8px); }
.assessment-section-nav a { padding:8px 16px; border-radius:6px; color:#627187; text-decoration:none; }
.assessment-section-nav a:hover,
.assessment-section-nav a.is-current { background:#edf3ff; color:#225eec; }

.assessment-section { scroll-margin-top:70px; margin-top:26px; }
.assessment-section-heading { justify-content:space-between; gap:18px; margin-bottom:13px; }
.assessment-section-heading h2 { margin-top:3px; }
.assessment-section-heading p { margin-top:3px; color:var(--assessment-muted); }
.assessment-filter { display:flex; gap:5px; }
.assessment-filter-button { min-height:32px; padding:5px 12px; font-size:11px; }
.assessment-filter-button.is-active { border-color:#225eec; background:#edf3ff; color:#225eec; }
.assessment-checks { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; margin-bottom:12px; }
.assessment-check { display:grid; grid-template-columns:auto minmax(0, 1fr) auto; align-items:start; gap:11px; padding:15px; }
.assessment-check-icon { display:grid; place-items:center; width:28px; height:28px; border-radius:8px; background:#edf3ff; color:#225eec; font-weight:700; }
.assessment-check-icon.is-异常,
.assessment-check-icon.is-failed { background:#fff0f1; color:#bd3948; }
.assessment-check strong { display:block; margin-bottom:2px; }
.assessment-check p { color:var(--assessment-muted); font-size:11px; }
.assessment-check-status { background:#f2f5f9; color:#69798e; }

.assessment-table-panel { overflow:hidden; }
.assessment-table-title { justify-content:space-between; gap:12px; padding:16px 18px 12px; }
.assessment-table-title span { color:var(--assessment-muted); font-size:11px; }
.assessment-table-tools { gap:10px; padding:14px 16px; border-bottom:1px solid var(--assessment-border); }
.assessment-table-tools input { width:min(380px, 45vw); min-height:36px; border:1px solid var(--assessment-border); border-radius:6px; padding:7px 12px; outline:none; color:#18263d; }
.assessment-table-tools input:focus { border-color:#225eec; box-shadow:0 0 0 3px #225eec14; }
.assessment-table-scroll { overflow-x:auto; }
.assessment-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.assessment-table th { padding:11px 14px; background:#f7f9fc; color:#77869a; font-size:10px; font-weight:600; text-align:left; }
.assessment-table td { padding:13px 14px; border-top:1px solid #edf1f6; color:#43526a; vertical-align:top; overflow-wrap:anywhere; }
.assessment-table td strong { display:block; color:#263650; font-size:12px; }
.assessment-table td small { display:block; margin-top:2px; color:#8693a5; }
.assessment-table th:nth-child(1) { width:90px; }
.assessment-table th:nth-child(2) { width:19%; }
.assessment-table th:last-child { width:110px; }
.assessment-questions-table th:first-child { width:28%; }
.assessment-questions-table th:nth-child(2) { width:15%; }
.assessment-questions-table th:nth-child(3) { width:84px; }
.assessment-questions-table th:nth-child(4) { width:90px; }
.assessment-questions-table th:nth-child(5) { width:62px; }
.assessment-questions-table th:nth-child(6) { width:78px; }
.assessment-questions-table th:nth-child(7) { width:76px; }
.assessment-questions-table th:last-child { width:92px; }
.assessment-priority.is-p0 { background:#fff0f1; color:#b82f42; }
.assessment-priority.is-p1 { background:#fff6dd; color:#946814; }
.assessment-priority.is-p2 { background:#edf3ff; color:#225eec; }
.assessment-status { background:#f2f5f9; color:#66768b; }
.assessment-status.is-completed,.assessment-status.is-succeeded { background:#e8f7f1; color:#177555; }
.assessment-status.is-running,.assessment-status.is-queued { background:#edf3ff; color:#225eec; }
.assessment-status.is-inflight { background:#edf3ff; color:#225eec; }
.assessment-status.is-partial,.assessment-status.is-unavailable { background:#fff6dd; color:#946814; }
.assessment-status.is-failed,.assessment-status.is-interrupted { background:#fff0f1; color:#b82f42; }
.assessment-status.is-unattempted { background:#f2f5f9; color:#66768b; }
.assessment-mention.is-yes { background:#e8f7f1; color:#177555; }
.assessment-mention.is-no { background:#fff0f1; color:#b82f42; }
.assessment-mention.is-unknown { background:#f2f5f9; color:#66768b; }
.assessment-expand { border:0; background:transparent; padding:1px; color:#225eec; }
.assessment-question-detail td { padding:0 14px 14px; background:#fbfcfe; }
.assessment-question-detail-grid { display:grid; grid-template-columns:1fr 1fr 1.3fr; gap:18px; padding:14px; border:1px solid var(--assessment-border); border-radius:7px; background:#fff; }
.assessment-question-detail-grid span { color:#8794a7; font-size:10px; }
.assessment-question-detail-grid p { margin-top:4px; }
.assessment-question-analysis { display:grid; gap:5px; margin-bottom:10px; padding:12px 14px; border:1px solid var(--assessment-border); border-radius:7px; background:#fff; }
.assessment-question-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:7px; }
.assessment-question-facts .assessment-metric { padding:9px 11px; background:#f8fafd; }
.assessment-question-facts .assessment-metric strong { font-size:16px; }
.assessment-sample-list { display:grid; gap:10px; }
.assessment-sample { padding:16px; }
.assessment-sample.is-failed,.assessment-sample.is-unavailable,.assessment-sample.is-partial { border-color:#f1d1d6; }
.assessment-sample-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.assessment-sample-header strong,.assessment-sample-header span { display:block; }
.assessment-sample-header span { margin-top:2px; color:var(--assessment-muted); font-size:11px; }
.assessment-sample-meta { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:12px 0; }
.assessment-sample-meta > div { padding:8px 10px; border-radius:6px; background:#f7f9fc; }
.assessment-sample-meta dt { color:#8794a7; font-size:10px; }
.assessment-sample-meta dd { margin:2px 0 0; overflow-wrap:anywhere; color:#33435b; font-size:11px; }
.assessment-answer { padding:13px 14px; border-left:3px solid #225eec; background:#f8fafd; }
.assessment-answer > span { color:#8794a7; font-size:10px; }
.assessment-answer p { margin-top:4px; white-space:pre-wrap; overflow-wrap:anywhere; }
.assessment-sample-error,.assessment-error-panel { margin-top:10px; padding:12px 14px; border:1px solid #f1d1d6; border-radius:7px; background:#fff4f5; color:#9d3341; }
.assessment-citations { margin-top:12px; }
.assessment-citations ul { display:grid; gap:8px; margin-top:7px; padding-left:18px; }
.assessment-citations a,.assessment-table a,.assessment-competitor-pages a { color:#225eec; text-decoration:none; overflow-wrap:anywhere; }
.assessment-citations a:hover,.assessment-table a:hover,.assessment-competitor-pages a:hover { text-decoration:underline; }
.assessment-citations p { margin-top:2px; color:#738197; font-size:11px; }
.assessment-citation-invalid { color:#9d3341; }
.assessment-retrieved-sources { margin-top:12px; padding:10px 12px; border:1px solid var(--assessment-border); border-radius:7px; background:#fbfcfe; }
.assessment-retrieved-sources summary { color:#53647d; font-size:11px; cursor:pointer; }
.assessment-retrieved-sources ul { display:grid; gap:6px; margin-top:8px; padding-left:18px; }
.assessment-retrieved-sources a { color:#225eec; overflow-wrap:anywhere; text-decoration:none; }
.assessment-retrieved-sources p { margin-top:2px; color:#738197; font-size:11px; }
.assessment-chip-row { display:flex; flex-wrap:wrap; gap:5px; margin-top:4px; }
.assessment-chip { background:#edf3ff; color:#225eec; }
.assessment-chip.is-natural { background:#e8f7f1; color:#177555; }
.assessment-chip.is-prompted { background:#fff6dd; color:#946814; }
.assessment-coverage-stack strong,.assessment-coverage-stack small { display:block; }
.assessment-comparison-signals { border:1px solid #e1e8f1; border-radius:6px; background:#fff; }
.assessment-comparison-signals summary { padding:7px 9px; color:#31598f; font-size:11px; cursor:pointer; }
.assessment-comparison-signals[open] summary { border-bottom:1px solid #e8edf4; }
.assessment-signal-list { display:grid; gap:6px; }
.assessment-comparison-signals .assessment-signal-list { max-height:320px; overflow:auto; padding:8px; }
.assessment-signal-list > div { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:4px 7px; }
.assessment-signal-list small { grid-column:1/-1; color:#738197; }
.assessment-reviewed-profile { margin-top:9px; border:1px solid #dce5f2; border-radius:7px; background:#fbfcfe; }
.assessment-reviewed-profile summary { padding:8px 10px; color:#31598f; font-size:11px; font-weight:600; cursor:pointer; }
.assessment-reviewed-profile[open] summary { border-bottom:1px solid #e5ebf3; }
.assessment-reviewed-profile > :not(summary) { margin-left:10px; margin-right:10px; }
.assessment-profile-disclaimer { margin-top:9px; padding:6px 8px; border-radius:5px; background:#fff6dd; color:#80601c; font-size:10px; }
.assessment-reviewed-profile dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:8px; }
.assessment-reviewed-profile dl > div { padding:7px 8px; border-radius:5px; background:#fff; }
.assessment-reviewed-profile dt { color:#8794a7; font-size:10px; }
.assessment-reviewed-profile dd { margin:2px 0 0; color:#3d4c63; font-size:11px; }
.assessment-reviewed-profile > small { display:block; margin-top:7px; margin-bottom:9px; color:#738197; }
.assessment-source-links { display:flex; flex-wrap:wrap; gap:6px 12px; margin-top:7px; }
.assessment-source-links a { color:#225eec; font-size:11px; text-decoration:none; }
.assessment-evidence-quotes { display:grid; gap:5px; margin-top:7px; }
.assessment-evidence-quotes blockquote { margin:0; padding:6px 8px; border-left:2px solid #b9c9ef; background:#f8fafd; color:#66768b; font-size:11px; }
.assessment-competitors { margin-top:12px; }
.assessment-competitors th:first-child { width:18%; }
.assessment-competitors th:nth-child(2) { width:75px; }
.assessment-competitors th:nth-child(3) { width:90px; }
.assessment-competitors th:nth-child(4) { width:90px; }
.assessment-competitors th:nth-child(5) { width:35%; }
.assessment-competitors th:last-child { width:105px; }
.assessment-candidate-competitors { margin-top:12px; }
.assessment-competitor-pages { display:flex; flex-direction:column; gap:3px; margin-top:6px; font-size:11px; }
.assessment-run-errors { margin:0 0 16px; }
.assessment-report .assessment-empty { padding:28px !important; color:#8996a8 !important; text-align:center; }

.assessment-actions { display:grid; gap:10px; }
.assessment-action-card { display:grid; grid-template-columns:54px minmax(0, 1fr) auto; align-items:start; gap:15px; padding:17px 19px; }
.assessment-action-order { color:#c1ccda; font-size:24px; font-weight:700; }
.assessment-action-title { flex-wrap:wrap; gap:8px; }
.assessment-action-title h3 { margin-right:auto; }
.assessment-action-content > p { margin-top:6px; color:var(--assessment-muted); }
.assessment-action-recommendation { color:#33435b !important; }
.assessment-action-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:10px 0; }
.assessment-action-details span { padding:8px 10px; border-radius:6px; background:#f7f9fc; color:#53647d; font-size:11px; }
.assessment-action-details strong { display:block; color:#263650; }
.assessment-route-button { display:inline-flex; align-items:center; gap:18px; color:#225eec; white-space:nowrap; }
.assessment-action-empty { grid-template-columns:54px 1fr; }

@media (max-width: 1600px) {
  .assessment-hero { grid-template-columns:112px minmax(0, 1fr) 82px; padding:22px; }
  .assessment-checks { grid-template-columns:repeat(2, 1fr); }
}

@media (max-width: 1280px) {
  .assessment-summary-grid { grid-template-columns:1fr; }
  .assessment-dimensions { display:grid; grid-template-columns:repeat(2, 1fr); gap:14px 24px; }
  .assessment-dimensions h3,
  .assessment-dimensions > .assessment-muted { grid-column:1 / -1; }
  .assessment-dimension + .assessment-dimension { margin-top:0; }
  .assessment-metrics { grid-template-columns:repeat(2, 1fr); }
  .assessment-rate-breakdowns { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .assessment-report-header,
  .assessment-section-heading { align-items:flex-start; flex-direction:column; }
  .assessment-report-actions { width:100%; }
  .assessment-report-actions button { flex:1; }
  .assessment-report-actions { flex-wrap:wrap; }
  .assessment-report-actions a { flex:1; justify-content:center; }
  .assessment-hero { grid-template-columns:110px 1fr; }
  .assessment-orbit { display:none; }
  .assessment-checks { grid-template-columns:1fr; }
  .assessment-action-card { grid-template-columns:42px minmax(0, 1fr); }
  .assessment-route-button { grid-column:2; justify-self:start; }
  .assessment-section-nav { overflow-x:auto; }
  .assessment-section-nav a { white-space:nowrap; }
  .assessment-sample-meta { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .assessment-rate-breakdowns { grid-template-columns:1fr; }
  .assessment-live-rates { grid-template-columns:1fr; }
  .assessment-plan-strip,
  .assessment-question-facts,
  .assessment-action-details { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .assessment-reviewed-profile dl { grid-template-columns:1fr; }
}

@media print {
  .assessment-report-actions,
  .assessment-section-nav,
  .assessment-filter,
  .assessment-table-tools,
  .assessment-expand,
  .assessment-route-button { display:none !important; }
  .assessment-question-detail[hidden] { display:table-row !important; }
  .assessment-report { color:#111; }
  .assessment-section { break-inside:avoid; }
}