.nature-blog {
  width: 100%;
  max-width: 720px;
  margin-inline: auto;
  container-type: inline-size;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.nature-blog,
.nature-blog * {
  box-sizing: border-box;
}

.nature-blog .nature-card {
  display: grid;
  grid-template-columns: 48% 52%;
  overflow: hidden;
  border-radius: 27px;
  background: #fcfdfc;
  box-shadow: 0 24px 40px rgba(21, 63, 48, 0.17);
}

.nature-blog .nature-photo {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 73cqw;
  object-fit: cover;
  object-position: center;
  border-radius: 27px;
}

.nature-blog .nature-body {
  position: relative;
  isolation: isolate;
  padding: 6cqw 4.8cqw;
}

/* Kategori etiketi */
.nature-blog .nature-category {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
  padding: 9px 13px;
  border-radius: 999px;
  background: #edf2ee;
  color: #214c36;
  font-size: 1.5cqw;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.3;
}

/* Koyu yeşil, serif başlık */
.nature-blog .nature-title {
  margin: 0;
  color: #102d26;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 5.6cqw;
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

/* Açıklama */
.nature-blog .nature-description {
  margin: 18px 0;
  color: #646d6b;
  font-size: 2.55cqw;
  line-height: 1.5;
}

/* Tarih ve okuma süresi */
.nature-blog .nature-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 20px;
  border-top: 1px solid #e1e8e4;
  color: #646d6b;
  font-size: 1.85cqw;
  line-height: 1.4;
}

.nature-blog .nature-meta > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

/* Yeşil devam butonu */
.nature-blog .nature-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  max-width: 100%;
  min-height: 44px;
  margin-top: 25px;
  padding: 15px 24px;
  border-radius: 18px;
  background: #1e4631;
  box-shadow: 0 14px 20px rgba(37, 73, 55, 0.19);
  color: #fff;
  font-size: 2.6cqw;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  transition: background 0.2s ease;
}

.nature-blog .nature-button:hover {
  background: #163724;
}

.nature-blog .nature-button:focus-visible {
  outline: 3px solid #517c61;
  outline-offset: 4px;
}

/* İkonlar */
.nature-blog svg {
  width: 1.15em;
  height: 1.15em;
  flex-shrink: 0;
  vertical-align: middle;
}

/* Sağ alttaki silik yaprak */
.nature-blog .nature-decoration {
  position: absolute;
  right: -10px;
  bottom: 0;
  z-index: -1;
  color: #e1e9e3;
  transform: rotate(-25deg);
  pointer-events: none;
}

.nature-blog .nature-decoration svg {
  width: 18cqw;
  height: 23cqw;
}

/* Kartın bulunduğu alan daralınca dikey yerleşim */
@container (max-width: 400px) {
  .nature-blog .nature-card {
    grid-template-columns: 1fr;
  }

  .nature-blog .nature-photo {
    height: 75cqw;
    min-height: 0;
    border-radius: 27px 27px 0 0;
  }

  .nature-blog .nature-body {
    padding: 8cqw;
  }

  .nature-blog .nature-category {
    font-size: clamp(11px, 2.7cqw, 14px);
  }

  .nature-blog .nature-title {
    font-size: 8cqw;
  }

  .nature-blog .nature-description {
    font-size: clamp(14px, 4cqw, 20px);
  }

  .nature-blog .nature-meta {
    font-size: clamp(11px, 3cqw, 15px);
  }

  .nature-blog .nature-button {
    font-size: clamp(14px, 3.8cqw, 19px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nature-blog .nature-button {
    transition: none;
  }
}

.nature-blog{height:100%;min-width:0}.nature-blog .nature-card{height:100%}.nature-blog .nature-body{display:flex;flex-direction:column}.nature-blog .nature-title a{color:inherit;text-decoration:none}.nature-blog .nature-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nature-blog .nature-button{align-self:flex-start;margin-top:auto}.nature-blog .nature-actions{margin-top:auto;padding-top:16px;border-top:1px solid #e1e8e4}.nature-blog .nature-photo{height:100%;min-height:0;aspect-ratio:1/1;max-height:none}.nature-blog .nature-photo-link{display:block;min-width:0;overflow:hidden}.nature-blog .nature-title a:focus-visible{outline:3px solid #517c61;outline-offset:3px}@container(max-width:400px){.nature-blog .nature-photo{height:auto;aspect-ratio:1.54}}

.nature-blog .nature-card{min-height:420px;grid-template-columns:48% 52%}.nature-blog .nature-photo-link{height:100%}.nature-blog .nature-photo{aspect-ratio:auto;height:100%;min-height:420px;object-fit:cover;border-radius:27px}.nature-blog .nature-body{padding:6cqw 5cqw}.nature-blog .nature-description{-webkit-line-clamp:4;line-clamp:4;margin:18px 0 24px}.nature-blog .nature-button{margin-top:0;padding:13px 20px;gap:16px}.nature-blog .nature-decoration{right:-12px;bottom:-8px;opacity:.85}.nature-blog .nature-decoration svg{width:23cqw;height:30cqw}.nature-blog .nature-category{font-size:clamp(10px,2cqw,13px);margin-bottom:20px;align-self:flex-start}.nature-blog .nature-actions{padding-top:20px}.nature-blog .nature-title{line-height:1.14}@container(max-width:400px){.nature-blog .nature-card{grid-template-columns:1fr;min-height:0}.nature-blog .nature-photo-link{height:auto}.nature-blog .nature-photo{height:auto;min-height:0;aspect-ratio:1.54;border-radius:27px 27px 0 0}}