/* UI V2 savings pages: launch-only rules next to the generated savings.css. */

/* Logo slots: the design paints a sample bank logo as the background image of each slot class; the launch puts the
   record's packaged issuer logo (or its initials) inside the slot instead. */
.v2 .v2-sv-logo { background-image: none !important; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.v2 .v2-sv-logo-img { display: block; width: 68%; height: 68%; object-fit: contain; }
.v2 .v2-sv-mono { font-weight: 700; letter-spacing: .02em; line-height: 1; color: #B4520E; }
.v2 .v2-sv-mono-row { font-size: 26px; }
.v2 .v2-sv-mono-hero { font-size: 32px; }
.v2 .v2-sv-mono-card { font-size: 20px; }
.v2 .v2-sv-mono-aside { font-size: 15px; }
.v2 .v2-sv-tile-img { display: block; width: 30px; height: 20px; object-fit: contain; }
.v2 .v2-sv-glogo { overflow: hidden; }
.v2 .v2-sv-glogo-img { display: block; width: 32px; height: 18px; object-fit: contain; }

/* Fingo score rings: the design draws the score as a coloured arc; unscored products show a plain ring with a dash. */
.v2 .v2-unscored { background: rgb(241, 228, 215) !important; }
.v2 .v2-unscored-t { font-size: 12.5px; line-height: 1.3; color: #6B5A73; }
/* The "?" next to "Fingo score" is a link to the rating method page (the design opens a tooltip with that link). */
.v2 .v2-sv-help { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }

/* Category tiles: three legacy categories instead of the design's five; one row of three from 560px, a list below. */
.v2 .v2-sv-cats { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
@media (max-width: 559px) {
  .v2 .v2-sv-cats { grid-template-columns: minmax(0, 1fr) !important; }
  .v2 .v2-sv-cats > a { flex-direction: row; align-items: center; }
}

/* Category and bank pages with related posts: the list section gives its space before the footer to the posts. */
.v2 .v2-sv-list-tight { padding-bottom: 0; }
.v2 .v2-sv-related-sec { padding-bottom: clamp(56px, 7vw, 96px); }

/* Overview rows whose legacy value is a long sentence: label above, value below, left aligned. */
.v2 .v2-sv-rich { flex-direction: column; align-items: stretch; gap: 6px; }
.v2 .v2-sv-rich > :last-child { text-align: left; max-width: none; }
.v2 .v2-sv-rich .crv-row-k { max-width: none; }
.v2 .v2-sv-list { margin: 0; padding-left: 18px; font-weight: 500; }
.v2 .v2-sv-list li { margin: 3px 0; }
/* The bank name of the overview leads to the bank page: the design system's link look. */
.v2 .crv-row-v a { color: #B4520E; text-decoration: underline; text-underline-offset: 3px; }