/* Site-specific styles — overrides theme.css */

.stat-row{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:18px; }
.stat-card{
  flex:1; min-width:140px; background:var(--card-bg); border:1px solid var(--border);
  border-radius:8px; padding:16px 18px;
}
.stat-value{ font-size:26px; font-weight:700; color:var(--primary-dark); line-height:1.1; }
.stat-label{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--muted); margin-top:4px; }

.chip-row{ display:flex; gap:8px; flex-wrap:wrap; }
.chip{
  display:inline-flex; align-items:center; gap:7px; padding:6px 12px; border-radius:16px;
  border:1px solid var(--border); background:var(--card-bg); text-decoration:none;
  color:var(--text); font-size:13px; font-weight:600;
}
.chip:hover{ border-color:var(--primary); color:var(--primary-dark); }
.chip-active{ background:var(--primary); border-color:var(--primary); color:#fff; }
.chip-active .chip-count{ background:rgba(255,255,255,.25); color:#fff; }
.chip-count{
  font-size:11px; font-weight:700; padding:1px 7px; border-radius:9px;
  background:color-mix(in srgb, var(--primary) 10%, transparent); color:var(--primary-dark);
}

.node-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap; }
.node-title{ font-size:21px; margin:0 0 6px; color:var(--primary-dark); }
.node-head .mono{ margin-left:8px; }
.node-edit summary{ list-style:none; }
.node-edit summary::-webkit-details-marker{ display:none; }
.node-edit[open]{ width:100%; }
.node-notes{ margin:14px 0 0; white-space:pre-line; }

.triple-group{ display:flex; gap:18px; padding:10px 0; border-top:1px solid var(--border); align-items:flex-start; }
.triple-group:first-of-type{ border-top:none; }
.triple-predicate{
  flex:0 0 190px; font-size:11px; font-weight:700; text-transform:uppercase;
  letter-spacing:.03em; color:var(--muted); padding-top:4px;
}
.triple-list{ list-style:none; margin:0; padding:0; flex:1; }
.triple-list li{ display:flex; align-items:center; gap:10px; padding:3px 0; flex-wrap:wrap; }
.triple-list li form{ margin-left:auto; opacity:0; transition:opacity .12s; }
.triple-list li:hover form{ opacity:1; }
.triple-list .literal{ font-weight:600; }
.triple-list .source{ font-size:11px; font-style:italic; }

.chat-page{ height:calc(100vh - 160px); }

.pager{ display:flex; align-items:center; gap:12px; font-size:12px; }