/* Signal Dark site header + navigation (2026-10-20). Pairs with layouts/nav.php. */
:root{--sdm-hdr:113px;--sdn-row:64px;--sdn-cats:48px}
@media (max-width:1023px){:root{--sdm-hdr:64px}}
[x-cloak]{display:none!important}
html.sdn-lock,html.sdn-lock body{overflow:hidden}

.sdn-header{position:fixed;inset:0 0 auto 0;z-index:60;background:rgba(7,8,12,.86);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--sd-line);transition:box-shadow .2s,background .2s}
.sdn-header.is-scrolled{background:rgba(7,8,12,.96);box-shadow:0 10px 30px -12px rgba(0,0,0,.7)}
.sdn-row{position:relative;max-width:80rem;margin:0 auto;height:var(--sdn-row);display:flex;align-items:center;gap:1.25rem;padding:0 1rem}
@media (min-width:1024px){.sdn-row{padding:0 2rem;gap:1.5rem}}

.sdn-brand{display:inline-flex;align-items:center;flex:none;min-height:44px;border-radius:.5rem}
.sdn-brand img{display:block;height:30px;width:auto}
@media (min-width:1024px){.sdn-brand img{height:32px}}

/* Search */
.sdn-search{display:flex;align-items:stretch;flex:1 1 auto;max-width:36rem;height:44px;border:1px solid #2E323D;border-radius:.625rem;background:#0C0E14;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.sdn-search:hover{border-color:var(--sd-edge)}
.sdn-search:focus-within{border-color:var(--sd-lime);box-shadow:0 0 0 3px rgba(198,255,61,.16)}
.sdn-search input{flex:1;min-width:0;height:auto;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;color:var(--sd-ink)!important;padding:0 .875rem 0 1rem;font-size:.9375rem}
.sdn-search input::placeholder{color:#7D8494;opacity:1}
.sdn-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.sdn-search-go{flex:none;width:46px;display:flex;align-items:center;justify-content:center;margin:4px;border-radius:.4rem;background:var(--sd-lime);color:var(--sd-bg);border:0;cursor:pointer;transition:background .15s}
.sdn-search-go:hover{background:#d6ff70}

/* Primary links */
.sdn-links{display:none;align-items:center;gap:.25rem;flex:none}
.sdn-link{position:relative;display:inline-flex;align-items:center;gap:.375rem;height:40px;padding:0 .75rem;border:0;border-radius:.5rem;background:transparent;font:inherit;font-size:.9rem;font-weight:500;color:#B4BAC6!important;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .15s,background .15s}
.sdn-link:hover,.sdn-link[aria-expanded="true"]{color:var(--sd-ink)!important;background:rgba(255,255,255,.05)}
.sdn-link.is-active{color:var(--sd-ink)!important}
.sdn-link.is-active::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:-12px;height:2px;border-radius:2px;background:var(--sd-lime)}
.sdn-caret{font-size:.625rem;opacity:.7;transition:transform .15s}
.sdn-caret.is-up{transform:rotate(180deg)}

/* Dropdowns */
.sdn-dd{position:relative}
.sdn-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:13rem;padding:.375rem;border:1px solid var(--sd-line);border-radius:.75rem;background:#12141B;box-shadow:0 24px 48px -12px rgba(0,0,0,.75);z-index:70}
.sdn-menu--right{left:auto;right:0}
.sdn-menu a{display:flex;align-items:center;gap:.75rem;min-height:42px;padding:0 .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#C9CDD6!important;text-decoration:none}
.sdn-menu a i{width:1rem;text-align:center;font-size:.85rem;color:#7D8494}
.sdn-menu a:hover,.sdn-menu a[aria-current="page"]{background:rgba(255,255,255,.05);color:var(--sd-ink)!important}
.sdn-menu a:hover i,.sdn-menu a[aria-current="page"] i{color:var(--sd-lime)}
.sdn-sep{display:block;height:1px;margin:.375rem .25rem;background:var(--sd-line)}

/* Right-side actions */
.sdn-actions{display:flex;align-items:center;gap:.375rem;margin-left:auto;flex:none}
.sdn-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:.625rem;background:transparent;color:#C9CDD6;font-size:1rem;cursor:pointer;text-decoration:none;transition:background .15s,color .15s}
.sdn-icon:hover{background:rgba(255,255,255,.06);color:var(--sd-ink)}
.sdn-badge{position:absolute;top:5px;right:3px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--sd-lime);color:var(--sd-bg);font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--sd-bg)}
.sdn-badge.hidden{display:none}
.sdn-badge--inline{position:static;margin-left:auto;box-shadow:none}
.sdn-signin{display:none;align-items:center;height:40px;padding:0 .875rem;border-radius:.5rem;font-size:.9rem;font-weight:600;color:var(--sd-ink)!important;text-decoration:none;transition:background .15s}
.sdn-signin:hover{background:rgba(255,255,255,.06)}
.sdn-join,.sdn-ghost{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 1.125rem;border-radius:.5rem;font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.sdn-join{background:var(--sd-lime);color:var(--sd-bg)!important}
.sdn-join:hover{background:#d6ff70}
.sdn-ghost{border:1px solid #343947;color:var(--sd-ink)!important}
.sdn-ghost:hover{border-color:var(--sd-edge);background:rgba(255,255,255,.04)}
.sdn-actions>.sdn-join{display:none}
.sdn-user{display:none;align-items:center;gap:.5rem;height:40px;padding:0 .625rem 0 .375rem;border:1px solid #2E323D;border-radius:999px;background:transparent;color:var(--sd-ink);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}
.sdn-user:hover,.sdn-user[aria-expanded="true"]{border-color:var(--sd-edge)}
.sdn-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;border-radius:50%;background:rgba(198,255,61,.14);color:var(--sd-lime);font-size:.75rem}
.sdn-user-name{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sdn-burger-lines{display:flex;flex-direction:column;gap:4px;width:18px}
.sdn-burger-lines span{display:block;height:2px;border-radius:2px;background:currentColor}
.sdn-burger-lines span:nth-child(2){width:70%}

/* Category row */
.sdn-cats{position:relative;display:none;max-width:80rem;margin:0 auto;height:var(--sdn-cats);padding:0 2rem;border-top:1px solid rgba(255,255,255,.04)}
.sdn-cats-track{display:flex;align-items:stretch;gap:.25rem;height:100%;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.sdn-cats-track::-webkit-scrollbar{display:none}
.sdn-cat{position:relative;display:inline-flex;align-items:center;flex:none;padding:0 .75rem;font-size:.84rem;font-weight:500;color:#9AA0AE!important;text-decoration:none;white-space:nowrap;transition:color .15s}
.sdn-cat:hover{color:var(--sd-ink)!important}
.sdn-cat.is-active{color:var(--sd-ink)!important}
.sdn-cat.is-active::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--sd-lime)}
.sdn-cats-arrow{position:absolute;top:0;bottom:0;z-index:2;width:3.5rem;display:flex;align-items:center;border:0;color:var(--sd-ink);cursor:pointer;font-size:.75rem}
.sdn-cats-arrow[hidden]{display:none}
.sdn-cats-prev{left:1.25rem;justify-content:flex-start;padding-left:.5rem;background:linear-gradient(90deg,#08090D 45%,rgba(8,9,13,0))}
.sdn-cats-next{right:1.25rem;justify-content:flex-end;padding-right:.5rem;background:linear-gradient(270deg,#08090D 45%,rgba(8,9,13,0))}
.sdn-cats-arrow i{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid #343947;background:#12141B}
.sdn-cats-arrow:hover i{border-color:var(--sd-edge)}

/* Search toggle (mobile) */
.sdn-search-toggle{display:inline-flex}

/* Desktop */
@media (min-width:1024px){
  .sdn-links{display:flex}
  .sdn-signin{display:inline-flex}
  .sdn-actions>.sdn-join{display:inline-flex}
  .sdn-user{display:inline-flex}
  .sdn-cats{display:block}
  .sdn-search-toggle,.sdn-burger{display:none}
}
@media (min-width:1024px) and (max-width:1199px){
  .sdn-link--sell{display:none}
  .sdn-row{gap:1rem}
}
/* Mobile / tablet: search drops below the bar when toggled */
@media (max-width:1023px){
  .sdn-search{display:none;position:absolute;left:.75rem;right:.75rem;top:calc(var(--sdn-row) + 6px);max-width:none;height:50px;box-shadow:0 18px 40px rgba(0,0,0,.6);z-index:65}
  .sdn-search.is-open{display:flex}
  .sdn-actions{gap:.125rem}
}

/* Drawer */
.sdn-scrim{position:fixed;inset:0;z-index:80;background:rgba(3,4,7,.62);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.sdn-drawer{position:fixed;top:0;right:0;bottom:0;z-index:90;display:flex;flex-direction:column;width:min(88vw,22rem);background:#0E1016;border-left:1px solid var(--sd-line);box-shadow:-24px 0 60px rgba(0,0,0,.6)}
.sdn-tr{transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .22s}
.sdn-off{transform:translateX(100%);opacity:.6}
.sdn-on{transform:translateX(0);opacity:1}
@media (prefers-reduced-motion:reduce){.sdn-tr{transition:none}}
.sdn-drawer-head{display:flex;align-items:center;justify-content:space-between;height:var(--sdn-row);padding:0 .5rem 0 1.25rem;border-bottom:1px solid var(--sd-line);flex:none}
.sdn-drawer-head img{height:27px;width:auto}
.sdn-drawer-body{flex:1;overflow-y:auto;padding:1rem .75rem 2rem;overscroll-behavior:contain}
.sdn-drawer-cta{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:0 .5rem .5rem}
.sdn-drawer-cta a{height:44px}
.sdn-drawer-user{display:flex;align-items:center;gap:.75rem;margin:0 .5rem .5rem;padding:.75rem;border:1px solid var(--sd-line);border-radius:.75rem;background:#12141B}
.sdn-drawer-user .sdn-avatar{width:36px;height:36px;font-size:.9rem}
.sdn-drawer-user strong{display:block;font-size:.9rem;color:var(--sd-ink)}
.sdn-drawer-user small{display:block;font-size:.75rem;color:var(--sd-muted)}
.sdn-drawer-label{margin:1.25rem .75rem .375rem;font-family:"Geist Mono",ui-monospace,monospace;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:#6E7585}
.sdn-drawer-link{display:flex;align-items:center;gap:.875rem;min-height:46px;padding:0 .75rem;border-radius:.625rem;font-size:.95rem;font-weight:500;color:#D2D6DE!important;text-decoration:none;cursor:pointer;list-style:none}
.sdn-drawer-link::-webkit-details-marker{display:none}
.sdn-drawer-link>i:first-child{width:1.125rem;text-align:center;font-size:.9rem;color:#7D8494}
.sdn-drawer-link:hover{background:rgba(255,255,255,.04)}
.sdn-drawer-link.is-active{background:rgba(198,255,61,.08);color:var(--sd-lime)!important}
.sdn-drawer-link.is-active>i:first-child{color:var(--sd-lime)}
.sdn-drawer-group>summary .sdn-caret{margin-left:auto}
.sdn-drawer-group[open]>summary .sdn-caret{transform:rotate(180deg)}
.sdn-drawer-cats{display:flex;flex-direction:column;margin:.125rem 0 .375rem 1.25rem;padding-left:.75rem;border-left:1px solid var(--sd-line)}
.sdn-drawer-cats a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:42px;padding:0 .75rem;border-radius:.5rem;font-size:.875rem;color:#B4BAC6!important;text-decoration:none}
.sdn-drawer-cats a small{font-size:.75rem;color:#6E7585}
.sdn-drawer-cats a:hover{background:rgba(255,255,255,.04);color:var(--sd-ink)!important}
.sdn-drawer-cats a.is-active{color:var(--sd-lime)!important}

/* Keyboard focus */
.sdn-header a:focus-visible,.sdn-header button:focus-visible,.sdn-header summary:focus-visible{outline:2px solid var(--sd-lime);outline-offset:2px}
.sdn-search input:focus-visible{outline:0}

/* Content offset */
.sdm-main{padding-top:var(--sdm-hdr)}
html{scroll-padding-top:calc(var(--sdm-hdr) + 16px)}

/* Footer: notice box + wordmark */
.sdm-note{border:1px solid var(--sd-line,#2A2E39);background:rgba(255,255,255,.025);border-radius:14px;padding:14px 18px}
.sdm-note p{margin:0;display:flex;gap:10px;align-items:flex-start;justify-content:center;font-size:13px;line-height:1.6;color:#9AA0AE;text-align:left;max-width:60rem;margin-inline:auto}
.sdm-note i{color:#5EEAD4;margin-top:4px;flex:none}
.sdm-note strong{color:#E8EAF0;font-weight:600}
.sdm-foot-logo img{display:block;height:36px;width:auto}