/* The world clock follows the homepage's existing type and colour system. */
.home .home-hero .hero-bottom{padding-bottom:44px}
.mn-world-clock{padding:18px 0;background:var(--navy-deep);border-block:1px solid #354659;color:var(--white)}
.mn-world-clock-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));margin:0}
.mn-world-clock-city{min-width:0;padding:0 20px;border-left:1px solid #354659}
.mn-world-clock-city:first-child{border-left:0;padding-left:0}
.mn-world-clock-city dt{margin:0;font:500 13px/1.4 var(--sans);color:#c9d5de}
.mn-world-clock-city dd{margin:4px 0 0;font:400 30px/1.1 var(--serif);font-variant-numeric:tabular-nums;color:var(--white)}
.mn-world-clock-city time{font:inherit;color:inherit;white-space:nowrap}
.mn-world-clock-home dt,.mn-world-clock-home dd{color:var(--brass)}
@media(max-width:1100px){.mn-world-clock-city{padding:0 12px}.mn-world-clock-city dd{font-size:28px}}
@media(max-width:960px){.mn-world-clock-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 0}.mn-world-clock-city:nth-child(5){border-left:0;padding-left:0}}
@media(max-width:640px){
 .home .home-hero .hero-bottom{padding-bottom:29px}
 .mn-world-clock{padding:16px 0}
 .mn-world-clock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0}
 .mn-world-clock-city,.mn-world-clock-city:nth-child(5){padding:0 20px;border-left:1px solid #354659}
 .mn-world-clock-city:nth-child(odd){padding-left:0;border-left:0}
 .mn-world-clock-city dd{font-size:27px;margin-top:3px}
}