/* NET-BUILD-FEED-1025 S1 — the Network's left sub-menu (private_html/_fsn_submenu.php). Direction B's sub-rail with the
   founder's notes: spacing increased; Mission Control's left sub-rail typeface (Inter 500 13.5px · labels 700 10.5px .09em
   uppercase · active 700); a PINK close X right of the title, hanging off the sub-rail line; reopens on every load.
   8px radius, no pills, Lucide only. Light default; html.fs-dark / [data-theme=dark] = dark. */
:root{--fsnsm-w:240px;--fsnsm-top:64px;--fsnsm-rail:64px;
  --fsnsm-bg:#fff;--fsnsm-line:#e6e8ef;--fsnsm-ink:#3f4054;--fsnsm-ink3:#5d5f77;--fsnsm-hd:#16171f;
  --fsnsm-hover:#eff0f7;--fsnsm-on:#ebeafe;--fsnsm-on-ink:#514dfa;--fsnsm-pink:#e5006f}
html.fs-dark,[data-theme="dark"]{--fsnsm-bg:#1d1e2b;--fsnsm-line:#2a2b3e;--fsnsm-ink:#c5c6d6;--fsnsm-ink3:#a3a5bb;--fsnsm-hd:#f3f3f8;
  --fsnsm-hover:#151622;--fsnsm-on:#22264a;--fsnsm-on-ink:#c9c7ff;--fsnsm-pink:#ff2e93}
.fsnsm{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--fsnsm-bg);color:var(--fsnsm-ink);box-sizing:border-box}
.fsnsm *,.fsnsm *::before,.fsnsm *::after{box-sizing:border-box}
.fsnsm-head{position:relative;display:flex;align-items:center;min-height:40px;padding:0 12px 10px}
.fsnsm-t{margin:0;display:flex;align-items:center;gap:9px;font:800 15px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.01em;color:var(--fsnsm-hd)}
.fsnsm-t svg,.fsnsm-t i{width:18px;height:18px;flex:none}
.fsnsm-lbl{font:700 10.5px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--fsnsm-ink3);padding:20px 12px 9px}
.fsnsm-l>.fsnsm-lbl:first-child{padding-top:6px}
.fsnsm-i{display:flex;align-items:center;gap:11px;width:100%;height:40px;margin:0 0 3px;padding:0 12px;border:0;border-radius:8px;background:transparent;
  font:500 13.5px/1 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--fsnsm-ink);text-decoration:none;text-align:left;cursor:pointer;transition:background .15s}
