/* Makale görünümü açıkken ana sayfa bölümleri gizlenir; topbar ve footer
   yerinde kalır (yeniden yüklenmez). */
html.article-mode body > section:not(#articleView),
html.article-mode body > hr.divider,
html.article-mode body > main{display:none !important}
html.article-mode #articleView{display:block !important;padding-top:var(--ct-topbar-h,86px)}

/* Footer, DOM'da makale konteynerinden ÖNCE duruyor. Gizlenen bölümler
   kalkınca footer yukarı çıkıyordu; body'yi flex kolona çevirip sıralamayı
   düzeltiyoruz: topbar üstte, makale ortada, footer en altta. */
html.article-mode body{display:flex;flex-direction:column;min-height:100vh}
html.article-mode body > header.topbar{order:0}
html.article-mode #articleView{order:1;flex:1 0 auto}
html.article-mode body > footer{order:2;display:block !important;margin-top:0}
/* konumlandırılmış katmanlar (modallar, arşiv, toast) sırayı bozmasın */
html.article-mode body > .overlay,
html.article-mode body > .archive,
html.article-mode body > #drawer,
html.article-mode body > #toast,
html.article-mode body > #cookieBar{order:3}

/* Article görünümü — ana sayfanın içinde açılır (js/article-view.js). */

/* Makale sayfasına özel yardımcı değişkenler. Site paleti (styles.css :root)
   olduğu gibi geçerlidir; buradakiler yalnızca eksik olanları tamamlar. */
:root{--navy:#171244;--navy-deep:#0e0b2e;--navy-mid:#2e2870;--gold:#e8cf96;--gold-deep:#b8974f;--gold-pale:#f3e4c0;--teal:#1e5566;--sky:#8fc1d0;--paper:#f5f1e8;--muted:#6a6782;--card:#edeaf2}



/* body stilini SİTE belirler (styles.css). Burada sadece makale alanına özel tipografi tanımlanır. */
.rd-body,.rd-side,.rd-comments,.rd-related{font-family:"Spectral",Georgia,serif;line-height:1.65;color:var(--ink)}
a{color:inherit}











@media(max-width:900px){}


/* hero band */
.rd-hero{position:relative;color:#fff;overflow:hidden;}
.rd-hero-in{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:56px 28px 64px}
.rd-crumb{font-family:"Montserrat";font-size:12px;letter-spacing:.06em;color:rgba(255,255,255,.6);margin-bottom:22px}
.rd-crumb a{text-decoration:none;color:rgba(255,255,255,.6)}
.rd-crumb a:hover{color:#fff}
.rd-hero h1,.rd-hero .rd-crumb,.rd-hero .rd-hero-meta{color:#fff}
.rd-hero h1{font-size:clamp(30px,4.4vw,52px);line-height:1.1;font-weight:700;margin:0;max-width:20ch;color:#fff!important}
.rd-hero{background:linear-gradient(135deg,var(--navy-deep) 0%,var(--navy) 52%,var(--navy-mid) 100%)}
.rd-wm{z-index:0;position:absolute;top:50%;right:5%;transform:translateY(-50%);height:78%;max-height:340px;width:auto;opacity:.08;pointer-events:none;--logo-main:#fff;--logo-mic:var(--gold)}
@media(max-width:900px){.rd-wm{display:none}}
.rd-hero .cat-chip{display:inline-flex;align-items:center;gap:8px;font-family:"Montserrat";font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:0 0 16px}
.rd-hero .cat-chip i{width:8px;height:8px;border-radius:50%;display:inline-block}
.rd-hero .rule{width:64px;height:3px;background:var(--gold);border-radius:2px;margin:22px 0 0}
.rd-hero-meta{font-family:"Montserrat";font-size:13px;color:rgba(255,255,255,.72);margin-top:16px}

/* layout */
.rd-wrap{max-width:1560px;margin:0 auto;padding:0 40px 48px;display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:56px;align-items:start}
.rd-side{position:sticky;top:86px}
.rd-body{padding-top:40px;min-width:0;max-width:860px;margin:0 auto;width:100%}
.rd-comments{position:sticky;top:86px;padding-top:40px}
/* geniş masaüstü: kolonlar kenarlara yaslanır, okuma ölçüsü ortada rahat kalır */
@media(max-width:1400px){.rd-wrap{grid-template-columns:250px minmax(0,1fr) 290px;gap:40px;padding:0 28px 40px}}
/* tablet: yorumlar yazının altına tam genişlik iner */
@media(max-width:1080px){.rd-wrap{grid-template-columns:230px minmax(0,1fr)}.rd-comments{grid-column:1/-1;position:static;border-top:1px solid var(--line);margin-top:8px;padding-top:28px;max-width:860px;justify-self:center;width:100%}}
/* mobil: tek kolon; kart kompakt, filigran gizli */
@media(max-width:760px){.rd-wrap{grid-template-columns:1fr;gap:22px;padding:0 18px 32px}.rd-side{position:static}.rd-card{margin-top:18px;padding:20px 18px}.rd-body{padding-top:8px}.rd-hero-in{padding:40px 18px 46px}}

/* sidebar meta card */
.rd-card{background:var(--card);border-radius:14px;padding:24px 22px;margin-top:-46px;position:relative;z-index:3;box-shadow:0 12px 34px rgba(23,18,68,.09)}
.rd-date{font-family:"Montserrat";font-weight:700;font-size:14px;margin-bottom:14px}
.rd-pill{display:inline-flex;align-items:center;gap:8px;font-family:"Montserrat";font-size:11.5px;font-weight:600;letter-spacing:.02em;background:#fff;border:1px solid var(--line);border-radius:20px;padding:7px 13px}
.rd-pill i{width:8px;height:8px;border-radius:50%;display:inline-block}
.rd-sep{height:1px;background:var(--line);margin:20px 0}
.rd-side-h{font-family:"Montserrat";font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;margin:0 0 12px}
.rd-author{display:flex;align-items:center;gap:12px}
.rd-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:"Montserrat";font-weight:700;font-size:16px}
.rd-author b{display:block;font-family:"Montserrat";font-size:14px;font-weight:700}
.rd-author span{font-size:13px;color:var(--muted)}
.rd-bio{font-size:13px;line-height:1.55;color:var(--muted);margin:12px 0 0}
.rd-dl{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:20px;background:var(--navy);color:#fff;border:0;border-radius:30px;padding:13px 18px;font-family:"Montserrat";font-weight:600;font-size:13px;letter-spacing:.02em;cursor:pointer;text-decoration:none}
.rd-dl:hover{background:#241c66}
.rd-dl-off{opacity:.4;cursor:not-allowed}
.rd-dl-off:hover{background:var(--navy)}
.rd-share{margin-top:20px}
.rd-share .lbl{display:block;margin:0 0 10px}
.rd-share .rd-share-grid{display:grid;grid-template-columns:repeat(3,34px);gap:10px}
.rd-share .lbl{font-family:"Montserrat";font-size:12px;font-weight:700;color:var(--muted);margin-right:2px}
.rd-share button{flex:0 0 34px;width:34px;height:34px;padding:0;line-height:0;box-sizing:border-box;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--navy)}
.rd-share button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.rd-share svg{width:15px;height:15px}

/* body */
.rd-body .rd-meta-line{font-family:"Montserrat";font-size:12.5px;color:var(--muted);margin-bottom:18px}
.rd-prose{font-size:18px}
.rd-prose p{margin:0 0 20px}
.rd-prose h2{font-family:"Spectral";color:var(--teal);font-size:26px;font-weight:600;margin:34px 0 12px}
.rd-prose h3{font-family:"Spectral";font-size:21px;margin:26px 0 10px}
.rd-prose ul,.rd-prose ol{margin:0 0 20px;padding-left:22px}
.rd-prose li{margin:0 0 8px}
.rd-prose a{color:var(--teal);text-decoration:underline}
.rd-prose blockquote{margin:24px 0;padding:6px 20px;border-left:3px solid var(--gold-deep);color:var(--muted);font-style:italic}
.rd-sources{margin:34px 0 0;border-top:1px solid var(--line);padding-top:18px}
.rd-sources h3{font-family:"Spectral";font-size:18px;margin:0 0 10px}
.rd-sources ol{margin:0;padding-left:20px;font-size:14.5px;color:var(--muted)}
.rd-sources a{color:var(--teal)}
.rd-pdf{margin:28px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.rd-pdf .bar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--card);font-family:"Montserrat";font-size:12px;font-weight:600}
.rd-pdf iframe{width:100%;height:520px;border:0;display:block}

/* related */
.rd-related{max-width:1560px;margin:10px auto 0;padding:40px 40px 20px;border-top:1px solid var(--line)}
@media(max-width:760px){.rd-related{padding:28px 18px 12px}.rd-rel-grid{grid-template-columns:1fr}}
.rd-related h2{font-family:"Spectral";font-size:24px;margin:0 0 20px}
.rd-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:760px){.rd-rel-grid{grid-template-columns:1fr}}
.rd-rel-card{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.rd-rel-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(23,18,68,.1)}
.rd-rel-card .c{font-family:"Montserrat";font-size:11px;font-weight:700;letter-spacing:.03em;display:inline-flex;align-items:center;gap:7px;margin-bottom:10px}
.rd-rel-card .c i{width:7px;height:7px;border-radius:50%}
.rd-rel-card h3{font-family:"Spectral";font-size:18px;font-weight:600;margin:0 0 8px;line-height:1.3}
.rd-rel-card p{font-size:14px;color:var(--muted);margin:0}

/* comments */
.rd-comments h2{font-family:"Spectral";font-size:20px;margin:0 0 4px}
.rd-cmt-count{font-family:"Montserrat";font-size:12px;color:var(--muted);margin-bottom:18px}
.rd-cmt{display:flex;gap:11px;margin-bottom:18px}
.rd-cmt .av{width:36px;height:36px;border-radius:50%;flex:0 0 auto;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:"Montserrat";font-weight:700;font-size:14px}
.rd-cmt .cb{min-width:0}
.rd-cmt .cb b{font-family:"Montserrat";font-size:13px}
.rd-cmt .cb .t{font-family:"Montserrat";font-size:11px;color:var(--muted);margin-left:8px}
.rd-cmt .cb p{font-size:14.5px;margin:5px 0 0}
.rd-cmt-like{margin-top:6px;background:none;border:0;color:var(--muted);font-family:"Montserrat";font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:0}
.rd-cmt-like:hover,.rd-cmt-like.on{color:var(--gold-deep)}
.rd-cmt-like svg{width:13px;height:13px}
.rd-cmt-box{margin-top:14px}
.rd-cmt-box textarea{width:100%;min-height:92px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-family:"Spectral";font-size:15px;resize:vertical;background:#fff}
.rd-cmt-post{margin-top:10px;background:var(--navy);color:#fff;border:0;border-radius:26px;padding:10px 20px;font-family:"Montserrat";font-weight:600;font-size:13px;cursor:pointer}
.rd-cmt-post:hover{background:#241c66}
.rd-cmt-gate{background:var(--card);border-radius:12px;padding:16px;font-size:14px;color:var(--muted)}
.rd-cmt-gate a{color:var(--teal);font-weight:600}
.rd-gate-links{margin-top:10px;font-family:"Montserrat";font-size:13.5px}
.rd-cmt-note{font-size:12.5px;color:var(--muted);margin-top:8px}
.rd-hint{font-size:11.5px;color:var(--muted);margin-top:6px}

.rd-loading,.rd-missing{max-width:640px;margin:80px auto;text-align:center;color:var(--muted);font-family:"Montserrat"}
.rd-missing a{color:var(--teal);font-weight:600}