/* ============================================================
   GTM Blog — "RAG Nedir?" yazısı
   Okunabilirlik öncelikli: geniş satır aralığı, net hiyerarşi
   ============================================================ */
.gtm-rag {
  --n:#003A70; --nd:#00264A; --r:#D22630; --ac:#0E7C9B; --ac2:#3FB8D6; --nv:#76B900;
  --ink:#232830; --mu:#5A6472; --line:#DCE1E8; --soft:#F5F7FA;
  font-family:inherit; color:var(--ink); font-size:17px; line-height:1.75;
  max-width:820px; margin:0 auto;
}

/* ---------- TAM GENİŞLİK ----------
   Tema kapsayıcısı sayfalarda 1240px, blog yazılarında 750px ile sınırlıyor.
   Bu kural bölümü kapsayıcıdan taşırır; iç sarmalayıcılar okunabilir genişliği korur. */
.gtm-rag {
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding:0 28px;
}
/* Metin sütunu okunabilir genişlikte ortalanır; geniş bloklar daha ferah */
.gtm-rag > * { max-width:900px; margin-left:auto; margin-right:auto; }
.gtm-rag > .r-tblwrap, .gtm-rag > .r-phases, .gtm-rag > .r-uses, .gtm-rag > .r-steps { max-width:1100px; }
.gtm-rag > .r-cta { max-width:1100px; }
/* Tema başlığı ve içerik dolgusu bu sayfalarda gereksiz boşluk yaratıyor */
body.gtm-landing .entry-header,
body.gtm-landing .ast-single-post-order,
body.gtm-landing .post-thumb-img-content { display:none !important; }
body.gtm-landing .ast-article-single,
body.gtm-landing .ast-article-post { padding:0 !important; border:none !important; }
body.gtm-landing .site-content > .ast-container { max-width:100% !important; padding:0 !important; }
body.gtm-landing #primary,
body.gtm-landing .content-area { padding:0 !important; margin:0 !important; }
body.gtm-landing .entry-content { margin-top:0 !important; }

.gtm-rag *, .gtm-rag *::before, .gtm-rag *::after { box-sizing:border-box; }
.gtm-rag img { max-width:100%; display:block; }
.gtm-rag a { color:var(--ac); font-weight:600; text-decoration:none !important; border-bottom:1px solid rgba(14,124,155,.35); }
.gtm-rag a:hover { color:var(--r); border-bottom-color:rgba(210,38,48,.4); }

/* Giriş */
.gtm-rag .r-intro { font-size:20px; line-height:1.65; color:var(--ink); font-weight:300; padding:0 0 26px; border-bottom:2px solid var(--line); margin-bottom:34px; }
.gtm-rag .r-meta { display:flex; gap:18px; flex-wrap:wrap; font-size:13.5px; color:var(--mu); margin-bottom:26px; }
.gtm-rag .r-meta span { display:inline-flex; align-items:center; gap:7px; }
.gtm-rag .r-meta span::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--ac2); }

/* Başlıklar */
.gtm-rag h1.r-title { font-size:clamp(30px,4vw,44px); font-weight:600; color:var(--n); letter-spacing:-1.1px; line-height:1.15; margin:0 0 20px; }
.gtm-rag h2 { font-size:clamp(24px,3vw,32px); font-weight:600; color:var(--n); letter-spacing:-.7px; line-height:1.22; margin:52px 0 16px; padding-top:8px; }
.gtm-rag h3 { font-size:clamp(19px,2.2vw,23px); font-weight:600; color:var(--n); letter-spacing:-.4px; margin:34px 0 12px; }
.gtm-rag p { margin:0 0 20px; }
.gtm-rag strong { font-weight:600; color:var(--n); }

/* İçindekiler */
.gtm-rag .r-toc { background:var(--soft); border-left:3px solid var(--ac); padding:24px 28px; margin:0 0 40px; }
.gtm-rag .r-toc b { display:block; font-size:13px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:var(--n); margin-bottom:14px; }
.gtm-rag .r-toc ol { margin:0; padding-left:20px; font-size:15.5px; }
.gtm-rag .r-toc li { margin-bottom:8px; }
.gtm-rag .r-toc a { border-bottom:none; font-weight:500; }

/* Listeler */
.gtm-rag ul, .gtm-rag ol { margin:0 0 22px; padding-left:22px; }
.gtm-rag li { margin-bottom:10px; }
.gtm-rag ul.r-clean { list-style:none; padding-left:0; }
.gtm-rag ul.r-clean li { padding-left:26px; position:relative; }
.gtm-rag ul.r-clean li::before { content:''; position:absolute; left:0; top:13px; width:13px; height:2px; background:var(--ac); }

