/* Just Scribes Foundation 1.13.30.20.3.22 — Option C: Hybrid Smart Navigation */
:root{
  --jsf-hnav-navy:#0e3558;
  --jsf-hnav-navy-2:#173f66;
  --jsf-hnav-gold:#e6b44a;
  --jsf-hnav-gold-deep:#c58b17;
  --jsf-hnav-cream:#fffdf8;
  --jsf-hnav-ink:#112f4c;
  --jsf-hnav-line:#e5dfd1;
}
.jsf-svg-icon{width:22px;height:22px;display:block;flex:0 0 auto}

/* One premium desktop header; legacy second-row mainnav is no longer needed. */
html body .jsf-hybrid-top{
  height:72px!important;min-height:72px!important;padding:8px clamp(14px,2vw,30px)!important;
  display:flex!important;align-items:center!important;gap:clamp(10px,1.25vw,20px)!important;
  position:sticky!important;top:0!important;z-index:300!important;overflow:visible!important;
  background:rgba(255,253,248,.98)!important;color:var(--jsf-hnav-ink)!important;
  border-bottom:1px solid var(--jsf-hnav-line)!important;box-shadow:0 4px 20px rgba(14,53,88,.08)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.jsf-hybrid-top .brand.jsf-site-logo{width:clamp(175px,14vw,245px)!important;min-width:175px!important;height:52px!important;flex:0 0 auto!important}
.jsf-hybrid-top .brand.jsf-site-logo img{object-fit:contain!important;object-position:left center!important}
.jsf-hybrid-search{height:44px!important;min-width:180px!important;max-width:370px!important;flex:1 1 280px!important;padding:0 14px!important;border:1px solid #d8dee6!important;background:#fff!important;border-radius:13px!important;box-shadow:inset 0 1px 1px rgba(14,53,88,.03)!important}
.jsf-hybrid-search .jsf-hybrid-search-icon{display:grid;place-items:center;color:#173f66}.jsf-hybrid-search .jsf-svg-icon{width:19px;height:19px}
.jsf-hybrid-search input{height:42px!important;padding:0 0 0 9px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#243447!important;font-size:13px!important}

.jsf-hybrid-primary{height:56px;display:flex;align-items:stretch;justify-content:center;gap:3px;flex:0 1 auto;min-width:0;overflow:visible}
.jsf-hybrid-nav-item{position:relative;min-width:58px;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:3px!important;padding:6px 9px!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:11px 11px 0 0!important;color:var(--jsf-hnav-ink)!important;font-weight:800!important;white-space:nowrap!important;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}
.jsf-hybrid-nav-item:hover,.jsf-hybrid-nav-item:focus-visible,.jsf-hybrid-nav-item.on,.jsf-hybrid-nav-item[open]>summary{background:#fff8e7!important;color:#0b2f50!important;border-bottom-color:var(--jsf-hnav-gold)!important;outline:none!important}
.jsf-hybrid-nav-item>a{color:inherit}
.jsf-hybrid-nav-item .jsf-nav-icon{display:grid;place-items:center;height:25px}.jsf-hybrid-nav-item .jsf-nav-icon .jsf-svg-icon{width:22px;height:22px}
.jsf-hybrid-nav-item .jsf-nav-label{font-size:10px;line-height:1;font-weight:800;letter-spacing:.01em}
.jsf-hybrid-nav-item>summary{height:100%;min-width:62px!important;padding:6px 9px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:3px!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:11px 11px 0 0!important;color:inherit!important;list-style:none!important;cursor:pointer!important;font-weight:800!important}
.jsf-hybrid-nav-item>summary::-webkit-details-marker,.jsf-create-menu>summary::-webkit-details-marker{display:none}
.jsf-hybrid-nav-item>summary>span{margin-left:0!important}
.jsf-nav-caret{position:absolute;right:4px;bottom:5px;font-size:10px!important;line-height:1!important;margin:0!important;color:#7c8791!important}

/* Compact Community menu */
.jsf-hybrid-top .jsf-community-menu>div.jsf-hybrid-mini-menu{
  position:absolute!important;top:calc(100% - 1px)!important;left:50%!important;right:auto!important;transform:translateX(-38%)!important;
  width:330px!important;min-width:330px!important;padding:10px!important;border:1px solid var(--jsf-hnav-line)!important;border-radius:15px!important;
  background:#fff!important;box-shadow:0 18px 50px rgba(14,53,88,.18)!important;z-index:420!important
}
.jsf-hybrid-menu-title{padding:6px 9px 10px;font:800 15px/1.1 Georgia,serif;color:var(--jsf-hnav-ink);border-bottom:1px solid #eee7d8;margin-bottom:5px}
.jsf-hybrid-mini-menu>a{display:grid!important;grid-template-columns:36px 1fr!important;grid-template-rows:auto auto!important;column-gap:10px!important;padding:9px!important;border-radius:10px!important;color:#1c3852!important}
.jsf-hybrid-mini-menu>a>span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fff4d9;color:#906308}
.jsf-hybrid-mini-menu>a b{font-size:13px;line-height:1.15}.jsf-hybrid-mini-menu>a small{display:block;font-size:10px;line-height:1.25;color:#718094!important;margin-top:2px}
.jsf-hybrid-mini-menu>a:hover{background:#f8fbfd!important}

/* Wide mega menu under More. */
.jsf-hybrid-top .jsf-nav-more{position:static!important}
.jsf-hybrid-top .jsf-nav-more>div.jsf-mega-menu{
  position:absolute!important;top:calc(100% + 1px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  width:min(1180px,94vw)!important;min-width:0!important;padding:18px!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;
  background:#fffdf8!important;border:1px solid #e3d9c7!important;border-radius:0 0 18px 18px!important;box-shadow:0 22px 56px rgba(14,53,88,.2)!important;z-index:410!important
}
.jsf-mega-menu section{min-width:0;padding:2px 15px 12px;border-right:1px solid #e8e2d5}.jsf-mega-menu section:last-child{border-right:0}
.jsf-mega-menu h3{display:flex;align-items:center;gap:7px;margin:0 0 2px!important;color:#112f4c!important;font:800 15px/1.2 Georgia,serif!important}.jsf-mega-menu h3 span{color:#b77c08}.jsf-mega-menu h3 .jsf-svg-icon{width:19px;height:19px}
.jsf-mega-menu section>small{display:block!important;min-height:30px;margin-bottom:8px!important;color:#8c6a28!important;font-size:9px!important;font-weight:700!important}
.jsf-mega-menu section>a{display:block!important;padding:6px 0!important;border-radius:0!important;color:#243f58!important;font-size:11px!important;font-weight:700!important;line-height:1.25!important}
.jsf-mega-menu section>a:hover{background:transparent!important;color:#bd7f08!important;text-decoration:underline!important;text-underline-offset:3px}

/* Gold quick-create action. */
.jsf-create-menu{position:relative;align-self:center;margin-left:4px}
.jsf-create-menu>summary{height:43px;padding:0 15px;display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;border-radius:10px;background:linear-gradient(180deg,#efbd52,#d99613)!important;color:#fff!important;font-size:12px;font-weight:900;box-shadow:0 6px 16px rgba(205,143,20,.22);border:1px solid #d69b24}
.jsf-create-menu>summary .jsf-svg-icon{width:18px;height:18px}.jsf-create-menu[open]>summary,.jsf-create-menu>summary:hover{filter:brightness(1.04);transform:translateY(-1px)}
.jsf-create-popover{position:absolute;right:0;top:calc(100% + 9px);width:240px;padding:8px;background:#fff;border:1px solid #e2dac9;border-radius:13px;box-shadow:0 18px 45px rgba(14,53,88,.18);z-index:430}
.jsf-create-popover a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:9px;color:#183650!important}.jsf-create-popover a:hover{background:#fff5dc}.jsf-create-popover a span{color:#b77c08}.jsf-create-popover a .jsf-svg-icon{width:19px;height:19px}

/* Account controls */
.jsf-hybrid-top .jsf-hybrid-quick{margin-left:auto!important;gap:7px!important;flex:0 0 auto!important;display:flex!important;align-items:center!important}
.jsf-header-action{position:relative;width:40px;height:40px;padding:0!important;display:grid!important;place-items:center!important;border-radius:11px!important;color:#173f66!important;background:#f8fafb!important;border:1px solid #e4e8ec!important}
.jsf-header-action:hover{background:#fff5dc!important;border-color:#e3c06e!important}.jsf-header-action .jsf-svg-icon{width:20px;height:20px}.jsf-header-action i{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 4px!important;display:grid;place-items:center;background:#df2f3d!important;color:white!important;border:2px solid white;border-radius:10px;font-size:9px!important;font-style:normal!important}
.jsf-hybrid-top .jsf-user-menu summary{min-height:42px;padding:3px 6px 3px 4px!important;border-radius:22px!important;border:1px solid #e3e7eb!important;background:#fff!important;color:#173f66!important}
.jsf-hybrid-top .jsf-user-menu-avatar{width:34px!important;height:34px!important}.jsf-hybrid-top .jsf-user-menu-name{font-size:11px;font-weight:800;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jsf-mobile-menu-trigger{display:none!important}

/* Keep the hybrid bar graceful on narrower desktop screens: icons remain, labels step away. */
@media (max-width:1280px) and (min-width:901px){
  .jsf-hybrid-top{gap:8px!important;padding-left:15px!important;padding-right:15px!important}
  .jsf-hybrid-top .brand.jsf-site-logo{width:185px!important;min-width:165px!important}
  .jsf-hybrid-search{max-width:250px!important;flex-basis:210px!important}
  .jsf-hybrid-nav-item{min-width:50px;padding-left:6px!important;padding-right:6px!important}
  .jsf-hybrid-nav-item>summary{min-width:50px!important;padding-left:6px!important;padding-right:6px!important}
  .jsf-hybrid-nav-item .jsf-nav-label{display:none}.jsf-nav-caret{display:none}
  .jsf-hybrid-top .jsf-user-menu-name{display:none}
}
@media (max-width:1040px) and (min-width:901px){
  .jsf-hybrid-search{max-width:210px!important}.jsf-create-menu>summary span:last-child{display:none}.jsf-create-menu>summary{width:43px;padding:0;justify-content:center}
  .jsf-hybrid-top .jsf-header-message{display:none!important}
}

/* Mobile: center the logo, show account tools, and let the bottom app bar carry navigation. */
@media (max-width:900px){
  html body .jsf-hybrid-top{height:62px!important;min-height:62px!important;padding:6px 10px!important;justify-content:space-between!important;gap:6px!important;z-index:300!important}
  .jsf-hybrid-search,.jsf-hybrid-primary{display:none!important}
  .jsf-mobile-menu-trigger{display:grid!important;place-items:center!important;width:42px;height:42px;padding:0!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#173f66!important;box-shadow:none!important;z-index:3!important}
  .jsf-mobile-menu-trigger .jsf-svg-icon{width:24px;height:24px}
  .jsf-hybrid-top .brand.jsf-site-logo{position:absolute!important;left:50%!important;top:6px!important;transform:translateX(-50%)!important;width:150px!important;min-width:150px!important;height:49px!important;z-index:2!important}
  .jsf-hybrid-top .brand.jsf-site-logo img{object-position:center!important}
  .jsf-hybrid-top .jsf-hybrid-quick{display:flex!important;margin-left:auto!important;gap:5px!important;z-index:3!important}
  .jsf-hybrid-top .jsf-header-message{display:none!important}.jsf-hybrid-top .jsf-header-action{width:36px;height:36px;border:0!important;background:transparent!important}.jsf-hybrid-top .jsf-header-alert .jsf-svg-icon{width:21px;height:21px}
  .jsf-hybrid-top .jsf-user-menu summary{padding:0!important;border:0!important;background:transparent!important}.jsf-hybrid-top .jsf-user-menu-avatar{width:34px!important;height:34px!important;border:2px solid #fff!important;box-shadow:0 0 0 1px #ddd!important}.jsf-hybrid-top .jsf-user-menu-name,.jsf-hybrid-top .jsf-user-menu-caret{display:none!important}

  html body .jsf-hybrid-mobilebar{height:68px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;align-items:center!important;padding:3px max(4px,env(safe-area-inset-right)) calc(3px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))!important;background:#0b2f50!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.1)!important;box-shadow:0 -6px 22px rgba(5,31,53,.2)!important;z-index:500!important}
  .jsf-hybrid-mobilebar>a,.jsf-hybrid-mobilebar>button{height:58px!important;min-width:0!important;padding:4px 2px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;background:transparent!important;border:0!important;border-radius:11px!important;color:#f3f7fa!important;box-shadow:none!important;font-size:inherit!important}
  .jsf-hybrid-mobilebar span{display:grid;place-items:center}.jsf-hybrid-mobilebar .jsf-svg-icon{width:22px;height:22px}.jsf-hybrid-mobilebar small{font-size:9px!important;line-height:1!important;font-weight:800!important;color:inherit!important}
  .jsf-hybrid-mobilebar :is(a.on,a:hover,button:hover){color:#f0c35c!important;background:rgba(255,255,255,.05)!important}
  .jsf-hybrid-mobilebar .jsf-mobile-create{position:relative;color:#0b2f50!important;overflow:visible!important;background:transparent!important}
  .jsf-hybrid-mobilebar .jsf-mobile-create>span{width:45px;height:45px;margin-top:-21px;border-radius:50%;background:linear-gradient(180deg,#f2c65d,#d99816);color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.25);border:3px solid #fff}.jsf-hybrid-mobilebar .jsf-mobile-create .jsf-svg-icon{width:23px;height:23px}.jsf-hybrid-mobilebar .jsf-mobile-create small{color:#fff!important;margin-top:0}

  /* Keep the drawer above its backdrop. iOS Safari otherwise applies the backdrop blur over the drawer itself. */
  html body .jsf-hybrid-mobile-drawer{left:auto!important;right:8px!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;width:min(92vw,420px)!important;max-width:420px!important;max-height:min(76vh,720px)!important;padding:0 13px 18px!important;border-radius:19px!important;background:#0d3152!important;color:#fff!important;box-shadow:0 22px 70px rgba(4,25,44,.38)!important;transform:translateY(calc(100% + 95px))!important;z-index:520!important;filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;isolation:isolate!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  html body .jsf-hybrid-mobile-drawer.open{transform:none!important;filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important}
  .jsf-hybrid-mobile-drawer .mobile-drawer-head{top:0!important;margin:0 -13px;padding:16px 16px 13px!important;background:#0d3152!important;border-bottom-color:rgba(255,255,255,.12)!important;border-radius:19px 19px 0 0!important;color:#fff!important}.jsf-hybrid-mobile-drawer .mobile-drawer-head small{color:#b9cad7!important}.jsf-hybrid-mobile-drawer .mobile-drawer-close{background:rgba(255,255,255,.1)!important;color:#fff!important}
  .jsf-mobile-drawer-section{padding:12px 0 2px}.jsf-mobile-drawer-section h3{margin:0 0 8px!important;color:#f3c65e!important;font-size:11px!important;letter-spacing:.08em;text-transform:uppercase}
  .jsf-mobile-create-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.jsf-mobile-create-grid a{min-width:0;padding:10px 3px;border:1px solid rgba(240,195,92,.22);border-radius:11px;background:rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;gap:5px;color:#fff!important}.jsf-mobile-create-grid a span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e6b44a;color:#0b2f50}.jsf-mobile-create-grid .jsf-svg-icon{width:18px;height:18px}.jsf-mobile-create-grid b{font-size:10px}
  .jsf-hybrid-mobile-drawer .mobile-drawer-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding-top:0!important}.jsf-hybrid-mobile-drawer .mobile-drawer-grid a{min-height:52px!important;padding:8px 9px!important;border:1px solid rgba(255,255,255,.1)!important;background:rgba(255,255,255,.055)!important;color:#fff!important;border-radius:11px!important}.jsf-hybrid-mobile-drawer .mobile-drawer-grid a:hover{background:rgba(230,180,74,.14)!important;border-color:rgba(230,180,74,.35)!important}.jsf-hybrid-mobile-drawer .mobile-drawer-grid a>span{width:32px;height:32px!important;border-radius:9px!important;background:rgba(230,180,74,.14)!important;color:#f0c35c!important}.jsf-hybrid-mobile-drawer .mobile-drawer-grid a .jsf-svg-icon{width:18px;height:18px}.jsf-hybrid-mobile-drawer .mobile-drawer-grid b{font-size:11px!important}
  .mobile-drawer-backdrop.open{z-index:490!important;background:rgba(3,25,43,.62)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;-webkit-filter:none!important}
}
@media (max-width:390px){
  .jsf-hybrid-top .brand.jsf-site-logo{width:132px!important;min-width:132px!important}.jsf-hybrid-top .jsf-header-alert{display:none!important}
  .jsf-hybrid-mobile-drawer .mobile-drawer-grid{grid-template-columns:1fr!important}.jsf-mobile-create-grid{grid-template-columns:repeat(4,1fr)}
}

/* 1.13.30.20.3.53 — keep desktop menu items visually grouped together. */
@media (min-width:1181px){
  html body .jsf-hybrid-top{gap:14px!important;padding-left:clamp(20px,3vw,48px)!important;padding-right:clamp(20px,3vw,48px)!important}
  .jsf-hybrid-search{max-width:245px!important;flex:0 1 245px!important}
  .jsf-hybrid-primary{
    flex:0 0 auto!important;gap:1px!important;padding:4px 6px!important;margin:0 auto!important;
    border:1px solid #e6dfd2!important;border-radius:16px!important;background:rgba(255,255,255,.72)!important;
    box-shadow:0 5px 16px rgba(14,53,88,.055)!important
  }
  .jsf-hybrid-primary>.jsf-hybrid-nav-item{margin:0!important}
  .jsf-hybrid-primary .jsf-create-menu{margin-left:5px!important}
}
body.jsf-registration-choice-page .jsf-hybrid-primary{white-space:nowrap!important}
body.jsf-registration-choice-page .jsf-hybrid-top .brand.jsf-site-logo{flex-shrink:0!important}
@media (min-width:901px) and (max-width:1180px){
  body.jsf-registration-choice-page .jsf-hybrid-search{display:none!important}
  body.jsf-registration-choice-page .jsf-hybrid-primary{margin-left:auto!important;margin-right:auto!important;gap:2px!important}
}

/* 1.13.30.20.3.54 — hard grouped desktop navigation cluster. */
@media (min-width:1181px){
 html body .jsf-hybrid-top .jsf-hybrid-primary{
  flex:0 0 auto!important;display:flex!important;justify-content:flex-start!important;
  gap:1px!important;margin-left:auto!important;margin-right:auto!important;white-space:nowrap!important
 }
 html body .jsf-hybrid-top .jsf-hybrid-primary>*{flex:0 0 auto!important;margin-left:0!important;margin-right:0!important}
}

@media(max-width:900px){
 .jsf-mobile-action-sheet{display:block;position:fixed;left:8px;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:525;background:#0d3152;color:#fff;border-radius:20px;padding:0 14px 16px;box-shadow:0 22px 70px rgba(4,25,44,.4);transform:translateY(calc(100% + 100px));transition:transform .22s ease;max-height:min(70vh,620px);overflow:auto}
 .jsf-mobile-action-sheet.open{transform:none}.jsf-mobile-action-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:15px 2px 12px;background:#0d3152;border-bottom:1px solid rgba(255,255,255,.12);z-index:2}.jsf-mobile-action-head small{display:block;color:#b9cad7;font-size:11px}.jsf-mobile-action-head button{width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:25px}
 .jsf-mobile-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:12px}.jsf-mobile-action-grid>a,.jsf-mobile-action-grid>button{min-height:58px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055);color:#fff!important;display:flex;align-items:center;gap:10px;padding:9px;text-decoration:none;text-align:left}.jsf-mobile-action-grid span{width:34px;height:34px;border-radius:9px;background:rgba(230,180,74,.14);color:#f0c35c;display:grid;place-items:center}.jsf-mobile-action-grid .jsf-svg-icon{width:18px;height:18px}.jsf-mobile-action-grid b{font-size:11px}
 .jsf-mobile-messenger{position:relative}.jsf-mobile-unread{position:absolute;top:2px;left:50%;margin-left:5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#d33;color:#fff;font-size:9px;line-height:17px}
}

@media(max-width:900px){
 #jsf-mobile-create-sheet,#jsf-mobile-more-sheet{display:none!important;position:fixed!important;left:8px!important;right:8px!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;z-index:2147483001!important;max-height:72vh!important;overflow:auto!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
 #jsf-mobile-create-sheet.open,#jsf-mobile-more-sheet.open{display:block!important}
 .jsf-hybrid-mobilebar [data-mobile-sheet]{pointer-events:auto!important;position:relative!important;z-index:3!important}
}

/* JSV 1.0.6.6 authoritative mobile action sheets */
@media (max-width:900px){
  #jsf-mobile-create-sheet.jsf-mobile-action-sheet,
  #jsf-mobile-more-sheet.jsf-mobile-action-sheet{
    display:block!important;
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:calc(82px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:auto!important;
    max-height:min(68vh,620px)!important;
    margin:0!important;
    padding:0 14px 16px!important;
    background:#0d3152!important;
    color:#fff!important;
    border-radius:20px!important;
    box-shadow:0 18px 60px rgba(4,25,44,.42)!important;
    overflow:auto!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(calc(100% + 120px))!important;
    transition:transform .22s ease,opacity .16s ease!important;
    z-index:2147483001!important;
  }
  #jsf-mobile-create-sheet.jsf-mobile-action-sheet.open,
  #jsf-mobile-more-sheet.jsf-mobile-action-sheet.open{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  .mobile-drawer-backdrop.open{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    z-index:2147483000!important;
  }
}


/* JSV 2.0.4 — authoritative desktop sticky flow.
   This stylesheet loads after the theme stylesheet, so repeat the rule here
   to prevent older fixed-header overrides from winning in the cascade. */
@media (min-width:901px){
  html body{padding-top:0!important}
  html body .jsf-hybrid-top{
    position:sticky!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    margin:0!important;
    z-index:99990!important;
    transform:none!important;
  }
  body.admin-bar .jsf-hybrid-top{top:32px!important}
}


/* JSV 2.0.10 — actual admin-bar height wins over the body.admin-bar class. */
@media (min-width:901px){
 html body .jsf-hybrid-top,html body.admin-bar .jsf-hybrid-top{top:var(--jsv-adminbar-live-height,0px)!important}
 html.jsv-adminbar-phantom{margin-top:0!important}
}


/* JSV 2.0.12 — authoritative whole-theme desktop header geometry.
   This file loads after the base/theme styles, so this is the single source of
   truth for the global Just Scribes menu bar on every desktop page. */
@media (min-width:901px){
  html body{
    --jsv-global-header-gap:8px;
    --jsv-global-header-top:0px;
    --jsv-global-header-height:72px;
    --jsv-global-sticky-top:80px;
  }
  html body.admin-bar{
    --jsv-global-header-top:32px;
    --jsv-global-sticky-top:112px;
  }
  html body header.top.jsf-hybrid-top{
    position:sticky!important;
    top:var(--jsv-global-header-top,0px)!important;
    left:auto!important;
    right:auto!important;
    inset-inline:auto!important;
    width:100%!important;
    max-width:none!important;
    height:var(--jsv-global-header-height,72px)!important;
    min-height:var(--jsv-global-header-height,72px)!important;
    margin:0 0 var(--jsv-global-header-gap,8px)!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
    box-sizing:border-box!important;
    transform:none!important;
    z-index:99990!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  /* Keep all header-owned menus above every page rail/card. */
  html body header.top.jsf-hybrid-top :is(.jsf-hybrid-mini-menu,.jsf-mega-menu,.jsf-create-popover,.jsf-user-dropdown){
    z-index:99995!important;
  }
  /* WordPress admin bar remains the only layer above the platform header. */
  html body #wpadminbar{z-index:100000!important}

  /* All anchor/focus jumps land under the actual menu bar on every page. */
  html{scroll-padding-top:calc(var(--jsv-global-sticky-top,88px) + 8px)!important}
  :where([id]){scroll-margin-top:calc(var(--jsv-global-sticky-top,88px) + 8px)}

  /* Shared sticky desktop surfaces now follow the same measured header edge. */
  :is(
    .jsf-feed-rail,
    .jsf-account-shell .account-menu,
    .jsf-account-shell .jsf-global-right-rail,
    #jsf-rewards-page .jsf-global-right-rail,
    .jsf-seller-dashboard-side,
    .jsf-market-create-side,
    body.jsf-notifications-page .jsf-context-tools,
    body.jsf-notifications-page .jsf-context-right,
    #jsf-events-alive .jsf-events-panel,
    #jsf-events-alive .jsf-events-utility,
    .jsf-my-groups-nav,
    .jsf-group-suite-nav,
    .jsf-group-dashboard-chat,
    .jsgl-sidebar,
    .jsf-gm-side,
    .jsf-gm-media-side,
    .jsf-gm-leftcol,
    .jsf-group-suite-leftcol,
    .jsf-gd-live-rail
  ){
    top:var(--jsv-global-sticky-top,88px)!important;
  }

  /* Generic desktop BuddyPanel/far-left rail follows the same header boundary.
     Activity 2.0.9+ stays in normal workspace flow, so these rules do not pull it upward. */
  body > #jsf-member-drawer.jsf-buddypanel,
  body .shell > .jsf-member-drawer.jsf-buddypanel{
    top:var(--jsv-global-sticky-top,88px)!important;
    bottom:8px!important;
    height:auto!important;
    max-height:calc(100dvh - var(--jsv-global-sticky-top,88px) - 8px)!important;
  }
  body.jsf-member-drawer-closed .jsf-member-drawer-handle{
    top:calc(var(--jsv-global-sticky-top,88px) + 12px)!important;
  }
}

/* A hidden/collapsed WP admin bar must not leave a phantom WordPress top gap. */
html.jsv-adminbar-phantom{margin-top:0!important}
html.jsv-adminbar-phantom body.admin-bar header.top.jsf-hybrid-top{
  top:0!important;
}

/* Reserve the live toolbar once. WordPress's root bump and legacy body bump
 * must not add a second blank strip above the standard menu. */
@media (min-width:901px){
 html.jsv-header-geometry-ready{margin-top:var(--jsv-adminbar-live-height,0px)!important}
 html body:has(>header.top.jsf-hybrid-top){margin-top:0!important;padding-top:0!important}
 html body>header.top.jsf-hybrid-top{position:fixed!important;left:0!important;right:0!important;top:var(--jsv-global-header-top,0px)!important}
 html body>.jsv-mobile-header-spacer{display:block!important;height:var(--jsv-global-header-height,72px)!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;flex:none!important}
}
@media (max-width:900px){
 html.jsv-mobile-header-fixed body:has(>header.top.jsf-hybrid-top){margin-top:0!important;padding-top:0!important}
 html body>nav.mobilebar.jsf-hybrid-mobilebar{left:0!important;right:0!important;width:100%!important;margin:0!important;box-sizing:border-box!important}
 html body>nav.mobilebar.jsf-hybrid-mobilebar>:is(a,button){min-width:0!important;max-width:100%!important;margin:0!important;line-height:1.2!important}
 html body>nav.mobilebar.jsf-hybrid-mobilebar small{display:block!important;font-size:10px!important;line-height:1.2!important;white-space:nowrap!important}
}
