/* 企业合规页 · 页内专有样式（复用 laws.css 的检索框 / 卡片 / 弹层 / 骨架，
 * 这里只加：域侧栏、风险色标、证据标签、详情分区、板块切换条之外的补充）。
 * 只作用于 .kb-* 节点，不改 laws.css 与 site.css 既有规则。
 */

/* ---------- 域侧栏：44 个域，桌面端限高滚动，移动端横向滑 ---------- */
/* 桌面端：整栏限高内滚，sticky 固定后 44 个域仍然全部可达 */
.kb-domains { max-height: calc(100vh - 130px); overflow-y: auto; overscroll-behavior: contain; }
.kb-domains .lw-fopts { gap: 4px; }
/* 44 个域竖排：整宽按钮 + 名称压左、计数压右 */
.kb-domains .kb-dbtn { width: 100%; justify-content: flex-start; text-align: left; }
.kb-domains .kb-dbtn i { margin-left: auto; }
.kb-sub { display: flex; flex-wrap: wrap; gap: 4px; padding: 6px 2px 2px; }
.kb-sub a {
  font-size: 12px; line-height: 1.4; padding: 3px 7px; border-radius: 4px;
  color: var(--muted); background: var(--blue-tint, #EDF4FF); text-decoration: none;
}
.kb-sub a:hover { color: var(--brand); }
.kb-sub a.on { background: var(--brand); color: #fff; }

/* ---------- 风险等级色标：D13 码 A 重大 / B 高 / C 中 / D 低 ---------- */
.kb-risk {
  display: inline-block; margin-left: 8px; padding: 1px 6px; border-radius: 4px;
  font-size: 12px; line-height: 1.6; font-weight: 400; vertical-align: 2px; white-space: nowrap;
}
.kb-risk.rA { background: #FDECEC; color: #A32D2D; }
.kb-risk.rB { background: #FDF1E4; color: #9A5B12; }
.kb-risk.rC { background: #EEF3FB; color: #2A5591; }
.kb-risk.rD { background: #EEF2F0; color: #4E6660; }

/* ---------- 证据标签 ---------- */
.kb-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.kb-tag {
  font-size: 12px; line-height: 1.5; padding: 2px 7px; border-radius: 4px;
  border: 1px solid var(--line-2); color: var(--muted); background: var(--white);
}
.kb-go { margin-left: auto; font-size: 13px; color: var(--brand); white-space: nowrap; }

/* ---------- 详情弹层分区 ---------- */
.kb-dtl > section { padding: 14px 0; border-top: 1px solid var(--line-soft); }
.kb-dtl > section:first-child { border-top: 0; padding-top: 0; }
.kb-dtl h4 {
  margin: 0 0 6px; font-size: 13px; font-weight: 500; color: var(--label);
  letter-spacing: .02em;
}
.kb-dtl p { margin: 0; font-size: 14px; line-height: 1.8; color: var(--ink); }
.kb-dtl .kb-flag {
  border-left: 3px solid #E24B4A; padding: 10px 12px; background: #FDF6F6; border-radius: 0 4px 4px 0;
}
.kb-dtl .kb-flag h4 { color: #A32D2D; }
.kb-dtl .kb-muted { color: var(--faint); font-size: 13px; }

/* ---------- 页脚说明 ---------- */
.kb-src { margin: 22px 0 0; font-size: 12px; line-height: 1.8; color: var(--faint); }
.kb-src a { color: var(--brand); }

/* ---------- 移动端 ---------- */
@media (max-width: 900px) {
  /* 法规页在移动端把筛选条改成「横向滑动的 chips」（.lw-filters 变 flex + .lw-fopts nowrap）。
     企业合规的域是 44 项目录，套用这套会让它们排成 7000px 的一行（实测 7417px 溢出），
     所以这里整体复位成竖排 + 限高内滚。 */
  .kb-domains { display: block; position: static; overflow: visible; max-height: none; }
  .kb-domains .lw-fgroup { margin-bottom: 16px; }
  .kb-domains .lw-fopts { flex-wrap: wrap; }
  .kb-domains .lw-fopt { white-space: normal; }
  .kb-fgroup-domains .lw-fopts { max-height: 216px; overflow-y: auto; overscroll-behavior: contain; }
  .kb-sub { display: none; }
}