/* Opt-in layout for the five menu destinations, including career entry states.
   Load after page styles. Do not apply to lesson or interview session layouts. */
html.cp-menu-document{
  --cp-menu-max-width:560px;
  --cp-menu-gutter:14px;
  scrollbar-gutter:stable;
}
body.cp-menu-page{
  padding-left:var(--cp-menu-gutter);
  padding-right:var(--cp-menu-gutter);
}
body.cp-menu-page>.wrap,
body.cp-menu-page>.frame,
body.cp-menu-page>.entry-shell{
  box-sizing:border-box;
  width:100%;
  max-width:var(--cp-menu-max-width);
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
  padding-top:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
/* Keep the career-entry fixed action aligned; retain its safe-area/bottom gap. */
body.cp-menu-page .nextbar{
  padding-left:var(--cp-menu-gutter);
  padding-right:var(--cp-menu-gutter);
}
body.cp-menu-page .nextbar-inner{
  max-width:var(--cp-menu-max-width);
}