/* Shared geometry and typography; brand colors remain domain-specific. */
:root {
  --ui-font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", "Pretendard", "Noto Sans KR", sans-serif;
  --ui-icon-size: 20px;
  --ui-rail-width: 48px;
}
html body { font-family: var(--ui-font); }
html .sidebar .nav button { font-size: 11px; }
.ui-icon {
  display: inline-block;
  width: var(--ui-icon-size);
  height: var(--ui-icon-size);
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: middle;
}

/* Local query feedback; uses each site's existing text and border colors. */
.query-status { padding: 8px 16px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; flex: none; font-size: 13px; line-height: 1.5; color: var(--ink2, var(--muted)); }
.query-status[hidden] { display: none; }
.query-status button { min-height: 32px; }
@media (pointer: coarse) { .query-status button { min-height: 44px; } }