/* Political comparison only. Load after shared main.css and comparison.css. */
body.trackingai-compare-political-page { color: #192b43; background: #fbfcfe; }
.trackingai-compare-political-page [hidden] { display: none !important; }
.trackingai-compare-political-page .ciq-header { height: 64px; }
.trackingai-compare-political-page .ciq-hero { padding: 22px 24px; }
.trackingai-compare-political-page .ciq-hero h1 { font-size: 34px; line-height: 1.15; margin: 0; }
.trackingai-compare-political-page .ciq-hero p { margin: 6px auto 0; font-size: 16px; text-align: center; }
.trackingai-compare-political-page .ciq-menu > ul { padding: 10px 24px; gap: 8px; }
.trackingai-compare-political-page .ciq-menu .ciq-btn { min-height: 36px; padding: 7px 14px; font-size: 14px; }
.trackingai-compare-political-page .ciq-menu :is(.ciq-btn--models, .ciq-btn--db) { color: white; background: #54575b; border-color: #64676b; }
.trackingai-compare-political-page .ciq-main { max-width: 1344px; padding: 28px 28px 64px; }
.trackingai-compare-political-page .ciq-qhead { align-items: center; gap: 16px; }
.trackingai-compare-political-page .ciq-qhead-main { flex-basis: 420px; }
.trackingai-compare-political-page .ciq-eyebrow { color: #2e658d; font: 700 13px/1.3 "IBM Plex Sans", sans-serif; letter-spacing: .09em; margin-bottom: 6px; }
.trackingai-compare-political-page .ciq-qhead h2 { font-size: 32px; font-weight: 700; }
.trackingai-compare-political-page .ciq-qhead h2 span { font-size: 21px; color: #6b788b; font-weight: 400; }
.trackingai-compare-political-page .ciq-meta { margin-top: 6px; font-size: 13px; }
.trackingai-compare-political-page .ciq-pager { display: flex; flex-wrap: nowrap; align-items: center; gap: 5px; width: auto; margin: 0; }
.trackingai-compare-political-page .ciq-pager > :is(a,span) { flex: none; min-width: 40px; width: 40px; min-height: 40px; padding: 0; background: white; }
.trackingai-compare-political-page .ciq-pager > .ciq-pager-current { width: auto; min-width: 62px; padding: 0 3px; border: 0; background: transparent; color: #344459; font-size: 12px; font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.trackingai-compare-political-page .ciq-pager > a { color: #2e658d; border-color: #c5d4e4; }
.trackingai-compare-political-page .ciq-pager > a:hover { background: #edf3fa; color: #234e7d; }
.trackingai-compare-political-page .ciq-pager > :focus-visible { outline: 2px solid #2e658d; outline-offset: 2px; }
.trackingai-compare-political-page .ciq-strip {
  position: sticky; top: 0; z-index: 40;
  margin: 20px -12px 0; padding: 10px 12px 4px;
  background: #fbfcfe; border-bottom: 1px solid #d8e1eb;
  box-shadow: 0 6px 12px #192b4309;
}
.trackingai-compare-political-page .ciq-strip-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "title legend pager"; align-items: center; gap: 8px 16px; margin-bottom: 2px; }
.trackingai-compare-political-page .ciq-strip-head h3 { grid-area: title; min-width: 0; }
.trackingai-compare-political-page .ciq-strip-head .ciq-legend { grid-area: legend; justify-content: flex-end; min-width: 0; }
.trackingai-compare-political-page .ciq-strip-head .ciq-pager { grid-area: pager; }
.trackingai-compare-political-page .ciq-strip-head h3 { font-size: 13px; }
.trackingai-compare-political-page .ciq-cell { height: 36px; }
.trackingai-compare-political-page .ciq-layout { display: grid; grid-template-columns: minmax(310px, .91fr) minmax(0, 1.7fr); gap: 28px; margin-top: 20px; }
.trackingai-compare-political-page .ciq-aside { max-width: none; gap: 12px; min-width: 0; position: sticky; top: calc(var(--ciq-strip-height, 84px) + 16px); }
.trackingai-compare-political-page .ciq-aside--scrolls { position: static; }
.trackingai-compare-political-page .ciq-card { padding: 18px; border: 1px solid #d4deeb; border-radius: 16px; box-shadow: 0 4px 18px #192b4305; }
.trackingai-compare-political-page .ciq-puzzle-heading { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; }
.trackingai-compare-political-page .ciq-puzzle-heading h3 { margin: 0; font-size: 18px; font-weight: 700; }
.trackingai-compare-political-page .ciq-jump { display: none; font-weight: 600; font-size: 13px; }
.trackingai-compare-political-page .ciq-textversion { margin-top: 8px; }
.trackingai-compare-political-page .ciq-about { padding: 12px 16px; background: #f0f4f8; font-size: 13px; border-radius: 10px; }
.trackingai-compare-political-page .ciq-about summary { color: #4c617b; font-weight: 600; cursor: pointer; }
.trackingai-compare-political-page .ciq-about p { margin-top: 10px; }
.trackingai-compare-political-page .ciq-summary { border: 1px solid #ead8a4; background: #fffbef; border-radius: 16px; padding: 20px 24px 18px; }
.trackingai-compare-political-page .ciq-headline { align-items: center; gap: 12px 32px; justify-content: space-between; }
.trackingai-compare-political-page .ciq-big { font-size: 52px; font-weight: 700; letter-spacing: -.045em; line-height: 1; margin: 0 0 5px; color: #192b43; }
.trackingai-compare-political-page .ciq-headline-text { font-size: 17px; font-weight: 600; margin: 0; }
.trackingai-compare-political-page .ciq-scope { color: #667385; font-size: 12px; margin: 4px 0 0; max-width: 36ch; }
.trackingai-compare-political-page .ciq-distribution { margin-top: 16px; }
.trackingai-compare-political-page .ciq-choice-counts { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 7px; list-style: none; margin: 0; padding: 0; }
.trackingai-compare-political-page .ciq-choice-count { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 8px 12px; border: 1px solid #dfded8; border-radius: 7px; color: #3b4b60; background: #ffffffc9; font-size: 13px; }
.trackingai-compare-political-page .ciq-choice-count > span { display: flex; align-items: center; gap: 3px; }
.trackingai-compare-political-page .ciq-choice-count strong { font-size: 16px; }
.trackingai-compare-political-page .ciq-choice-count .ciq-ico { width: 12px; height: 12px; }
.trackingai-compare-political-page .ciq-answers-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-top: 24px; scroll-margin-top: calc(var(--ciq-strip-height, 84px) + 18px); }
.trackingai-compare-political-page .ciq-answers-heading:focus { outline: none; }
.trackingai-compare-political-page .ciq-answers-heading h2 { margin: 0; font-size: 23px; font-weight: 700; letter-spacing: -.02em; }
.trackingai-compare-political-page .ciq-showing { margin: 0; font-size: 13px; }
.trackingai-compare-political-page .ciq-toolbar { display: block; margin-top: 12px; padding: 0; border: 0; border-radius: 0; }
.trackingai-compare-political-page .ciq-toolbar-primary, .trackingai-compare-political-page .ciq-toolbar-secondary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.trackingai-compare-political-page .ciq-toolbar-secondary { margin-top: 8px; justify-content: space-between; }
.trackingai-compare-political-page .ciq-toolbar-options { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; min-width: 0; }
.trackingai-compare-political-page :is(.ciq-clear-filters,.ciq-empty-recovery) { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 6px; border: 0; border-radius: 4px; background: transparent; color: #2e658d; font: 600 12px/1.3 "IBM Plex Sans", sans-serif; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.trackingai-compare-political-page :is(.ciq-clear-filters,.ciq-empty-recovery):hover { background: #edf3fa; color: #234e7d; }
.trackingai-compare-political-page :is(.ciq-clear-filters,.ciq-empty-recovery):focus-visible { outline: 2px solid #2e658d; outline-offset: 2px; }
.trackingai-compare-political-page .ciq-empty-recovery { display: flex; width: fit-content; margin: 6px auto 0; }
.trackingai-compare-political-page .ciq-chips { gap: 5px; }
.trackingai-compare-political-page .ciq-chipbtn { min-height: 36px; padding: 0 11px; gap: 6px; font-size: 13px; border-color: #d1dbe7; }
.trackingai-compare-political-page .ciq-chipbtn[aria-pressed="true"] { background: #192f4c; border-color: #192f4c; }
.trackingai-compare-political-page .ciq-search { min-height: 36px; max-width: 210px; flex-basis: 160px; padding: 0 10px; }
.trackingai-compare-political-page .ciq-search input { min-height: 34px; font-size: 13px; }
.trackingai-compare-political-page .ciq-check { min-height: 32px; font-size: 12px; color: #596b82; }
.trackingai-compare-political-page .ciq-check input { width: 15px; height: 15px; }
.trackingai-compare-political-page .ciq-seg { border: 0; border-radius: 0; gap: 12px; }
.trackingai-compare-political-page .ciq-seg button { min-height: 32px; padding: 0; font-size: 12px; background: transparent; color: #667385; border: 0 !important; }
.trackingai-compare-political-page .ciq-seg button[aria-pressed="true"] { color: #234e7d; background: transparent; text-decoration: underline; text-underline-offset: 5px; }
.trackingai-compare-political-page .ciq-group { margin-top: 20px; }
.trackingai-compare-political-page .ciq-group h3 { border-bottom: 0; font-size: 13px; gap: 8px; padding-bottom: 10px; }
.trackingai-compare-political-page .ciq-group h3 .ciq-count { margin-left: auto; font-size: 12px; }
.trackingai-compare-political-page .ciq-group h3 .ciq-chip { height: 23px; padding: 0 6px; font-size: 12px; }
.trackingai-compare-political-page .ciq-list { display: grid; gap: 12px; }
.trackingai-compare-political-page .ciq-answer-card { padding: 20px; border: 1px solid #d4deeb; border-radius: 12px; background: #fff; box-shadow: 0 3px 12px #192b4303; }
.trackingai-compare-political-page .ciq-answer-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.trackingai-compare-political-page .ciq-answer-identity { display: flex; align-items: center; gap: 10px; min-width: 0; }
.trackingai-compare-political-page .ciq-answer-identity > img { flex: none; width: 38px; height: 38px; object-fit: contain; }
.trackingai-compare-political-page .ciq-answer-identity h4 { font-size: 17px; font-weight: 700; margin: 0; line-height: 1.3; }
.trackingai-compare-political-page .ciq-answer-meta { font-size: 12px; color: #65758a; margin: 3px 0 0; }
.trackingai-compare-political-page .ciq-answer-meta > span { font-weight: 500; }
.trackingai-compare-political-page .ciq-answer-text { margin-top: 10px; max-width: none; font-size: 15px; color: #344459; line-height: 1.65; }
.trackingai-compare-political-page .ciq-linkbtn { min-height: 36px; margin-top: 4px; font-weight: 600; }
.trackingai-compare-political-page .ciq-refusal-line { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 8px; margin: 0 0 8px; font-size: 12px; color: #6e5666; }
.trackingai-compare-political-page :is(.ciq-badge--refused,.ciq-refused-note) { background: #fce7f3; color: #962565; border-color: #f3b8d6; }
.trackingai-compare-political-page .ciq-original { margin-top: 12px; color: #65758a; font-size: 12px; }
.trackingai-compare-political-page .ciq-original > summary { cursor: pointer; min-height: 24px; width: fit-content; }
.trackingai-compare-political-page .ciq-original .ciq-detail-meta { margin: 8px 0; font-family: inherit; overflow-wrap: anywhere; }
.trackingai-compare-political-page .ciq-original .ciq-raw { font-size: 12px; }
.trackingai-compare-political-page .ciq-footer { margin-top: 0; }
@media (max-width: 1100px) {
  .trackingai-compare-political-page .ciq-layout { grid-template-columns: minmax(290px, .95fr) minmax(0, 1.5fr); gap: 22px; }
  .trackingai-compare-political-page .ciq-headline { gap: 12px 20px; }
  .trackingai-compare-political-page .ciq-choice-count { padding: 6px 8px; }
  .trackingai-compare-political-page .ciq-summary { padding: 18px; }
  .trackingai-compare-political-page .ciq-search { max-width: none; }
}
@media (max-width: 820px) {
  .trackingai-compare-political-page .ciq-layout { grid-template-columns: 1fr; gap: 22px; }
  .trackingai-compare-political-page .ciq-aside { position: static; }
  .trackingai-compare-political-page .ciq-jump { display: inline; }
}
@media (max-width: 767px) {
  .trackingai-compare-political-page .ciq-hero { padding: 20px 16px; }
  .trackingai-compare-political-page .ciq-hero h1 { font-size: 28px; }
  .trackingai-compare-political-page .ciq-hero p { font-size: 14px; }
  .trackingai-compare-political-page .ciq-main { padding: 22px 16px 40px; }
  .trackingai-compare-political-page .ciq-qhead-main { flex: 1 1 100%; }
  .trackingai-compare-political-page .ciq-qhead h2 { font-size: 28px; }
  .trackingai-compare-political-page .ciq-strip { margin: 16px -16px 0; padding: 8px 16px 2px; }
  .trackingai-compare-political-page .ciq-strip-head { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "title pager" "legend legend"; gap: 4px 8px; }
  .trackingai-compare-political-page .ciq-strip-head h3 { line-height: 1.35; }
  .trackingai-compare-political-page .ciq-strip-head .ciq-legend { justify-content: flex-start; }
  .trackingai-compare-political-page .ciq-legend { gap: 4px 9px; font-size: 10px; }
  .trackingai-compare-political-page .ciq-legend i { width: 10px; height: 10px; }
  .trackingai-compare-political-page .ciq-strip-scroll { margin-right: -16px; padding-right: 16px; }
  .trackingai-compare-political-page .ciq-cell { height: 40px; }
  .trackingai-compare-political-page .ciq-layout { margin-top: 16px; }
  .trackingai-compare-political-page .ciq-card { padding: 16px; }
  .trackingai-compare-political-page .ciq-summary { padding: 18px 16px; }
  .trackingai-compare-political-page .ciq-big { font-size: 46px; }
  .trackingai-compare-political-page .ciq-headline-text { font-size: 15px; }
  .trackingai-compare-political-page .ciq-headline { gap: 14px; }
  .trackingai-compare-political-page .ciq-headline > div:first-child { flex: 1; min-width: 0; }
  .trackingai-compare-political-page .ciq-choice-counts { gap: 5px; }
  .trackingai-compare-political-page .ciq-choice-count { flex-direction: column; gap: 2px; padding: 5px; }
  .trackingai-compare-political-page .ciq-answers-heading h2 { font-size: 22px; }
  .trackingai-compare-political-page .ciq-toolbar-primary { gap: 8px; }
  .trackingai-compare-political-page .ciq-search { flex-basis: 100%; min-height: 40px; }
  .trackingai-compare-political-page .ciq-chipbtn { min-height: 40px; padding: 0 10px; }
  .trackingai-compare-political-page .ciq-chips { width: 100%; gap: 5px; }
  .trackingai-compare-political-page .ciq-chipbtn span { font-size: 11px; }
  .trackingai-compare-political-page .ciq-answer-card { padding: 16px; }
  .trackingai-compare-political-page .ciq-answer-identity h4 { font-size: 16px; }
  .trackingai-compare-political-page .ciq-answer-identity > img { width: 34px; height: 34px; }
  .trackingai-compare-political-page .ciq-answer-header > .ciq-chip { min-width: 48px; }
  .trackingai-compare-political-page .ciq-answer-text { font-size: 15px; }
}

/* Political statements and stances; no answer-key or correctness treatment. */
.trackingai-compare-political-page .ciq-statement-card { border-top: 4px solid #35668f; padding: 22px; }
.trackingai-compare-political-page .ciq-statement-quote {
  margin: 18px 0 22px; padding: 0; border: 0;
  font: 600 28px/1.35 "IBM Plex Sans", Arial, sans-serif;
  letter-spacing: -.025em; color: #192b43; text-wrap: pretty;
}
.trackingai-compare-political-page .ciq-source { margin-top: 14px; padding-top: 14px; }
.trackingai-compare-political-page .ciq-lean { flex: 0 1 320px; min-width: 0; }
.trackingai-compare-political-page .ciq-lean-labels { font-size: 13px; margin-bottom: 8px; }
.trackingai-compare-political-page .ciq-lean-bar { height: 20px; gap: 3px; }
.trackingai-compare-political-page .ciq-lean-bar > i { min-width: 0; }
.trackingai-compare-political-page .ciq-choice-counts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.trackingai-compare-political-page .ciq-choice-count { align-items: flex-start; flex-direction: column; padding: 9px 12px; gap: 5px; }
.trackingai-compare-political-page .ciq-choice-count strong { font-size: 20px; }
.trackingai-compare-political-page .ciq-choice-label { line-height: 1.3; font-size: 12px; gap: 5px !important; }
.trackingai-compare-political-page .ciq-choice-label > i { width: 8px; height: 8px; flex: none; border-radius: 2px; }
.trackingai-compare-political-page .ciq-distribution > .ciq-scope { max-width: none; margin-top: 10px; }
.trackingai-compare-political-page .ciq-chip--word { white-space: normal; height: auto; min-height: 30px; max-width: 144px; font-size: 12px; line-height: 1.3; padding: 6px 9px; }
.trackingai-compare-political-page .ciq-group h3 .ciq-chip--word { height: auto; min-height: 28px; max-width: none; padding: 5px 9px; }
@media (max-width: 1100px) {
  .trackingai-compare-political-page .ciq-lean { flex-basis: 230px; }
  .trackingai-compare-political-page .ciq-choice-count { padding: 8px; }
  .trackingai-compare-political-page .ciq-statement-quote { font-size: 25px; }
}
@media (max-width: 820px) {
  .trackingai-compare-political-page .ciq-lean { flex: 0 1 48%; }
}
@media (max-width: 767px) {
  .trackingai-compare-political-page .ciq-strip-grid {
    grid-template-columns: repeat(var(--ciq-count), minmax(32px, 1fr));
    min-width: calc(var(--ciq-count) * 36px);
  }
  .trackingai-compare-political-page .ciq-legend { gap: 4px 8px; font-size: 10px; }
  .trackingai-compare-political-page .ciq-statement-card { padding: 18px; }
  .trackingai-compare-political-page .ciq-statement-quote { margin: 16px 0 18px; font-size: 24px; }
  .trackingai-compare-political-page .ciq-choice-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .trackingai-compare-political-page .ciq-choice-count { flex-direction: row; align-items: center; padding: 9px; }
  .trackingai-compare-political-page .ciq-choice-label { font-size: 11px; }
  .trackingai-compare-political-page .ciq-choice-count strong { font-size: 18px; }
  .trackingai-compare-political-page .ciq-answer-header { align-items: flex-start; }
  .trackingai-compare-political-page .ciq-answer-header .ciq-chip--word { max-width: 112px; min-width: 0; }
  .trackingai-compare-political-page .ciq-big { font-size: 40px; }
}
