/* --- Temel Ayarlar ve Resetleme --- */
body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; margin: 0; background-color: #f8f9fa; color: #333;}
.container {max-width: 1200px; margin: 0 auto; padding: 0 20px;}
/* --- Navbar (Menü) --- */
.navbar {background-color: #fff; padding: 15px 0; border-bottom: 1px solid #e9ecef; display: flex; justify-content: space-between; align-items: center;}
.navbar .container {display: flex; justify-content: space-between; align-items: center;}
.logo {font-weight: bold; font-size: 1.5em; text-decoration: none; color: #333;}
.navbar nav ul {list-style: none; margin: 0; padding: 0; display: flex;}
.navbar nav li {margin-left: 20px;}
.navbar nav a {text-decoration: none; color: #555; font-weight: 500;}
/* --- Hero (Ana Başlık Alanı) --- */
.hero {text-align: center; padding: 80px 20px; background-color: #fff; margin-top: 20px; border-radius: 8px;}
.hero h1 {font-size: 3em; margin-bottom: 10px;}
.hero p {font-size: 1.2em; color: #6c757d;}
.btn {display: inline-block; margin-top: 20px; padding: 12px 25px; background-color: #000; color: #fff; text-decoration: none; border-radius: 50px; font-weight: bold;}
/* --- Post Grid (Yazı Kartları Alanı) --- */
.post-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; padding: 40px 0;}
.post-card {background-color: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: transform 0.2s;}
.post-card:hover {transform: translateY(-5px);}
.card-img {width: 100%; height: 200px; object-fit: cover;}
.card-content {padding: 20px;}
.card-content h3 {margin-top: 0;}
.card-excerpt {font-size: 0.95em; color: #555; line-height: 1.6;}
.read-more {display: inline-block; margin-top: 15px; color: #007bff; text-decoration: none; font-weight: bold;}
/* --- Footer (Alt Bilgi) --- */
.footer {text-align: center; padding: 20px; margin-top: 40px; border-top: 1px solid #e9ecef; color: #6c757d;}