.aiye-block { margin: 0 0 18px; }
.aiye-meta { color: #666; font-size: 13px; margin: 6px 0 10px; }
.aiye-note { color: #6b7280; font-size: 13px; margin: 8px 0 10px; }
.aiye-error { color: #b00; background: #fee; padding: 8px 10px; border: 1px solid #fcc; }
.aiye-ctrl { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 8px 0 10px; }
.aiye-compare-banner { background: #f5f7ff; border: 1px solid #dae2ff; padding: 8px 10px; margin: 10px 0; }

.aiye-table { width: 100%; border-collapse: collapse; }
.aiye-table th, .aiye-table td { border: 1px solid #e5e7eb; padding: 6px 8px; }
.aiye-table .is-left { text-align: left; }
.aiye-table .is-num  { text-align: right; }
.aiye-table tr.is-me { background: #f6f7f9; font-weight: 600; }
.aiye-table thead th span { opacity: .6; margin-left: 6px; }

.aiye-table--sticky thead th {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
}

/* === Layout & Compare Grid === */
.aiye-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0}
@media (max-width: 900px){.aiye-compare-grid{grid-template-columns:1fr}}
.aiye-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:10px}

/* === Table variants === */
.aiye-table--compact th,
.aiye-table--compact td{padding:4px 6px;font-size:13px}
.aiye-table thead th{background:#fafafa}
.aiye-table thead th.is-sticky{position:sticky;top:0;z-index:2;background:#fafafa}

/* === Utilities === */
.aiye-flex{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.aiye-gap-sm{gap:6px}
.aiye-muted{opacity:.7}
/* === Badges / callouts === */
.aiye-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:10px;
  border:1px solid #e5e7eb;
  background:#f6f7f9;
  color:#111827;
  font-size:13px;
  line-height:1.2;
  font-weight:500;
  max-width:100%;
}

/* Use these sparingly for emphasis */
.aiye-badge--info{background:#eef6ff;border-color:#cfe3ff;color:#0f3d8a}
.aiye-badge--ok{background:#ecfdf5;border-color:#a7f3d0;color:#11693a}
.aiye-badge--warn{background:#fff7ed;border-color:#fed7aa;color:#8a6a00}
.aiye-badge--bad{background:#fef2f2;border-color:#fecaca;color:#9b1c1c}

/* === Compare Banner tweaks (rely on .aiye-compare-banner already) === */
.aiye-compare-banner .spark{display:inline-block;height:16px;width:60px}

/* === Cards for quick You/Rival info (optional markup) === */
.aiye-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0}
@media (max-width: 900px){.aiye-cards{grid-template-columns:1fr}}
.aiye-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:10px}
.aiye-card h4{margin:0 0 6px;font-size:14px}
.aiye-card .row{display:flex;justify-content:space-between;margin:4px 0;font-size:13px}
.aiye-card .row .k{opacity:.7}

/* === Chips list === */
.aiye-chiplist{display:flex;flex-wrap:wrap;gap:6px}
.aiye-chiplist .chip{padding:2px 6px;border:1px solid #e5e7eb;border-radius:12px;background:#f7f7f7;font-size:12px}

/* === Sticky header helper === */
.aiye-sticky{position:sticky;top:0;z-index:2;background:#fafafa}