/* Adım kutuları */
.gtm-rag .r-steps { display:grid; gap:14px; margin:0 0 30px; }
.gtm-rag .r-step { display:flex; gap:18px; background:#fff; border:1px solid var(--line); border-left:3px solid var(--ac); padding:20px 24px; }
.gtm-rag .r-step .no { flex:0 0 32px; height:32px; border-radius:50%; background:var(--n); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; }
.gtm-rag .r-step b { display:block; color:var(--n); font-size:16.5px; margin-bottom:4px; }
.gtm-rag .r-step p { margin:0; font-size:15px; color:var(--mu); line-height:1.6; }

/* Vurgu kutusu */
.gtm-rag .r-note { background:var(--soft); border-left:3px solid var(--nv); padding:22px 26px; margin:0 0 30px; font-size:15.5px; line-height:1.7; }
.gtm-rag .r-note b { display:block; color:var(--n); margin-bottom:6px; font-size:15px; letter-spacing:.2px; }
.gtm-rag .r-warn { border-left-color:var(--r); }

/* Tablo */
.gtm-rag .r-tblwrap { overflow-x:auto; margin:0 0 30px; }
.gtm-rag table { width:100%; border-collapse:collapse; font-size:15px; background:#fff; min-width:560px; }
.gtm-rag table th { background:var(--nd); color:#fff; padding:14px 16px; text-align:left; font-weight:600; font-size:14.5px; }
.gtm-rag table th:first-child { background:var(--n); }
.gtm-rag table td { padding:13px 16px; border-bottom:1px solid var(--line); vertical-align:top; font-weight:300; }
.gtm-rag table td:first-child { font-weight:600; color:var(--n); background:#FAFBFD; }
.gtm-rag table tr:last-child td { border-bottom:none; }

/* Aşama kartları */
.gtm-rag .r-phases { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:0 0 30px; }
@media(max-width:720px){ .gtm-rag .r-phases { grid-template-columns:1fr; } }
.gtm-rag .r-phase { background:#fff; border:1px solid var(--line); border-top:3px solid var(--ac); padding:22px 20px; }
.gtm-rag .r-phase:nth-child(2){ border-top-color:var(--nv); }
.gtm-rag .r-phase:nth-child(3){ border-top-color:var(--r); }
.gtm-rag .r-phase b { display:block; color:var(--n); font-size:17px; margin-bottom:8px; }
.gtm-rag .r-phase p { margin:0; font-size:14.5px; color:var(--mu); line-height:1.6; }

/* Kullanım alanları */
.gtm-rag .r-uses { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin:0 0 30px; }
@media(max-width:620px){ .gtm-rag .r-uses { grid-template-columns:1fr; } }
.gtm-rag .r-use { background:var(--soft); padding:20px 22px; }
.gtm-rag .r-use b { display:block; color:var(--n); font-size:16px; margin-bottom:6px; }
.gtm-rag .r-use span { font-size:14.5px; color:var(--mu); line-height:1.6; }

/* SSS */
.gtm-rag .r-faq { margin:0 0 34px; }
.gtm-rag .r-faq details { border-bottom:1px solid var(--line); }
.gtm-rag .r-faq details:first-child { border-top:1px solid var(--line); }
.gtm-rag .r-faq summary { padding:20px 44px 20px 0; font-weight:600; color:var(--n); cursor:pointer; font-size:17px; list-style:none; position:relative; }
.gtm-rag .r-faq summary::-webkit-details-marker { display:none; }
.gtm-rag .r-faq summary::after { content:''; position:absolute; right:6px; top:50%; width:12px; height:12px; border-right:2px solid var(--ac); border-bottom:2px solid var(--ac); transform:translateY(-70%) rotate(45deg); transition:transform .2s; }
.gtm-rag .r-faq details[open] summary::after { transform:translateY(-30%) rotate(225deg); }
.gtm-rag .r-faq .a { padding:0 20px 22px 0; font-size:15.5px; color:var(--mu); font-weight:300; line-height:1.75; }

/* CTA */
.gtm-rag .r-cta { background:linear-gradient(120deg,#05131A,#0B3040 50%,#00264A); color:#fff; padding:40px 36px; margin:44px 0 0; }
.gtm-rag .r-cta b { display:block; font-size:24px; font-weight:600; color:#fff; margin-bottom:10px; letter-spacing:-.5px; }
.gtm-rag .r-cta p { color:#B9C9D6; font-size:16px; font-weight:300; margin:0 0 22px; }
.gtm-rag .r-cta .btns { display:flex; gap:12px; flex-wrap:wrap; }
.gtm-rag .r-cta a { display:inline-flex; align-items:center; gap:9px; padding:14px 28px; border-radius:9999px; font-weight:600; font-size:15px; border-bottom:none; transition:all .18s; }
.gtm-rag .r-cta a.b1 { background:var(--ac2); color:#04222C; }
.gtm-rag .r-cta a.b1:hover { background:#fff; color:var(--nd); }
.gtm-rag .r-cta a.b2 { background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.45); }
.gtm-rag .r-cta a.b2:hover { border-color:#fff; background:rgba(255,255,255,.12); }