/* Atlas Compare shares the IV shell, headings and square controls. */
.iv-page.sn-compare-page .sn-compare-shell {
  width: min(1320px, calc(100% - 72px));
  padding-top: 30px;
}
.iv-page.sn-compare-page .sn-compare-hero {
  justify-items: start;
  margin-inline: 0;
  text-align: left;
}
.iv-page.sn-compare-page .sn-atlas-title-lockup {
  justify-self: start;
  text-align: left;
}
body.iv-page.sn-compare-page .sn-atlas-title-lockup .sn-atlas-byline { text-align: left; }
.iv-page.sn-compare-page :is(.sn-compare-statline, .sn-compare-export-actions) {
  justify-content: flex-start;
  justify-self: start;
}
.iv-compare-heading { margin-top: 36px; }
.iv-page.sn-compare-page :is(.sn-icon-button, .sn-export-button, .sn-export-menu-item, .sn-compare-select, .not-found-field select, .not-found-go) {
  min-height: 44px;
  border-radius: 0;
  box-shadow: none;
}
.iv-page.sn-compare-page :is(.sn-compare-chip, .sn-selector-remove, .sn-export-menu-list) {
  border-radius: 0;
  box-shadow: none;
}
.iv-page.sn-compare-page .sn-compare-table-shell {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.iv-page.sn-compare-page :is(.sn-mobile-control, .sn-mobile-field-block) {
  border: 0;
  border-bottom: 1px solid var(--iv-rule-strong);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.iv-page.sn-compare-page .sn-mobile-control-grid { justify-content: flex-start; }
.iv-page.sn-compare-page .sn-mobile-panel + .sn-mobile-panel { margin-top: 32px; }
.iv-page.sn-compare-page .sn-project-directory {
  width: min(1320px, calc(100% - 72px));
  padding: 36px 0;
  text-align: left;
}
.iv-page.sn-compare-page .not-found-panel {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
.iv-page.sn-compare-page .not-found-finder { margin-inline: 0; }
.iv-page.sn-compare-page .not-found-actions { justify-content: flex-start; }

@media (max-width: 600px) {
  .iv-page.sn-compare-page :is(.sn-compare-shell, .sn-project-directory) { width: calc(100% - 32px); }
}
@media (max-width: 760px) {
  .iv-compare-heading { display: none !important; }
}
@media (max-width: 760px) {
  .iv-page.sn-compare-page .iv-section-heading.iv-compare-heading { display: none !important; }
  .iv-page.sn-compare-page .sn-mobile-field-list { grid-template-columns: minmax(0, 1fr); }
  .iv-page.sn-compare-page .sn-mobile-control { flex-basis: 170px; }
}
/* A compact comparison matrix with quiet rules and aligned values. */
.iv-page.sn-compare-page .sn-compare-table :is(th, td) {
  border-right: 0;
  border-bottom: 1px solid var(--iv-rule-strong);
  padding: 10px 16px;
}
.iv-page.sn-compare-page .sn-compare-table thead th {
  height: auto;
  background: var(--iv-paper);
  border-top: 1px solid var(--iv-rule-strong);
  border-bottom: 2px solid var(--iv-ink);
}
.iv-page.sn-compare-page .sn-compare-table :is(.sn-row-heading, .sn-row-control-cell) {
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  background: var(--iv-paper);
  box-shadow: none;
}
.iv-page.sn-compare-page .sn-compare-table .sn-column-control-cell {
  min-width: 220px;
  max-width: 280px;
}
.iv-page.sn-compare-page .sn-compare-table .sn-value-cell {
  min-width: 220px;
  max-width: 280px;
  background: transparent;
  text-align: left;
  font: 400 14px/1.4 var(--iv-font-mono);
}
.iv-page.sn-compare-page .sn-compare-table .sn-selector-stack { gap: 2px; }
.iv-page.sn-compare-page .sn-compare-table select.sn-compare-select {
  border-bottom: 1px solid var(--iv-rule-strong);
  font-size: 13px;
  padding-left: 0;
}
.iv-page.sn-compare-page .sn-compare-table .sn-selector-remove {
  top: 16px;
  border-color: var(--iv-rule-strong);
  font-weight: 400;
}
.iv-page.sn-compare-page .sn-compare-table :is(.sn-list-value, .sn-legislator-list) { justify-items: start; }
.iv-page.sn-compare-page .sn-compare-table .sn-margin-main { justify-content: flex-start; }
.iv-page.sn-compare-page .sn-compare-table :is(.sn-demographic-chip, .sn-result-chip, .sn-yes-no-chip, .sn-party-pill) {
  min-width: 0;
  min-height: 0;
  padding: 3px 6px;
  border-radius: 0;
  font: 500 13px/1.4 var(--iv-font-mono);
}
.iv-page.sn-compare-page .sn-compare-table .sn-demographic-chip {
  padding: 2px;
  background: transparent;
  color: var(--iv-ink);
}