/* family-bar.css — the Machina family header (4 Nov 2026, v30). The family strip, then each world's top row (its big
   logo straddling the top row and the nav bar, name and tagline, search bar, mail, settings, account) and its own
   coloured nav bar. Full viewport width, always. Pixel sizes on purpose: the header keeps its size whatever text size
   the page is set to. Every class is mxf- so no world's own styles can reach it. */
.mxf{position:sticky;top:0;z-index:60;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14px;line-height:1.3;
  --mxf-bg:#fff;--mxf-ink:#14213d;--mxf-mut:#5a6885;--mxf-line:#e3e7ef;--mxf-hover:#f2f4f9;--mxf-strip:#0f1a33;--mxf-panel:#fff}
html[data-theme="dark"] .mxf{--mxf-bg:#141b2b;--mxf-ink:#e6ebf5;--mxf-mut:#a7b3cb;--mxf-line:#2a3550;--mxf-hover:#1d2740;--mxf-strip:#0a1020;--mxf-panel:#18213a;--mxf-field:#1d2740}
.mxf *{box-sizing:border-box}
.mxf a{text-decoration:none!important}
.mxf .mxf-in{max-width:none!important;width:auto!important;margin:0!important;padding:0 32px;display:flex;align-items:center;gap:18px;height:100%;background:none;position:static;border-radius:0}
/* the family strip */
.mxf .mxf-family{background:var(--mxf-strip)!important;height:28px}
.mxf .mxf-family .mxf-family__home{font:400 12px Georgia,"Times New Roman",serif!important;letter-spacing:.32em!important;color:#e6ecf7!important;padding:4px 0}
.mxf .mxf-family__worlds{display:flex;gap:22px;margin-left:auto}
.mxf .mxf-family .mxf-family__worlds a{display:inline-block!important;background:none!important;color:#9fb0cf!important;font:400 11px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:.14em!important;padding:5px 0 3px!important;margin:0!important;border:0!important;border-bottom:2px solid transparent!important}
.mxf .mxf-family .mxf-family__worlds a:hover{color:#fff!important}
.mxf .mxf-family .mxf-family__worlds a.on{color:#fff!important;border-bottom-color:var(--mxf-accent)!important}
/* the top row: the logo hangs from here across the nav bar */
.mxf .mxf-bar{position:relative;background:var(--mxf-bg)!important;height:72px}
.mxf .mxf-brand{display:flex;align-items:center;gap:14px;flex:0 0 auto;color:var(--mxf-ink);padding-left:calc(var(--mxf-logo) + 6px)}
.mxf .mxf-logo{position:absolute;left:28px;top:8px;width:var(--mxf-logo);height:var(--mxf-logo);z-index:5;display:block;filter:drop-shadow(0 6px 14px rgba(10,20,45,.30))}
.mxf .mxf-title{display:flex;flex-direction:column;gap:3px;line-height:1.05}
.mxf .mxf-name{font-size:22px;color:var(--mxf-ink);white-space:nowrap}
.mxf .mxf-name--serif{font-family:Georgia,"Times New Roman",serif;letter-spacing:.3em;font-size:24px}
.mxf .mxf-name--mono{font-family:"Courier New",ui-monospace,monospace;font-weight:700;letter-spacing:.22em;font-size:20px}
.mxf .mxf-name--mono i{font-style:normal;color:#49B049}
.mxf .mxf-name--n8{font-family:"Courier New",ui-monospace,monospace;font-weight:700;font-size:22px;letter-spacing:.04em}
.mxf .mxf-name--n8 .n8-wm i{font-style:normal}
.mxf .mxf-tag{font-size:12px;color:var(--mxf-mut)}
.mxf .mxf-tag--serif{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:13px}
.mxf .mxf-tag--mono,.mxf .mxf-tag--n8{font:700 10px "Courier New",ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:#2f8a3a}
.mxf .mxf-tag--n8{color:var(--mxf-mut)}
.mxf .mxf-cur{display:inline-block;width:7px;height:9px;margin-left:4px;background:#F6C90E;vertical-align:-1px;animation:mxf-blink 1.06s steps(1) infinite}
@keyframes mxf-blink{50%{opacity:0}}
.mxf .mxf-search{flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border:1px solid var(--mxf-line);border-radius:10px;background:var(--mxf-field)}
.mxf .mxf-search:focus-within{border-color:var(--mxf-ink)}
.mxf .mxf-search svg{width:17px;height:17px;flex:none;fill:none;stroke:var(--mxf-mut);stroke-width:2}
.mxf .mxf-search input{flex:1;min-width:0;height:40px;border:0;outline:0;background:transparent;font:400 15px system-ui,sans-serif;color:var(--mxf-ink)}
.mxf .mxf-search input::placeholder{color:var(--mxf-mut)}
.mxf .mxf-spacer{flex:1}
.mxf .mxf-icons{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.mxf .mxf-ic{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--mxf-line);border-radius:10px;background:var(--mxf-bg);color:var(--mxf-ink);cursor:pointer;padding:0}
.mxf .mxf-ic:hover,.mxf .mxf-ic.on{background:var(--mxf-hover)}
.mxf .mxf-ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mxf .mxf-ic em{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#5b3fd6;color:#fff;font:600 10px/17px system-ui,sans-serif;font-style:normal;text-align:center}
.mxf .mxf-user{position:relative;margin-left:2px}
.mxf .mxf-user summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;height:42px;padding:4px 14px 4px 4px;border:1px solid var(--mxf-line);border-radius:10px;background:var(--mxf-bg);color:var(--mxf-ink)}
.mxf .mxf-user summary::-webkit-details-marker{display:none}
.mxf .mxf-av{width:32px;height:32px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#F6C90E;color:#14213d;font-weight:700;font-size:13px}
.mxf .mxf-av img{width:100%;height:100%;object-fit:cover}
.mxf .mxf-user summary em{font-style:normal;font-weight:600;font-size:14px;white-space:nowrap}
.mxf .mxf-menu{position:absolute;right:0;top:50px;width:240px;background:var(--mxf-panel);border:1px solid var(--mxf-line);border-radius:12px;padding:6px;box-shadow:0 12px 32px rgba(15,26,51,.16);z-index:90}
.mxf .mxf-menu__head{padding:8px 10px 10px;border-bottom:1px solid var(--mxf-line);margin-bottom:4px}
.mxf .mxf-menu__head b{display:block;color:var(--mxf-ink);font-weight:600}
.mxf .mxf-menu__head span{font-size:12px;color:var(--mxf-mut)}
.mxf .mxf-menu a{display:block;padding:7px 10px;border-radius:7px;color:var(--mxf-ink)!important}
.mxf .mxf-menu a:hover{background:var(--mxf-hover)}
.mxf .mxf-menu__sep{height:1px;background:var(--mxf-line);margin:4px 0}
.mxf .mxf-signin{padding:11px 16px;border-radius:10px;background:var(--mxf-ink);color:var(--mxf-bg)!important;font-weight:600;font-size:13px;white-space:nowrap}
/* the world's own coloured nav bar */
.mxf .mxf-navbar{background:var(--mxf-nav-bg)!important;height:48px;border-bottom:3px solid var(--mxf-nav-edge,transparent);box-shadow:0 2px 10px rgba(20,16,50,.12)}
.mxf .mxf-navbar .mxf-nav{justify-content:center;gap:2px;padding-left:calc(28px + var(--mxf-logo))}
.mxf .mxf-navbar .mxf-nav>a,.mxf .mxf-navbar .ps-dd-btn,.mxf .mxf-navbar .n8-dd-btn{display:flex;align-items:center;gap:5px;height:100%;padding:0 15px;margin:0;background:none;border:0;border-radius:0;color:var(--mxf-nav-ink)!important;font:600 14px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;cursor:pointer;position:relative;box-shadow:none}
.mxf .mxf-navbar .mxf-nav>a:hover,.mxf .mxf-navbar .ps-dd-btn:hover,.mxf .mxf-navbar .n8-dd-btn:hover,.mxf .mxf-navbar .ps-dd:focus-within>.ps-dd-btn,.mxf .mxf-navbar .n8-dd:focus-within>.n8-dd-btn{color:var(--mxf-nav-on)!important;background:rgba(255,255,255,.08)}
.mxf--neura8 .mxf-navbar .mxf-nav>a:hover,.mxf--neura8 .mxf-navbar .n8-dd-btn:hover{background:rgba(0,0,0,.06)}
.mxf .mxf-navbar .mxf-nav>a.on,.mxf .mxf-navbar .ps-dd.on>.ps-dd-btn,.mxf .mxf-navbar .n8-dd.on>.n8-dd-btn{color:var(--mxf-nav-on)!important;background:rgba(0,0,0,.14)}
.mxf--neura8 .mxf-navbar .mxf-nav>a.on,.mxf--neura8 .mxf-navbar .n8-dd.on>.n8-dd-btn{background:rgba(0,0,0,.06)}
.mxf .mxf-navbar .mxf-nav>a.on::after,.mxf .mxf-navbar .ps-dd.on>.ps-dd-btn::after,.mxf .mxf-navbar .n8-dd.on>.n8-dd-btn::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--mxf-mark)}
.mxf .mxf-navbar svg{width:13px;height:13px;opacity:.7}
.mxf .mxf-navbar .ps-nav-on{color:#41ff6a;font-size:11px;font-weight:700}
.mxf .mxf-navbar .ps-dd,.mxf .mxf-navbar .n8-dd{position:relative;display:flex;align-items:stretch;height:100%}
.mxf .mxf-navbar .ps-dd-menu,.mxf .mxf-navbar .n8-dd-menu{display:none;position:absolute;top:100%;left:0;min-width:270px;background:var(--mxf-panel)!important;border:1px solid var(--mxf-line);border-radius:12px;padding:6px;box-shadow:0 16px 40px rgba(15,26,51,.20);z-index:90}
.mxf .mxf-navbar .ps-dd--right>.ps-dd-menu,.mxf .mxf-navbar .n8-dd:last-child>.n8-dd-menu{left:auto;right:0}
.mxf .mxf-navbar .ps-dd:hover>.ps-dd-menu,.mxf .mxf-navbar .ps-dd:focus-within>.ps-dd-menu,.mxf .mxf-navbar .n8-dd:hover>.n8-dd-menu,.mxf .mxf-navbar .n8-dd:focus-within>.n8-dd-menu{display:block}
.mxf .mxf-navbar .ps-dd-menu a,.mxf .mxf-navbar .n8-dd-menu a{display:block;padding:8px 10px;border-radius:8px;color:var(--mxf-ink)!important;font:500 13.5px system-ui,sans-serif;background:none}
.mxf .mxf-navbar .ps-dd-menu a small,.mxf .mxf-navbar .n8-dd-menu a small{display:block;margin-top:1px;font-weight:400;font-size:12px;color:var(--mxf-mut)}
.mxf .mxf-navbar .ps-dd-menu a:hover,.mxf .mxf-navbar .ps-dd-menu a.on,.mxf .mxf-navbar .n8-dd-menu a:hover,.mxf .mxf-navbar .n8-dd-menu a.on{background:var(--mxf-hover)}
/* the settings drawer */
.mxf .mxf-drawer{position:absolute;right:32px;top:70px;width:300px;background:var(--mxf-panel);border:1px solid var(--mxf-line);border-radius:14px;padding:14px 16px 12px;box-shadow:0 16px 40px rgba(15,26,51,.18);z-index:95;color:var(--mxf-ink)}
.mxf .mxf-drawer h4{margin:2px 0 10px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mxf-mut)}
.mxf .mxf-drawer h4:not(:first-child){margin-top:14px;padding-top:12px;border-top:1px solid var(--mxf-line)}
.mxf .mxf-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;font-size:13px}
.mxf .mxf-row b{font-weight:600}
.mxf .mxf-seg{display:flex;border:1px solid var(--mxf-line);border-radius:8px;overflow:hidden}
.mxf .mxf-seg button{border:0;background:transparent;color:var(--mxf-ink);font:500 12px system-ui,sans-serif;padding:5px 10px;cursor:pointer;white-space:nowrap}
.mxf .mxf-seg button+button{border-left:1px solid var(--mxf-line)}
.mxf .mxf-seg button:hover{background:var(--mxf-hover)}
.mxf .mxf-seg button.on{background:var(--mxf-ink);color:var(--mxf-bg)}
.mxf .mxf-note{margin:2px 0 0;font-size:11.5px;color:var(--mxf-mut)}
.mxf [hidden]{display:none!important}
/* PETSCII's wordmark keeps its own look; NEURA/8's R&D mark */
.mxf .ps-brand-name b{color:#2fae3f}
.mxf .n8-zone{margin-left:8px}
/* narrow screens: the logo sits in the row, the nav scrolls */
@media (max-width:980px){
  .mxf .mxf-in{padding:0 14px;gap:10px}
  .mxf .mxf-bar{height:auto}
  .mxf .mxf-bar>.mxf-in{flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
  .mxf .mxf-logo{position:static;width:40px;height:40px;filter:none}
  .mxf .mxf-brand{padding-left:0}
  .mxf .mxf-search{order:5;flex-basis:100%}
  .mxf .mxf-icons{margin-left:auto}
  .mxf .mxf-user summary em,.mxf .mxf-tag{display:none}
  .mxf .mxf-navbar .mxf-nav{padding-left:6px;justify-content:flex-start;overflow-x:auto}
  .mxf .mxf-navbar .mxf-nav>a,.mxf .mxf-navbar .ps-dd-btn,.mxf .mxf-navbar .n8-dd-btn{padding:0 10px;white-space:nowrap}
  .mxf .mxf-drawer{right:12px;top:100%;width:calc(100vw - 24px);max-width:320px}
}
/* the breadcrumb strips are part of the page, not another band */
.mx-strip,.sf-strip{background:transparent!important;box-shadow:none!important;border:0!important;padding-top:16px!important;padding-bottom:0!important}
/* v33: the sub-bar under the nav bar: breadcrumbs (left, after the hanging logo), the family's message (centre), the
   visitor's own date and time (right). A light tint of the world's colour with a light line under it; sticky with the header. */
.mxf .mxf-sub{background:var(--mxf-sub-bg)!important;border-bottom:1px solid var(--mxf-sub-line);height:38px}
html[data-theme="dark"] .mxf .mxf-sub{background:#161e31!important;border-bottom-color:#2a3550}
.mxf .mxf-sub .mxf-in{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;padding-left:calc(28px + var(--mxf-logo) + 18px)}
.mxf .mxf-crumbs{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;font:500 11.5px system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mxf-mut)}
.mxf .mxf-crumbs a{color:var(--mxf-mut)!important}
.mxf .mxf-crumbs a:hover{color:var(--mxf-ink)!important}
.mxf .mxf-crumbs b{font-weight:600;color:var(--mxf-ink)}
.mxf .mxf-crumbs i{font-style:normal;opacity:.6}
.mxf .mxf-notice{justify-self:center;font:600 12.5px system-ui,sans-serif;color:var(--mxf-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
.mxf .mxf-notice a{color:var(--mxf-ink)!important;border-bottom:1px dotted currentColor}
.mxf .mxf-clock{justify-self:end;font:500 12px system-ui,sans-serif;letter-spacing:.04em;color:var(--mxf-mut);white-space:nowrap}
/* the old breadcrumb strips are now in the sub-bar */
.mx-strip,.sf-strip{display:none!important}
@media (max-width:980px){.mxf .mxf-sub .mxf-in{grid-template-columns:1fr auto;padding-left:14px}.mxf .mxf-notice{display:none}}

/* ===== v48: the family footer ===== */
.mxf-foot{--ff-bg:#0b1226;--ff-ink:#c9d3e8;--ff-head:#fff;--ff-acc:#3C7DDD;--ff-line:rgba(255,255,255,.1);background:var(--ff-bg);color:var(--ff-ink);border-top:4px solid var(--ff-acc);margin-top:48px;font-size:14px;line-height:1.55;width:100%;box-sizing:border-box}
.mxf-foot--sixfiveos{--ff-bg:#1d1446;--ff-ink:#d9d2f7;--ff-acc:#49B049}
.mxf-foot--petscii{--ff-bg:#171236;--ff-ink:#d6d0ff;--ff-acc:#41ff6a}
.mxf-foot--neura8{--ff-bg:#1d1a10;--ff-ink:#e9e2c4;--ff-acc:#F6C90E}
.mxf-foot__top{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:40px;padding:40px 32px 32px}
.mxf-foot__mark{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ff-head)}
.mxf-foot__mark img{width:64px;height:64px;border-radius:14px;flex:none}
.mxf-foot__mark b{display:block;font:700 20px/1.1 var(--mx-mono,ui-monospace,monospace);letter-spacing:.14em}
.mxf-foot__mark i{display:block;font-style:normal;font-size:13px;color:var(--ff-acc);margin-top:4px}
.mxf-foot__brand p{margin:16px 0 0;max-width:none}
.mxf-foot__col h4{margin:0 0 12px;font:600 11px/1 var(--mx-mono,ui-monospace,monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--ff-acc)}
.mxf-foot__col a,.mxf-foot__col span{display:flex;align-items:center;gap:8px;color:var(--ff-ink);text-decoration:none;padding:4px 0}
.mxf-foot__col a:hover{color:var(--ff-head);text-decoration:underline}
.mxf-foot__worlds img{width:22px;height:22px;border-radius:5px}
.mxf-foot__worlds a[aria-current]{color:var(--ff-head);font-weight:600}
.mxf-foot__col span{opacity:.7;font-size:13px}
.mxf-foot__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:16px 32px 22px;border-top:1px solid var(--ff-line);font-size:12px;opacity:.85}
.mxf-foot__base b{color:var(--ff-head)}
@media (max-width:900px){.mxf-foot__top{grid-template-columns:1fr 1fr}.mxf-foot__brand{grid-column:1/-1}}
@media (max-width:520px){.mxf-foot__top{grid-template-columns:1fr}}
.mxf-totop{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;align-items:center;gap:6px;padding:10px 14px;border:0;border-radius:999px;background:#111a33;color:#fff;font:600 13px/1 inherit;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.25);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s}
.mxf-totop.is-on{opacity:1;transform:none;pointer-events:auto}
.mxf-totop svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mxf-totop--sixfiveos{background:#4a2fa6}.mxf-totop--petscii{background:#2a1f66;color:#41ff6a}.mxf-totop--neura8{background:#F6C90E;color:#1d1a10}
@media print{.mxf-totop,.mxf-foot{display:none}}

/* v49: page drawers open above the sticky family header */
.mx-scrim{z-index:90!important}
.mx-drawer{z-index:91!important}

/* v51: no underlines on the family header, sub-bar and footer links, and no world link colours leaking in */
.mxf a,.mxf a:hover,.mxf a:focus,.mxf-foot a,.mxf-foot a:hover,.mxf-foot a:focus,.mxf-foot a *,.mxf a *{text-decoration:none!important}
.mxf-foot__mark,.mxf-foot__mark b{color:var(--ff-head)!important}
.mxf-foot__mark i{color:var(--ff-acc)!important}
.mxf-foot__col a{color:var(--ff-ink)!important}
.mxf-foot__col a:hover,.mxf-foot__worlds a[aria-current]{color:var(--ff-head)!important}
.mxf-foot__base b{color:var(--ff-head)!important}

/* v52 links: no underlines on any link on the Machina worlds */
a,a:hover,a:focus,a:visited{text-decoration:none!important}