.ofo-module-nav-trigger,
.ofo-module-nav-backdrop,
.ofo-module-nav-close,
.ofo-record-nav { display:none; }

.ofo-module-sidebar {
  width:248px;
  min-width:0;
  padding:16px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.06);
}
.ofo-module-nav-heading {
  padding:.25rem .75rem .55rem;
  color:#64748b;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ofo-module-link {
  display:flex;
  align-items:center;
  min-height:44px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:8px;
  color:#334155;
  font-weight:650;
  line-height:1.2;
  text-decoration:none;
}
.ofo-module-link:hover,.ofo-module-link:focus-visible {background:#f8fafc;color:#2050a8;text-decoration:none;}
.ofo-module-link.is-active,.ofo-module-link[aria-current="page"] {background:#eff6ff;color:#2050a8;font-weight:800;}

@media (max-width:980px) {
  .ofo-module-nav-trigger {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.45rem;
    min-height:44px;
    margin:.65rem .75rem;
    padding:.5rem .8rem;
    border:1px solid #cbd5e1;
    border-radius:8px;
    background:#fff;
    color:#172033;
    font-size:.9rem;
    font-weight:800;
  }
  .ofo-module-nav-backdrop {
    position:fixed;
    inset:0;
    z-index:1190;
    width:100%;
    height:100%;
    border:0;
    background:rgba(15,23,42,.38);
  }
  .ofo-module-nav-backdrop.is-open {display:block;}
  [data-ofo-module-nav] {
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    z-index:1200!important;
    display:block!important;
    width:min(19rem,88vw)!important;
    max-width:88vw!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:calc(1rem + env(safe-area-inset-top,0px)) 1rem calc(1rem + env(safe-area-inset-bottom,0px))!important;
    overflow:auto!important;
    border:0!important;
    border-radius:0 12px 12px 0!important;
    background:#fff!important;
    box-shadow:1rem 0 2.5rem rgba(15,23,42,.24)!important;
    transform:translateX(-105%);
    visibility:hidden;
    pointer-events:none;
    transition:transform .18s ease;
  }
  [data-ofo-module-nav].is-open {transform:translateX(0);visibility:visible;pointer-events:auto;}
  .ofo-module-nav-close {
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    margin:0 0 .75rem auto;
    border:1px solid #cbd5e1;
    border-radius:999px;
    background:#fff;
    color:#172033;
    font-size:1.35rem;
  }
  body.ofo-module-nav-open {overflow:hidden;}
}

@media (max-width:620px) {
  .ofo-record-nav {position:relative;display:block;margin:.55rem .75rem;}
  .ofo-record-nav > summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:44px;
    padding:.55rem .75rem;
    list-style:none;
    border:1px solid #cbd5e1;
    border-radius:8px;
    background:#fff;
    color:#172033;
    font-weight:800;
    cursor:pointer;
  }
  .ofo-record-nav > summary::-webkit-details-marker{display:none;}
  .ofo-record-nav > summary::after{content:"▾";color:#64748b;}
  .ofo-record-nav[open] > summary::after{content:"▴";}
  .ofo-record-nav-menu {
    position:absolute;
    top:calc(100% + .35rem);
    left:0;
    right:0;
    z-index:450;
    display:grid;
    gap:.15rem;
    padding:.35rem;
    border:1px solid #cbd5e1;
    border-radius:8px;
    background:#fff;
    box-shadow:0 .85rem 1.8rem rgba(15,23,42,.2);
  }
  .ofo-record-nav-item {
    display:flex;
    align-items:center;
    width:100%;
    min-height:44px;
    padding:.55rem .7rem;
    border:0;
    border-radius:6px;
    background:transparent;
    color:#334155;
    font:inherit;
    font-weight:700;
    text-align:left;
    text-decoration:none;
  }
  .ofo-record-nav-item.is-active{background:#eff6ff;color:#2050a8;}
  .ofo-record-nav-source{display:none!important;}
  .ofo-record-nav-source-wrapper{display:none!important;}
  .powder-profile-page.is-editing .ofo-record-nav{display:none!important;}
}

@media print {
  .ofo-module-nav-trigger,.ofo-module-nav-backdrop,.ofo-record-nav{display:none!important;}
}