html { scroll-behavior: smooth; }
body { margin: 0; background: #F5F1E9; -webkit-font-smoothing: antialiased; }
a { color: #9A6A4B; text-decoration: none; }
a:hover { color: #7E5238; }
img { max-width: 100%; }

/* FAQ accordion (native <details>/<summary>, no JS needed) */
.faq-item summary { list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
  content: "+";
  font-size: 22px;
  color: #9A6A4B;
  margin-left: 24px;
  flex-shrink: 0;
}
.faq-item[open] summary::after { content: "−"; }

@media (max-width: 900px) {
  section > div[style*="grid-template-columns: 1.1fr"],
  section > div[style*="grid-template-columns: 1.15fr"],
  section > div[style*="grid-template-columns: 0.85fr"] {
    grid-template-columns: 1fr !important;
  }
  div[style*="grid-template-columns: repeat(3"] {
    grid-template-columns: 1fr !important;
  }
  h1 { font-size: 40px !important; }
}

@media print {
  header { position: static !important; }
}