/* General page styles */
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background: #0b0c10 url('https://www.transparenttextures.com/patterns/stardust.png') repeat;
  color: #fff;
  line-height: 1.6;
}

/* Container (white card style) */
.container {
  max-width: 800px;
  margin: 40px auto;
  background: #fff;
  color: #333;
  padding: 20px 30px;
  border-radius: 12px;
  box-shadow: 0 0 25px rgba(0,0,0,0.5);
}

/* Hero section (keep it dark for contrast) */
#hero {
  background: #182848;
  color: #fff;
  padding: 60px 20px;
  text-align: center;
}

#hero h1 {
  margin: 0;
  font-size: 2.5rem;
}

#hero .teaser {
  font-size: 1.2rem;
  margin-top: 10px;
  color: #d0d8ff;
}

/* Calculator styling */
.calculator {
  text-align: center;
  margin: 20px 0;
}

input[type="date"] {
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  width: auto; /* fix stretching */
}

button {
  padding: 10px 20px;
  margin-left: 10px;
  background: #4b6cb7;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s;
}

button:hover {
  background: #182848;
}

/* Results / Interpretations box */
.results {
  background: #f9f9f9;
  border-left: 5px solid #4b6cb7;
  padding: 20px;
  border-radius: 8px;
  margin-top: 20px;
  color: #333;
}

.results h2, .results h3 {
  color: #4b6cb7;
}

/* Table styling */
.returns-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
}

.returns-table th,
.returns-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

.returns-table th {
  background: #4b6cb7;
  color: #fff;
}

/* CTA section */
#cta {
  text-align: center;
}

#cta button {
  margin-top: 15px;
  font-size: 1rem;
  background: #182848;
}

#cta button:hover {
  background: #4b6cb7;
}

/* Footer */
footer {
  text-align: center;
  padding: 20px;
  font-size: 0.9rem;
  background: #0b0c10;
  color: #aaa;
}
/* Sign banner */
#signBanner {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  text-align: center;
  color: #222;
}

/* Alternate row colors */
.returns-table tr:nth-child(even) {
  background: #f5f5f5;
}

/* Section spacing */
section {
  margin-bottom: 2rem;
}

html {
  scroll-behavior: smooth;
}

/* Card layout for Returns */
.returns-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}

.return-card {
  background: #fff;
  border-radius: 12px;
  padding: 1.2rem;
  color: #333; /* dark gray for readability */
  text-align: center;
  box-shadow: 0 4px 12px rgba(79, 195, 247, 0.6); /* aqua glow always ON */
}

.return-card h4 {
  color: #4B6CB7; /* deep blue for headings */
  margin-bottom: 0.5rem;
}




.return-card p {
  margin: 0.3rem 0;
  font-size: 1rem;
  opacity: 0.9;
}
.returns-explainer {
  font-size: 1rem;
  margin-bottom: 1rem;
  color: #444;
  text-align: center;
}

.returns-explainer a.returns-link {
  color: #4b6cb7;
  font-weight: bold;
  text-decoration: none;
  margin-left: 6px;
}

.returns-explainer a.returns-link:hover {
  text-decoration: underline;
  color: #182848;
}
#blog-banner .banner-img {
  width: 100%;
  height: 400px;
  object-fit: cover; /* crops nicely without stretching */
  display: block;
}
#blog-content h1 {
  color: #4b6cb7;
  margin-bottom: 1rem;
}
#blog-content blockquote {
  font-style: italic;
  padding: 1rem;
  border-left: 4px solid #4b6cb7;
  background: #f9f9f9;
  margin: 1.5rem 0;
}