/* ============================================================
   PARALLEL FRONTIER — shared site chrome (masthead, nav, footer).
   Linked by every page. Values here apply site-wide; page-specific
   layout lives in each page's own <style> block.
   ============================================================ */

.site-header{max-width:var(--sheet-max);margin:0 auto;padding:44px 56px 0;}
.site-header.compact{padding:32px 56px 0;}

.site-logo{display:block;height:auto;}
.site-logo.hero{width:100%;max-width:480px;}
.site-logo.compact{height:34px;width:auto;}
.site-logo-link{display:inline-block;}

.site-nav{
  display:flex;gap:28px;margin-top:22px;padding-top:18px;
  border-top:1px solid var(--rule);
}
.site-nav a{
  font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ink-55);
  text-decoration:none;
}
.site-nav a:hover{color:var(--verm);}
.site-nav a.current{color:var(--verm);}

.site-footer{
  max-width:var(--sheet-max);margin:60px auto 0;padding:20px 56px 44px;
  border-top:1px solid var(--rule);
  font-family:var(--font-serif);font-style:italic;font-size:12.5px;
  line-height:1.6;color:var(--ink-55);
}
.site-footer a{color:var(--ink-55);}

body{background:var(--paper);color:var(--ink);margin:0;}

@media (max-width:820px){
  .site-header, .site-header.compact{padding-left:20px;padding-right:20px;}
  .site-footer{padding-left:20px;padding-right:20px;}
  .site-nav{gap:18px;flex-wrap:wrap;}
}