/* Preserve the 1440px desktop composition on wider screens.
   CSS zoom scales layout, type and fixed controls together without a transform canvas. */
@media(min-width:1440px){
 @supports (zoom:calc(100vw / 1440px)){
  :root{--rr-desktop-scale:calc(100vw / 1440px);--rr-desktop-height:calc(100dvh / var(--rr-desktop-scale))}
  html{scroll-padding-top:calc((var(--header) + 24px) * var(--rr-desktop-scale))}
  body:is(.ys-page,.ys-legacy){zoom:var(--rr-desktop-scale)}
  dialog#ys-navigation{height:var(--rr-desktop-height)!important;max-height:var(--rr-desktop-height)!important}
  dialog#ys-city-dialog{height:min(780px,calc(var(--rr-desktop-height) - 64px))!important;max-height:var(--rr-desktop-height)!important}
  dialog#ys-city-dialog .ys-city-scroll{max-height:none}
  .selection-method-dialog{max-height:calc(var(--rr-desktop-height) * .85)}
 }
 body:is(.ys-page,.ys-legacy) .ys-header-inner{max-width:1280px}
 /* Viewport lengths inside a zoomed body would be magnified twice. */
 body:is(.ys-page,.ys-legacy) .ys-footer{padding-left:max(32px,calc((100% - 1216px) / 2));padding-right:max(32px,calc((100% - 1216px) / 2))}
 body:is(.ys-page,.ys-legacy) .ys-footer :is(.ys-footer-top,.ys-footer-directory,.ys-footer-all-cities,.ys-footer-bottom){max-width:1216px}
 .ys-main .selection-hero .ys-hero-copy h1{font-size:54px}
 .ys-main .ys-hero:not(.selection-hero) .ys-hero-copy h1{font-size:62px}
 .ys-legacy .main-column>.intro h1{font-size:54.72px}
 .mfo-profile-page .mfo-profile-intro h1{font-size:38.88px!important}
 .ys-legacy:has(.mfo-profile-intro) .main-column{grid-template-columns:minmax(0,1fr) 440px!important;column-gap:40px!important}
 body:is(.ys-page,.ys-legacy) .selection-card-balanced .rr-card-identity h3{overflow-wrap:anywhere}
}
@media print{body:is(.ys-page,.ys-legacy){zoom:1}}