/* Repair after screenshot-derived art caused duplicate UI and broken icon crops. */
:root{--v2-desktop-max:460px}
.grRefHome{overflow:visible!important;padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
.grRefHome .g1581Art{background:none!important;overflow:hidden!important}
.grRefHome .g1581Art>img{display:block!important;max-height:100%!important;object-fit:contain!important}
.grRefHome .v2ServiceCard .v2ServiceIcon{background-image:none!important}
.grRefHome>.guulOfflineSlot.guulOfflineBelowHero{order:3!important;display:grid!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2!important;width:calc(100% - 32px)!important;min-height:118px!important;margin:10px 16px 8px!important;transform:none!important;animation:none!important}
.grRefHome>.guulOfflineSlot .grOfflineActions{min-width:0}
.grRefHome>.guulOfflineSlot .grOfflineActions button{visibility:visible!important;opacity:1!important;display:block!important}
@media(max-width:767px){
  body{padding:0!important;margin:0!important}
  .appShell:has(.v2Home.grRefHome){width:100vw!important;max-width:none!important;margin:0!important;border-radius:0!important}
  .appShell:has(.v2Home.grRefHome)>.content{width:100%!important;max-width:none!important;padding:0!important}
  .appShell:has(.v2Home.grRefHome) .v2Home.grRefHome{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important}
  .appShell:has(.v2Home.grRefHome) .v2BottomNav{width:100vw!important;max-width:none!important;left:0!important;right:0!important;transform:none!important;border-radius:0!important}
  .grRefHome .g1581Hero{padding-inline:12px!important}
  .grRefHome .g1581Search{margin-inline:12px!important}
  .grRefHome .v2Challenge{margin-inline:12px!important;width:calc(100% - 24px)!important}
  .grRefHome .v2ServicesWrap{padding-inline:12px!important}
  .grRefHome>.guulOfflineSlot.guulOfflineBelowHero{width:calc(100% - 24px)!important;margin-inline:12px!important}
  .grRefHome .v2ServiceGrid .v2ServiceCard{min-height:80px!important}
  .grRefHome .v2ServiceCard .v2ServiceCopy b{font-size:12px!important}
  .grRefHome .v2ServiceCard .v2ServiceCopy small{font-size:10px!important}
}
/* Match the earlier phone-sized staging view on desktop as well. */
@media (min-width:768px){
  .appShell:has(.v2Home.grRefHome){width:min(100%,460px)!important;max-width:460px!important;margin-inline:auto!important}
  .appShell:has(.v2Home.grRefHome)>.content{width:100%!important;max-width:100%!important;padding-inline:0!important}
  .appShell:has(.v2Home.grRefHome) .v2Home.grRefHome{width:100%!important;max-width:100%!important;padding-inline:0!important}
  .appShell:has(.v2Home.grRefHome) .v2BottomNav{width:min(100%,460px)!important;max-width:460px!important;left:50%!important;transform:translateX(-50%)!important}
}
@media(min-width:768px){body{padding:20px!important}.grRefHome .g1581Hero{padding:14px!important}.grRefHome .g1581Body{min-height:225px!important}.grRefHome .g1581Copy h1{font-size:25px!important}.grRefHome .g1581Copy p{font-size:11px!important;max-width:205px!important}.grRefHome .g1581Art>img{width:76%!important;right:-14%!important}.grRefHome .g1581Search{margin:0 14px!important}.grRefHome .v2Challenge{margin:4px 16px 18px!important;width:calc(100% - 32px)!important}.grRefHome .v2ServicesWrap{padding:0 16px!important}.grRefHome .v2ServiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grRefHome .v2ServiceGrid .v2ServiceCard{min-height:76px!important;grid-template-columns:42px minmax(0,1fr) 10px!important;padding:9px 8px!important}.grRefHome .v2ServiceCard .v2ServiceCopy b{font-size:11.6px!important}.grRefHome .v2ServiceCard .v2ServiceCopy small{font-size:9.2px!important}.grRefHome>.guulOfflineSlot.guulOfflineBelowHero{width:calc(100% - 32px)!important;margin-inline:16px!important}}
@media(max-width:360px){.grRefHome .g1581Art>img{width:82%!important;right:-20%!important}.grRefHome>.guulOfflineSlot.guulOfflineBelowHero{width:calc(100% - 28px)!important;margin-inline:14px!important}}