BODY {
	FONT-SIZE: 90%;
	FONT-FAMILY: Verdana, arial, sans-serif;
	TEXT-ALIGN: center
}

H1 {
	FONT-SIZE: 125%;
	MARGIN: 0px 1em 1em 0px;
	COLOR: #003500;
	BORDER-TOP-STYLE: none;
	LINE-HEIGHT: normal;
	FONT-FAMILY: arial, sans-serif;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none
}

H3 {
	FONT-SIZE: 100%;
	MARGIN-BOTTOM: 0.25em
}

a.sayfalama:link {
	color: #1626b4;
	text-decoration: none
}

a.sayfalama:visited {
	color: #1626b4;
	text-decoration: none
}

#uyeilanlar {
	color: #000080;
	background-color: #EFECE2;
	border: 1px dashed #7B9EC6;
	cursor: hand;
	font-size: 12px;
	text-align: left;
	height: 20px;
	width: 180px;
	padding-top: 4px;
	padding-left: 10px;
	padding-bottom: 2px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 16px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}

a.sayfalama:hover {
	COLOR: #47201b;
}

A:link {
	COLOR: #1626b4;
}

A:visited {
	COLOR: #1626b4;
}

A:hover {
	COLOR: #47201b
}

#nav {
	LEFT: 10px;
	MARGIN: 0px;
	OVERFLOW: hidden;
	WIDTH: 750px;
	BOTTOM: 4px;
	POSITION: absolute;
	HEIGHT: 30px
}

#nav UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 0px 15px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none
}

#nav LI {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px
}

#nav A {
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
	FLOAT: left;
	PADDING-BOTTOM: 2px;
	MARGIN: 0px;
	COLOR: white;
	TEXT-INDENT: -9999px;
	PADDING-TOP: 0px;
	FONT-FAMILY: verdana, arial;
	HEIGHT: 30px;
	TEXT-DECORATION: none
}

#nav A:hover {
	BACKGROUND-POSITION: 0px -30px
}

#nav A#selected {
	BACKGROUND-POSITION: 0px -30px
}

#home A {
	BACKGROUND: url(images/home2.gif) no-repeat left top;
	WIDTH: 52px
}

#collections A {
	BACKGROUND: url(images/collection2.gif) no-repeat left top;
	WIDTH: 130px
}

#about A {
	BACKGROUND: url(images/about2.gif) no-repeat left top;
	WIDTH: 55px
}

#print A {
	BACKGROUND: url(images/print2.gif) no-repeat left top;
	WIDTH: 128px
}

#contact A {
	BACKGROUND: url(images/contact2.gif) no-repeat left top;
	WIDTH: 67px
}

.main {
	FONT-SIZE: 14px;
	COLOR: #383838;
	FONT-WEIGHT: BOLD;
	FONT-FAMILY: verdana, Courier new, sans serif
}

.mesajlar {
	FONT-SIZE: 12px;
	COLOR: #383838;
	FONT-FAMILY: verdana, Courier new, sans serif
}

.haberbaslik {
	FONT-SIZE: 12px;
	COLOR: #383838;
	FONT-WEIGHT: BOLD;
	FONT-FAMILY: verdana, Courier new, sans serif
}

.haber {
	FONT-SIZE: 12px;
	COLOR: #383838;
	FONT-FAMILY: verdana, Courier new, sans serif
}

.bilgiler {
	FONT-SIZE: 11px;
	COLOR: #383838;
	FONT-WEIGHT: BOLD;
	FONT-FAMILY: verdana, Courier new, sans serif
}

.uye_profil_baslik {
	FONT-SIZE: 14px;
	COLOR: #708090;
	FONT-WEIGHT: BOLD;
	FONT-FAMILY: Courier new, sans serif
}

.uye_profil_veri {
	FONT-SIZE: 14px;
	COLOR: #2c2c2c;
	FONT-WEIGHT: BOLD;
	FONT-FAMILY: Courier new, sans serif
}

.encokokunan {
	FONT-SIZE: 12px;
	COLOR: #383838;
	FONT-FAMILY: arial, verdana, sans serif
}

