/* Shared navigation for static pages and the journal's server-rendered shell. */
html{scroll-padding-top:118px}
body.sg-nav-offset{padding-top:96px}
nav.sg-nav{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px;padding:18px clamp(24px,4vw,72px);margin:0;border-bottom:1px solid #D9CEBA;background:rgba(243,239,231,.98);box-shadow:0 4px 24px rgba(46,56,43,.06);backdrop-filter:blur(14px);font-family:'Inter',sans-serif;line-height:1.5;box-sizing:border-box}
.sg-nav .sg-brand{display:block;flex-shrink:0;width:310px;text-decoration:none}
.sg-nav .sg-brand img{display:block;width:100%;height:60px;object-fit:cover}
.sg-nav .sg-nav-links{display:flex;align-items:center;gap:clamp(2px,.45vw,8px)}
.sg-nav .sg-nav-links a{position:relative;display:block;padding:11px 9px;border-radius:5px;color:#3E4B3A;font-size:.875rem;font-weight:500;letter-spacing:0;text-decoration:none;white-space:nowrap;transition:background .18s ease,color .18s ease}
.sg-nav .sg-nav-links a:hover{background:#EAE3D5;color:#2E382B}
.sg-nav .sg-nav-links a[aria-current="page"]{background:#EAE3D5;color:#7C4B2C}
.sg-nav .sg-nav-links a[aria-current="page"]::after{content:'';position:absolute;left:10px;right:10px;bottom:5px;height:2px;border-radius:2px;background:#B5764D}
.sg-nav .sg-nav-links a[href="/#connect"]{margin-left:7px;padding:11px 17px;border:1px solid #3E4B3A;border-radius:30px;background:#3E4B3A;color:#F3EFE7}
.sg-nav .sg-nav-links a[href="/#connect"]:hover{background:#2E382B}
.sg-nav .sg-menu-btn{display:none;align-items:center;justify-content:center;min-height:44px;min-width:44px;border:1px solid #B9BBA8;border-radius:24px;background:transparent;color:#3E4B3A;cursor:pointer;font:inherit;font-size:1.3rem;line-height:1;padding:10px 15px;letter-spacing:normal;text-transform:none}
.sg-nav .sg-menu-btn::before{content:'Menu';margin-right:10px;font-size:.85rem;font-weight:500}
.sg-nav .sg-menu-btn[aria-expanded="true"]::before{content:'Close'}
.sg-nav a:focus-visible,.sg-nav button:focus-visible{outline:3px solid #B5764D;outline-offset:4px}
@media(max-width:1279px){
  nav.sg-nav{padding:16px 6%;min-height:90px}
  body.sg-nav-offset{padding-top:90px}
  .sg-nav .sg-menu-btn{display:flex;position:relative;z-index:102}
  .sg-nav .sg-nav-links{position:fixed;inset:0 0 0 auto;width:min(88%,390px);height:100dvh;box-sizing:border-box;background:#F3EFE7;border-left:1px solid #D9CEBA;box-shadow:-12px 0 38px rgba(46,56,43,.12);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:112px 28px 32px;overflow-y:auto;transform:translateX(105%);visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s}
  .sg-nav .sg-nav-links::before{content:'Make yourself at home.';padding:0 12px 18px;color:#786B57;font-family:'Fraunces',serif;font-size:1.25rem}
  .sg-nav .sg-nav-links.open{transform:none;visibility:visible;transition:transform .28s ease,visibility 0s}
  .sg-nav .sg-nav-links a{font-size:1.05rem;padding:12px;border-bottom:1px solid #E4DBCB;border-radius:4px;white-space:normal}
  .sg-nav .sg-nav-links a[href="/#connect"]{align-self:flex-start;margin:16px 0 0;padding:12px 24px}
  /* Keep links available when scripting is disabled. */
  .sg-nav:has(.sg-menu-btn[hidden]){position:relative;flex-wrap:wrap}
  .sg-nav:has(.sg-menu-btn[hidden]) .sg-nav-links{position:static;transform:none;visibility:visible;width:100%;height:auto;padding:10px 0;border:0;box-shadow:none;flex-direction:row;flex-wrap:wrap;gap:8px 16px}
  .sg-nav:has(.sg-menu-btn[hidden]) .sg-nav-links::before{display:none}
  .sg-nav .sg-menu-btn[hidden]{display:none}
}
@media(max-width:680px){nav.sg-nav{gap:12px}.sg-nav .sg-brand{width:220px}.sg-nav .sg-brand img{height:52px}}
@media(max-width:380px){.sg-nav .sg-menu-btn{padding:10px 12px}.sg-nav .sg-menu-btn::before{display:none}}
@media(prefers-reduced-motion:reduce){.sg-nav .sg-nav-links,.sg-nav .sg-nav-links a{transition:none}}