/* Percentages lead; comparison values support; labels and detail links remain readable. */
#unit-fresh #freshness#freshness#freshness .fc-title { line-height: 1.08; letter-spacing: -.035em; }
#unit-fresh #freshness#freshness#freshness .fp-intro { line-height: 1.5; margin-top: 12px; }
#unit-fresh #freshness#freshness#freshness .fr-name { font-weight: 500; letter-spacing: -.01em; }
#unit-fresh #freshness#freshness#freshness .fr-stat-caption { line-height: 1.4; letter-spacing: 0; }
#unit-fresh #freshness#freshness#freshness .rp-ref.fr-status { font-size: var(--oh-small); margin-top: 4px; }
#unit-fresh #freshness#freshness#freshness .fs-metrics { margin-top: 16px; }
#unit-fresh #freshness#freshness#freshness .cj-comparison .fc-label { font-size: var(--oh-small); line-height: 1.4; }
#unit-fresh #freshness#freshness#freshness .cp-static { gap: 10px; padding: 16px 0 22px; }
#unit-fresh #freshness#freshness#freshness .fc-value,
#unit-fresh #freshness#freshness#freshness .fc-life-value { line-height: 1.15; letter-spacing: -.03em; }
#unit-fresh #freshness#freshness#freshness .fs-more > summary { min-height: 72px; font-size: 17px; line-height: 1.4; }
#unit-fresh #freshness#freshness#freshness .fw-chart figcaption .rp-ref { font-size: var(--oh-small); }
#unit-fresh #freshness#freshness#freshness .fw-legend { font-size: var(--oh-small); }
@media (min-width: 700px) {
  #unit-fresh #freshness#freshness#freshness .cj-comparison .fc-label { font-size: 16px; }
  #unit-fresh #freshness#freshness#freshness .cp-static { gap: 10px; padding: 18px 0 24px; }
  #unit-fresh #freshness#freshness#freshness .fs-more > summary { font-size: 18px; }
}
@media (min-width: 1000px) {
  #unit-fresh #freshness#freshness#freshness .fo-header { margin-bottom: 32px; }
  #unit-fresh #freshness#freshness#freshness .fc-value,
  #unit-fresh #freshness#freshness#freshness .fc-life-value { font-size: 40px; }
}

/* Intentional mobile line breaks: two description lines, then the timing. */
#unit-fresh #freshness#freshness#freshness .fr-mobile-break { display: none; }
@media (max-width: 699px) {
  #unit-fresh #freshness#freshness#freshness .fr-mobile-break { display: block; }
  #unit-fresh #freshness#freshness#freshness .fr-stat-caption { min-height: 4.2em; }
}