.sonyorumlar {
	FONT-SIZE: 11px;
	COLOR: #383838;
	FONT-FAMILY: arial, verdana, sans serif
}

.login {
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: arial, verdana, sans serif
}

.yorumlar {
	FONT-SIZE: 12px;
	COLOR: #3c0000;
	FONT-FAMILY: arial, verdana, sans serif
}

.copyright {
	FONT-SIZE: 10px;
	COLOR: #383838;
	FONT-FAMILY: arial, verdana, sans serif
}

.baslik {
	FONT-SIZE: 16px;
	COLOR: #8b4513;
	FONT-FAMILY: Trebuchet MS, arial, sans-serif;
	font-weight: bold;
}

.baslikred {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 4px;
	FONT-SIZE: 13px;
	PADDING-BOTTOM: 2px;
	MARGIN: 0px 0px 7px;
	COLOR: #fff;
	PADDING-TOP: 2px;
	FONT-FAMILY: Trebuchet MS, arial, sans-serif
}

.gazetesayfano {
	FONT-SIZE: 10px;
	COLOR: #383838;
	FONT-FAMILY: arial, verdana, sans serif
}

.borderit IMG {
	BORDER-RIGHT: #b3b3b3 1px solid;
	BORDER-TOP: #b3b3b3 1px solid;
	BORDER-LEFT: #b3b3b3 1px solid;
	BORDER-BOTTOM: #b3b3b3 1px solid
}

.borderit:hover IMG {
	BORDER-RIGHT: #ff0000 1px solid;
	BORDER-TOP: #ff0000 1px solid;
	BORDER-LEFT: #ff0000 1px solid;
	BORDER-BOTTOM: #ff0000 1px solid
}

.borderit:hover {
	COLOR: #ff0000
}

/* ==========================================================================
   Yeni bileşenler (2026). Mevcut kuralların HİÇBİRİ değiştirilmemiştir;
   yalnızca yeni sınıflar eklenmiştir. Site görünümü aynı kalır.
   ========================================================================== */

/* --- Yazı içine eklenen görseller ---
   Panelden eklenen fotoğraflar sütun genişliğini aşmasın.

   DİKKAT — burada bir kez hata yapıldı: kural ".main img:not([width])" idi.
   Dış <td class="main"> hem içeriği hem sidebar'ı sardığı için kural 2290
   düzen görselini ve 720 madde işaretini (img/li.gif) de yakaladı; madde
   işaretleri blok olup ortalandı ve çerçeve aldı. Ayrıca içerikteki 167 eski
   küçük resmi de blok yapıp özgün düzeni bozuyordu.

   Doğru hedef görselin ÖLÇÜSÜ değil KAYNAĞI: editörden eklenen her görsel
   "uploads/" altından gelir, eski site görselleri "resimler/", "img/",
   "kapaklar/" altındadır. Sınıf ikinci güvence (HTML kaynak kipinde eklenir;
   Quill sınıfı korumazsa yol kuralı yine yakalar). */
.yazi-gorseli,
td.main[width="500"] img[src*="uploads/"]:not(.dergi-buyuk):not(.dergi-kucuk-img):not(.vesikalik):not(.liste-kucuk) {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 10px auto;
}

/* Yazı içi görsel yerleşimi ve boyu (panel: görsele tıkla, "Sola yasla /
   Sağa yasla", "Küçük / Orta / Büyük"). Sola ya da sağa yaslanan görselin
   yanından yazı akar, görsel bitince yazı yine tam satıra yayılır.
   Yukarıdaki "uploads/" kuralı art arda :not() yüzünden çok güçlü; ezmek
   için !important. Öznitelik yalnız panelden biçimlenen görsellerde var,
   2008'den kalan görsellere dokunmaz. */
