:root{
  --brown:#50382d;
  --brown2:#60483a;
  --text:#75675d;
  --cream:#fffdf9;
  --soft:#f7f2eb;
  --line:#eadfd4;
  --accent:#a66f4f;
}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--text);font-family:Arial,sans-serif}
.content-header{padding:70px 7% 45px;text-align:center;background:var(--soft)}
.section-label{letter-spacing:2px;text-transform:uppercase;font-size:12px;color:var(--accent);font-weight:700}
.content-header h1{font:43px Georgia,serif;color:var(--brown);margin:12px 0}
.content-header p{max-width:720px;margin:auto;line-height:1.7}
.content-wrap{max-width:1100px;margin:0 auto;padding:55px 7% 90px}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.content-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:.25s;display:block}
.content-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(80,56,45,.08)}
.content-card img{width:100%;height:190px;object-fit:cover;display:block}
.content-card-body{padding:22px}
.content-meta{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-weight:700}
.content-card h2{font:22px Georgia,serif;color:var(--brown);margin:9px 0}
.content-card p{font-size:14px;line-height:1.65;margin:0}
.article{max-width:820px;margin:auto}
.article .cover{width:100%;max-height:480px;object-fit:cover;border-radius:22px;margin-bottom:28px}
.article h1{font:44px Georgia,serif;color:var(--brown);line-height:1.15}
.article .lead{font-size:18px;line-height:1.8}
.article h2{font:27px Georgia,serif;color:var(--brown2);margin-top:38px}
.article p,.article li{line-height:1.85;font-size:16px}
.video-frame{position:relative;padding-top:56.25%;border-radius:18px;overflow:hidden;background:#eee;margin:25px 0}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.back-link{display:inline-block;margin-bottom:25px;color:var(--accent);text-decoration:none;font-weight:700}
@media(max-width:800px){.content-grid{grid-template-columns:1fr 1fr}.content-header h1{font-size:35px}}
@media(max-width:520px){.content-grid{grid-template-columns:1fr}.content-header h1{font-size:31px}.article h1{font-size:34px}.content-card img{height:210px}}

.article-note,
.article-disclaimer {
    margin: 28px 0;
    padding: 20px 22px;
    background: #f7f2eb;
    border: 1px solid #eadfd4;
    border-radius: 16px;
}

.article-note strong,
.article-disclaimer strong {
    color: #60483a;
}

.article-note p {
    margin: 8px 0 0;
}

.article-checklist {
    display: grid;
    gap: 10px;
    margin: 24px 0;
}

.article-checklist div {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 13px 15px;
    background: #f7f2eb;
    border-radius: 12px;
}

.article-checklist strong {
    color: #a66f4f;
    min-width: 22px;
}

.article-checklist span {
    color: #75675d;
}

/* =========================================================
   POODLETÜRKİYE STANDART İÇERİK GÖRSELLERİ
   Tüm içerik ana görselleri: 1200 × 675 px / 16:9
   ========================================================= */

.content-image,
.article-image,
.content-hero-image,
.content-card-image,
.latest-card-media img,
.nalan-gallery img {
    display: block;
    width: 100%;
    max-width: 1200px;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 18px;
}

/* İçerik sayfasındaki ana görsel */
.content-image,
.article-image,
.content-hero-image {
    margin: 24px auto;
}

/* Kart görselleri */
.content-card-image,
.latest-card-media img {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    border-radius: 0;
}

/* Referans / hikâye galerisi de aynı görsel oranını kullanır */
.nalan-gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.nalan-gallery img {
    width: 100%;
    max-width: none;
    margin: 0;
}

@media (max-width: 700px) {
    .nalan-gallery {
        grid-template-columns: 1fr;
    }
}

/* Yeni içeriklerde görselin yanlışlıkla kartı taşırmasını önler */
img {
    max-width: 100%;
}