/* Local review integration for the four F1/F2 candidate pages only.
   It follows the production Resources table palette without the 920px
   minimum width used by the three-column cost guide. */
body.resource-article-page .resource-comparison-table {
  width: 100%;
  margin-top: 28px;
  overflow-x: auto;
  border: 1px solid #c9d8e3;
  border-radius: 4px;
}

body.resource-article-page .resource-comparison-table:focus-visible {
  outline: 3px solid rgba(29, 120, 181, 0.25);
  outline-offset: 3px;
}

body.resource-article-page .resource-comparison-table table {
  display: table;
  width: 100%;
  min-width: 0;
  margin: 0;
  table-layout: fixed;
  border-collapse: collapse;
}

body.resource-article-page .resource-comparison-table th,
body.resource-article-page .resource-comparison-table td {
  padding: 17px 18px;
  vertical-align: top;
  border: 1px solid #d6e2ea;
  overflow-wrap: break-word;
}

body.resource-article-page .resource-comparison-table thead th {
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
  text-align: left;
  background: #123f68;
}

body.resource-article-page .resource-comparison-table tbody th,
body.resource-article-page .resource-comparison-table tbody td {
  color: #40596d;
  font-size: 15px;
  line-height: 1.65;
  text-align: left;
  background: #fff;
}

body.resource-article-page .resource-comparison-table tbody th {
  width: 48%;
  color: #26465f;
  font-weight: 750;
  letter-spacing: normal;
  text-transform: none;
}

body.resource-article-page .resource-comparison-table tbody tr:nth-child(even) th,
body.resource-article-page .resource-comparison-table tbody tr:nth-child(even) td {
  background: #f5f9fc;
}

body.resource-article-page .article-cta-panel .button.primary {
  min-height: 52px;
  height: auto;
  padding: 12px 20px;
  line-height: 1.35;
  white-space: normal;
  text-align: center;
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
  body.resource-article-page .resource-comparison-table th,
  body.resource-article-page .resource-comparison-table td {
    padding: 13px 11px;
    font-size: 14px;
    line-height: 1.58;
  }

  body.resource-article-page .article-cta-panel .button.primary {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    justify-content: center;
  }
}
