/* Result controls must not inherit the full-size form button minimum width. */
.pm-calculator-result {
  box-sizing: border-box;
  min-width: 0;
  scroll-margin-top: 110px;
  overflow-wrap: anywhere;
}
.pm-calculator-result .ui-btn {
  min-width: 44px !important;
  max-width: 100%;
  min-height: 44px;
  margin: 3px 0;
  padding: 12px 8px !important;
  white-space: normal;
  letter-spacing: 0;
}
.pm-result-table-scroll .ui-btn { width: auto !important; }
.pm-result-table-scroll td[width] { width: auto; }
#forecastresult td:first-child { overflow-wrap: normal; }
.pm-result-table-scroll {
  max-width: 100%;
  overflow-x: auto;
  margin: 0 0 20px;
}
.pm-result-table-scroll > table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse;
  text-shadow: none;
}
.pm-result-table-scroll td,
.pm-result-table-scroll th {
  padding: 8px 6px;
  border: 1px solid #9bc9e1;
  text-align: center;
}
.pm-calculator-result .pm-relationship-tarot {
  margin: 24px 0 0;
  padding: 24px;
  border: 1px solid #9bc9e1;
  background: #fffffa;
  color: #214967;
  text-align: left;
}
.pm-relationship-tarot h2 {
  margin: 0 0 12px;
  color: #0a3155;
  font: 400 28px/1.15 Georgia, serif;
}
.pm-relationship-tarot p { margin: 0 0 20px; line-height: 1.65; }
.pm-relationship-tarot .pm-relationship-tarot-link {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  padding: 15px 20px;
  background: #0d5585;
  color: #fffffa !important;
  font: 700 14px/1.5 Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-shadow: none;
}
.pm-relationship-tarot-link:hover,
.pm-relationship-tarot-link:focus { background: #0a345d; }

@media (max-width: 600px) {
  .pm-calculator-result:not(:empty) { padding: 12px; }
  .pm-result-table-scroll td,
  .pm-result-table-scroll th { padding: 6px 4px; font-size: 14px; }
  /* Each comparison becomes a labelled row of three values on a phone. */
  .pm-compatibility-table,
  .pm-compatibility-table tbody { display: block; border: 0; }
  .pm-compatibility-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .pm-compatibility-table tbody tr {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 12px;
    border: 1px solid #9bc9e1;
  }
  .pm-result-table-scroll .pm-compatibility-table td {
    min-width: 0;
    padding: 10px 4px;
    border: 0;
    font-size: 14px;
  }
  .pm-compatibility-table td:first-child {
    grid-column: 1 / -1;
    background: #dff3ff;
    font-weight: 700;
  }
  .pm-compatibility-table td[data-label]::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 8px;
    color: #0a3155;
    font: 700 11px/1.4 Arial, Helvetica, sans-serif;
  }
  .pm-calculator-result .pm-relationship-tarot { padding: 18px 14px; }
  .pm-relationship-tarot h2 { font-size: 25px; }
  .pm-relationship-tarot-link { width: 100%; text-align: center; }
}