/* BafGo Port — shared chrome: container, nav, footer.
   Linked from every Port page. Page-specific styles stay inline. */

/* container */
.wrap{max-width:1120px;margin:0 auto;padding:0 1.4rem}
.narrow{max-width:820px;margin:0 auto;padding:0 1.4rem}
.mono{font-family:var(--mono)}

/* nav */
.top{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;padding-top:.9rem;padding-bottom:.9rem}
.brand{font-family:var(--mono);font-weight:600;font-size:.98rem;letter-spacing:.02em;display:flex;align-items:center;gap:.45rem;white-space:nowrap}
.brand .port{color:var(--muted);font-weight:500}
.links{display:flex;gap:1.3rem;margin-left:auto;flex-wrap:wrap}
.links a{font-size:.82rem;color:var(--muted);text-decoration:none}
.links a:hover{color:var(--ink)}
.links a.active{color:var(--ink);font-weight:600}
.links a.kitchen{margin-left:.45rem;border:1px solid var(--line-strong);border-radius:99px;padding:.24rem .7rem;color:var(--ink-soft);white-space:nowrap}
.links a.kitchen:hover{border-color:var(--ink);color:var(--ink)}
@media (max-width:600px){
  .links{width:100%;margin-left:0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
  .links::-webkit-scrollbar{display:none}
  .links a{flex:0 0 auto;white-space:nowrap}
  .brand{font-size:.9rem}
}

/* footer */
.site-footer{border-top:1px solid var(--line);margin-top:3.5rem;padding:2.6rem 0 2.4rem;color:var(--muted);font-size:.82rem}
.sf-main{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap}
.sf-name{font-family:var(--mono);font-weight:600;font-size:.95rem;letter-spacing:.02em;color:var(--ink)}
.sf-port{color:var(--muted);font-weight:500}
.sf-brand p{color:var(--muted);font-size:.78rem;max-width:38ch;margin-top:.45rem;line-height:1.6}
.sf-nav{display:flex;gap:1.2rem;flex-wrap:wrap;padding-top:.3rem}
.sf-nav a{color:var(--muted);text-decoration:none;font-size:.8rem}
.sf-nav a:hover{color:var(--ink)}
.sf-legal{margin-top:1.8rem;padding-top:1.1rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.76rem}
.sf-status{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}