/* 人体专业知识 · 操作流程（process）路由样式
   来源：素材/Human-Professional-Knowledge modules/process.css 全部 process- 规则
        + styles/95-brand-visual-unification.css 中 process- 相关最终覆盖（圆角/渐变按钮/徽章），已按最终合成效果合入。
   适配：模块 monochrome-dark-v1 灰阶体系（--hk-panel/--hk-panel-secondary/--hk-border/--hk-muted/--hk-strong/--hk-faint）。
   映射约定：面板/边框 → --hk-*；正文墨色 → --hk-strong/--hk-muted/--hk-faint；
   原版带浅底强调色的徽章/序号/按钮为自洽配色对，成对保留原值。 */

.process-workspace {
  min-height: 100%;
  padding: 18px 22px 34px;
  color: var(--hk-strong, #e5e5e5);
  display: grid;
  grid-template-columns: minmax(204px, 248px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

/* 模块约定：暗色主题下图标反色；原文本按钮改为锚点后统一去下划线并保持按钮外观 */
.process-workspace img { filter: invert(1); height: 1.1rem; opacity: .72; width: 1.1rem; }
.process-workspace a { text-decoration: none; }

.process-control-card > a,
.process-mainline-card > a,
.process-branch-card > a,
.process-loop-foot > a,
.process-loop-map > a,
.process-responsibility-card > a,
.process-entry-card > a,
.process-gate-card > a,
.process-package-card > a,
.process-closed-card > a,
.process-link-card > a,
.process-section-nav > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 900;
}

.process-content {
  min-width: 0;
  display: grid;
  gap: 16px;
  max-width: none;
  margin: 0;
}

/* ── 侧导航浏览器 ─────────────────────────────────────── */
.process-browser {
  position: sticky;
  top: 16px;
  min-width: 0;
  height: min(640px, calc(100vh - 64px));
  min-height: 430px;
  max-height: 640px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 12px;
  overflow: hidden;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 8px;
  background: var(--hk-panel, #141414);
  box-shadow: 0 12px 34px rgba(21, 29, 45, 0.05);
  padding: 12px;
}

.process-browser-head,
.process-browser-foot {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.process-browser-head {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--hk-border, #303030);
}

.process-browser-head span,
.process-browser-foot span {
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
  font-weight: 900;
}

.process-browser-head strong,
.process-browser-foot strong {
  color: var(--hk-strong, #e5e5e5);
  font-size: 15px;
  line-height: 1.35;
}

.process-browser-head p {
  margin: 0;
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
  line-height: 1.55;
}

.process-browser-foot {
  padding-top: 10px;
  border-top: 1px solid var(--hk-border, #303030);
}

.process-browser-foot strong {
  font-size: 12px;
  font-weight: 800;
}

.process-section-picker {
  display: none;
}

.process-section-nav {
  min-width: 0;
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 7px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 3px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.process-section-nav a {
  width: 100%;
  flex: none;
  min-width: 0;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 7px;
  background: var(--hk-panel-secondary, #242424);
  color: var(--hk-strong, #e5e5e5);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 8px;
  align-items: center;
  padding: 9px;
  text-align: left;
}

.process-section-nav a b {
  grid-row: span 2;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--hk-chip-bg);
  color: var(--hk-muted, #b3b3b3);
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 900;
}

.process-section-nav a span {
  color: inherit;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
}

.process-section-nav a small {
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
  line-height: 1.25;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.process-section-nav a:hover,
.process-section-nav a:focus-visible,
.process-section-nav a.active {
  border-color: rgba(255, 255, 255, 0.38);
  background: var(--hk-panel-secondary, #242424);
}

.process-section-nav a.active b {
  background: var(--hk-solid-bg);
  color: var(--hk-solid-fg);
}

/* ── 区块外壳与状态头 ─────────────────────────────────── */
.process-status-head,
.process-section,
.process-archive,
.process-collapsible {
  scroll-margin-top: 96px;
  background: var(--hk-panel, #141414);
  border: 1px solid var(--hk-border, #303030);
  border-radius: 8px;
  box-shadow: 0 12px 34px rgba(21, 29, 45, 0.05);
}

.process-section,
.process-archive {
  border-radius: 18px;
}

.process-status-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
  padding: 18px;
  border-left: 4px solid #2b6f82;
}

.process-kicker,
.process-section-head span {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: var(--hk-chip-bg);
  color: var(--hk-strong, #e5e5e5);
  font-size: 12px;
  font-weight: 900;
}

.process-status-head h1,
.process-section-head h2,
.process-archive h3 {
  margin: 0;
  color: var(--hk-strong, #e5e5e5);
  letter-spacing: 0;
}

.process-status-head h1 {
  margin-top: 8px;
  font-size: 24px;
  line-height: 1.25;
}

.process-status-head p,
.process-section-head p,
.process-loop-top p,
.process-step-grid p,
.process-step-support p,
.process-branch-card p,
.process-branch-card span,
.process-handoff-card p,
.process-link-card p,
.process-source-card p,
.process-table-card p {
  margin: 0;
  color: var(--hk-muted, #b3b3b3);
  line-height: 1.65;
}

.process-status-head p {
  margin-top: 10px;
  max-width: 850px;
  font-size: 15px;
}

.process-status-strip {
  min-width: 220px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.process-status-strip span {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 999px;
  background: var(--hk-chip-bg);
  color: var(--hk-strong, #e5e5e5);
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 900;
}

/* ── 区块通用 ─────────────────────────────────────────── */
.process-section {
  padding: 18px;
  display: grid;
  gap: 14px;
}

.process-section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
}

.process-section-head.compact {
  display: block;
}

.process-section-head h2 {
  margin-top: 8px;
  font-size: 20px;
  line-height: 1.25;
}

.process-section-head p {
  max-width: 560px;
  font-size: 13px;
}

/* ── 当前判断（控制台） ───────────────────────────────── */
.process-control-desk {
  border-top: 4px solid #e5e5e5;
}

.process-control-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}

.process-control-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  align-content: start;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 8px;
  background: var(--hk-panel, #141414);
  padding: 14px;
}

.process-control-head {
  display: grid;
  gap: 7px;
}

.process-control-head span {
  width: fit-content;
  border-radius: 999px;
  background: var(--hk-chip-bg);
  padding: 4px 8px;
  color: var(--hk-strong, #e5e5e5);
  font-size: 12px;
  font-weight: 900;
}

.process-control-head strong {
  color: var(--hk-strong, #e5e5e5);
  font-size: 15px;
  line-height: 1.35;
}

.process-control-card h3 {
  margin: 0;
  color: var(--hk-strong, #e5e5e5);
  font-size: 18px;
  line-height: 1.25;
  letter-spacing: 0;
}

.process-control-trigger {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.process-control-trigger span {
  border-radius: 999px;
  background: var(--hk-panel-secondary, #242424);
  border: 1px solid var(--hk-border, #303030);
  padding: 4px 7px;
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
  font-weight: 800;
}

.process-control-card p {
  margin: 0;
  color: var(--hk-muted, #b3b3b3);
  font-size: 13px;
  line-height: 1.6;
}

.process-control-card p b {
  color: var(--hk-strong, #e5e5e5);
}

.process-control-card > a {
  justify-self: start;
  min-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 7px;
  background: var(--hk-solid-bg);
  color: var(--hk-solid-fg);
  font-size: 13px;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.process-control-card > a:hover,
.process-loop-map > a:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(18, 38, 58, 0.12);
}

/* ── 主线总览 ─────────────────────────────────────────── */
.process-mainline {
  border-top: 4px solid #e5e5e5;
}

.process-mainline-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.process-mainline-card {
  min-width: 0;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 8px;
  background: var(--hk-panel, #141414);
  display: grid;
  gap: 11px;
  align-content: start;
  padding: 14px;
}

.process-mainline-card div:first-child {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  align-items: center;
}

.process-mainline-card div:first-child span {
  width: 32px;
  height: 30px;
  border-radius: 8px;
  background: var(--hk-chip-bg);
  color: var(--hk-strong, #e5e5e5);
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 900;
}

.process-mainline-card div:first-child strong {
  color: var(--hk-strong, #e5e5e5);
  font-size: 16px;
  line-height: 1.35;
}

.process-mainline-card p {
  margin: 0;
  color: var(--hk-muted, #b3b3b3);
  line-height: 1.6;
}

.process-mainline-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.process-mainline-card dl div {
  display: grid;
  gap: 3px;
  border-top: 1px solid var(--hk-border, #303030);
  padding-top: 8px;
}

.process-mainline-card dt {
  color: var(--hk-faint, #7a7a7a);
  font-size: 12px;
  font-weight: 900;
}

.process-mainline-card dd {
  margin: 0;
  color: var(--hk-muted, #b3b3b3);
  line-height: 1.55;
}

.process-mainline-card > a {
  justify-self: start;
  min-height: 32px;
  border: 0;
  border-radius: 7px;
  background: var(--hk-solid-bg);
  color: var(--hk-solid-fg);
  cursor: pointer;
  font-size: 13px;
  padding: 0 12px;
}

/* ── 卡住回流 ─────────────────────────────────────────── */
.process-branch-desk {
  border-top: 4px solid #b3b3b3;
}

.process-branch-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.process-branch-card {
  min-width: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 11px;
  padding: 14px;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 18px;
  background: var(--hk-panel, #141414);
}

.process-branch-card strong,
.process-handoff-card strong,
.process-link-card strong,
.process-source-card strong,
.process-table-card strong {
  color: var(--hk-strong, #e5e5e5);
  font-size: 16px;
  line-height: 1.35;
}

.process-branch-card span {
  color: var(--hk-muted, #b3b3b3);
}

.process-branch-card > a {
  justify-self: start;
  min-height: 32px;
  padding: 0 12px;
  font-size: 13px;
  border: 0;
  border-radius: 999px;
  background: var(--hk-chip-bg);
  color: var(--hk-strong, #e5e5e5);
  box-shadow: 0 12px 24px rgba(255, 255, 255, 0.18);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.process-branch-card > a:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(255, 255, 255, 0.22);
}

/* ── 折叠区（details） ────────────────────────────────── */
.process-collapsible {
  overflow: hidden;
}

.process-collapsible > summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  cursor: pointer;
}

.process-collapsible > summary::-webkit-details-marker,
.process-archive > summary::-webkit-details-marker,
.process-mechanism-sources summary::-webkit-details-marker,
.process-research-card summary::-webkit-details-marker {
  display: none;
}

.process-collapsible > summary div {
  display: grid;
  gap: 4px;
}

.process-collapsible > summary span {
  width: fit-content;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: var(--hk-chip-bg);
  color: var(--hk-strong, #e5e5e5);
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 900;
}

.process-collapsible > summary strong {
  color: var(--hk-strong, #e5e5e5);
  font-size: 18px;
  line-height: 1.3;
}

.process-collapsible > summary small {
  color: var(--hk-muted, #b3b3b3);
  line-height: 1.45;
}

.process-collapsible > summary b {
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--hk-chip-bg);
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
  padding: 6px 10px;
}

.process-collapsible[open] > summary {
  border-bottom: 1px solid var(--hk-border, #303030);
}

.process-collapsible[open] > summary b {
  background: var(--hk-chip-bg);
  color: var(--hk-muted, #b3b3b3);
}

.process-collapsible-body {
  display: grid;
  gap: 14px;
  padding: 14px;
  background: var(--hk-panel-secondary, #242424);
}

.process-collapsible-body > .process-section {
  box-shadow: none;
  background: var(--hk-panel, #141414);
}

/* ── 详细九步：闭环地图 + 步骤卡 ──────────────────────── */
.process-loop-map {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  gap: 8px;
}

.process-loop-map > a {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 4px 7px;
  align-items: center;
  min-height: 74px;
  background: var(--hk-panel, #141414);
  border: 1px solid var(--hk-border, #303030);
  color: var(--hk-strong, #e5e5e5);
  padding: 9px;
  text-align: left;
}

.process-loop-map b {
  grid-row: span 2;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--hk-chip-bg);
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
}

.process-loop-map span,
.process-loop-map small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.process-loop-map span {
  font-size: 13px;
  font-weight: 900;
}

.process-loop-map small {
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
  font-weight: 800;
}

.process-loop-list {
  display: grid;
  gap: 12px;
}

.process-loop-card {
  min-width: 0;
  display: grid;
  gap: 13px;
  padding: 16px;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 18px;
  background: var(--hk-panel, #141414);
}

.process-loop-top {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.process-loop-top > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: var(--hk-chip-bg);
  color: var(--hk-muted, #b3b3b3);
  font-weight: 900;
}

.process-loop-top strong {
  color: var(--hk-strong, #e5e5e5);
  font-size: 16px;
  line-height: 1.35;
}

.process-loop-top p {
  margin-top: 4px;
}

.process-step-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.process-step-grid div {
  min-width: 0;
  padding: 11px;
  border-radius: 7px;
  background: var(--hk-panel-secondary, #242424);
  border: 1px solid var(--hk-border, #303030);
}

.process-step-support {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  border-top: 1px solid var(--hk-border, #303030);
  padding-top: 12px;
}

.process-step-support div {
  min-width: 0;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 7px;
  background: var(--hk-panel, #141414);
  padding: 10px;
}

.process-step-grid small {
  display: block;
  margin-bottom: 5px;
  color: var(--hk-faint, #7a7a7a);
  font-weight: 900;
}

.process-step-support small {
  display: block;
  margin-bottom: 5px;
  color: var(--hk-faint, #7a7a7a);
  font-weight: 900;
}

.process-loop-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.process-loop-foot > a {
  min-height: 32px;
  padding: 0 12px;
  font-size: 13px;
  border: 0;
  border-radius: 999px;
  background: var(--hk-chip-bg);
  color: var(--hk-strong, #e5e5e5);
  box-shadow: 0 12px 24px rgba(255, 255, 255, 0.18);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.process-loop-foot > a:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(255, 255, 255, 0.22);
}

.process-loop-foot em {
  color: var(--hk-muted, #b3b3b3);
  font-size: 13px;
  font-style: normal;
}

/* ── 机制流程 ─────────────────────────────────────────── */
.process-mechanism-evaluation {
  border-top: 4px solid #e5e5e5;
}

.process-mechanism-summary,
.process-mechanism-grid,
.process-evidence-grid,
.process-anchor-grid {
  display: grid;
  gap: 12px;
}

.process-mechanism-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.process-mechanism-summary article,
.process-mechanism-step,
.process-evidence-rule,
.process-anchor-card {
  min-width: 0;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 8px;
  background: var(--hk-panel, #141414);
}

.process-mechanism-summary article {
  padding: 15px;
  background: var(--hk-panel-secondary, #242424);
}

.process-mechanism-summary small,
.process-anchor-card small {
  display: block;
  color: var(--hk-faint, #7a7a7a);
  font-size: 12px;
  font-weight: 900;
}

.process-mechanism-summary strong,
.process-mechanism-step strong,
.process-evidence-rule strong,
.process-anchor-card strong {
  display: block;
  margin-top: 5px;
  color: var(--hk-strong, #e5e5e5);
  line-height: 1.35;
}

.process-mechanism-summary p,
.process-mechanism-step p,
.process-evidence-rule p,
.process-anchor-card p {
  margin: 7px 0 0;
  color: var(--hk-muted, #b3b3b3);
  line-height: 1.65;
}

.process-mechanism-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.process-mechanism-step {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 11px;
  padding: 13px;
  align-content: start;
}

.process-mechanism-step > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--hk-chip-bg);
  color: var(--hk-strong, #e5e5e5);
  font-weight: 900;
}

.process-mechanism-step dl {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
  margin: 0;
}

.process-mechanism-step dl div {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--hk-border, #303030);
}

.process-mechanism-step dt {
  color: var(--hk-faint, #7a7a7a);
  font-size: 12px;
  font-weight: 900;
}

.process-mechanism-step dd {
  margin: 0;
  color: var(--hk-muted, #b3b3b3);
  line-height: 1.6;
}

.process-mechanism-evidence {
  display: grid;
  gap: 12px;
  padding-top: 4px;
}

.process-evidence-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.process-evidence-rule {
  padding: 13px;
  background: var(--hk-panel-secondary, #242424);
}

.process-mechanism-sources {
  border: 1px solid var(--hk-border, #303030);
  border-radius: 8px;
  background: var(--hk-panel-secondary, #242424);
  overflow: hidden;
}

.process-mechanism-sources summary {
  list-style: none;
  cursor: pointer;
  padding: 12px 14px;
  color: var(--hk-strong, #e5e5e5);
  font-weight: 900;
}

.process-anchor-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0 12px 12px;
}

.process-anchor-card {
  padding: 12px;
}

/* ── 栏目职责 ─────────────────────────────────────────── */
.process-responsibility-board {
  border-top: 4px solid #b3b3b3;
}

.process-responsibility-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.process-responsibility-card {
  min-width: 0;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 8px;
  background: var(--hk-panel, #141414);
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 14px;
}

.process-responsibility-card > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.process-responsibility-card > div span {
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--hk-chip-bg);
  color: var(--hk-muted, #b3b3b3);
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 900;
}

.process-responsibility-card > div strong {
  min-width: 0;
  color: var(--hk-strong, #e5e5e5);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.process-responsibility-card h3 {
  margin: 0;
  color: var(--hk-strong, #e5e5e5);
  font-size: 16px;
  line-height: 1.35;
}

.process-responsibility-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.process-responsibility-card dl div {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--hk-border, #303030);
}

.process-responsibility-card dt {
  color: var(--hk-faint, #7a7a7a);
  font-size: 12px;
  font-weight: 900;
}

.process-responsibility-card dd {
  margin: 0;
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
  line-height: 1.55;
}

.process-responsibility-card > a {
  justify-self: start;
  min-height: 32px;
  border: 0;
  border-radius: 7px;
  background: var(--hk-solid-bg);
  color: var(--hk-solid-fg);
  font-size: 13px;
  padding: 0 12px;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.process-responsibility-card > a:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(18, 38, 58, 0.12);
}

/* ── 闭环交接地图 ─────────────────────────────────────── */
.process-closed-loop {
  border-top: 4px solid #b3b3b3;
}

.process-closed-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}

.process-closed-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  align-content: start;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 8px;
  background: var(--hk-panel, #141414);
  padding: 14px;
  border-left: 3px solid rgba(36, 36, 36, 0.76);
}

.process-closed-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.process-closed-head b {
  width: 32px;
  height: 30px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 8px;
  background: var(--hk-chip-bg);
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
}

.process-closed-head span {
  min-width: 0;
  border-radius: 999px;
  background: var(--hk-chip-bg);
  padding: 4px 8px;
  color: var(--hk-strong, #e5e5e5);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.process-closed-card > strong {
  color: var(--hk-strong, #e5e5e5);
  font-size: 16px;
  line-height: 1.35;
}

.process-closed-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.process-closed-card dl div {
  display: grid;
  gap: 3px;
  padding-top: 8px;
  border-top: 1px solid var(--hk-border, #303030);
}

.process-closed-card dt {
  color: var(--hk-faint, #7a7a7a);
  font-size: 12px;
  font-weight: 900;
}

.process-closed-card dd {
  margin: 0;
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
  line-height: 1.55;
}

.process-closed-card p {
  margin: 0;
  color: var(--hk-muted, #b3b3b3);
  font-size: 13px;
  line-height: 1.6;
}

.process-closed-card > a {
  justify-self: start;
  min-height: 32px;
  border: 0;
  border-radius: 7px;
  background: var(--hk-solid-bg);
  padding: 0 12px;
  color: var(--hk-solid-fg);
  font-size: 13px;
  font-weight: 900;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.process-closed-card > a:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(18, 38, 58, 0.12);
}

/* ── 全站入口 ─────────────────────────────────────────── */
.process-entry-desk {
  border-top: 4px solid #b3b3b3;
}

.process-entry-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}

.process-entry-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  align-content: start;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 8px;
  background: var(--hk-panel, #141414);
  padding: 14px;
  border-left: 3px solid rgba(255, 255, 255, 0.74);
}

.process-entry-head {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
}

.process-entry-head b {
  width: 30px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--hk-chip-bg);
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
}

.process-entry-head span {
  display: block;
  margin-bottom: 3px;
  color: var(--hk-faint, #7a7a7a);
  font-size: 12px;
  font-weight: 900;
}

.process-entry-head strong {
  display: block;
  color: var(--hk-strong, #e5e5e5);
  font-size: 15px;
  line-height: 1.35;
}

.process-entry-card p {
  margin: 0;
  color: var(--hk-muted, #b3b3b3);
  font-size: 13px;
  line-height: 1.6;
}

.process-entry-card small {
  color: var(--hk-muted, #b3b3b3);
  line-height: 1.5;
  font-weight: 800;
}

.process-entry-card > a {
  justify-self: start;
  min-height: 32px;
  border: 0;
  border-radius: 7px;
  background: var(--hk-solid-bg);
  padding: 0 12px;
  color: var(--hk-solid-fg);
  font-size: 13px;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.process-entry-card > a:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(18, 38, 58, 0.12);
}

/* ── 实战分流 ─────────────────────────────────────────── */
.process-gate-desk {
  border-top: 4px solid #b3b3b3;
}

.process-gate-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}

.process-gate-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  align-content: start;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 8px;
  background: var(--hk-panel, #141414);
  padding: 14px;
  border-left: 3px solid rgba(255, 255, 255, 0.72);
}

.process-gate-head {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
}

.process-gate-head b {
  width: 30px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--hk-chip-bg);
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
}

.process-gate-head strong {
  display: block;
  color: var(--hk-strong, #e5e5e5);
  font-size: 15px;
  line-height: 1.35;
}

.process-gate-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.process-gate-card dl div {
  display: grid;
  gap: 3px;
  border-top: 1px solid var(--hk-border, #303030);
  padding-top: 8px;
}

.process-gate-card dt {
  color: var(--hk-faint, #7a7a7a);
  font-size: 12px;
  font-weight: 900;
}

.process-gate-card dd {
  margin: 0;
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
  line-height: 1.55;
}

.process-gate-card p {
  margin: 0;
  color: var(--hk-muted, #b3b3b3);
  font-size: 13px;
  line-height: 1.6;
}

.process-gate-card p b {
  color: var(--hk-strong, #e5e5e5);
}

.process-gate-card > a {
  justify-self: start;
  min-height: 32px;
  border: 0;
  border-radius: 7px;
  background: var(--hk-solid-bg);
  padding: 0 12px;
  color: var(--hk-solid-fg);
  font-size: 13px;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.process-gate-card > a:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(18, 38, 58, 0.12);
}

/* ── 交接逻辑（工作包） ───────────────────────────────── */
.process-package-flow {
  border-top: 4px solid #e5e5e5;
}

.process-package-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
}

.process-package-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  align-content: start;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 8px;
  background: var(--hk-panel, #141414);
  padding: 14px;
  border-left: 3px solid rgba(255, 255, 255, 0.76);
}

.process-package-head {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
}

.process-package-head b {
  width: 30px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--hk-chip-bg);
  color: var(--hk-strong, #e5e5e5);
  font-size: 12px;
}

.process-package-head strong {
  display: block;
  color: var(--hk-strong, #e5e5e5);
  font-size: 15px;
  line-height: 1.35;
}

.process-package-head span {
  display: block;
  margin-top: 4px;
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
  font-weight: 800;
}

.process-package-card p {
  margin: 0;
  color: var(--hk-muted, #b3b3b3);
  font-size: 13px;
  line-height: 1.6;
}

.process-package-card > a {
  justify-self: start;
  min-height: 32px;
  border: 0;
  border-radius: 7px;
  background: var(--hk-solid-bg);
  padding: 0 12px;
  color: var(--hk-solid-fg);
  font-size: 13px;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.process-package-card > a:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(18, 38, 58, 0.12);
}

/* ── 逻辑审计 / 风险卡 ────────────────────────────────── */
.process-logic-audit {
  border-top: 4px solid #b3b3b3;
}

.process-risk-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.process-risk-card {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 14px;
  background: var(--hk-panel-secondary, #242424);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 18px;
}

.process-risk-card div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.process-risk-card div span {
  flex: 0 0 auto;
  min-width: 28px;
  min-height: 24px;
  border-radius: 999px;
  background: var(--hk-chip-bg);
  color: var(--hk-muted, #b3b3b3);
  display: inline-grid;
  place-items: center;
  font-size: 12px;
  font-weight: 900;
}

.process-risk-card strong {
  color: var(--hk-strong, #e5e5e5);
  line-height: 1.35;
}

.process-risk-card p {
  margin: 0;
  color: var(--hk-muted, #b3b3b3);
  line-height: 1.65;
}

.process-risk-card b {
  color: var(--hk-strong, #e5e5e5);
  line-height: 1.6;
}

.process-risk-card small {
  color: var(--hk-faint, #7a7a7a);
  font-weight: 800;
}

.process-safeguard-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 8px;
  background: var(--hk-panel-secondary, #242424);
}

.process-safeguard-strip span {
  border-radius: 999px;
  background: var(--hk-chip-bg);
  color: var(--hk-strong, #e5e5e5);
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 900;
}

/* ── 研究条目转前台 ───────────────────────────────────── */
.process-research-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.process-research-card {
  display: grid;
  gap: 8px;
  padding: 13px;
  background: var(--hk-panel-secondary, #242424);
  border: 1px solid var(--hk-border, #303030);
  border-radius: 18px;
}

.process-research-card div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.process-research-card > div > span {
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--hk-chip-bg);
  color: var(--hk-strong, #e5e5e5);
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 900;
}

.process-research-card strong {
  color: var(--hk-strong, #e5e5e5);
  line-height: 1.35;
}

.process-research-card p {
  margin: 0;
  color: var(--hk-muted, #b3b3b3);
  line-height: 1.65;
}

.process-research-card details {
  border-top: 1px solid var(--hk-border, #303030);
  padding-top: 8px;
}

.process-research-card summary {
  list-style: none;
  cursor: pointer;
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
  font-weight: 900;
}

.process-research-card ul {
  margin: 8px 0 0;
  padding: 0;
  display: grid;
  gap: 6px;
}

.process-research-card li {
  list-style: none;
  display: grid;
  grid-template-columns: minmax(58px, auto) minmax(0, 1fr);
  gap: 8px;
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
  line-height: 1.45;
}

.process-research-card li b {
  color: var(--hk-strong, #e5e5e5);
}

.process-research-card li span {
  display: block;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-size: inherit;
  font-weight: 700;
}

.process-research-card details small {
  display: block;
  margin-top: 6px;
  color: var(--hk-muted, #b3b3b3);
}

/* ── 交接包 / 常用入口 双栏 ───────────────────────────── */
.process-two-column {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
  align-items: start;
}

.process-handoff-list {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

.process-handoff-card {
  padding: 14px;
  display: grid;
  gap: 9px;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 18px;
  background: var(--hk-panel, #141414);
}

.process-handoff-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.process-handoff-head span {
  flex: 0 0 auto;
  padding: 4px 8px;
  border-radius: 999px;
  background: var(--hk-chip-bg);
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
  font-weight: 900;
}

.process-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.process-chip-list span {
  padding: 5px 8px;
  border-radius: 999px;
  background: var(--hk-chip-bg);
  color: var(--hk-strong, #e5e5e5);
  font-size: 12px;
  font-weight: 800;
}

.process-link-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.process-link-card {
  padding: 13px;
  display: grid;
  gap: 8px;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 18px;
  background: var(--hk-panel, #141414);
}

.process-link-card > a {
  justify-self: start;
  min-height: 32px;
  padding: 0 12px;
  font-size: 13px;
  border: 0;
  border-radius: 999px;
  background: var(--hk-chip-bg);
  color: var(--hk-strong, #e5e5e5);
  box-shadow: 0 12px 24px rgba(255, 255, 255, 0.18);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.process-link-card > a:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(255, 255, 255, 0.22);
}

/* ── 完整流程资料（archive） ──────────────────────────── */
.process-archive {
  overflow: hidden;
}

.process-archive > summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  cursor: pointer;
}

.process-archive summary strong {
  display: block;
  color: var(--hk-strong, #e5e5e5);
  font-size: 17px;
}

.process-archive summary small {
  display: block;
  margin-top: 4px;
  color: var(--hk-muted, #b3b3b3);
  line-height: 1.5;
}

.process-archive summary b {
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--hk-chip-bg);
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
}

.process-archive[open] summary b {
  background: var(--hk-chip-bg);
  color: var(--hk-muted, #b3b3b3);
}

.process-archive-grid {
  display: grid;
  gap: 18px;
  padding: 0 18px 18px;
  border-top: 1px solid var(--hk-border, #303030);
}

.process-archive-grid h3 {
  margin: 16px 0 10px;
  font-size: 16px;
  color: var(--hk-strong, #e5e5e5);
}

.process-source-grid,
.process-table-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.process-source-card,
.process-table-card {
  padding: 13px;
  display: grid;
  gap: 7px;
  border: 1px solid var(--hk-border, #303030);
  border-radius: 18px;
  background: var(--hk-panel, #141414);
}

.process-source-card small,
.process-table-card span {
  color: var(--hk-muted, #b3b3b3);
  font-size: 12px;
  font-weight: 900;
}

/* ── 响应式 ───────────────────────────────────────────── */
@media (max-width: 1200px) {
  .process-entry-grid,
  .process-closed-grid,
  .process-responsibility-grid,
  .process-branch-grid,
  .process-gate-grid,
  .process-package-grid,
  .process-control-grid,
  .process-source-grid,
  .process-table-grid,
  .process-risk-grid,
  .process-mechanism-grid,
  .process-evidence-grid,
  .process-anchor-grid,
  .process-mechanism-summary,
  .process-mainline-grid,
  .process-research-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .process-loop-map {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .process-two-column {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .process-workspace {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .process-browser {
    position: static;
    height: auto;
    min-height: 0;
    max-height: none;
  }

  .process-section-nav {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 4px;
  }

  .process-section-nav a {
    flex: 0 0 180px;
  }

  .process-status-head,
  .process-section-head,
  .process-step-grid,
  .process-step-support,
  .process-entry-grid,
  .process-closed-grid,
  .process-responsibility-grid,
  .process-branch-grid,
  .process-gate-grid,
  .process-package-grid,
  .process-control-grid,
  .process-loop-map,
  .process-source-grid,
  .process-table-grid,
  .process-risk-grid,
  .process-mechanism-grid,
  .process-evidence-grid,
  .process-anchor-grid,
  .process-mechanism-summary,
  .process-mainline-grid,
  .process-research-grid,
  .process-link-grid {
    grid-template-columns: 1fr;
  }

  .process-status-head {
    display: grid;
  }

  .process-status-strip {
    justify-content: flex-start;
    min-width: 0;
  }

  .process-loop-foot,
  .process-handoff-head,
  .process-collapsible > summary,
  .process-archive > summary {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* 窄屏：侧导航浏览器折为顶部横排条 */
@media (max-width: 760px) {
  .process-workspace {
    padding: 12px;
    gap: 12px;
  }

  .process-browser {
    display: grid;
    grid-template-rows: auto auto auto;
    gap: 8px;
    padding: 10px;
  }

  .process-browser-head {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;
    padding-bottom: 8px;
  }

  .process-browser-head p {
    display: none;
  }

  .process-section-nav {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 7px;
  }

  .process-section-nav a {
    flex: 0 0 auto;
    width: auto;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 7px 9px;
  }

  .process-section-nav a small {
    display: none;
  }

  .process-browser-foot {
    padding-top: 8px;
  }

  .process-two-column,
  .process-mainline-grid,
  .process-research-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .process-workspace {
    padding: 10px;
  }

  .process-section {
    padding: 12px;
  }

  .process-loop-map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}