:root{
  --bg:#0b0f14;
  --text:#cfd6df;
  --muted:#a9b4c6;
}


.site-header{
  text-align:center;
  padding:10px 0;
}

.site-header img{
  width:90%;
  max-width:1100px;
  height:auto;
  display:block;
  margin:auto;
}

.site-header{
  text-align:center;
   padding:6px 0 12px 0;
  border-bottom:1px solid rgba(255,255,255,0.08);
  margin-bottom:20px;
}

*{ box-sizing:border-box; }

body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(1100px 700px at 20% -10%, rgba(246,196,69,.25), transparent 60%),
    radial-gradient(900px 600px at 90% 0%, rgba(85,214,255,.16), transparent 55%),
    radial-gradient(1200px 800px at 50% 120%, rgba(246,196,69,.10), transparent 60%),
    var(--bg);
  min-height:100vh;
}

.wrap{
  max-width:1100px;
  margin:0 auto;
  padding:28px 18px 60px;
}

/* DO  set a global link color (this is what broke your Honda/Yamaha colours) */
a{
  color:#55d6ff;
  text-decoration:none;
}

a:hover{
  color:#7fe6ff;
}

h1{ margin-top:10px; }
h2{ margin-top:30px; }

/* home page list spacing */
.grid a{
  display:block;
  margin:14px 0 22px;
}

.grid h3{
  margin:0 0 6px;
  font-size:20px;
}

.grid p{
  margin:0;
  color:var(--muted);
}

/* brand colours */
.honda{ color:#e10600; }
.yamaha{ color:#ffffff; }

/* Forum button (top-right, no overlap) */
.forum-cta{
  float:right;
  margin:6px 0 14px 20px;   /* top right bottom left */
}

.forum-cta a{
  display:inline-flex;
  align-items:center;
  gap:10px;

  background:#ffffff;
  color:#0084FF;   /* Messenger blue */

  padding:12px 20px;
  border-radius:30px;

  font-weight:700;
  text-decoration:none;

  box-shadow:0 4px 12px rgba(0,0,0,0.45);
}
/* add this directly below */
.forum-cta a:hover{
  background:#f3f7ff;
  color:#006ee6;
}

@media (max-width:700px){

.site-header img{
    width:95%;
    max-height:120px;
    object-fit:contain;
}