/* RESET */

* {

  box-sizing: border-box;

}



body {

  margin: 0;

  font-family: Georgia, "Times New Roman", serif;

  background: #f7f4ef;

  color: #222;

}

.temple-grid {
    overflow: visible;
}

.temple-card {
    min-height: 320px;
}


/* HEADER */

.site-header {

  background: #2f2f2f;

  color: #fff;

}

.temple-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
    align-items: stretch;
}


.header-inner {

  max-width: 1100px;

  margin: auto;

  padding: 20px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.site-title {

  font-size: 24px;

  font-weight: bold;

  letter-spacing: 1px;

}



.main-nav a {

  color: #fff;

  text-decoration: none;

  margin-left: 20px;

  font-size: 15px;

}



.main-nav a:hover {

  text-decoration: underline;

}
.temple-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    background: #f0f0f0;
}



/* CONTENT */

.site-content {

  max-width: 900px;

  margin: 60px auto;

  padding: 0 20px;

}



h1 {

  font-size: 42px;

  color: #1e2d44;

  text-align: center;

}



/* FOOTER */

.site-footer {

  max-width: 900px;

  margin: 60px auto 30px;

  padding: 0 20px;

  font-size: 14px;

  color: #555;

}