/*
 * 人力资源园区二级页面字体规范
 * 与乘式空间保持同一字级：12 / 14 / 16 / 20 / 28 / 38 / 42–68px。
 */
:root {
  --hr-sub-type-caption: 12px;
  --hr-sub-type-body: 14px;
  --hr-sub-type-lead: 16px;
  --hr-sub-type-card-title: 20px;
  --hr-sub-type-feature-title: 28px;
  --hr-sub-type-section-title: 38px;
  --hr-sub-type-display: clamp(42px, 4.4vw, 68px);
  --hr-sub-leading-title: 1.35;
  --hr-sub-leading-body: 1.8;
}

body {
  font-size: var(--hr-sub-type-lead);
  line-height: 1.7;
}

/* 人才 Claw：侧栏与顶栏 */
.claw-brand strong { font-size: var(--hr-sub-type-card-title); }
.claw-brand small,
.park-context > span,
.park-context small,
.claw-steps button > span,
.claw-steps small,
.sidebar-trust > span,
.sidebar-trust small,
.claw-topbar a,
.park-select span,
.model-state {
  font-size: var(--hr-sub-type-caption);
}

.new-task-button,
.park-context strong,
.claw-steps strong,
.sidebar-trust strong,
.park-select select {
  font-size: var(--hr-sub-type-body);
}

.claw-topbar strong { font-size: var(--hr-sub-type-lead); }

/* 人才 Claw：对话 */
.conversation-heading span,
.draft-heading > div:first-child span,
.model-switch button,
.conversation-notice span,
.message small,
.message-avatar,
.starter-prompts button,
.composer-actions small,
.voice-button,
.voice-button span,
.composer-wrap > p {
  font-size: var(--hr-sub-type-caption);
}

.conversation-heading h1 {
  font-size: var(--hr-sub-type-feature-title);
  line-height: var(--hr-sub-leading-title);
}

.conversation-notice p,
.message p,
.composer textarea,
.send-button {
  font-size: var(--hr-sub-type-body);
  line-height: var(--hr-sub-leading-body);
}

/* 人才 Claw：实时岗位卡与人才卡 */
.draft-heading h2 { font-size: var(--hr-sub-type-card-title); }
.completeness-ring strong { font-size: var(--hr-sub-type-body); }
.completeness-ring small,
.draft-source-note,
.draft-form label > span,
.detail-fields summary,
.detail-fields summary span,
.risk-card header span,
.risk-card header strong,
.output-tabs button,
.publish-gate > small,
.publish-success span,
.resume-word-copy span,
.resume-word-card > small,
.job-marketing-card > header span,
.job-marketing-card > header > b,
.job-marketing-card > small,
.job-marketing-actions button,
.job-marketing-actions a,
.output-content .status-label {
  font-size: var(--hr-sub-type-caption);
}

.draft-form input,
.draft-form select,
.draft-form textarea,
.save-draft-button,
.risk-card p,
.risk-item span,
.output-content,
.publish-gate label span,
.publish-gate button,
.publish-success a,
.resume-word-copy p,
.resume-word-card > button,
.job-marketing-card > p,
.job-marketing-generate,
.job-moments-image,
.job-moments-copy,
.toast {
  font-size: var(--hr-sub-type-body);
  line-height: var(--hr-sub-leading-body);
}

.output-content h3,
.publish-success strong,
.resume-word-copy h3,
.job-marketing-card > header h3,
.job-moments-copy strong {
  font-size: var(--hr-sub-type-lead);
  line-height: var(--hr-sub-leading-title);
}

/* 招聘图文素材工作台 */
.hr-case-page .back-link,
.hr-case-page .eyebrow {
  font-size: var(--hr-sub-type-caption);
}

.hr-case-hero h1 {
  font-size: var(--hr-sub-type-display);
  line-height: 1.18;
  letter-spacing: -1px;
}

.hr-case-hero > p:last-child {
  font-size: var(--hr-sub-type-lead);
  line-height: var(--hr-sub-leading-body);
}

.hr-marketing-panel h2,
.hr-marketing-results h2 {
  font-size: var(--hr-sub-type-feature-title);
  line-height: var(--hr-sub-leading-title);
}

.hr-marketing-field,
.hr-marketing-field textarea,
.hr-marketing-field input,
.hr-marketing-actions button,
.hr-material-actions button,
.hr-marketing-status,
.hr-marketing-preview,
.hr-material-cover,
.hr-output-block p {
  font-size: var(--hr-sub-type-body);
  line-height: var(--hr-sub-leading-body);
}

.hr-output-block h3 {
  font-size: var(--hr-sub-type-card-title);
  line-height: var(--hr-sub-leading-title);
}

@media (max-width: 760px) {
  :root {
    --hr-sub-type-feature-title: 26px;
    --hr-sub-type-display: 42px;
  }

  .new-task-button { font-size: 0; }
  .new-task-button span { font-size: var(--hr-sub-type-card-title); }
  .conversation-heading h1 { font-size: var(--hr-sub-type-feature-title); }
}