/* Endast sidor som aktiverat momentmeny.php påverkas. */
.moment-content {
  --moment-anchor-offset: 80px;
}
.moment-content :is(h1, h2, h3, h4, h5, h6)[id] {
  scroll-margin-top: var(--moment-anchor-offset);
}
/* Samma läsbredd som tidigare på stora skärmar, med 280 px för menyn. */
#content-wrapper > .mui-container-fluid.moment-content--wide {
  max-width: 1280px;
  padding-right: 295px;
}
.moment-menu {
  position: fixed;
  z-index: 1;
  width: 250px;
  box-sizing: border-box;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  padding: 4px 8px 12px 16px;
  border-left: 1px solid #c7cfd3;
  color: #334650;
  font-size: 13px;
  line-height: 1.45;
  background: #eee;
}
.moment-menu[hidden], .moment-menu ul[hidden] { display: none; }
.moment-menu__title {
  margin: 0 0 10px;
  color: #334650;
  font-weight: 700;
  font-size: 14px;
}
.moment-menu ul { margin: 0; padding: 0; list-style: none; }
.moment-menu li { margin: 0; padding: 0; }
.moment-menu a {
  display: block;
  padding: 7px 8px;
  border-radius: 4px;
  color: #465c68;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.moment-menu a:hover { background: #e0e5e8; color: #1f3744; }
.moment-menu a:focus-visible { outline: 2px solid #2563eb; outline-offset: -2px; }
.moment-menu a[aria-current="location"] {
  background: #dce7ed;
  color: #183e53;
  font-weight: 700;
  box-shadow: inset 3px 0 #426c83;
}
.moment-menu__group > a { font-weight: 600; }
.moment-menu__children {
  padding-left: 10px !important;
  margin: 0 0 8px !important;
}
.moment-menu__children a { font-size: 12px; padding-top: 5px; padding-bottom: 5px; }
@media print {
  .moment-menu { display: none !important; }
  #content-wrapper > .mui-container-fluid.moment-content--wide {
    max-width: 1000px;
    padding-right: 15px;
  }
}