/* A comparison is evidence in rows, not a score made from unavailable marketplace data. */
.intel-rival { min-width:0; }
.intel-rival .intel-rival__form { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; margin-top:24px; }
.intel-rival .intel-rival__form > .intel-field { flex:1 1 280px; margin:0; }
.intel-rival .intel-rival__choose, .intel-rival .intel-rival__paste-choice { margin-top:24px; border-top:1px solid var(--ci-line); padding-top:16px; }
.intel-rival :is(.intel-rival__choose,.intel-rival__paste-choice) > summary { min-height:44px; align-content:center; cursor:pointer; color:var(--ci-text); font-weight:600; }
.intel-rival .intel-rival__candidates { margin-top:16px; }
.intel-rival .intel-rival__candidates > ul { list-style:none; padding:0; margin:0; display:grid; gap:0; }
.intel-rival .intel-rival__candidates li { display:grid; grid-template-columns:56px minmax(0,1fr) auto; gap:14px; align-items:center; padding:16px 0; border-top:1px solid var(--ci-line); min-width:0; }
.intel-rival .intel-rival__candidate-copy { display:grid; gap:4px; min-width:0; overflow-wrap:anywhere; }
.intel-rival .intel-rival__cover { display:grid; place-items:center; width:56px; height:56px; background:var(--ci-raised); border-radius:10px; overflow:hidden; color:var(--ci-muted); }
.intel-rival .intel-rival__cover img { width:100%; height:100%; object-fit:contain; }
.intel-rival .intel-rival__result { min-width:0; margin-top:28px; }
.intel-rival .intel-rival__result:empty { display:none; }
.intel-rival [data-rival-summary] { margin:0 0 12px; font-size:1.2rem; }
.intel-rival .intel-rival__identities { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:24px 0 16px; }
.intel-rival .intel-rival__identities > div { display:grid; gap:4px; min-width:0; }
.intel-rival .intel-rival__identities span { color:var(--ci-muted); font-size:.875rem; overflow-wrap:anywhere; }
.intel-rival .intel-rival__table-wrap { min-width:0; }
.intel-rival .intel-rival__table { width:100%; table-layout:fixed; border-collapse:collapse; margin:0; }
.intel-rival .intel-rival__table th, .intel-rival .intel-rival__table td { white-space:normal; vertical-align:top; text-align:left; overflow-wrap:anywhere; padding:16px 14px; border-bottom:1px solid var(--ci-line); color:var(--ci-text); }
.intel-rival .intel-rival__table thead th { font-size:.875rem; background:var(--ci-raised); }
.intel-rival .intel-rival__table th:first-child { width:25%; }
.intel-rival .intel-rival__table td { font-size:.9rem; }
.intel-rival .intel-rival__table [data-ahead="true"] { background:color-mix(in srgb,var(--ci-success-bg) 72%,transparent); }
.intel-rival .intel-rival__value { display:block; font-weight:600; line-height:1.6; }
.intel-rival .intel-rival__source, .intel-rival .intel-rival__state { display:block; margin-top:8px; color:var(--ci-muted); font-size:.75rem; line-height:1.65; }
.intel-rival .intel-rival__ahead { display:flex; align-items:center; gap:5px; margin-top:8px; color:var(--ci-success); font-size:.75rem; line-height:1.6; }
.intel-rival .intel-rival__ahead .msr { font-size:16px; }
.intel-rival .intel-rival__action { margin-top:14px; }
.intel-rival .intel-rival__action .intel-btn { max-width:100%; font-size:.8125rem; }
.intel-rival .intel-rival__paste { display:grid; gap:16px; margin-top:16px; }
.intel-rival .intel-rival__paste .intel-field { margin:0; }
.intel-rival .intel-rival__paste textarea { min-height:160px; width:100%; resize:vertical; }
.intel-rival .intel-rival__paste > .intel-btn { justify-self:start; }
.intel-rival .intel-rival__pasted-note { margin:20px 0; color:var(--ci-muted); font-size:.875rem; line-height:1.7; }
.intel-rival [data-rival-side="pasted"] { background:var(--ci-info-bg); }
.intel-rival .intel-rival__explain { margin-top:24px; }
.intel-rival .intel-rival__explanation ul { padding-left:20px; margin:16px 0 0; }
.intel-rival .intel-rival__explanation li { padding:12px 0; }
.intel-rival .intel-rival__explanation p { margin:8px 0 0; color:var(--ci-muted); line-height:1.7; }
.intel-rival .intel-rival__work:not(:empty) { margin-top:24px; }
@media (max-width:620px) {
  .intel-rival .intel-rival__form > .intel-btn { width:100%; }
  .intel-rival .intel-rival__candidates li { grid-template-columns:48px minmax(0,1fr); gap:12px; }
  .intel-rival .intel-rival__cover { width:48px; height:48px; }
  .intel-rival .intel-rival__candidates li > .intel-btn { grid-column:2; justify-self:start; }
  .intel-rival .intel-rival__identities { grid-template-columns:1fr; gap:16px; }
  .intel-rival .intel-rival__table, .intel-rival .intel-rival__table tbody { display:block; width:100%; }
  .intel-rival .intel-rival__table thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  .intel-rival .intel-rival__table tr { display:block; padding:16px 0; border-bottom:1px solid var(--ci-line); }
  .intel-rival .intel-rival__table th, .intel-rival .intel-rival__table td { display:block; width:100%; padding:12px; border:0; }
  .intel-rival .intel-rival__table th:first-child { width:100%; padding:0 0 12px; }
  .intel-rival .intel-rival__table td::before { display:block; content:attr(data-label); margin-bottom:8px; color:var(--ci-muted); font-size:.75rem; font-weight:600; }
  .intel-rival .intel-rival__table td[data-label]::before { min-width:0; }
}
@media (prefers-reduced-motion:reduce) {
  .intel-rival .intel-btn { transition:none; }
  .intel-rival .intel-btn:hover:not(:disabled), .intel-rival .intel-btn:active:not(:disabled) { transform:none; }
}
/* Claude's OT9 integration (20/10): up to 820 px the generic stacked table of intel.css put each source note in its
   label column. Here each row is a card: the field on top, the two sides next to each other while they fit. */
@media (max-width:820px) {
  .intel-rival .intel-rival__table, .intel-rival .intel-rival__table tbody { display:block; width:100%; }
  .intel-rival .intel-rival__table thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  .intel-rival .intel-rival__table tr { display:flex; flex-wrap:wrap; gap:10px; padding:16px 0; border-bottom:1px solid var(--ci-line); }
  .intel-rival .intel-rival__table th[scope="row"] { flex:1 1 100%; display:block; width:auto; padding:0; border:0; background:none; font-size:.9rem; }
  .intel-rival .intel-rival__table td { flex:1 1 160px; min-width:0; display:block; width:auto; padding:12px; border:1px solid var(--ci-line); border-radius:10px; }
  .intel-rival .intel-rival__table td::before { display:block; content:attr(data-label); margin-bottom:6px; color:var(--ci-muted); font-size:.75rem; font-weight:600; }
}