/* Blog sayfaları — ana site ile uyumlu üst/alt bilgi; output.css ile birlikte yüklenir */
.ico {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: currentColor;
}
html {
  scroll-behavior: smooth;
}
:root {
  --marul: #2d5a27;
  --marul-2: #3e7d36;
  --ink: #0b0f0c;
}
.stickybar {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.75);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.badge {
  background: rgba(45, 90, 39, 0.1);
  border: 1px solid rgba(45, 90, 39, 0.16);
  color: var(--marul);
}
.grain:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
  opacity: 0.55;
  pointer-events: none;
}
:focus-visible {
  outline: 3px solid rgba(45, 90, 39, 0.35);
  outline-offset: 3px;
}

/* Yazı gövdesi (blog yazı sayfaları) */
.prose-blog p {
  margin-top: 1rem;
  line-height: 1.75;
  color: #3f3f46;
}
.prose-blog p:first-of-type {
  margin-top: 0;
}
.prose-blog h2 {
  margin-top: 2rem;
  font-size: 1.35rem;
  font-weight: 800;
  color: #18181b;
  line-height: 1.3;
}
.prose-blog h2:first-of-type {
  margin-top: 1.5rem;
}
.prose-blog h3 {
  margin-top: 1.25rem;
  font-size: 1.05rem;
  font-weight: 700;
  color: #27272a;
}
.prose-blog ul {
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
  padding-left: 1.25rem;
  list-style: disc;
  color: #3f3f46;
}
.prose-blog li {
  margin-top: 0.5rem;
  line-height: 1.65;
}

.card {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.1);
  border-color: rgba(45, 90, 39, 0.25);
}