.fsnsm-i:hover{background:var(--fsnsm-hover);color:var(--fsnsm-ink);text-decoration:none}
.fsnsm-i:focus-visible,.fsnsm-x:focus-visible,.fsnsm-reopen:focus-visible,.fsnsm-sec:focus-visible{outline:2px solid var(--fsnsm-on-ink);outline-offset:2px}
.fsnsm-i.on{background:var(--fsnsm-on);color:var(--fsnsm-on-ink);font-weight:700}
.fsnsm-i.muted{color:var(--fsnsm-ink3)}
.fsnsm-i svg,.fsnsm-i>i{width:17px;height:17px;flex:none;stroke-width:1.75}
.fsnsm-tx{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fsnsm-n{margin-left:auto;flex:none;font:600 12px/1 Inter,sans-serif;color:var(--fsnsm-ink3);font-variant-numeric:tabular-nums}
.fsnsm-i.on .fsnsm-n{color:var(--fsnsm-on-ink)}
.fsnsm-raw{padding:4px 12px}
/* the founder's pink close X — the platform's hexagon close, pink, hanging off the sub-rail line */
.fsnsm-x{position:absolute;right:-13px;top:4px;z-index:2;width:26px;height:29px;padding:0;border:0;cursor:pointer;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--fsnsm-pink);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.fsnsm-x:hover{filter:brightness(.92)}
.fsnsm-x svg,.fsnsm-x>i{width:13px;height:13px;stroke-width:2.6;color:#fff}
.fsnsm-reopen{display:none}
.fsnsm-sec{display:none}
.fsnsm-bar{display:none}
/* desktop: fixed beside the rail; the page shifts right while it is open */
@media (min-width:1024px){
  .fsnsm{position:fixed;left:var(--fsnsm-rail);top:var(--fsnsm-top);bottom:0;width:var(--fsnsm-w);z-index:40;border-right:1px solid var(--fsnsm-line);padding:20px 12px 24px}
  .fsnsm-l{overflow-y:auto;max-height:calc(100vh - var(--fsnsm-top) - 90px);scrollbar-width:thin;margin:0 -4px;padding:0 4px}
  html.fsn-has-sm:not(.fsn-sm-closed) #sn-page.page-wrapper{margin-left:calc(var(--fsnsm-rail) + var(--fsnsm-w) + 24px)!important;transition:none!important}
  .fsnsm[hidden]{display:none}
  .fsnsm-reopen:not([hidden]){display:inline-flex;position:fixed;left:calc(var(--fsnsm-rail) + 8px);top:calc(var(--fsnsm-top) + 14px);z-index:40;width:34px;height:34px;
    align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--fsnsm-line);background:#ccf;color:#1d1e2b;cursor:pointer}
  .fsnsm-reopen svg,.fsnsm-reopen>i{width:17px;height:17px}
  html.fsn-sm-closed #sn-page.page-wrapper{padding-left:40px!important}
}
/* below 1024: the "Sections" picker at the top of the content (no close X — nothing to close) */
@media (max-width:1023.98px){
  .fsnsm{position:relative;margin:0 0 14px;border:1px solid var(--fsnsm-line);border-radius:8px;padding:6px}
  .fsnsm-head{display:none}
  .fsnsm-sec{display:flex;align-items:center;gap:8px;width:100%;height:40px;padding:0 10px;border:0;border-radius:8px;background:transparent;cursor:pointer;
    font:700 13.5px/1 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--fsnsm-hd)}
  .fsnsm-sec-tx{min-width:0;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .fsnsm-sec-k{font:600 11.5px/1 Inter,sans-serif;color:var(--fsnsm-ink3)}
  .fsnsm-sec svg,.fsnsm-sec>i{width:16px;height:16px;color:var(--fsnsm-ink3);transition:transform .15s}
  .fsnsm-l{display:none;padding-top:4px;border-top:1px solid var(--fsnsm-line);margin-top:6px}
  .fsnsm.fsnsm-open .fsnsm-l{display:block}
  .fsnsm.fsnsm-open .fsnsm-sec svg{transform:rotate(180deg)}
  .fsnsm[hidden]{display:block}
}
/* 390: the bottom bar — Threads · Work · + · Local · Events (the + is the phone's one pink action) */
@media (max-width:640px){
  .fsnsm-bar{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:1050;height:62px;
    padding:0 4px env(safe-area-inset-bottom,0);background:var(--fsnsm-bg);border-top:1px solid var(--fsnsm-line);font-family:Inter,ui-sans-serif,system-ui,sans-serif}
  .fsnsm-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;font:700 10.5px/1 Inter,sans-serif;color:var(--fsnsm-ink3);text-decoration:none}
  .fsnsm-bar a svg,.fsnsm-bar a>i{width:21px;height:21px}
  .fsnsm-bar a.on{color:var(--fsnsm-on-ink)}
  .fsnsm-bar .fsnsm-bar-mid{width:44px;height:44px;margin:0 auto;border-radius:8px;background:#e5006f;color:#fff;flex:none}
  .fsnsm-bar .fsnsm-bar-mid svg{width:22px;height:22px;color:#fff}
  /* one pink per page: a page whose own main action is pink (data-fsn-cta="main") gets a periwinkle + */
  body:has([data-fsn-cta="main"]) .fsnsm-bar .fsnsm-bar-mid{background:#ccf;color:#1d1e2b}
  body:has([data-fsn-cta="main"]) .fsnsm-bar .fsnsm-bar-mid svg{color:#1d1e2b}
  html.fsn-has-smbar body{padding-bottom:62px}
  html.fsn-has-smbar .mvn-fab{bottom:76px!important}
}
@media print{.fsnsm,.fsnsm-bar,.fsnsm-reopen{display:none!important}}
@media (prefers-reduced-motion:reduce){.fsnsm-i,.fsnsm-sec svg{transition:none}}
/* NET-BUILD-FEED-1025 M1 · NT-12: the dark active label measured 4.37 (a later accent rule wins) — pin the item's ink */
html.fs-dark .fsnsm .fsnsm-i.on,[data-theme="dark"] .fsnsm .fsnsm-i.on,html.fs-dark .fsnsm .fsnsm-i.on .fsnsm-n{color:#c9c7ff}
