/* Isolated CSS for vyh-diff. Source: Design Library draft. */
.vyh-diff .wp-block-group.is-layout-flex { gap: unset; align-items: unset; }
.vyh-diff__stats { display: flex !important; flex-direction: row !important; }
.vyh-diff__stats > .wp-block-group { width: auto !important; }
@media (max-width: 768px) {
.vyh-diff__stats { flex-direction: column !important; gap: 18px !important; align-items: stretch !important; }
.vyh-diff h2[class*="__heading"] { font-size: 25px !important; line-height: 1.25 !important; }
.vyh-diff [class*="__heading"], .vyh-diff [class*="__subtext"] { overflow-wrap: break-word !important; }
.vyh-diff[class*="vyh-"], .vyh-diff [class*="vyh-"] { min-width: 0px !important; }
.vyh-diff [class*="vyh-"][class*="__container"] { width: 100% !important; max-width: 100% !important; }
.vyh-diff { overflow-x: clip !important; }
}
.vyh-diff *, .vyh-diff ::before, .vyh-diff ::after { box-sizing: border-box; margin: 0px; padding: 0px; }
.vyh-diff { width: 100%; background: rgb(255, 255, 255); padding: 20px 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.vyh-diff__container { max-width: 1200px; margin: 0px auto; padding: 0px 40px; }
.vyh-diff__gradient-wrap { background: linear-gradient(to right, rgb(237, 26, 59) 0%, rgb(249, 115, 22) 100%); padding: 14px; border-radius: 20px; }
.vyh-diff__card { background: rgb(255, 255, 255); border-radius: 10px; padding: 48px 60px; }
.vyh-diff__header { text-align: center; margin-bottom: 44px; }
.vyh-diff__heading { font-size: 36px; font-weight: 800; color: rgb(17, 17, 17); line-height: 1.2; margin-bottom: 14px; letter-spacing: -0.3px; }
.vyh-diff__subtext { font-size: 16px; color: rgb(102, 102, 102); line-height: 1.65; }
.vyh-diff__stats { display: flex; align-items: center; justify-content: space-evenly; }
.vyh-diff__stat { display: flex; flex-direction: column; align-items: center; gap: 10px; flex: 1 1 0%; text-align: center; }
figure.vyh-diff__icon { width: 40px; height: 40px; margin: 0px auto; overflow: hidden; }
figure.vyh-diff__icon img { width: 40px; height: 40px; display: block; }
.vyh-diff__value { font-weight: 900; color: rgb(237, 26, 59); line-height: 1; letter-spacing: -1px; font-size: 50px !important; margin-top: 10px !important; }
.vyh-diff__label { font-size: 15px; color: rgb(51, 51, 51); font-weight: 500; line-height: 1.4; }
.vyh-diff__sep { width: 1px; height: 90px; background: rgb(224, 224, 224); flex-shrink: 0; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; align-self: center; }
@media (max-width: 992px) {
.vyh-diff__container { padding: 0px 24px; }
.vyh-diff__heading { font-size: 28px; }
.vyh-diff__card { padding: 40px; }
.vyh-diff__value { font-size: 40px; }
}
@media (max-width: 768px) {
.vyh-diff { padding: 20px 0px; }
.vyh-diff__container { padding: 0px 20px; }
.vyh-diff__heading { font-size: 24px; }
.vyh-diff__card { padding: 32px 28px; }
.vyh-diff__value { font-size: 34px; }
.vyh-diff__label { font-size: 13px; }
.vyh-diff__sep { height: 70px; }
}
@media (max-width: 480px) {
.vyh-diff__gradient-wrap { padding: 10px; }
.vyh-diff__stats { flex-direction: column; gap: 28px; }
.vyh-diff__sep { width: 60px; height: 1px; }
.vyh-diff__value { font-size: 40px; }
}
.vyh-diff__gradient-wrap { animation: 0.8s ease 0.15s 1 normal both running vyh-diff--vyhFade; }
@media (prefers-reduced-motion: reduce) {
.vyh-diff__gradient-wrap { opacity: 1; animation: auto ease 0s 1 normal none running none; }
}
.vyh-diff, .vyh-diff * { -webkit-tap-highlight-color: transparent; }
.vyh-diff img { max-width: 100%; height: auto; }
@media (max-width: 768px) {
.vyh-diff [class*="vyh-"][class*="__heading"] { text-align: center !important; }
}

@keyframes vyh-diff--vyhFade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}