/* ============================================================
   Natural Places Section Styles – ExploringArizona.org
   File: _CSS-natural.css
   Purpose: Styles for the Natural Places homepage & subcategories
   ============================================================ */

/* ---- Section Headings ---- */
.feature-links h2,
.didyouknow h2 {
  font-family: 'Cinzel Decorative', serif;
  color: #5b3a1a; /* desert brown */
  text-align: center;
  font-size: 1.8em;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

/* ---- Category 3-Column Layout ---- */
.feature-grid-3col ul {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  column-gap: 2em;
  list-style-type: none;
  padding: 0;
  margin: 1em auto;
  max-width: 900px;
}

.feature-grid-3col li {
  margin: 0.3em 0;
  break-inside: avoid;
}

.feature-grid-3col a {
  color: #6b3e1f; /* dark desert brown */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease, text-decoration 0.2s ease;
}

.feature-grid-3col a:hover {
  color: #a8622b; /* lighter copper accent */
  text-decoration: underline;
}

/* ---- Responsive Adjustments ---- */
@media (max-width: 768px) {
  .feature-grid-3col ul {
    columns: 2;
  }
}

@media (max-width: 480px) {
  .feature-grid-3col ul {
    columns: 1;
  }
}

/* ---- Did You Know Section ---- */
.didyouknow {
  background-color: #f9f3e7; /* light sandstone tone */
  border-top: 2px solid #d4b48f;
  border-bottom: 2px solid #d4b48f;
  margin: 2em auto;
  padding: 1.5em;
  max-width: 950px;
  border-radius: 12px;
  box-shadow: 0 0 8px rgba(0,0,0,0.08);
}

.didyouknow h2 {
  margin-top: 0;
  color: #7a4a23;
}

.didyouknow p {
  font-family: 'Merriweather', serif;
  color: #4a3b2a;
  line-height: 1.6;
  margin-bottom: 0.6em;
}

.didyouknow ul {
  list-style-type: disc;
  padding-left: 1.5em;
  color: #4a3b2a;
}

.didyouknow li {
  margin-bottom: 0.4em;
}

/* ---- General Notes ---- */
.note {
  font-style: italic;
  text-align: center;
  color: #5b3a1a;
  margin-top: 0.5em;
}