/* Tables rendered from Markdown in the RELOOP blog articles. */
.content .table-wrap {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 24px 0 30px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #dceaf6;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 31, 61, .04);
}
.content .table-wrap:focus-visible {
  outline: 3px solid #168bff;
  outline-offset: 4px;
}
.content .table-wrap table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  table-layout: fixed;
}
.content .table-wrap th,
.content .table-wrap td {
  padding: 17px 18px;
  border-right: 1px solid #e4eef7;
  border-bottom: 1px solid #e4eef7;
  text-align: left;
  vertical-align: middle;
  font-size: 15px;
  line-height: 1.7;
  white-space: normal;
  overflow-wrap: break-word;
}
.content .table-wrap th:last-child,
.content .table-wrap td:last-child { border-right: 0; }
.content .table-wrap tbody tr:last-child th,
.content .table-wrap tbody tr:last-child td { border-bottom: 0; }
.content .table-wrap thead th {
  background: #eaf5ff;
  color: #006ace;
  font-weight: 800;
}
.content .table-wrap tbody th {
  background: #fff;
  color: #214661;
  font-weight: 600;
}
.content .table-wrap td { color: #425f77; }
.content .table-wrap tbody tr:nth-child(even) th,
.content .table-wrap tbody tr:nth-child(even) td { background: #f7fbff; }
.content .table-wrap th:not(:first-child),
.content .table-wrap td:not(:first-child) { text-align: center; }
.content .table-wrap:not(.menu-plan) th:first-child,
.content .table-wrap:not(.menu-plan) td:first-child { width: 34%; }
.content .compact-table table { min-width: 0; }
.content .table-wrap.compact-table th:first-child,
.content .table-wrap.compact-table td:first-child { width: 42%; }
.content .menu-plan table { min-width: 0; }
.content .menu-plan th,
.content .menu-plan td {
  padding: 24px 12px;
  text-align: center;
  font-weight: 700;
  color: #173d5d;
  background: #f1f8ff;
}
.content .menu-plan thead th { color: #173d5d; background: #f1f8ff; }
.content .menu-plan tbody tr:nth-child(even) td { background: #f1f8ff; }
.content .menu-plan thead:last-child tr:last-child th { border-bottom: 0; }
.content .table-scroll-hint { display: none; }
@media (max-width: 620px) {
  .content .table-wrap { border-radius: 14px; margin-bottom: 12px; }
  .content .table-wrap th,
  .content .table-wrap td { padding: 14px 12px; font-size: 14px; }
  .content .menu-plan th,
  .content .menu-plan td { padding: 20px 8px; font-size: 13px; }
  .content .table-scroll-hint {
    display: block;
    margin: 0 0 24px;
    font-size: 12px;
    line-height: 1.6;
    color: #70879a;
  }
}