twk-score-card {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  margin-block: 1rem;
  font-size: var(--font-size-medium);
  background-color: var(--surface-card-color);
  border-radius: var(--border-radius-medium);
}
twk-score-card h3 {
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    font-size: var(--font-size-medium-plus);
    color: var(--base-paragraph-text-color);
  }
:is(twk-score-card h3) > a {
      color: var(--text-link-color);
      -webkit-text-decoration: none;
      text-decoration: none;
    }
:is(:is(twk-score-card h3) > a):hover {
        color: var(--text-link-hover-color);
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }
twk-score-card > p {
    line-height: 1.6;
  }
twk-score-card .scorecard-scores {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
:is(twk-score-card .scorecard-scores) .scorecard-award {
      margin-inline: auto;
      text-align: center;
    }
ul.pros-cons {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.pros-cons li {
    display: flex;
    gap: 0.5rem;
    padding-bottom: 0.25rem;
    font-size: var(--font-size-medium);
    line-height: 1.3;
    overflow-wrap: break-word;
  }
:is(ul.pros-cons li) .icon {
      --icon-vertical-align: top;
    }
.pro:is(:is(ul.pros-cons li) .icon) {
        --icon-color: var(--icon-positive-color);
      }
.con:is(:is(ul.pros-cons li) .icon) {
        --icon-color: var(--icon-negative-color);
      }
:is(ul.pros-cons li) a {
      -webkit-text-decoration: none;
      text-decoration: none;
    }
:is(:is(ul.pros-cons li) a):hover {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

.articleColumn twk-score-card {
  clear: both;
  gap: 1rem;
  margin-bottom: 1rem;
}

:is(.articleColumn twk-score-card) .productInfo {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    background-color: var(--surface-card-color);
  }

:is(:is(.articleColumn twk-score-card) .productInfo)  > h3 {
      margin: 0;
    }

:is(:is(.articleColumn twk-score-card) .productInfo) a:not(.ctaButton) {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

:is(:is(:is(.articleColumn twk-score-card) .productInfo) a:not(.ctaButton)):hover {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

.line-clamp:is(:is(:is(.articleColumn twk-score-card) .productInfo) a:not(.ctaButton)) {
        --line-clamp-lines: 2;
      }

:is(:is(.articleColumn twk-score-card) .productInfo) .thumb {
      width: auto;
      padding: 15px;
      margin: 0;
      text-align: center;
      border: 0;
      border-radius: var(--border-radius-small);
    }

:is(:is(.articleColumn twk-score-card) .productInfo) p {
      margin: 0;
      line-height: 22px;
    }

.publicationPrice:is(:is(:is(.articleColumn twk-score-card) .productInfo) p) {
        font-size: var(--font-size-small-plus);
        color: var(--tertiary-paragraph-text-color);
      }

.price-cta:is(:is(:is(.articleColumn twk-score-card) .productInfo) p) {
        display: flex;
        gap: 1rem;
        align-items: center;
      }

:is(:is(.articleColumn twk-score-card) .productInfo) .ctaButton {
      font-size: inherit;
    }

.articleColumn .tabbedContentWrapper .scorecard-scores h3 {
  margin-bottom: 1rem;
}

@media screen and (min-width: 500px) {
  twk-score-card .scorecard-scores {
    flex-direction: row;
  }
}

@media screen and (min-width: 800px) {
  .articleColumn twk-score-card {
    display: grid;
    grid-template-areas:
        "header product"
        "summary product"
        "proscons product"
  ;
    grid-template-rows: auto 1fr auto;
    gap: 1rem;
  }


    [embargo]:is(.articleColumn twk-score-card) {
      grid-template-areas:
          "embargo embargo"
          "header product"
          "summary product"
          "proscons product"
    ;
      grid-template-rows: auto;
    }

      [embargo][no-summary]:is(.articleColumn twk-score-card) {
        grid-template-areas:
            "embargo embargo"
            "proscons product";
        grid-template-rows: auto;
      }

      [embargo]:is(.articleColumn twk-score-card) twk-flash-message {
        grid-area: embargo;
      }

    [no-summary]:is(.articleColumn twk-score-card) {
      grid-template-areas: "proscons product";
      grid-template-rows: auto;
    }

    :is(.articleColumn twk-score-card) > h3 {
      grid-area: header;
      margin-bottom: 0;
    }

    :is(.articleColumn twk-score-card) > p {
      grid-area: summary;
    }

    :is(.articleColumn twk-score-card) > .productInfo {
      grid-area: product;
      width: var(--grid-column-width);
    }

    :is(.articleColumn twk-score-card) > .scorecard-scores {
      flex-direction: row;
      grid-area: proscons;
    }
}

@media screen and (max-width: 1000px) {
  .articleColumn twk-score-card {
    grid-template-areas:
        "header product"
        "summary product"
        "proscons proscons"
  ;
  }
}