:root{--gold:#D4AF37;--blue:#0E2A47;--text:#FFFFFF;--muted:#6b7280;--bg:#FFD700;}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--blue);text-decoration:none} a:hover{text-decoration:underline}

/* Header */
.main-header{background:var(--blue);padding:12px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-bottom:4px solid var(--gold)}
.main-header .logo-link img{max-width:600px;height:auto;display:block;margin:0 auto 12px}
.topnav{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.topnav a{color:#fff;font-weight:600;padding:10px 14px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.topnav a:hover{background:rgba(255,255,255,.2)}

/* Layout */
.page{background:var(--bg);color:var(--text)}
.container{max-width:1100px;margin:18px auto;padding:24px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);background:#0E2A47;}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}

.card h3{margin:0 0 6px}
.card:hover{box-shadow:0 10px 24px rgba(0,0,0,.07)}

.grid.two{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.form .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.form label{display:block;font-weight:600;margin-bottom:6px}
.form input,.form textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:10px;background:#fff}
.btn{display:inline-block;background:var(--gold);color:#000 !important;padding:10px 16px;border-radius:10px;font-weight:700;border:2px solid #caa52f}
.notice.ok{background:#e7f6ec;border:1px solid #b8e6c5;color:#155b2a;padding:10px 12px;border-radius:10px}
.notice.err{background:#fde8e8;border:1px solid #f5b5b5;color:#8a1c1c;padding:10px 12px;border-radius:10px}

.site-footer .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.site-footer .copy{border-top:1px solid rgba(0,0,0,.12);margin-top:12px;padding-top:8px;text-align:center;color:#6b7280}

@media (max-width:980px){
  .cards{grid-template-columns:1fr}
  .form .grid,.grid.two{grid-template-columns:1fr}
  .main-header .logo-link img{max-width:90%}
}


/* --- Fix: remove white strip under header and top spacing --- */
html, body { background:#FFD700; }
.main-header { margin-bottom: 0; }
.page { background:#FFD700; }
.page .content.container { margin-top: 0; }
/* Remove any default top margins for first headings */
.page .content.container h2:first-child { margin-top: 0; }


/* Gallery styles */
.gallery .imgs.two { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.gallery img, .imgs.two img { width:100%; height:auto; max-height:520px; object-fit:contain; object-position:top center; background:#0E2A47; padding:6px; border-radius:12px; box-shadow:0 8px 20px rgba(0,0,0,.12);}
@media (max-width:900px){
  .gallery .imgs.two { grid-template-columns:1fr; }
  .gallery img, .imgs.two img { width:100%; height:auto; max-height:520px; object-fit:contain; object-position:top center; background:#0E2A47; padding:6px; border-radius:12px; box-shadow:0 8px 20px rgba(0,0,0,.12);}
}

/* ensure gallery grid spacing for full images */
.gallery .imgs.two { align-items:flex-start; }


/* Footer link color fix */
.site-footer a {
  color: #ffffff;
  text-decoration: underline;
}


.container a {
  color: #ffffff;
  text-decoration: underline;
}



/* Card text color fix */
.card {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 8px 20px rgba(0,0,0,.04);
  color: #0E2A47;
}
.card h3, .card p, .card a {
  color: #0E2A47;
}