/* Keep the approved separate menu columns on one shared grid. */
#bbc-site .menu-dialog{--bbc-menu-gutter:32px;--bbc-menu-gap:24px;--bbc-menu-columns:minmax(0,1fr) minmax(0,.67fr) minmax(0,.33fr)}
#bbc-site .menu-dialog .menu-top,
#bbc-site .menu-dialog .menu-body{display:grid;grid-template-columns:var(--bbc-menu-columns);column-gap:var(--bbc-menu-gap);padding-left:var(--bbc-menu-gutter);padding-right:var(--bbc-menu-gutter)}
#bbc-site .menu-dialog .menu-top>.brand{grid-column:1;justify-self:start}
#bbc-site .menu-dialog .close-menu{position:static;grid-column:2;justify-self:start;justify-content:flex-start;left:auto;right:auto;transform:none;padding-left:0;padding-right:0}
#bbc-site .menu-dialog .menu-body>nav{grid-column:2;min-width:0}
#bbc-site .menu-dialog .menu-secondary{grid-column:3;min-width:0}
#bbc-site .menu-dialog .menu-body .eyebrow{margin-left:0;margin-right:0;padding-left:0;padding-right:0;text-align:left}
#bbc-site .menu-dialog .menu-body nav a{padding-left:0;margin-left:0;text-align:left}
#bbc-site .menu-dialog .menu-social-handle{text-transform:none;letter-spacing:normal;overflow-wrap:anywhere}
@media(max-width:700px){
 #bbc-site .menu-dialog{--bbc-menu-gutter:22px}
 #bbc-site .menu-dialog .menu-top{grid-template-columns:minmax(0,1fr) auto}
 #bbc-site .menu-dialog .close-menu{grid-column:2;justify-self:end}
 #bbc-site .menu-dialog .menu-body{grid-template-columns:minmax(0,1fr)}
 #bbc-site .menu-dialog .menu-body>nav,#bbc-site .menu-dialog .menu-secondary{grid-column:1}
 #bbc-site .menu-dialog .menu-space{display:none}
}