.country-fares { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(270px, .6fr); margin: 0 auto 48px; overflow: hidden; border: 1px solid #dce4d6; border-radius: 8px; background: #fffefa; }.country-fare-chart { min-height: 254px; padding: 17px 19px 14px; }.country-fare-chart .section-heading { margin-bottom: 11px; }.country-fare-chart h2, .country-fare-insights h2 { margin: 0; color: var(--evergreen); font: 600 25px Newsreader, serif; }.country-fare-chart .section-heading p { max-width: 570px; margin: 5px 0 0; color: var(--muted); font-size: 13px; }.country-fare-bars { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: end; gap: 9px; height: 145px; padding: 16px 7px 0; border-bottom: 1px solid #dce4d6; }.country-fare-bars article { display: flex; min-width: 0; height: 100%; flex-direction: column; align-items: center; justify-content: end; }.country-fare-bar { position: relative; display: block; width: 100%; max-width: 54px; min-height: 2px; border-radius: 3px 3px 0 0; background: #b7cdb4; }.country-fare-bar b { position: absolute; top: -21px; left: 50%; transform: translateX(-50%); color: var(--evergreen); font-size: 13px; white-space: nowrap; }.country-fare-bar.is-empty { height: 2px !important; background: transparent; }.country-fare-bars time { display: block; margin-top: 8px; color: var(--muted); font-size: 13px; }.country-fare-insights { padding: 18px 20px; background: #f2f5eb; }.country-fare-insights p { margin: 14px 0 0; color: var(--muted); font-size: 13px; line-height: 1.4; }.country-fare-insights b { display: block; margin-bottom: 2px; color: var(--evergreen); font-size: 13px; }@media (max-width: 820px) { .country-fares { grid-template-columns: 1fr; }.country-fare-insights { border-top: 1px solid #dce4d6; } }@media (max-width: 600px) { .country-fares { margin-bottom: 34px; }.country-fare-chart { padding: 16px 12px 12px; }.country-fare-chart h2, .country-fare-insights h2 { font-size: 23px; }.country-fare-bars { gap: 4px; padding-left: 0; padding-right: 0; }.country-fare-bars time { font-size: 13px; }.country-fare-bar b { font-size: 13px; }.country-fare-insights { padding: 17px; } }