/* RLN_INDEX_CARD_DESIGN_V3 — the complete stylesheet for the new source renderer. */
.rln-pulse-card {
  --rln-pulse-accent: #6442d6;
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 15px 0 11px;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: #352f49;
  box-shadow: none;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  container-type: inline-size;
}
.rln-pulse-card *, .rln-pulse-card *::before, .rln-pulse-card *::after { box-sizing: border-box; }
.rln-pulse-card .rln-pulse-card__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0; padding: 0; border: 0; }
.rln-pulse-card .rln-pulse-card__title { margin: 0; color: #28252e; font-size: 14px; font-weight: 750; line-height: 1.5; }
.rln-pulse-card .rln-pulse-card__detail { display: inline-flex; align-items: center; justify-content: flex-end; gap: 3px; min-height: 32px; margin: 0; padding: 3px 0 3px 6px; border: 0; background: transparent; color: #5032b4; font-size: 11px; font-weight: 700; line-height: 1.4; text-decoration: none; white-space: nowrap; }
.rln-pulse-card .rln-pulse-card__detail:hover { color: #3e2299; text-decoration: underline; text-underline-offset: 3px; }
.rln-pulse-card .rln-pulse-card__detail:focus-visible { outline: 2px solid #5032b4; outline-offset: 4px; border-radius: 2px; }
.rln-pulse-card .rln-pulse-card__primary { display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: center; gap: 22px; margin: 12px 0 18px; }
.rln-pulse-card .rln-pulse-card__number { display: flex; align-items: baseline; gap: 5px; min-width: 0; white-space: nowrap; }
.rln-pulse-card .rln-pulse-card__score { display: block; margin: 0; padding: 0; color: #352f49; font-size: 58px; font-weight: 780; font-variant-numeric: tabular-nums; letter-spacing: -2.8px; line-height: 1; }
.rln-pulse-card .rln-pulse-card__outof { color: #625e6d; font-size: 12px; font-weight: 550; letter-spacing: 0; }
.rln-pulse-card .rln-pulse-card__assessment { display: grid; gap: 4px; min-width: 0; padding-top: 2px; }
.rln-pulse-card .rln-pulse-card__state { color: #59536b; font-size: 11.5px; font-weight: 750; line-height: 1.5; overflow-wrap: anywhere; }
.rln-pulse-card .rln-pulse-card__state.is-good, .rln-pulse-card .rln-pulse-card__state.is-improving { color: #416e5c; }
.rln-pulse-card .rln-pulse-card__state.is-watch, .rln-pulse-card .rln-pulse-card__state.is-concern { color: #854c42; }
.rln-pulse-card .rln-pulse-card__assessment time { display: block; color: #625e6d; font-size: 10px; font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; }
.rln-pulse-card .rln-pulse-card__meter { display: block; width: 100%; height: 12px; }
.rln-pulse-card .rln-pulse-card__meter svg { display: block; width: 100%; height: 12px; overflow: visible; }
.rln-pulse-card .rln-pulse-card__track { stroke: #dcd6e8; stroke-width: 4.5; }
.rln-pulse-card .rln-pulse-card__fill { stroke: var(--rln-pulse-accent); stroke-width: 4.5; }
.rln-pulse-card .rln-pulse-card__midpoint { stroke: #8d849b; stroke-width: 1; vector-effect: non-scaling-stroke; }
.rln-pulse-card .rln-pulse-card__scale { display: grid; grid-template-columns: 1fr 1fr 1fr; margin: 1px 0 0; color: #625e6d; font-size: 9px; line-height: 1.5; }
.rln-pulse-card .rln-pulse-card__scale span:nth-child(2) { text-align: center; }
.rln-pulse-card .rln-pulse-card__scale span:last-child { text-align: right; }
.rln-pulse-card .rln-pulse-card__trend { display: block; margin: 12px 0 0; padding: 0 0 1px; border: 0; background: #fff; }
.rln-pulse-card .rln-pulse-card__change { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0; width: fit-content; max-width: 100%; margin: 0 auto 8px; padding: 3px 8px; border: 1px solid #dce7e1; border-radius: 999px; background: #f7faf8; color: #426c5b; font-size: 9px; line-height: 1.5; text-align: center; }
.rln-pulse-card .rln-pulse-card__change strong { color: inherit; font-size: 11px; font-weight: 750; white-space: nowrap; }
.rln-pulse-card .rln-pulse-card__change-state { margin-left: 7px; padding-left: 7px; border-left: 1px solid #d1d9d4; color: #5032b4; font-weight: 700; }
.rln-pulse-card .rln-pulse-card__comparison { margin-left: 7px; padding-left: 7px; border-left: 1px solid #d1d9d4; color: #625e6d; }
.rln-pulse-card .rln-pulse-card__change.is-down { border-color: #e6dcd9; background: #fcf8f6; color: #8a4b3e; }
.rln-pulse-card .rln-pulse-card__change.is-flat { border-color: #e3dfeb; background: #f9f8fc; color: #625e6d; }
.rln-pulse-card .rln-pulse-card__chart { display: block; width: 100%; height: auto; min-height: 40px; margin: 0; overflow: visible; }
.rln-pulse-card .rln-pulse-card__guide { stroke: #e8e4ef; stroke-width: 1; stroke-dasharray: 2 3; vector-effect: non-scaling-stroke; }
.rln-pulse-card .rln-pulse-card__area { fill: #6442d6; fill-opacity: .075; }
.rln-pulse-card .rln-pulse-card__line { fill: none; stroke: #6442d6; stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.rln-pulse-card .rln-pulse-card__point { fill: #fff; stroke: #6442d6; stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.rln-pulse-card .rln-pulse-card__point.is-latest { stroke-width: 1.5; }
.rln-pulse-card .rln-pulse-card__dates { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; margin: 2px 0 0; color: #625e6d; font-size: 9px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.rln-pulse-card .rln-pulse-card__dates > span:last-child { text-align: right; }
.rln-pulse-card .rln-pulse-card__period { text-align: center; overflow-wrap: anywhere; }
.rln-pulse-card .rln-pulse-card__sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.rln-pulse-card .rln-pulse-card__empty { padding: 24px 0; }
.rln-pulse-card .rln-pulse-card__empty strong { color: #352f49; font-size: 44px; line-height: 1.2; }
.rln-pulse-card .rln-pulse-card__empty small { color: #625e6d; font-size: 12px; }
.rln-pulse-card .rln-pulse-card__empty p, .rln-pulse-card .rln-pulse-card__chart-empty { margin: 8px 0; color: #625e6d; font-size: 12px; }
@container (max-width: 270px) {
  .rln-pulse-card .rln-pulse-card__primary { gap: 12px; }
  .rln-pulse-card .rln-pulse-card__score { font-size: 51px; letter-spacing: -2.5px; }
  .rln-pulse-card .rln-pulse-card__outof { font-size: 10px; }
  .rln-pulse-card .rln-pulse-card__assessment time { font-size: 9px; }
  .rln-pulse-card .rln-pulse-card__change-state { display: none; }
}
@container (max-width: 220px) {
  .rln-pulse-card .rln-pulse-card__head { flex-wrap: wrap; gap: 0 8px; }
  .rln-pulse-card .rln-pulse-card__primary { grid-template-columns: 1fr; gap: 8px; margin-top: 8px; }
  .rln-pulse-card .rln-pulse-card__score { font-size: clamp(30px, 25cqi, 51px); letter-spacing: -1.5px; }
  .rln-pulse-card .rln-pulse-card__assessment { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 10px; }
  .rln-pulse-card .rln-pulse-card__detail { margin-left: auto; font-size: 10px; }
}
@media (pointer: coarse) { .rln-pulse-card .rln-pulse-card__detail { min-height: 44px; } }
@media (forced-colors: active) {
  .rln-pulse-card .rln-pulse-card__line, .rln-pulse-card .rln-pulse-card__point, .rln-pulse-card .rln-pulse-card__fill { stroke: CanvasText; }
  .rln-pulse-card .rln-pulse-card__track, .rln-pulse-card .rln-pulse-card__midpoint { stroke: GrayText; }
}