/* sidev3 2025-11-06 — GCD base layout + centering */
:root{ --accent:#1f6feb; }
*{ box-sizing:border-box; }
.wrap{ max-width:1100px; margin:0 auto; padding:0 16px; }

/* Center header & footer */
header, footer{ text-align:center; }
header .logo img{ max-height:64px; display:block; margin:12px auto; }
/* inline nav links spacing */
header nav a{ margin:0 10px; text-decoration:none; }

/* Hero section + CTA */
.hero{ text-align:center; }
.btn{ display:inline-block; padding:10px 14px; border-radius:999px; background:var(--accent); color:#fff; font-weight:600; }
.btn:hover{ opacity:.9; text-decoration:none; }

/* sidev3 2025-11-06 — force centered header nav */
header .wrap.logo{ display:flex; flex-direction:column; align-items:center; }
header .wrap.logo nav{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
header .wrap.logo nav a{ margin:0; }  /* spacing now via gap */

/* sidev3 2025-11-06 — header row layout: logo + nav on one line, centered */
header .wrap.logo{
  display:flex;
  flex-direction:row;          /* <- row, not column */
  align-items:center;          /* vertical centering */
  justify-content:center;      /* horizontal centering */
  gap:24px;                    /* space between logo and nav */
  flex-wrap:wrap;              /* wrap on narrow screens */
}
header .wrap.logo img{
  margin:0;                    /* remove auto-centering margins from column layout */
  max-height:56px;
}
header .wrap.logo nav{
  display:flex;
  gap:16px;                    /* spacing between links handled by gap */
  flex-wrap:wrap;
  justify-content:center;
}
header .wrap.logo nav a{ margin:0; }