/* DACS_V1.20.4 · Shared site header for pages that use the main navigation */
:root{--shared-pine:#0a5b47;--shared-pine-deep:#074536;--shared-gold:#d7a43a;--shared-muted:#6d7480}
.site-header,.site-header *{box-sizing:border-box}
.site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:150;overflow:visible;background:#fff;box-shadow:0 8px 22px rgba(20,34,60,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#1b2438}
.site-header a{text-decoration:none;color:inherit}
.site-header button,.site-header input{font:inherit}
.site-header .wide-shell{width:min(1440px,calc(100% - 36px));margin:auto}
.site-header .masthead{min-height:76px;display:grid;grid-template-columns:290px minmax(300px,1fr) auto auto;gap:12px;align-items:center;padding:9px 0 10px;background:transparent}
.site-header .brand{display:flex;align-items:center;gap:9px;min-width:0}
.site-header .brand-logo{width:48px;height:48px;display:block;object-fit:contain;flex:0 0 auto}
.site-header .brandtext{display:grid;min-width:0}
.site-header .brandtext strong{font-size:20px;line-height:1.15;color:#1b2438;white-space:nowrap}
.site-header .brandtext b{color:#2457d6}
.site-header .brandtext small{font-size:10px;color:var(--shared-muted);margin-top:3px;white-space:nowrap}
.site-header .top-search{display:flex}
.site-header .masthead-search{width:100%;max-width:none;height:42px;background:#fff;border:1px solid #dfe5ef;border-radius:999px;box-shadow:0 4px 14px rgba(30,50,90,.05);overflow:hidden}
.site-header .masthead-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 14px;font-size:13px;color:#1b2438}
.site-header .masthead-search input::placeholder{color:#8a93a3}
.site-header .masthead-search button{width:38px;height:38px;margin:1px 2px;border:1px solid rgba(10,91,71,.16);border-radius:50%;background:linear-gradient(145deg,#fffdf7,#f5efe1);display:grid;place-items:center;cursor:pointer;color:var(--shared-pine)}
.site-header .masthead-search button:hover{background:linear-gradient(145deg,#f2f7ef,#fff7df);box-shadow:0 5px 12px rgba(10,91,71,.10)}
.site-header .ui-icon{width:18px;height:18px;display:block}
.site-header .masthead-post,.site-header .masthead-account{height:42px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto}
.site-header .post-btn,.site-header .masthead-post{position:relative;overflow:hidden;min-width:124px;padding:0 16px;border-radius:999px;color:#fff!important;font-size:12px;font-weight:850;border:1px solid rgba(215,164,58,.72)!important;background:linear-gradient(135deg,rgba(255,255,255,.08) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.08) 75%,transparent 75%) 0 0/14px 14px,linear-gradient(135deg,var(--shared-pine) 0%,var(--shared-pine-deep) 100%)!important;box-shadow:0 10px 24px rgba(7,69,54,.22),inset 0 0 0 1px rgba(255,255,255,.08)!important;gap:7px;transition:.18s ease}
.site-header .masthead-post:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(7,69,54,.28),0 0 0 3px rgba(215,164,58,.12)!important}
.site-header .masthead-post .ui-icon{width:17px;height:17px;filter:brightness(0) invert(1)}
.site-header .masthead-account-menu{position:relative;justify-self:end}
.site-header .account-link{display:flex;align-items:center;gap:8px;background:radial-gradient(circle at 12% 50%,rgba(215,164,58,.12),transparent 34%),linear-gradient(180deg,#fffdf8,#fbf5e9)!important;border:1px solid rgba(10,91,71,.22)!important;color:var(--shared-pine-deep)!important;box-shadow:0 6px 18px rgba(10,91,71,.07)!important}
.site-header .masthead-account{min-width:132px;padding:5px 14px 5px 6px;border-radius:999px;cursor:pointer}
.site-header .account-link:hover{transform:translateY(-1px);border-color:rgba(215,164,58,.62)!important;box-shadow:0 10px 22px rgba(10,91,71,.11)!important}
.site-header .avatar{width:27px;height:27px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#edf4ec,#fff7df)!important;color:var(--shared-pine)!important;border:1px solid rgba(215,164,58,.35);display:grid;place-items:center;font-size:12px;font-weight:900;flex:0 0 auto}
.site-header .avatar img,.site-header .account-avatar-large img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.site-header .compact-account .account-name{font-weight:800;font-size:12px;color:#21404e}
.site-header .compact-account .account-caret{width:15px;height:15px;opacity:.68}
.site-header .guest-account .account-name{color:#405169}
.site-header .account-menu.open .compact-account{box-shadow:0 12px 26px rgba(18,32,59,.12);border-color:#cfd8e8!important}
.site-header .account-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:min(290px,calc(100vw - 28px));background:rgba(255,255,255,.98);border:1px solid #dfe7f0;border-radius:22px;box-shadow:0 20px 50px rgba(20,35,63,.16);padding:12px;display:none;z-index:220;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-header .account-menu.open .account-dropdown{display:grid;gap:6px;animation:sharedAccountDrop .16s ease-out}
@keyframes sharedAccountDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.site-header .account-dropdown-head{display:flex;align-items:center;gap:12px;padding:8px 8px 12px;margin-bottom:2px;border-bottom:1px solid #edf1f6}
.site-header .account-avatar-large{width:40px;height:40px;font-size:16px;box-shadow:inset 0 0 0 1px #d8e4ff,0 8px 18px rgba(36,87,214,.14)}
.site-header .account-dropdown-head strong{display:block;font-size:14px;line-height:1.2;color:#142034}
.site-header .account-dropdown-head small{display:block;font-size:11px;color:#7a8598;margin-top:2px;word-break:break-all}
.site-header .account-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:14px;border:1px solid transparent;background:#fff;color:#233149;font-size:13px;font-weight:700;cursor:pointer;text-align:left;text-decoration:none}
.site-header .account-dropdown-item:hover{background:#f6f9ff;border-color:#dbe5f4;color:#1b4dd2}
.site-header .account-dropdown-item.danger:hover{background:#fff1f3;border-color:#ffd6dc;color:#e25167}
.site-header .account-dropdown-item.admin-menu-link{color:#174fc4;font-weight:850}
.site-header .account-dropdown-item.admin-menu-link:hover{background:#eef4ff;border-color:#cfdcf4;color:#113eaa}
.site-header .account-dropdown-item .ui-icon{width:17px;height:17px;flex:0 0 auto}
.site-header .theme-switcher{justify-content:flex-start}.site-header .theme-switcher span[data-theme-label]{flex:1}
.site-header .theme-pill{width:44px;height:24px;border-radius:999px;background:#e7ecf5;position:relative;transition:.2s ease;box-shadow:inset 0 0 0 1px #d6ddea}
.site-header .theme-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(24,38,65,.18);transition:.2s ease}
.site-header [data-theme-toggle].active .theme-pill{background:linear-gradient(135deg,#0f8f73,#2457d6)}
.site-header [data-theme-toggle].active .theme-knob{transform:translateX(20px)}
.site-header .category-nav{position:static;width:100%;margin:0;border-radius:0;border-top:1px solid rgba(10,91,71,.10);border-bottom:1px solid #e7ebf1;background:rgba(255,253,247,.97);box-shadow:none}
.site-header .category-nav .wide-shell{width:min(1440px,calc(100% - 36px))}
.site-header .nav-scroll{min-height:44px;display:flex;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.site-header .nav-scroll::-webkit-scrollbar{display:none}
.site-header .nav-scroll a{position:relative;flex:0 0 auto;margin:4px 2px;padding:7px 13px;border-radius:9px;border:0;color:#42544d!important;font-size:12px;font-weight:750;text-decoration:none;transition:.18s ease;overflow:hidden;isolation:isolate}
.site-header .nav-scroll a:first-child{margin-left:0;padding-left:13px}
.site-header .nav-scroll a:hover{background:linear-gradient(135deg,#f0f6ef,#fff8e8)!important;color:var(--shared-pine)!important;box-shadow:inset 0 0 0 1px rgba(10,91,71,.08)}
.site-header .nav-scroll a.active{color:#fff!important;background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 56%),linear-gradient(135deg,rgba(255,255,255,.10) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.10) 50%,rgba(255,255,255,.10) 75%,transparent 75%) 0 0/14px 14px,linear-gradient(135deg,var(--shared-pine),#126b55)!important;border:0!important;box-shadow:0 4px 10px rgba(10,91,71,.16),inset 0 1px 0 rgba(255,255,255,.14)!important}
.mobile-create-fab{display:none}
body.theme-dark .site-header{background:#09101c!important;box-shadow:0 10px 28px rgba(0,0,0,.32)!important}
body.theme-dark .site-header .brandtext strong,body.theme-dark .site-header .compact-account .account-name,body.theme-dark .site-header .account-dropdown-head strong{color:#edf2ff}
body.theme-dark .site-header .brandtext small,body.theme-dark .site-header .account-dropdown-head small{color:#9fb0cc}
body.theme-dark .site-header .masthead-search,body.theme-dark .site-header .compact-account,body.theme-dark .site-header .category-nav,body.theme-dark .site-header .account-dropdown{background:#121d31!important;border-color:#243149!important;color:#e8eefb!important;box-shadow:0 12px 28px rgba(0,0,0,.22)}
body.theme-dark .site-header .masthead-search input{color:#edf2ff;background:transparent}
body.theme-dark .site-header .masthead-search input::placeholder{color:#91a2bf}
body.theme-dark .site-header .account-dropdown-item{background:#121d31;color:#e7eefb}
body.theme-dark .site-header .account-dropdown-item:hover{background:#182640;border-color:#31415d;color:#ffd46d}
body.theme-dark .site-header .account-dropdown-item.danger:hover{background:#301922;border-color:#603142;color:#ff93a4}
body.theme-dark .site-header .theme-pill{background:#243149;box-shadow:inset 0 0 0 1px #31415d}
body.theme-dark .site-header .account-dropdown-item.admin-menu-link{color:#8eb1ff}
@media(max-width:1180px){.site-header .masthead{grid-template-columns:230px minmax(220px,1fr) auto auto;gap:10px}.site-header .brandtext strong{font-size:18px}.site-header .masthead-post{min-width:112px;padding:0 12px}.site-header .masthead-account{min-width:46px;width:46px;padding:5px}.site-header .compact-account .account-name,.site-header .compact-account .account-caret{display:none}}
@media(max-width:820px){
  html[data-viewport-mode="mobile"] body,body.is-mobile-view{overflow-x:hidden}
  .site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:145!important;background:#fff!important;border-bottom:1px solid #e8edf2!important;box-shadow:0 7px 22px rgba(20,39,63,.05)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .site-header .masthead{display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;grid-template-areas:"brand account" "search search"!important;width:calc(100% - 28px)!important;gap:10px!important;align-items:center!important;min-height:auto!important;padding:11px 0 12px!important}
  .site-header .brand{grid-area:brand!important;min-width:0!important;gap:9px!important}
  .site-header .brand-logo{width:44px!important;height:44px!important;flex:0 0 44px!important}
  .site-header .brandtext strong{font-size:clamp(17px,5.8vw,23px)!important;line-height:1.04!important;white-space:nowrap!important}
  .site-header .brandtext small{margin-top:2px!important;font-size:9.5px!important}
  .site-header .masthead-account-menu{grid-area:account!important;justify-self:end!important;width:auto!important}
  .site-header .masthead-account{width:46px!important;min-width:46px!important;height:46px!important;padding:0!important;gap:0!important;justify-content:center!important;border-radius:15px!important;background:#fff!important;border:1px solid rgba(215,164,58,.42)!important;box-shadow:0 8px 20px rgba(15,43,63,.07)!important}
  .site-header .masthead-account .avatar{width:28px!important;height:28px!important;margin:0!important}
  .site-header .masthead-account .account-name,.site-header .masthead-account .account-caret{display:none!important}
  .site-header .masthead-search{grid-area:search!important;width:100%!important;max-width:none!important;height:48px!important;min-width:0!important;padding:3px 3px 3px 15px!important;border-radius:999px!important;background:#fff!important;border:1px solid #dce3ec!important;box-shadow:0 7px 18px rgba(15,43,63,.05)!important}
  .site-header .masthead-search input{min-width:0!important;font-size:14px!important;padding:0!important}
  .site-header .masthead-search button{width:40px!important;height:40px!important;flex:0 0 40px!important;margin:0!important;border-radius:50%!important}
  .site-header .masthead-post{display:none!important}
  .site-header .category-nav{position:fixed!important;z-index:170!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;margin:0!important;min-height:80px!important;padding:14px 0 calc(14px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #dde5ee!important;border-bottom:0!important;box-shadow:0 -10px 28px rgba(18,39,61,.10)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .site-header .category-nav .wide-shell{width:calc(100% - 12px)!important}
  .site-header .category-nav .nav-scroll{min-height:54px!important;align-items:center!important;padding:0 18px!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x proximity}
  .site-header .category-nav .nav-scroll::before,.site-header .category-nav .nav-scroll::after{content:"";flex:0 0 56px}
  .site-header .category-nav .nav-scroll a{flex:0 0 auto!important;scroll-snap-align:center!important;padding:9px 12px 7px!important;border-radius:999px!important;border:1px solid #e3e9f0!important;background:#fff!important;color:#385047!important;font-size:12px!important;font-weight:800!important;border-bottom-color:#e3e9f0!important;margin:0!important}
  .site-header .category-nav .nav-scroll a.active{color:#0b684f!important;background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,0) 58%),linear-gradient(135deg,rgba(11,104,79,.06) 25%,transparent 25%,transparent 50%,rgba(11,104,79,.06) 50%,rgba(11,104,79,.06) 75%,transparent 75%) 0 0/12px 12px,#edf6f2!important;border-color:#b9d8cd!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 4px 10px rgba(11,104,79,.08)!important}
  .site-header .account-dropdown{right:0;left:auto;width:min(320px,calc(100vw - 28px))}
  .mobile-create-fab{position:fixed!important;z-index:185!important;left:50%!important;bottom:calc(22px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;color:#0b684f!important;text-decoration:none!important}
  .mobile-create-fab-circle{width:68px!important;height:68px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:linear-gradient(145deg,#0c775b,#095b47)!important;border:5px solid #fff!important;box-shadow:0 16px 34px rgba(7,69,54,.24),0 0 0 1px rgba(215,164,58,.18)!important}
  .mobile-create-fab-circle img{width:28px!important;height:28px!important;filter:brightness(0) invert(1)!important}
  .mobile-create-fab-label{display:none!important}
  body,main,.detail-page,.shell,.page,.profile-page,.auth-page,.admin-shell{padding-bottom:126px!important}
  body.theme-dark .site-header .masthead-account,body.theme-dark .site-header .masthead-search,body.theme-dark .site-header .category-nav{background:rgba(14,22,36,.97)!important;border-color:#2a3952!important;color:#eef3fb!important}
  body.theme-dark .site-header .category-nav .nav-scroll a{background:#111b2a!important;border-color:#26364b!important;color:#d9e3f0!important}
  body.theme-dark .site-header .category-nav .nav-scroll a.active{background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 56%),linear-gradient(135deg,rgba(255,255,255,.08) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.08) 75%,transparent 75%) 0 0/14px 14px,#19352d!important;border-color:#3f7565!important;color:#f1f7f3!important}
}
@media(max-width:480px){.site-header .masthead{grid-template-columns:minmax(0,1fr) 44px!important}.site-header .brand-logo{width:42px!important;height:42px!important;flex-basis:42px!important}.site-header .brandtext strong{font-size:clamp(16px,6vw,21px)!important}.site-header .brandtext small{font-size:9px!important}.site-header .masthead-account{width:44px!important;min-width:44px!important;height:44px!important}.site-header .category-nav .nav-scroll::before,.site-header .category-nav .nav-scroll::after{flex-basis:48px}.mobile-create-fab-circle{width:64px!important;height:64px!important}}


/* When mobile JS moves the shared category bar to <body>, keep exactly the same appearance. */
@media(max-width:820px){
  body>.shared-category-nav{position:fixed!important;z-index:170!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;margin:0!important;min-height:80px!important;padding:14px 0 calc(14px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #dde5ee!important;border-bottom:0!important;box-shadow:0 -10px 28px rgba(18,39,61,.10)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
  body>.shared-category-nav .wide-shell{width:calc(100% - 12px)!important;margin:auto}
  body>.shared-category-nav .nav-scroll{min-height:54px!important;display:flex!important;align-items:center!important;padding:0 18px!important;gap:10px!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none;scroll-snap-type:x proximity}
  body>.shared-category-nav .nav-scroll::-webkit-scrollbar{display:none}
  body>.shared-category-nav .nav-scroll::before,body>.shared-category-nav .nav-scroll::after{content:"";flex:0 0 56px}
  body>.shared-category-nav .nav-scroll a{flex:0 0 auto!important;scroll-snap-align:center!important;padding:9px 12px 7px!important;border-radius:999px!important;border:1px solid #e3e9f0!important;background:#fff!important;color:#385047!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;margin:0!important}
  body>.shared-category-nav .nav-scroll a.active{color:#0b684f!important;background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,0) 58%),linear-gradient(135deg,rgba(11,104,79,.06) 25%,transparent 25%,transparent 50%,rgba(11,104,79,.06) 50%,rgba(11,104,79,.06) 75%,transparent 75%) 0 0/12px 12px,#edf6f2!important;border-color:#b9d8cd!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 10px rgba(11,104,79,.08)!important}
  body.theme-dark>.shared-category-nav{background:rgba(14,22,36,.97)!important;border-color:#2a3952!important;color:#eef3fb!important}
  body.theme-dark>.shared-category-nav .nav-scroll a{background:#111b2a!important;border-color:#26364b!important;color:#d9e3f0!important}
  body.theme-dark>.shared-category-nav .nav-scroll a.active{background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 56%),linear-gradient(135deg,rgba(255,255,255,.08) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.08) 75%,transparent 75%) 0 0/12px 12px,#19352d!important;border-color:#3f7565!important;color:#f1f7f3!important}
}
@media(max-width:480px){body>.shared-category-nav .nav-scroll::before,body>.shared-category-nav .nav-scroll::after{flex-basis:48px}}

/* DACS_V1.20.4 · preserve the final V1.19.8 mobile header on pages that use the shared header */
@media (max-width:820px){
  body.is-mobile-view .site-header .masthead{
    grid-template-columns:minmax(0,1fr) 42px 42px!important;
    grid-template-areas:"brand post account" "search search search"!important;
    width:calc(100% - 28px)!important;
    gap:8px!important;
    padding:11px 0 12px!important;
  }
  body.is-mobile-view .site-header .brand{grid-area:brand!important;min-width:0!important;gap:9px!important}
  body.is-mobile-view .site-header .brand-logo{width:44px!important;height:44px!important;flex-basis:44px!important}
  body.is-mobile-view .site-header .brandtext strong{font-size:21px!important;letter-spacing:-.02em!important}
  body.is-mobile-view .site-header .brandtext small{font-size:9.5px!important;margin-top:2px!important}
  body.is-mobile-view .site-header .masthead-post,
  body.is-mobile-view .site-header .masthead-account{
    width:42px!important;min-width:42px!important;height:42px!important;border-radius:14px!important;padding:0!important;display:grid!important;place-items:center!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important
  }
  body.is-mobile-view .site-header .masthead-post{
    grid-area:post!important;justify-self:end!important;background:linear-gradient(145deg,#0e775c,#075845)!important;border:1px solid rgba(215,164,58,.58)!important;box-shadow:0 8px 18px rgba(7,69,54,.16)!important;color:transparent!important;font-size:0!important;line-height:0!important;gap:0!important
  }
  body.is-mobile-view .site-header .masthead-post .ui-icon{width:19px!important;height:19px!important;margin:0!important;filter:brightness(0) invert(1)!important}
  body.is-mobile-view .site-header .masthead-account-menu{grid-area:account!important;justify-self:end!important;width:auto!important}
  body.is-mobile-view .site-header .masthead-account{background:linear-gradient(145deg,#fffdf8,#f7f2e6)!important;border:1px solid #e2c778!important;box-shadow:0 8px 18px rgba(33,52,75,.08)!important}
  body.is-mobile-view .site-header .masthead-account .avatar{width:28px!important;height:28px!important;border-radius:10px!important;background:#eef5f0!important;color:#0b684f!important;font-size:13px!important;font-weight:900!important;box-shadow:inset 0 0 0 1px #c9ddd4!important}
  body.is-mobile-view .site-header .masthead-account .avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:10px!important}
  body.is-mobile-view .site-header .masthead-account .account-name,
  body.is-mobile-view .site-header .masthead-account .account-caret{display:none!important}
  body.is-mobile-view .site-header .masthead-search{grid-area:search!important;height:46px!important;border-radius:16px!important;padding:3px 3px 3px 14px!important;box-shadow:none!important}
  body.is-mobile-view .site-header .masthead-search input{font-size:13px!important}
  body.is-mobile-view .site-header .masthead-search button{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:12px!important;background:linear-gradient(145deg,#fffdf8,#f3eddf)!important;border:1px solid #ead8aa!important;box-shadow:none!important}
  body.is-mobile-view .site-header .masthead-search button .ui-icon{width:18px!important;height:18px!important}
  body.is-mobile-view .site-header .account-dropdown{right:0!important;left:auto!important;top:calc(100% + 10px)!important;border-radius:18px!important;box-shadow:0 18px 42px rgba(18,34,58,.16)!important}
  body.is-mobile-view .mobile-create-fab{display:none!important}
  body.is-mobile-view > .shared-category-nav{min-height:72px!important;padding:10px 0 calc(10px + env(safe-area-inset-bottom))!important}
  body.is-mobile-view > .shared-category-nav .wide-shell{width:100%!important}
  body.is-mobile-view > .shared-category-nav .nav-scroll{justify-content:flex-start!important;min-height:50px!important;gap:8px!important;padding:0 12px!important;scroll-padding-inline:12px!important}
  body.is-mobile-view > .shared-category-nav .nav-scroll::before,
  body.is-mobile-view > .shared-category-nav .nav-scroll::after{content:none!important;display:none!important;flex:0 0 0!important}
  body.is-mobile-view > .shared-category-nav .nav-scroll a{flex:0 0 auto!important;padding:8px 12px!important;min-height:38px!important;display:flex!important;align-items:center!important;border-radius:13px!important;font-size:11.5px!important;white-space:nowrap!important;background:transparent!important;border:1px solid transparent!important;color:#486057!important}
  body.is-mobile-view > .shared-category-nav .nav-scroll a.active{color:#08604b!important;background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,0) 58%),linear-gradient(135deg,rgba(8,96,75,.06) 25%,transparent 25%,transparent 50%,rgba(8,96,75,.06) 50%,rgba(8,96,75,.06) 75%,transparent 75%) 0 0/12px 12px,#edf6f2!important;border-color:#b9d8cd!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 4px 10px rgba(8,96,75,.08)!important}
  body.is-mobile-view main,
  body.is-mobile-view .detail-page,
  body.is-mobile-view .shell,
  body.is-mobile-view .page,
  body.is-mobile-view .profile-page,
  body.is-mobile-view .auth-page,
  body.is-mobile-view .admin-shell{padding-bottom:86px!important}
}
@media (max-width:480px){
  body.is-mobile-view .site-header .masthead{grid-template-columns:minmax(0,1fr) 40px 40px!important;width:calc(100% - 22px)!important;gap:7px!important;padding:10px 0 11px!important}
  body.is-mobile-view .site-header .brand-logo{width:40px!important;height:40px!important;flex-basis:40px!important}
  body.is-mobile-view .site-header .brandtext strong{font-size:18px!important}
  body.is-mobile-view .site-header .brandtext small{font-size:9px!important}
  body.is-mobile-view .site-header .masthead-post,
  body.is-mobile-view .site-header .masthead-account{width:40px!important;min-width:40px!important;height:40px!important;border-radius:13px!important}
  body.is-mobile-view > .shared-category-nav .nav-scroll{padding:0 10px!important;gap:7px!important}
  body.is-mobile-view > .shared-category-nav .nav-scroll a{font-size:11px!important;padding:7px 11px!important}
}
body.theme-dark.is-mobile-view .site-header .masthead-account{background:#162331!important;border-color:#415268!important}


/* DACS_V1.20.4 · Fixed-root header: page content starts below the pinned header. */
body.has-shared-header{padding-top:var(--shared-header-offset,120px)!important;}
body.has-shared-header .site-header{isolation:isolate;}
body.has-shared-header .site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;pointer-events:none;}
body.theme-dark.has-shared-header .site-header::before{background:#09101c;}
html{scroll-padding-top:calc(var(--shared-header-offset,120px) + 14px);}
body.has-shared-header [id]{scroll-margin-top:calc(var(--shared-header-offset,120px) + 14px);}
@media(max-width:820px){body.has-shared-header{padding-top:var(--shared-header-offset,118px)!important;}}

body.has-shared-header main{position:relative;z-index:0;}

/* DACS_V1.20.5 · masthead scrolls away; only category bar remains sticky */
body.has-shared-header{padding-top:0!important;}
body.has-shared-header .site-header{
  position:relative!important;
  top:auto!important;left:auto!important;right:auto!important;width:100%!important;
  z-index:140!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.has-shared-header .site-header::before{display:none!important;}

.shared-category-nav{
  position:sticky!important;
  top:0!important;
  z-index:175!important;
  width:100%!important;
  margin:0!important;
  background:rgba(255,253,247,.98)!important;
  border-top:1px solid rgba(10,91,71,.10)!important;
  border-bottom:1px solid #e5e9ec!important;
  box-shadow:0 6px 18px rgba(18,39,61,.07)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.shared-category-nav .wide-shell{
  width:min(1440px,calc(100% - 36px))!important;
  margin:auto!important;
}
.shared-category-nav .nav-scroll{
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  overflow-x:auto!important;
  white-space:nowrap!important;
  scrollbar-width:none!important;
}
.shared-category-nav .nav-scroll::-webkit-scrollbar{display:none!important;}
.shared-category-nav .nav-scroll>a{
  position:relative;flex:0 0 auto;margin:4px 2px;padding:7px 13px;border-radius:9px;border:0;
  color:#42544d!important;font-size:12px;font-weight:750;text-decoration:none;transition:.18s ease;
  overflow:hidden;isolation:isolate;
}
.shared-category-nav .nav-scroll>a:hover{background:linear-gradient(135deg,#f0f6ef,#fff8e8)!important;color:#0a5b47!important;}
.shared-category-nav .nav-scroll>a.active{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 56%),linear-gradient(135deg,rgba(255,255,255,.10) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.10) 50%,rgba(255,255,255,.10) 75%,transparent 75%) 0 0/14px 14px,linear-gradient(135deg,#0a5b47,#126b55)!important;
  box-shadow:0 4px 10px rgba(10,91,71,.16),inset 0 1px 0 rgba(255,255,255,.14)!important;
}

.nav-quick-actions{
  margin-left:auto;display:flex;align-items:center;gap:7px;flex:0 0 auto;
  max-width:0;opacity:0;overflow:visible;visibility:hidden;pointer-events:none;
  transform:translateX(8px);transition:max-width .22s ease,opacity .18s ease,transform .22s ease,visibility .18s;
}
body.shared-header-condensed .nav-quick-actions{
  max-width:180px;opacity:1;visibility:visible;pointer-events:auto;transform:none;padding-left:10px;
}
.nav-quick-btn{
  width:36px;height:36px;min-width:36px;border-radius:50%;display:grid;place-items:center;padding:0!important;margin:0!important;
  border:1px solid rgba(10,91,71,.18)!important;background:#fff!important;color:#0a5b47!important;
  box-shadow:0 4px 12px rgba(20,40,55,.08)!important;cursor:pointer;text-decoration:none!important;
}
.nav-quick-btn:hover{transform:translateY(-1px);background:#f3f8f5!important;box-shadow:0 7px 16px rgba(10,91,71,.12)!important;}
.nav-quick-btn img{width:17px;height:17px;display:block;}
.nav-quick-btn.quick-post{background:linear-gradient(145deg,#0d755a,#075845)!important;border-color:rgba(215,164,58,.45)!important;}
.nav-quick-btn.quick-post img{filter:brightness(0) invert(1);}
.nav-quick-account{position:relative;}
.nav-quick-account .avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#eef5f0;color:#0a5b47;font-size:11px;font-weight:900;border:1px solid #cadfd5;}
.nav-quick-account .avatar img{width:100%;height:100%;object-fit:cover;}
.nav-quick-account .account-dropdown{top:calc(100% + 10px)!important;right:0!important;left:auto!important;}
.nav-quick-account.open .account-dropdown{display:grid!important;gap:6px;}


body.theme-dark .shared-category-nav{background:rgba(14,22,36,.98)!important;border-color:#2a3952!important;}
body.theme-dark .shared-category-nav .nav-scroll>a{color:#d9e3f0!important;}
body.theme-dark .nav-quick-btn{background:#152238!important;border-color:#31415d!important;color:#eef3fb!important;}

html{scroll-padding-top:64px!important;}
body.has-shared-header [id]{scroll-margin-top:64px!important;}

@media(max-width:820px){
  /* Preserve the existing mobile bottom navigation behavior. */
  .shared-category-nav{position:fixed!important;top:auto!important;bottom:0!important;min-height:72px!important;}
  .nav-quick-actions{display:none!important;}
  body.shared-header-condensed .nav-quick-actions{display:none!important;}
}

/* DACS_V1.20.6 · navigation bar layout refinements */
.shared-category-nav .nav-bar-inner{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;}
.shared-category-nav .nav-scroll{flex:1 1 auto!important;min-width:0!important;width:auto!important;}
.nav-quick-actions{position:relative!important;margin-left:0!important;}

/* Account dropdown styles for the compact account button rendered outside .site-header */
.nav-quick-account .account-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:min(290px,calc(100vw - 28px));background:rgba(255,255,255,.99);border:1px solid #dfe7f0;border-radius:20px;box-shadow:0 20px 50px rgba(20,35,63,.18);padding:12px;display:none;z-index:260;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
.nav-quick-account .account-dropdown-head{display:flex;align-items:center;gap:12px;padding:8px 8px 12px;margin-bottom:2px;border-bottom:1px solid #edf1f6;}
.nav-quick-account .account-avatar-large{width:40px!important;height:40px!important;font-size:16px!important;flex:0 0 40px;}
.nav-quick-account .account-dropdown-head strong{display:block;font-size:14px;line-height:1.2;color:#142034;}
.nav-quick-account .account-dropdown-head small{display:block;font-size:11px;color:#7a8598;margin-top:2px;word-break:break-all;}
.nav-quick-account .account-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:14px;border:1px solid transparent;background:#fff;color:#233149;font-size:13px;font-weight:700;cursor:pointer;text-align:left;text-decoration:none;}
.nav-quick-account .account-dropdown-item:hover{background:#f6f9ff;border-color:#dbe5f4;color:#0a5b47;}
.nav-quick-account .account-dropdown-item.danger:hover{background:#fff1f3;border-color:#ffd6dc;color:#e25167;}
.nav-quick-account .account-dropdown-item.admin-menu-link{color:#0a5b47;font-weight:850;}
.nav-quick-account .account-dropdown-item .ui-icon{width:17px;height:17px;flex:0 0 auto;}
.nav-quick-account .theme-switcher span[data-theme-label]{flex:1;}
.nav-quick-account .theme-pill{width:44px;height:24px;border-radius:999px;background:#e7ecf5;position:relative;transition:.2s ease;box-shadow:inset 0 0 0 1px #d6ddea;}
.nav-quick-account .theme-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(24,38,65,.18);transition:.2s ease;}
.nav-quick-account [data-theme-toggle].active .theme-pill{background:linear-gradient(135deg,#0f8f73,#2457d6);}
.nav-quick-account [data-theme-toggle].active .theme-knob{transform:translateX(20px);}
body.theme-dark .nav-quick-account .account-dropdown{background:#121d31;border-color:#2c3a52;}
body.theme-dark .nav-quick-account .account-dropdown-head{border-color:#26354a;}
body.theme-dark .nav-quick-account .account-dropdown-head strong{color:#edf2ff;}
body.theme-dark .nav-quick-account .account-dropdown-head small{color:#9fb0cc;}
body.theme-dark .nav-quick-account .account-dropdown-item{background:#121d31;color:#e7eefb;}
body.theme-dark .nav-quick-account .account-dropdown-item:hover{background:#182640;border-color:#31415d;color:#ffd46d;}

@media(max-width:820px){
  .shared-category-nav .nav-bar-inner{display:block!important;width:100%!important;}
  .shared-category-nav .nav-scroll{width:100%!important;}
}



/* DACS_V1.20.7 · account menus always above the pinned category bar */
body.has-shared-header .site-header{z-index:310!important;}
body.has-shared-header .site-header .account-dropdown{z-index:420!important;}
.shared-category-nav{z-index:175!important;overflow:visible!important;}
.shared-category-nav .wide-shell,.shared-category-nav .nav-bar-inner,.nav-quick-actions,.nav-quick-account{overflow:visible!important;}
.nav-quick-account{z-index:360!important;}
.nav-quick-account.open{z-index:430!important;}
.nav-quick-account .account-dropdown{z-index:440!important;}


/* DACS_V1.23.3 · global horizontal overflow fix */
html,body{max-width:100%;overflow-x:hidden!important;}
body{position:relative;}
.site-header,.site-header .wide-shell,.site-header .masthead,.site-header .category-nav,.site-header .nav-scroll{max-width:100%;}
.site-header .wide-shell,.site-header .masthead,.site-header .brand,.site-header .top-search,.site-header .masthead-account-menu{min-width:0;}
.site-header .category-nav{overflow-x:clip;}