/* site.css — global layout & alignment overrides */
:root{
  --page-max-width:1100px;
  --content-gutter:1rem;
  --muted:#374151;
  --heading:#0f172a;
  --card-bg:#ffffff;
}

body{
  font-family: Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
  color:var(--muted);
  background:#f8fafc;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.container{max-width:var(--page-max-width); margin-left:auto; margin-right:auto; padding-left:var(--content-gutter); padding-right:var(--content-gutter);} 

/* Sections */
section{padding-top:1.5rem; padding-bottom:1.5rem}

/* Headings */
h1,h2,h3{color:var(--heading); line-height:1.2}

/* Floating cards for updates */
.updates-card {
  background: var(--card-bg);
  border-radius: 1rem;
  box-shadow: 0 10px 15px -3px rgba(15,23,42,0.1), 0 4px 6px -4px rgba(15,23,42,0.1);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.3s ease;
}

.updates-card:hover {
  box-shadow: 0 25px 50px -12px rgba(15,23,42,0.25);
}

.updates-card img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0.75rem;
  max-height: 220px;
  margin-bottom: 1.5rem;
}

/* Card normalization */
.bg-white{background:var(--card-bg)}
.rounded-lg{border-radius:0.5rem}
.shadow-md{box-shadow:0 8px 24px rgba(15,23,42,0.06)}

/* Navigation alignment */
nav .container{display:flex; align-items:center; justify-content:space-between}

/* Footer */
footer .container{display:flex; flex-direction:column; align-items:center; text-align:center}

/* Make images responsive */
img{max-width:100%; height:auto; display:block}

/* Utilities */
.centered{margin-left:auto; margin-right:auto}

/* Small screens tweaks */
@media (max-width:640px){
  .container{padding-left:0.75rem; padding-right:0.75rem}
}