img[data-yerlesim="sol"] { float: left !important; display: block !important; margin: 4px 14px 8px 0 !important; }
img[data-yerlesim="sag"] { float: right !important; display: block !important; margin: 4px 0 8px 14px !important; }
img[data-boy="kucuk"] { width: 33% !important; height: auto !important; }
img[data-boy="orta"] { width: 50% !important; height: auto !important; }
img[data-boy="buyuk"] { width: 100% !important; height: auto !important; }
/* Yazının sonu: yana yaslı görsel yorum bölümünü yanına çekmesin. */
.yazi-akis-sonu { clear: both; height: 0; overflow: hidden; }

/* Ana sayfa listesindeki küçük kare (90x72, sola yaslı, yanında yazı akar).
   Yukarıdaki kuralın DIŞINDA tutulması şart: müşteri "ana görsel"i medya
   kütüphanesinden seçiyor, yani kaynağı da "uploads/" oluyor ve kural onu da
   yakalıyordu. Sonuç: height:auto yüksekliği 72 yerine 126 yapıyor,
   display:block sola yaslamayı öldürüyor, margin:auto da hspace boşluğunu
   eziyordu. 2008'den kalan "resimler/" görselleri kurala takılmadığı için
   onlar düzgün görünüyor, yenileri bozuk görünüyordu. */
td.main[width="500"] img.liste-kucuk {
	display: inline;
	float: left;
	width: 90px;
	height: 72px;
	object-fit: cover;
	margin: 2px 10px 2px 0;
	max-width: none;
}

/* Üyelik formundan sonra çıkan bilgilendirme yazısı.
   Satır içi ve genişlik sınırsız olduğu için uzun metin hücreyi şişiriyor,
   dış tablo 900px'den 1088px'e çıkıp arka planla hizası bozuluyordu.
   Blok + genişlik sınırı: metin alt satıra geçiyor, düzen sabit kalıyor. */
#kayit-msg {
	display: block;
	max-width: 470px;
	overflow-wrap: break-word;
	margin: 4px 0;
	line-height: 1.4;
}

/* --- Rozetler: son dakika / reklam --- */
.rozet {
	display: inline-block;
	padding: 1px 6px;
	margin-left: 3px;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	line-height: 14px;
	border: 1px solid rgba(0,0,0,.35);
	vertical-align: middle;
	letter-spacing: .3px;
}

.rozet-sondakika {
	background: #c62828;
	animation: rozetYanSon 1.1s steps(1, end) infinite;
}

