
.astnav{--astnav-panel-bg:#fff;--astnav-text:#1d2327;--astnav-item-bg:#fff;--astnav-hover:#f5f7f9;--astnav-border:#d8dde3;--astnav-accent:#2271b1;--astnav-overlay:#000;--astnav-overlay-opacity:.48;--astnav-cols:4;--astnav-desktop-width:1120px;--astnav-mobile-width:390px;font-family:inherit;position:relative;z-index:999999}
.astnav-trigger{display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:10px 12px;min-height:44px}
.astnav-trigger-icon{width:22px;display:inline-grid;gap:4px}
.astnav-trigger-icon span{height:2px;background:currentColor;border-radius:3px;display:block}
.astnav-overlay{position:fixed;inset:0;background:var(--astnav-overlay);opacity:var(--astnav-overlay-opacity);z-index:999997}
.astnav-panel{position:fixed;z-index:999998;background:var(--astnav-panel-bg);color:var(--astnav-text);box-shadow:0 18px 55px rgba(0,0,0,.24);overflow:hidden}
.astnav-panel-head{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;border-bottom:1px solid var(--astnav-border);padding:12px 14px;min-height:54px}
.astnav-back,.astnav-close{border:0;background:transparent;cursor:pointer;color:inherit;font:inherit}
.astnav-back{font-weight:600;padding:8px}
.astnav-close{font-size:32px;line-height:1;padding:0 4px}
.astnav-crumbs{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.astnav-body{overflow:auto}
.astnav-grid{display:grid;grid-template-columns:repeat(var(--astnav-cols),minmax(0,1fr));gap:8px;padding:18px}
.astnav-item{display:flex;align-items:center;border:1px solid var(--astnav-border);border-radius:8px;min-height:54px;background:var(--astnav-item-bg);overflow:hidden}
.astnav-link{display:flex;align-items:center;flex:1;min-width:0;padding:14px 14px;text-decoration:none;color:inherit;font-weight:600}
.astnav-link:hover,.astnav-link:focus{background:var(--astnav-hover)}
.astnav-next{width:48px;align-self:stretch;border:0;border-left:1px solid var(--astnav-border);background:var(--astnav-hover);cursor:pointer;font-size:22px}
.astnav-next:hover,.astnav-next:focus{filter:brightness(.96)}
.astnav-source-entity .astnav-link{font-weight:500}
.astnav-empty{padding:20px;color:#646970}

@media (min-width: 783px){
  .astnav-panel{top:72px;left:50%;transform:translateX(-50%);width:min(var(--astnav-desktop-width),calc(100vw - 48px));max-height:calc(100vh - 96px);border-radius:12px}
  .astnav-grid{grid-template-columns:repeat(var(--astnav-cols),minmax(0,1fr))}
}
@media (max-width: 782px){
  .astnav-panel{top:0;bottom:0;left:0;width:min(86vw,var(--astnav-mobile-width));border-radius:0}
  .astnav-panel-head{position:sticky;top:0;background:#fff;z-index:2}
  .astnav-grid{display:block;padding:0}
  .astnav-item{border:0;border-bottom:1px solid var(--astnav-border);border-radius:0;min-height:52px}
  .astnav-link{padding:15px 16px}
  .astnav-next{width:52px}
}
body.astnav-open{overflow:hidden}

.astnav-version{font-size:11px;color:#646970;white-space:nowrap}

.astnav-highlight-home .astnav-item.astnav-home{background:var(--astnav-home-bg)}
.astnav-highlight-home .astnav-item.astnav-home .astnav-link{background:transparent}
.astnav-density-compact .astnav-item{min-height:46px}
.astnav-density-compact .astnav-link{padding:10px 12px}
.astnav-density-compact .astnav-next{width:44px}
.astnav-density-standard .astnav-item{min-height:54px}
.astnav-density-standard .astnav-link{padding:14px}
.astnav-density-spacious .astnav-item{min-height:62px}
.astnav-density-spacious .astnav-link{padding:18px 16px}
.astnav-density-spacious .astnav-next{width:52px}
#astnav-order-list .astnav-order-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dcdcde;border-radius:5px;padding:10px 12px;margin-bottom:6px;cursor:grab}
#astnav-order-list .astnav-order-row:active{cursor:grabbing}
#astnav-order-list .astnav-order-handle{font-size:18px;color:#646970}

/* v0.3.4: prevent the theme's narrow Custom HTML header slot from wrapping MENU vertically */
.astnav-shortcode-slot,
.astnav-theme-slot,
.astnav-shortcode-slot .astnav,
.astnav-theme-slot .astnav{
  display:inline-block;
  width:auto;
  max-width:none;
  min-width:max-content;
  flex:0 0 auto;
}

.astnav-trigger{
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
  flex-wrap:nowrap;
  width:auto;
  min-width:max-content;
}

.astnav-trigger > span:last-child{
  display:inline-block;
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
}

@media (max-width:782px){
  .astnav-shortcode-slot,
  .astnav-theme-slot{
    min-width:118px;
  }

  .astnav-trigger{
    padding-left:10px;
    padding-right:10px;
  }
}
