/* Shared public-site navigation. Uses the approved MOAI design tokens. */
body .moai-chrome-header,body .moai-chrome-footer{font-family:var(--font-body);color:var(--color-heading);line-height:1.6;text-align:left;box-sizing:border-box}
body .moai-chrome-header{position:relative;z-index:50;background:var(--color-white);border-bottom:1px solid var(--color-border);padding:0;margin:0;width:100%}
body .moai-chrome-inner{max-width:1120px;margin:0 auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:32px}
body .moai-chrome-brand{display:flex;align-items:center;gap:16px;color:var(--color-muted);text-decoration:none;flex-shrink:0}
body .moai-chrome-brand img{display:block;width:64px;height:64px;object-fit:contain;margin:0}
body .moai-chrome-brand span{font-size:11px;line-height:1.8;letter-spacing:.04em;font-weight:500}
body #moai-global-nav{display:flex;align-items:center;gap:28px;position:static;background:none;box-shadow:none;padding:0;margin:0}
body #moai-global-nav a{font-size:13px;font-weight:700;color:var(--color-heading);text-decoration:none;white-space:nowrap}
body #moai-global-nav a[aria-current=page]{color:var(--color-primary);text-decoration:underline;text-underline-offset:7px}
body .moai-chrome-toggle{display:none}
body .moai-chrome-footer{background:var(--color-surface-mist);padding:48px 0 24px;margin:0;border-top:1px solid var(--color-border)}
body .moai-chrome-footer .moai-chrome-inner{align-items:flex-start;padding-top:0;padding-bottom:32px}
body .moai-chrome-footer-brand p{font-size:11px;color:var(--color-muted);margin:14px 0 0}
body .moai-chrome-footer a{color:var(--color-muted);text-decoration:none}
body .moai-chrome-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 40px;background:none;padding:0;margin:0;position:static}
body .moai-chrome-footer nav a{font-size:13px}
body .moai-chrome-footer a:hover{text-decoration:underline;text-underline-offset:4px}
body .moai-chrome-bottom{max-width:1056px;margin:0 auto;border-top:1px solid var(--color-border);padding:24px 0 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--color-muted)}
body .moai-chrome-bottom div{display:flex;gap:24px}
body .moai-chrome-bottom small{font-size:11px}
body .moai-chrome-header a:focus-visible,body .moai-chrome-header button:focus-visible,body .moai-chrome-footer a:focus-visible{outline:2px solid var(--color-primary);outline-offset:5px}
@media(max-width:900px){
 body .moai-chrome-inner{padding:14px 24px;gap:20px}
 body .moai-chrome-brand img{width:52px;height:52px}
 body .moai-chrome-brand span{font-size:10px}
 body .moai-chrome-toggle{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;border-radius:var(--radius-md);padding:8px 12px;background:var(--color-primary);color:var(--color-white);font:600 10px var(--font-body);cursor:pointer;min-width:56px;min-height:48px}
 body .moai-chrome-toggle span{font-size:20px;line-height:1.2}
 body #moai-global-nav{display:none;position:absolute;top:100%;left:0;right:0;align-items:stretch;flex-direction:column;gap:0;background:var(--color-white);padding:12px 24px 24px;border-bottom:1px solid var(--color-border)}
 body #moai-global-nav.is-open{display:flex}
 body #moai-global-nav>a{padding:16px 0}
  body .moai-chrome-bottom{margin:0 24px}
}
@media(max-width:600px){
 body .moai-chrome-footer .moai-chrome-inner{flex-direction:column;gap:28px}
 body .moai-chrome-footer nav{width:100%;gap:16px 24px}
 body .moai-chrome-bottom{flex-direction:column;gap:16px;padding-bottom:64px}
 body .moai-chrome-bottom div{flex-wrap:wrap;gap:12px 20px}
}

body .moai-chrome-skip{position:absolute;left:16px;top:-100px;z-index:1000;padding:12px 20px;background:var(--color-white);color:var(--color-primary)}
body .moai-chrome-skip:focus{top:8px}

/* Keep the approved TOP header proportions across public pages. */
body .moai-chrome-header{border:0}
body .moai-chrome-header .moai-chrome-inner{max-width:1080px;height:88px;padding:0 32px;gap:24px;box-sizing:border-box}
body .moai-chrome-header .moai-chrome-brand{gap:24px}
body .moai-chrome-header .moai-chrome-brand img{width:112px;height:auto}
body .moai-chrome-header .moai-chrome-brand span{font-size:12px;line-height:1.7;letter-spacing:normal;font-weight:400}
body #moai-global-nav{gap:24px}
body #moai-global-nav a{font-size:14px;color:var(--color-primary)}
@media(max-width:900px){
 body .moai-chrome-header .moai-chrome-inner{height:68px;padding:0 20px}
 body .moai-chrome-header .moai-chrome-brand{gap:8px}
 body .moai-chrome-header .moai-chrome-brand img{width:68px}
 body .moai-chrome-header .moai-chrome-brand span{font-size:9px}
 body .moai-chrome-toggle{background:transparent;color:var(--color-primary);font-size:11px;font-weight:400;padding:0;min-width:44px;min-height:44px;gap:0}
 body .moai-chrome-toggle span{font-size:26px}
 body #moai-global-nav{gap:20px;padding:24px;box-shadow:var(--shadow-paper);border:0}
 body #moai-global-nav>a{padding:0}
}
@media(max-width:900px) and (max-height:740px){body .moai-chrome-header .moai-chrome-inner{height:60px}}
/* The shared header stays in document flow on standard pages too. */
body.moai-ds.rich-site.rich-standard{padding-top:0}

/* Navigation rows remain easy to tap without changing the TOP header style. */
@media(max-width:900px){
 body #moai-global-nav{gap:4px}
 body #moai-global-nav>a{display:flex;align-items:center;min-height:44px;padding:8px 0}
}