/* Margin Lesson Navigation — scoped to .mln-root so nothing leaks site-wide. */

.mln-root{
  font-family:'Schibsted Grotesk','Helvetica Neue',Helvetica,Arial,sans-serif;
  color:#242424;
  text-align:left;
  -webkit-text-size-adjust:100%;
}
.mln-root *,
.mln-root *::before,
.mln-root *::after{box-sizing:border-box;}

.mln-nav{
  display:flex;
  flex-wrap:wrap;
  gap:4px 24px;
  margin:0;
  padding:14px 0;
  border-top:1px solid #D8D3C6;
  border-bottom:1px solid #D8D3C6;
  background:none;
  font-size:14px;
  line-height:1.3;
}

/* `color` / `text-decoration` use !important so even a theme rule such as
   `a{color:#...!important}` cannot repaint the nav links. */
.mln-root .mln-link{
  display:inline-block;
  padding:8px 0;
  color:#242424 !important;
  text-decoration:none !important;
  background:none;
  font-weight:400;
}
.mln-root .mln-link:hover,
.mln-root .mln-link:focus-visible{
  color:#242424 !important;
  text-decoration:underline !important;
  text-decoration-color:#FF6A00;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}
.mln-root .mln-link:focus-visible{
  outline:3px solid #FF6A00;
  outline-offset:3px;
}

.mln-root .mln-num{
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  color:#A84400;
}