@keyframes rozetYanSon {
	0%, 55%   { background: #c62828; color: #fff; }
	56%, 100% { background: #7d1a1a; color: #ffd9d9; }
}

/* Reklam: renkler sırayla değişir. Sarı ile kırmızı yan yana gelmez
   (sıra: sarı -> lacivert -> yeşil -> kırmızı -> mor -> sarı). */
.rozet-reklam {
	background: #f0c000;
	color: #3a2c00;
	animation: rozetReklam 6s linear infinite;
}

@keyframes rozetReklam {
	0%,   16% { background: #f0c000; color: #3a2c00; }
	18%,  36% { background: #1a2f6b; color: #fff; }
	38%,  56% { background: #2e7d32; color: #fff; }
	58%,  76% { background: #c62828; color: #fff; }
	78%,  96% { background: #6a1b9a; color: #fff; }
	97%, 100% { background: #f0c000; color: #3a2c00; }
}

@media (prefers-reduced-motion: reduce) {
	.rozet-sondakika, .rozet-reklam { animation: none; }
}

/* --- Video filigranı (videoya kalıcı işlenemediği için oynatıcı üstüne) --- */
.video-sarmal { position: relative; display: inline-block; max-width: 100%; }
.video-sarmal video { display: block; max-width: 100%; }
.video-filigran {
	position: absolute;
	right: 8px;
	bottom: 8px;
	padding: 2px 7px;
	background: rgba(0,0,0,.35);
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	pointer-events: none;
	border-radius: 2px;
}

/* --- Maacır Kaavesi paylaşım akışı --- */
.kaave-yazi-kutusu {
	border: 1px solid #cd853f;
	background: #f2efe4;
	padding: 10px;
	margin-bottom: 14px;
	text-align: left;
}
.kaave-yazi-kutusu textarea {
	width: 98%;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	border: 1px solid #c0c0c0;
	padding: 5px;
}
.kaave-post {
	border: 1px solid #d3d3d3;
	background: #fff;
	margin-bottom: 12px;
	text-align: left;
}
.kaave-post-bas {
	background: #eceadf;
	border-bottom: 1px solid #d3d3d3;
	padding: 5px 8px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
}
.kaave-post-bas b { color: #800000; }
.kaave-post-bas .zaman { color: #888; font-size: 11px; font-weight: normal; }
.kaave-post-govde {
	padding: 8px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #383838;
	white-space: pre-wrap;
	word-wrap: break-word;
}
.kaave-medya { padding: 0 8px 8px 8px; }
.kaave-medya img { max-width: 100%; border: 1px solid #c0c0c0; margin-top: 4px; }
.kaave-post-alt {
	border-top: 1px solid #eee;
	padding: 5px 8px;
	font-size: 11px;
	font-family: arial, verdana, sans-serif;
	background: #fafaf6;
}
.kaave-yorum {
	border-top: 1px dotted #ddd;
	padding: 5px 8px 5px 18px;
	font-size: 11px;
	font-family: arial, verdana, sans-serif;
	color: #383838;
}
.kaave-yorum b { color: #4a3728; }

/* --- Medya kütüphanesi ızgarası (site tarafı) --- */
.medya-izgara { display: block; text-align: left; }
.medya-izgara a {
	display: inline-block;
	margin: 0 6px 6px 0;
	border: 1px solid #c0c0c0;
	padding: 2px;
	background: #fff;
}
.medya-izgara a:hover { border-color: #ff0000; }
.medya-izgara img { display: block; }

/* --- Yazar profili --- */
/* Yazar kartı. Bu kart 2008 tasarımının parçası DEĞİL, sonradan eklendi;
   düzenini değiştirmek özgün görünümü etkilemiyor.
   Vesikalık eskiden float:left idi, yazı fotoğrafın üst hizasından başlayıp
   dibine yapışıyordu. Esnek satır + dikey ortalama ile yazı fotoğrafın
   ortasına hizalanıyor, aradaki boşluk 14px. */
.yazar-profil {
	border: 1px solid #cd853f;
	background: #f2efe4;
	padding: 10px;
	margin-bottom: 12px;
	text-align: left;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	display: flex;
	align-items: center;
	gap: 14px;
}
.yazar-profil img.vesikalik {
	flex: 0 0 auto;
	margin: 0;
	border: 1px solid #b3b3b3;
	background: #fff;
	padding: 2px;
}
/* Fotoğrafın yanındaki metinler tek sütun olsun */
.yazar-profil .yazar-bilgi { flex: 1 1 auto; line-height: 1.6; }
.yazar-profil .kose-adi { color: #8b4513; font-size: 14px; font-weight: bold; }

/* --- Sözün Özü (yazı içi) --- */
.sozun-ozu-kutu {
	border-left: 3px solid #cd853f;
	background: #f6f4ea;
	padding: 7px 10px;
	margin: 10px 0;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #4a3728;
	text-align: left;
}
.sozun-ozu-kutu b { color: #8b4513; }

/* --- Düşünce kırıntıları biçimi (köşe yazılarında) --- */
.dusunce-liste { text-align: left; margin: 0; padding: 0; list-style: none; }
.dusunce-liste li {
	background: url(background_dusunce2.gif) no-repeat left top;
	min-height: 26px;
	padding: 6px 8px 10px 42px;
	margin-bottom: 6px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #383838;
}

/* --- Özel mesajlar --- */
.mesaj-kutu {
	border: 1px solid #d3d3d3;
	background: #fff;
	text-align: left;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
}
.mesaj-satir { border-bottom: 1px dotted #ddd; padding: 6px 8px; }
.mesaj-satir.okunmamis { background: #fdf6e3; font-weight: bold; }
.mesaj-benden { background: #eef4ff; }
.mesaj-zaman { color: #999; font-size: 10px; }

/* Paylaşımlarım sayfası: üye kendi kaave paylaşımlarını yönetir.
   Mesajlar kutusuyla aynı dili kullanır (aynı çerçeve, aynı punto). */
.paylasim-kutu {
	border: 1px solid #d3d3d3;
	background: #fff;
	text-align: left;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
}
.paylasim-satir { border-bottom: 1px dotted #ddd; padding: 8px 10px; }
.paylasim-ust { margin-bottom: 4px; }
.paylasim-zaman { color: #999; font-size: 10px; }
.paylasim-duzenlendi { color: #8b4513; font-size: 10px; margin-left: 6px; }
.paylasim-sayac { color: #777; font-size: 10px; float: right; }
.paylasim-metin { color: #383838; line-height: 1.5; }
.paylasim-medya { margin-top: 6px; }
.paylasim-medya img { border: 1px solid #c0c0c0; margin: 2px; }
.paylasim-alt { margin-top: 6px; font-size: 11px; }
.paylasim-msg { font-size: 11px; margin-top: 3px; }
.paylasim-duzenle textarea {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	border: 1px solid #c0c0c0;
	padding: 4px;
}

/* --- Dergi görüntüleyici ---
   SORUN: büyük sayfa görselinde "max-width:730px", küçük resim şeridinde ise
   <table width="730"> vardı. İçerik sütunu 500px; tablo düzeninde hücre,
   içindeki en geniş öğeye göre büyüdüğü için dış tablo 900'den 973'e çıkıyor
   ve SIDEBAR 119px sağa kayıyordu (ölçüldü: içerik hücresi 500 -> 730).

   DİKKAT: burada "max-width:100%" ÇÖZMEZ. Otomatik yerleşimli tabloda yüzde,
   hücrenin genişliğine göre çözülür, hücrenin genişliği de içeriğe göre
   belirlenir; döngü oluşur ve tarayıcı görselin doğal genişliğini kullanır.
   Bu yüzden sınır PİKSEL cinsinden veriliyor. */
/* Dergi sayfası büyük görünümü (17 Eyl 2026): ekranı kaplar, oklarla gezilir. */
.dergi-lb {
	position: fixed; inset: 0; z-index: 9999;
	background: rgba(20, 16, 12, 0.92);
	display: flex; align-items: center; justify-content: center;
}
.dergi-lb[hidden] { display: none; }
.dergi-lb-resim {
	/* !important: yazı içi "uploads/" resim kuralı (max-width:100%, margin) bu resmi de yakalıyor */
	max-width: calc(100vw - 140px) !important; max-height: calc(100vh - 70px) !important;
	width: auto !important; height: auto !important; margin: 0 !important; display: block !important;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.6); background: #fff;
}
.dergi-lb-ok, .dergi-lb-kapat {
	position: absolute; border: 0; cursor: pointer; color: #f2efe4;
	background: rgba(255, 255, 255, 0.12); font-family: Georgia, serif; line-height: 1;
}
.dergi-lb-ok { top: 50%; transform: translateY(-50%); width: 54px; height: 90px; font-size: 56px; border-radius: 6px; }
.dergi-lb-ok:hover, .dergi-lb-kapat:hover { background: rgba(255, 255, 255, 0.25); }
.dergi-lb-ok:disabled { opacity: 0.2; cursor: default; }
.dergi-lb-onceki { left: 12px; }
.dergi-lb-sonraki { right: 12px; }
.dergi-lb-kapat { top: 10px; right: 12px; width: 44px; height: 44px; font-size: 34px; border-radius: 50%; }
.dergi-lb-sayac {
	position: absolute; bottom: 12px; left: 0; right: 0; text-align: center;
	color: #f2efe4; font: bold 13px Verdana, Arial, sans-serif;
}
@media (max-width: 700px) {
	.dergi-lb-resim { max-width: 100vw !important; max-height: calc(100vh - 60px) !important; }
	.dergi-lb-ok { width: 40px; height: 70px; font-size: 40px; background: rgba(0, 0, 0, 0.35); }
}

.dergi-buyuk {
	max-width: 470px;
	height: auto;
	display: block;
	margin: 0 auto;
	border: 1px solid #c0c0c0;
}

/* Küçük resim şeridi: sayfalar TEK SATIRDA yan yana, sığmayanlar için YANA
   KAYDIRMA (müşteri isteği, 2026-08-31). Önce satır atlıyordu; çok sayfalı
   sayılarda şerit dikey olarak büyüyüp sayfayı aşağı itiyordu.
   Sütun 500px olduğu için sınır piksel cinsinden veriliyor; tablo düzeninde
   yüzde çözülmüyor (bu projede bir kez yaşandı). */
.dergi-serit {
	max-width: 470px;
	margin: 0 auto 8px auto;
	text-align: left;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 6px;
	/* Kaydırma çubuğu 2008 görünümünü bozmasın diye ince ve nötr */
	scrollbar-width: thin;
	scrollbar-color: #cd853f #e8e2d5;
}

.dergi-serit::-webkit-scrollbar { height: 8px; }
.dergi-serit::-webkit-scrollbar-track { background: #e8e2d5; }
.dergi-serit::-webkit-scrollbar-thumb { background: #cd853f; border-radius: 4px; }

.dergi-kucuk {
	display: inline-block;
	width: 80px;
	vertical-align: bottom;
	margin: 3px 2px;
	line-height: 1.2;
	white-space: normal;   /* etiket kendi içinde satır atlayabilsin */
}

/* ── Alt bilgideki dergi şeridi ──────────────────────────────────────────────
   Her dergi bir satır: solda adı, altında kapakları. Kapaklar sığmazsa alt
   satıra KAYMAZ, yana kaydırılır; yoksa 8'den fazla sayısı olan dergi satırı
   iki katına çıkıp şeridi dağıtıyordu. */
.dergi-alt-ad {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #2f4f4f;
	text-align: left;
	padding: 6px 8px 4px 8px;
}

.dergi-alt-serit {
	/* Genişlik SABİT olmak zorunda. Serbest bırakılırsa şerit tablo hücresi
	   içinde içeriği kadar genişliyor, hücre de onunla birlikte esniyor:
	   taşma hiç oluşmuyor, dolayısıyla kaydırma da devreye girmiyordu.
	   660 = alt şerit tablosunun genişliği, 16 = iki yandaki iç boşluk. */
	width: 644px;
	max-width: 100%;
	box-sizing: border-box;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	text-align: left;
	padding: 0 8px 8px 8px;
	/* Kaydırma çubuğu 2008 görünümünü bozmasın diye ince ve nötr */
	scrollbar-width: thin;
	scrollbar-color: #cd853f #e8e2d5;
}

.dergi-alt-serit::-webkit-scrollbar { height: 8px; }
.dergi-alt-serit::-webkit-scrollbar-track { background: #e8e2d5; }
.dergi-alt-serit::-webkit-scrollbar-thumb { background: #cd853f; border-radius: 4px; }

.dergi-alt-kapak {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}

/* Küçük resimler: genel "uploads" kuralı bunları blok yapıp ortalamasın diye
   kendi sınıfları var (bileşik :not() eski tarayıcılarda tüm kuralı düşürür). */
.dergi-kucuk-img {
	display: inline-block;
	margin: 0;
	border: 1px solid #b3b3b3;
	max-width: 100%;
	height: auto;
}
.dergi-kucuk-aktif .dergi-kucuk-img { border: 2px solid #8b4513; }

/* 17 Eyl 2026: "Son Yapılan Yorumlar"da ad her zaman mavi (üye değilse de),
   yorum metni yorumun yazıldığı sayfaya bağlı ama bağlantı gibi mavi değil;
   alt bilgi künyesindeki iki ad mavi. Mavi = sitenin bağlantı rengi. */
.son-yorum-ad { color: #1626b4; }
a.son-yorum-metin:link,
a.son-yorum-metin:visited { color: #383838; text-decoration: none; }
a.son-yorum-metin:hover { color: #47201b; text-decoration: underline; }
.kunye-ad { color: #1626b4; }