/* Platform: AI Visibility. Builds on pages/home/home.css. */

/* Prompts table */
.av-chips { display: flex; gap: 6px; }
.ptab__r { display: grid; grid-template-columns: minmax(0, 1fr) repeat(5, 52px); align-items: center; gap: 6px; padding: 11px 4px; font-size: 13px; color: var(--ink); }
.ptab__r + .ptab__r { border-top: 1px solid var(--rule-faint); }
.ptab__r--h { padding-top: 0; font-size: 12px; color: var(--muted); }
.ptab__ai, .ptab__c { display: flex; justify-content: center; }
.ptab__ai .logo-ai { width: 16px; height: 16px; border-radius: 4px; }
.ptab__q { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.is-on .ptab__r:not(.ptab__r--h) { animation: fade-up .5s var(--ease) both; animation-delay: var(--d, 0ms); }

/* Sources in the tour */
.av-src__bar { width: 120px; height: 6px; border-radius: 2px; background: #fff; overflow: hidden; }
.av-src__bar i { display: block; height: 100%; width: var(--w); border-radius: 2px; background: var(--rule-strong); }
.is-on .av-src__bar i { animation: grow 1s var(--ease) both; animation-delay: var(--d, 0ms); }
.av-src__n { width: 34px; text-align: right; color: var(--body); }

.h-how .strat { grid-template-columns: minmax(0, 1fr) 54px 72px; }

@media (max-width: 600px) {
  .ptab__r { grid-template-columns: minmax(0, 1fr) repeat(3, 34px); }
  .ptab__r > :nth-child(n+5) { display: none; }
  .av-src__bar { display: none; }
  .av-chips .pill + .pill { display: none; }
}