/* One navigation bar for every page: sticky, navy and gold, large tap targets. */
html{scroll-behavior:smooth}
.cnav{position:sticky;top:0;z-index:50;background:#14243a;border-bottom:3px solid #c9a75f;box-shadow:0 2px 10px rgba(0,0,0,.18);font-family:"Source Sans 3",Arial,sans-serif}
.cnav-in{max-width:1120px;margin:0 auto;padding:6px 16px;display:flex;align-items:center;gap:8px}
.cnav-back,.cnav-tab,.cnav-out{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:8px;font:600 1rem/1 "Source Sans 3",Arial,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}
.cnav-back{flex:none;background:transparent;border:1px solid rgba(201,167,95,.7);color:#ecd49a}
.cnav-tabs{order:1;flex:1 1 auto;min-width:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cnav-tabs::-webkit-scrollbar{display:none}
.cnav-tab{color:#f6f2e8;border:0}
.cnav-tab[aria-current="page"]{color:#ecd49a;background:rgba(201,167,95,.14);box-shadow:inset 0 -3px 0 #c9a75f}
.cnav-back:hover,.cnav-tab:hover{background:rgba(201,167,95,.22);color:#fff}
.cnav .mbadge{order:2;margin-left:0;flex:none}
.cnav-out{order:3;flex:none;background:#c9a75f;color:#14243a;border:0}
.cnav-out:hover{background:#ecd49a}
.cnav-out[hidden]{display:none}
.cnav a:focus-visible,.cnav button:focus-visible{outline:3px solid #ecd49a;outline-offset:2px}
@media (max-width:700px){
  .cnav-in{flex-wrap:wrap;padding:6px 12px;gap:6px}
  .cnav-back{order:0}
  .cnav-out{order:1;margin-left:auto}
  .cnav .mbadge{display:none}
  .cnav-tabs{order:2;flex-basis:100%}
  .cnav-tab{flex:1 0 auto;padding:0 12px}
}
@media (prefers-reduced-motion:no-preference){
  .cnav ~ *,body > header,main{animation:cnav-fade .22s ease-out}
  @keyframes cnav-fade{from{opacity:.35}to{opacity:1}}
}