/* Tool page component fixes. Loads after tool.css.

   Bottom line score badge: it was a fixed 88px square (70px under 640px) with a
   9px label reading "Editorial score" at 63px wide. On mobile that left 3.5px
   of clearance each side, so the label sat hard against the edges and the badge
   read as cramped. Sizing it to its content with real padding fixes it at every
   width instead of trading one squeeze for another. Applies to every tool page,
   current and future. */

.nsrt-verdict__score {
  width: auto;
  height: auto;
  min-width: 96px;
  min-height: 88px;
  padding: 13px 16px;
  row-gap: 5px;
  box-sizing: border-box;
}

.nsrt-verdict__score strong {
  font-size: 30px;
  line-height: 1;
  letter-spacing: -.02em;
}

.nsrt-verdict__score span {
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: .01em;
  white-space: nowrap;
  color: #C9C9CE;
}

@media (max-width: 640px) {
  .nsrt-verdict__score {
    width: auto;
    height: auto;
    min-width: 90px;
    min-height: 78px;
    padding: 11px 14px;
    border-radius: 20px;
  }
  .nsrt-verdict__score strong { font-size: 26px; }
  .nsrt-verdict__score span { font-size: 9.5px; }
}

/* Pricing callout: text was invisible on its own black card.
   tool-article-v3-add.css sets `.nsrt-panel .nsrt-art-sec p strong{color:#0A0A0A}`
   and loads after the rule that made this box white, so at equal specificity it
   won: the lead-in rendered black on black (contrast 1.00) and the body text at
   1.9. Re-assert the callout's own colours above the section rule. */
.nsrt-panel .nsrt-art-sec .nsrt-art-cta p,
.nsrt-panel .nsrt-art-cta p{color:rgba(255,255,255,.88) !important}
.nsrt-panel .nsrt-art-sec .nsrt-art-cta p strong,
.nsrt-panel .nsrt-art-cta p strong{color:#fff !important}
.nsrt-panel .nsrt-art-sec .nsrt-art-cta a,
.nsrt-panel .nsrt-art-cta a.nsrt-art-cta__btn{color:#111 !important}