/* ==========================================================================
   mm.css — 「重要法律思维导图」子站样式（v2.50.0 新增）
   --------------------------------------------------------------------------
   与既有 8 个子站共用设计令牌与顶部导航（见 ../css/site-header.css），
   本文件只负责本站内容区：专题首页、导图层级树、节点来源面板、
   论证关系视图、双视图切换与检索。
   设计令牌取值与 qa/css/qa.css、laws/css/lib.css 完全一致。

   无 JS 降级：层级树、关系列表、来源面板均为原生 <details>/<summary>，
   禁用 JS 时仍可逐级展开阅读全部内容。
   ========================================================================== */

:root{
  --bg:#f5f6f8; --card:#fff; --line:#e6e8ec; --line2:#eef0f3;
  --txt:#1f2329; --txt2:#5c636e; --txt3:#8a9099;
  --red:#0a2e5c; --red2:#07203f; --blue:#1a4a7c; --green:#1f9254;
  --head:#0a2e5c; --gold:#a6853d; --purple:#6b4bb5;
  /* 层级色标 */
  --lv1:#0a2e5c; --lv2:#1a4a7c; --lv3:#1f9254; --lv4:#a6853d;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg); color:var(--txt);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
  font-size:14px; line-height:1.7; -webkit-font-smoothing:antialiased;
}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.muted{color:var(--txt3)}
.hl{background:#fff3cd;border-radius:2px;padding:0 1px}

/* ============================ 学习参考提示条 ============================ */
.noticebar{
  background:#fff8e6;border-bottom:1px solid #f0e3bd;color:#7a6320;
  font-size:12.5px;line-height:1.8;padding:8px 16px;text-align:center;
}
.noticebar b{color:#8a5a10}

/* ============================ 主体布局 ============================ */
.wrap{max-width:1500px;margin:0 auto;display:flex;gap:16px;padding:16px;align-items:flex-start}
.side{
  width:290px;flex:0 0 290px;position:sticky;top:70px;max-height:calc(100vh - 92px);overflow:auto;
  background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 10px;
}
.side-t{
  font-size:12px;color:var(--txt3);padding:4px 6px 8px;letter-spacing:.5px;
  display:flex;justify-content:space-between;gap:8px;align-items:center;
}
.main{flex:1 1 auto;min-width:0}
@media (max-width:1000px){
  .wrap{flex-direction:column;align-items:stretch;padding:10px}
  .side{width:100%;flex:none;position:static;max-height:none}
}

/* ============================ 卡片 ============================ */
.card{
  background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:16px 18px;margin-bottom:14px;
}
.card > h2{margin:0 0 10px;font-size:16px;line-height:1.5}
.card > h3{margin:0 0 8px;font-size:14.5px;line-height:1.5}

/* ============================ 专题首页 ============================ */
/* auto-fit：专题数少于一行可容纳数时由剩余卡片均分整行宽度，不留空白列
   （v2.54.0 由 auto-fill 改；配合筛选用户只显示 1 个分类时同样不塌陷） */
.tp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
/* v4.4.17：320px 下专题卡最小列 300px + 内边距溢出（+9px），窄屏单列 */
@media (max-width:520px){.tp-grid,.rel-list{grid-template-columns:1fr}}
/* 分类筛选条（v2.54.0 新增） */
.tp-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.tp-filter a{
  font-size:12px;padding:4px 12px;border-radius:20px;background:#f7f8fa;
  border:1px solid var(--line);color:var(--txt2);cursor:pointer;white-space:nowrap;
}
.tp-filter a:hover{background:#f5f9fc;border-color:#e8c8c4;text-decoration:none}
.tp-filter a.on{background:var(--head);border-color:var(--head);color:#fff}
.tp-filter a.on b{color:#fff}
.tp-filter a b{color:var(--txt3);font-weight:600;margin-left:2px}
.tp-card{
  background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:16px 18px;display:flex;flex-direction:column;gap:8px;
}
.tp-card:hover{border-color:var(--head);text-decoration:none}
.tp-hd{display:flex;align-items:center;gap:10px}
.tp-ico{font-size:24px;line-height:1}
.tp-nm{font-size:16px;font-weight:700;color:var(--txt)}
.tp-tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{
  font-size:11.5px;padding:2px 8px;border-radius:20px;background:#f2f4f7;
  color:var(--txt2);border:1px solid var(--line2);white-space:nowrap;
}
.tag.pub{background:#eaf6ee;color:var(--green);border-color:#cbe8d6}
.tag.draft{background:#fdf3e3;color:var(--gold);border-color:#f0e3bd}
.tag.cat{background:#eef3fb;color:#1a4a7c;border-color:#d6e2f5}
.tp-desc{font-size:13px;color:var(--txt2);line-height:1.75}
.tp-stat{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--txt3);border-top:1px dashed var(--line);padding-top:8px}
.tp-stat b{color:var(--txt);font-weight:600}
.tp-go{margin-top:auto;font-size:13px;color:var(--head);font-weight:600}

/* 法规核验表 */
table.vt{width:100%;border-collapse:collapse;font-size:12.5px}
table.vt th,table.vt td{border:1px solid var(--line);padding:7px 9px;text-align:left;vertical-align:top}
table.vt th{background:#f7f8fa;color:var(--txt2);font-weight:600;white-space:nowrap}
table.vt td.ok{color:var(--green);white-space:nowrap}
.tbl-scroll{overflow:auto;max-height:72vh}
table.vt thead th{position:sticky;top:0;z-index:2;background:#f7f8fa;box-shadow:inset 0 -1px 0 var(--line)}
table.vt tbody tr:nth-child(even){background:#fafbfc}
table.vt tbody tr:hover{background:#f5f9fc}

/* 法律索引（v2.64.0）：统计行入口 + 可排序表头 */
.tp-stat .tp-lx{
  color:var(--head);cursor:pointer;border-bottom:1px dashed rgba(10,46,92,.4);
  padding-bottom:1px;transition:color .15s;
}
.tp-stat .tp-lx:hover,.tp-stat .tp-lx.on{color:var(--gold);border-bottom-color:var(--gold)}
.tp-stat .tp-lx:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}
table.vt.lidx th.sorth{cursor:pointer;user-select:none}
table.vt.lidx th.sorth:hover{color:var(--head);background:#f1f5fb}
table.vt.lidx th.sorth.on{color:var(--head)}
table.vt.lidx th.sorth:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
table.vt.lidx th .sar{margin-left:3px;font-size:11px;color:var(--txt3)}
table.vt.lidx th.sorth.on .sar{color:var(--head)}
table.vt.lidx td a.lname{color:var(--head);text-decoration:none}
table.vt.lidx td a.lname:hover{text-decoration:underline}
/* 索引表以「一部法规一行」为主，垂直居中并让短列不折行，避免行高被机关名撑大 */
table.vt.lidx td{vertical-align:middle}
table.vt.lidx td:nth-child(2),table.vt.lidx td:nth-child(4),
table.vt.lidx td:nth-child(5),table.vt.lidx td:nth-child(6){white-space:nowrap}

/* ============================ 视图切换条 ============================ */
.vbar{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:10px 12px;margin-bottom:14px;
}
.vseg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#f7f8fa}
.vseg button{
  border:0;background:transparent;padding:6px 14px;font-size:13px;font-family:inherit;
  color:var(--txt2);cursor:pointer;line-height:1.5;
}
.vseg button + button{border-left:1px solid var(--line)}
.vseg button.on{background:var(--head);color:#fff;font-weight:600}
.vseg button:focus-visible{outline:2px solid var(--head);outline-offset:-2px}
.vbar .sp{flex:1}
.vbtn{
  border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 12px;
  font-size:13px;font-family:inherit;color:var(--txt2);cursor:pointer;line-height:1.5;
}
.vbtn:hover{background:#f7f8fa;color:var(--txt)}
.vhint{font-size:12px;color:var(--txt3)}

/* ============================ 导图层级树 ============================ */
.tree{
  background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;
  overflow-x:auto;
}
.nd{margin:0}
.nd > summary{
  display:flex;align-items:flex-start;gap:8px;cursor:pointer;list-style:none;
  padding:7px 10px;border-radius:8px;border:1px solid var(--line2);
  background:#fff;position:relative;
}
.nd > summary::-webkit-details-marker{display:none}
.nd > summary:hover{background:#fafbfc;border-color:var(--line)}
.nd[open] > summary{background:#f5f9fc;border-color:#dde8f3}
.nd > summary:focus-visible{outline:2px solid var(--head);outline-offset:1px}

.nd-arrow{
  flex:none;width:14px;text-align:center;color:var(--txt3);font-size:11px;
  transition:transform .15s;line-height:1.9;
}
.nd[open] > summary .nd-arrow{transform:rotate(90deg)}
.nd-kids > .nd > summary .nd-arrow{transform:none}
.nd-kids > .nd[open] > summary .nd-arrow{transform:rotate(90deg)}
.nd-noarrow .nd-arrow{visibility:hidden}

.nd-id{
  flex:none;font-size:11px;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:#fff;background:var(--lv3);border-radius:4px;padding:1px 5px;line-height:1.7;margin-top:2px;min-width:22px;text-align:center;
}
.nd[data-lv="1"] > summary .nd-id{background:var(--lv1)}
.nd[data-lv="2"] > summary .nd-id{background:var(--lv2)}
.nd[data-lv="3"] > summary .nd-id{background:var(--lv3)}
.nd[data-lv="4"] > summary .nd-id{background:var(--lv4)}

.nd-tt{flex:1 1 auto;min-width:0}
.nd-t{font-size:14px;font-weight:600;color:var(--txt);line-height:1.6}
.nd[data-lv="1"] > summary .nd-t{font-size:16px;color:var(--head)}
.nd[data-lv="2"] > summary .nd-t{font-size:15px;color:var(--blue)}
.nd-cnt{flex:none;font-size:11.5px;color:var(--txt3);white-space:nowrap;margin-top:3px}

/* 连线：子节点区左侧竖线 + 每个子节点横线 */
.nd-kids{
  margin:6px 0 0 0;padding:0 0 0 22px;list-style:none;
  border-left:2px solid var(--line);
}
.nd-kids > .nd{position:relative;margin:0 0 6px 0}
.nd-kids > .nd::before{
  content:"";position:absolute;left:-22px;top:20px;width:18px;height:2px;
  background:var(--line);
}
.nd[data-lv="2"] > .nd-kids{border-left-color:#cfe0f7}
.nd[data-lv="3"] > .nd-kids{border-left-color:#cfe8da}

.nd-body{padding:10px 12px 4px;margin:0 0 4px;border-left:3px solid var(--head);background:#fcfcfd;border-radius:0 8px 8px 0}
.nd[data-lv="2"] > .nd-body{border-left-color:var(--blue)}
.nd[data-lv="3"] > .nd-body{border-left-color:var(--green)}
.nd[data-lv="4"] > .nd-body{border-left-color:var(--gold)}

.nd-rule{
  font-size:13px;color:var(--txt);background:#fff8e6;border:1px solid #f0e3bd;
  border-radius:8px;padding:8px 11px;margin-bottom:9px;line-height:1.75;
}
.nd-rule b{color:#8a5a10;font-size:12px;display:block;margin-bottom:2px}
.nd-d{font-size:13.5px;color:var(--txt2);line-height:1.85;margin-bottom:8px}
.nd-pl{
  font-size:13.5px;color:#1f6b4a;background:#eef8f2;border:1px dashed #bfe3ce;
  border-radius:8px;padding:8px 11px;margin-bottom:9px;line-height:1.8;
}
.nd-pl b{color:var(--green);font-size:12px;display:block;margin-bottom:2px}
body.plain .nd-d{display:none}
body:not(.plain) .nd-pl{display:none}

/* 关系徽章 */
.rel-bar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 9px}
.rel-b{
  font-size:11.5px;padding:2px 9px;border-radius:20px;border:1px solid var(--line);
  background:#f7f8fa;color:var(--txt2);white-space:nowrap;
}
.rel-b:hover{text-decoration:none;border-color:var(--head);color:var(--head);background:#f5f9fc}
.rel-b i{font-style:normal;color:var(--txt3)}
.rel-ty-规则例外{background:#fdf3e3;border-color:#f0e3bd;color:var(--gold)}
.rel-ty-要件证据{background:#eaf0fb;border-color:#d3e0f5;color:var(--blue)}
.rel-ty-抗辩反驳{background:#eef3f9;border-color:#dde8f3;color:var(--head)}
.rel-ty-时间顺序{background:#f2f4f7;border-color:var(--line);color:var(--txt2)}

/* 三类索引（来源面板） */
.src{margin-top:2px}
.src-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.src-tab{
  border:1px solid var(--line);background:#fff;border-radius:7px;
  padding:4px 11px;font-size:12.5px;font-family:inherit;color:var(--txt2);cursor:pointer;line-height:1.6;
}
.src-tab.on{background:var(--head);border-color:var(--head);color:#fff;font-weight:600}
.src-tab:focus-visible{outline:2px solid var(--head);outline-offset:1px}
.src-pane{display:none}
.src-pane.on{display:block}

.law-item{border:1px solid var(--line2);border-radius:8px;padding:8px 11px;margin-bottom:7px;background:#fff}
.law-hd{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:3px}
.law-nm{font-size:12.5px;font-weight:700;color:var(--txt)}
.law-art{font-size:12px;color:var(--head);font-weight:600}
.law-tx{font-size:12.5px;color:var(--txt2);line-height:1.8}
.law-go{font-size:11.5px;margin-top:4px}

.case-item{border:1px solid var(--line2);border-radius:8px;padding:8px 11px;margin-bottom:7px;background:#fff}
.case-t{font-size:13px;font-weight:600;color:var(--txt);line-height:1.65;margin-bottom:3px}
.case-m{font-size:11.5px;color:var(--txt3);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:3px}
.case-pt{font-size:12.5px;color:var(--txt2);line-height:1.75}
.case-src{
  font-size:11px;padding:1px 6px;border-radius:4px;background:#f2f4f7;color:var(--txt2);
  border:1px solid var(--line2);white-space:nowrap;
}
.case-src.zd{background:#eef3f9;color:var(--head);border-color:#dde8f3}
.case-src.gb{background:#eaf0fb;color:var(--blue);border-color:#d3e0f5}
.case-src.ck{background:#eaf6ee;color:var(--green);border-color:#cbe8d6}

.qa-item{font-size:12.5px;padding:5px 0;border-bottom:1px dashed var(--line2);line-height:1.7}
.qa-item:last-child{border-bottom:0}
.qa-item .qid{color:var(--txt3);font-size:11.5px;margin-right:6px;font-family:ui-monospace,Menlo,Consolas,monospace}

.empty{font-size:12.5px;color:var(--txt3);padding:4px 0}

/* ============================ 关系视图 ============================ */
.rel-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}
.rel-card{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}
.rel-card .rt{
  display:inline-block;font-size:11.5px;padding:2px 9px;border-radius:20px;margin-bottom:6px;
  background:#f7f8fa;border:1px solid var(--line);color:var(--txt2);
}
.rel-line{font-size:13px;line-height:1.8}
.rel-line a{font-weight:600}
.rel-arrow{color:var(--txt3);margin:0 6px}
.rel-note{font-size:12px;color:var(--txt3);line-height:1.7;margin-top:4px}

/* 关系类型图例 */
.legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.legend span{font-size:11.5px;padding:2px 9px;border-radius:20px;background:#f7f8fa;border:1px solid var(--line);color:var(--txt2)}

/* ============================ 侧栏目录 ============================ */
.toc-grp{margin-bottom:4px}
.toc-grp > summary{
  display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;
  padding:6px 8px;border-radius:7px;font-size:13px;font-weight:600;color:var(--txt);
}
.toc-grp > summary::-webkit-details-marker{display:none}
.toc-grp > summary::before{content:"▸";color:var(--txt3);font-size:11px;flex:none}
.toc-grp[open] > summary::before{content:"▾"}
.toc-grp > summary:hover{background:#f7f8fa}
.toc-t{flex:1 1 auto;min-width:0}
.toc-n{font-size:11px;color:var(--txt3);flex:none}
.toc-list{list-style:none;margin:0;padding:0 0 0 8px}
.toc-list a{
  display:block;font-size:12.5px;padding:4px 8px;border-radius:6px;color:var(--txt2);line-height:1.6;
  border-left:2px solid var(--line2);
}
.toc-list a:hover{background:#f5f9fc;color:var(--head);text-decoration:none;border-left-color:var(--head)}
.toc-list a.on{background:#f5f9fc;color:var(--head);font-weight:600;border-left-color:var(--head)}
.toc-list a .tid{font-size:11px;color:var(--txt3);margin-right:5px;font-family:ui-monospace,Menlo,Consolas,monospace}

/* ============================ 检索 ============================ */
.sr-hit{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:9px;background:#fff}
.sr-hit h4{margin:0 0 4px;font-size:14px;font-weight:600}
.sr-hit h4 a{color:var(--txt)}
.sr-path{font-size:11.5px;color:var(--txt3);margin-bottom:5px}
.sr-sn{font-size:12.5px;color:var(--txt2);line-height:1.75}
.sr-sn mark{background:#fff3cd;color:inherit;padding:0 1px;border-radius:2px}

/* ============================ 页脚 ============================ */
.ft{
  max-width:1500px;margin:0 auto;padding:14px 16px 26px;
  font-size:12px;color:var(--txt3);line-height:1.9;border-top:1px solid var(--line);
}
.ft a{color:var(--txt3)}
.ft b{color:var(--txt2)}

/* ============================ 回到顶部 ============================ */
#toTop{
  position:fixed;right:18px;bottom:22px;width:38px;height:38px;border-radius:50%;
  border:1px solid var(--line);background:#fff;color:var(--txt2);cursor:pointer;
  font-size:16px;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.08);display:none;z-index:40;
}
#toTop:hover{background:#f7f8fa;color:var(--head)}

/* ================= 法规索引可就地读条文（v2.58.0） =================
   悬停节点来源面板的法规索引 / 附录 A 核验表的法规名，
   由 js/lawtip.js 就地弹出条文卡（点击钉住、Esc 关闭），
   免去为看一条条文在导图与法规库之间来回切换。
   金色虚线底边沿用全站「可点引用索引」的统一视觉语言；
   「查看法规原文 →」链接保持独立（见 js/mm.js renderLaw）。 */
.law-hd[data-cite-law] .law-nm,
.law-hd[data-cite-law] .law-art{
  border-bottom:1px dashed rgba(201,169,97,.85);
  padding-bottom:1px;
}
.law-hd[data-cite-law]:hover .law-nm,
.law-hd[data-cite-law]:hover .law-art{border-bottom-style:solid}
.law-hd[data-cite-law]:focus-visible{
  outline:2px solid var(--head);outline-offset:2px;border-radius:3px;
}
.vt-lk[data-cite-law]{
  border-bottom:1px dashed rgba(201,169,97,.7);
  padding-bottom:1px;
}
.vt-lk[data-cite-law]:hover{border-bottom-style:solid}

/* ==================== 专题总览：视图切换（v2.62.0） ==================== */
/* 只切 .tp-grid 的 class，不改 DOM；三档：卡片 / 列表 / 紧凑。
   与分类筛选正交：筛选只改 .tp-card 的 display，视图改的是容器与子项排布。 */
.tp-view{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  margin:0 0 12px;
}
.tp-view > span{
  font-size:12px;color:var(--txt3);margin-right:2px;
}
.tp-view button{
  font:inherit;font-size:12px;line-height:1;cursor:pointer;
  padding:6px 12px;border-radius:8px;background:#f7f8fa;
  border:1px solid var(--line);color:var(--txt2);
  transition:background .15s,border-color .15s,color .15s;
}
.tp-view button:hover{background:#f5f9fc;border-color:#e8c8c4}
.tp-view button.on{
  background:var(--head);border-color:var(--head);color:#fff;font-weight:600;
}
.tp-view button:focus-visible{outline:2px solid var(--head);outline-offset:2px}

/* —— 列表视图：一行一条 —— */
.tp-grid.view-list{grid-template-columns:1fr;gap:8px}
.tp-grid.view-list .tp-card{
  flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px;padding:11px 16px;
}
.tp-grid.view-list .tp-hd{flex:0 0 250px;min-width:0}
.tp-grid.view-list .tp-ico{font-size:20px}
.tp-grid.view-list .tp-nm{
  font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.tp-grid.view-list .tp-desc{display:none}
.tp-grid.view-list .tp-tags{flex:0 0 auto}
.tp-grid.view-list .tp-stat{
  border-top:0;padding-top:0;margin-left:auto;flex-wrap:nowrap;gap:12px;
}
.tp-grid.view-list .tp-go{margin-top:0;white-space:nowrap}

/* —— 紧凑视图：小卡片，只留名称 + 分类 + 节点数 —— */
.tp-grid.view-compact{grid-template-columns:repeat(auto-fit,minmax(214px,1fr));gap:10px}
.tp-grid.view-compact .tp-card{padding:12px 14px;gap:6px}
.tp-grid.view-compact .tp-ico{font-size:20px}
.tp-grid.view-compact .tp-nm{font-size:14.5px}
.tp-grid.view-compact .tp-desc{display:none}
.tp-grid.view-compact .tp-tags .tag:nth-child(3),
.tp-grid.view-compact .tp-tags .tag:nth-child(4){display:none}
.tp-grid.view-compact .tp-stat{border-top:0;padding-top:0}
.tp-grid.view-compact .tp-stat > span:nth-child(n+2){display:none}
.tp-grid.view-compact .tp-go{display:none}

/* —— 窄屏回落：列表视图在 760px 以下改为两行式，避免挤压 —— */
@media (max-width:760px){
  .tp-grid.view-list .tp-hd{flex:1 1 100%}
  .tp-grid.view-list .tp-stat{margin-left:0;flex-wrap:wrap}
}

/* —— 法规条目卡（law-entry，v 建设工程法规体系专题新增） —— */
.nd-law-entry > summary .law-badge{margin-left:8px}
.law-badge{display:inline-block;padding:1px 9px;border-radius:11px;font-size:11.5px;font-weight:600;line-height:1.8;vertical-align:middle;border:1px solid transparent}
.law-badge-现行有效{color:#1a7f37;background:#e8f6ec;border-color:#bfe3c9}
.law-badge-已废止{color:#6b7280;background:#f1f2f4;border-color:#d6d9de}
.law-badge-被替代{color:#b25e09;background:#fdf0e1;border-color:#f3d6b0}
.law-badge-部分失效{color:#9a7b00;background:#fbf6e0;border-color:#ecdfa6}
.law-badge-未核实{color:#8a5a00;background:#fff4e0;border-color:#f0d9a8}
.law-meta-row{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:#5c636e;margin:8px 0}
.law-meta-row.law-meta-ext{color:#8a5a00;background:#fff8e6;border:1px solid #f0e3bd;border-radius:8px;padding:6px 10px}
.law-meta-row span{white-space:nowrap}
.law-rep{font-size:12px;color:#7a6320;background:#fff8e6;border:1px solid #f0e3bd;border-radius:8px;padding:6px 10px;margin:6px 0}
.law-rep div{padding-left:2px}
.rel-tree-ov{margin-top:14px;border-top:1px dashed #e2e5ea;padding-top:10px}
.rel-tree-ov h3{font-size:13px;color:#3a4049;margin:0 0 6px}
.rel-tree-ov ul{margin:0;padding-left:18px;font-size:12.5px;color:#5c636e}
.rel-tree-ov li{margin:2px 0}

/* v4.4.18：移动端可点区域过小（实测 .hs-chip 高约 34px、.tab 约 34px、搜索框 32px），
   手指容易按偏。窄屏统一抬到 40px（含内边距），桌面端不受影响。 */
@media (max-width:640px){
  .hs-chip{min-height:40px;display:inline-flex;align-items:center;padding:9px 14px}
  .tab{min-height:40px;padding:9px 13px}
  input.q,.q{min-height:40px}
}