/* Yazı/hizmet sayfası üç sütun düzeni — ContentShell.astro (11 Eki 2026). Ayrı dosya: ortak şablon stili değişmeden yayınlanabilsin. */
/* Üç sütun (11 Eki 2026): header'la aynı kutu (--container 1180px, .wrap boşluğu); 1120px iç alan
   = 3 x 352px + 2 x 32px. Yazı ilk iki sütun (736px), sağ sütun diğer yazılar. */
.oe-sayfa.oe-ucsutun {
	max-width: var(--container);
	margin: 0 auto;
	padding: 0 clamp(16px, 4vw, 30px);
	box-sizing: border-box;
}
.oe-ucsutun > .oe-shell { padding: 0; }
/* Telefon ve tablette sağ sütun gösterilmez; sayfa sonundaki "ilgili yazılar" bölümü yeterli. */
.oe-yan { display: none; }
@media (min-width: 1100px) {
	.oe-sayfa.oe-ucsutun {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: 32px;
		align-items: start;
	}
	.oe-ucsutun > .oe-shell { grid-column: 1 / span 2; max-width: none; margin: 0; }
	.oe-yan { display: block; grid-column: 3; position: sticky; top: 84px; margin: 0; padding-top: 22px; max-width: none; }
	/* Dik/kare görsel yazının yanında yarım genişlikte; yatay görsel iki sütunu kaplar. */
	.oe-ucsutun .oe-body img.oe-dikey { float: right; width: calc(50% - 16px); margin: 4px 0 16px 32px; }
	.oe-ucsutun .oe-body :is(h2, h3, table, pre, .wa-dene, .wa-sohbet) { clear: both; }
}
.oe-yan-baslik { font-size: 11.5px; letter-spacing: 0.14em; color: var(--cyan); margin: 0 0 12px; font-weight: 600; }
.oe-yan-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.oe-yan-kart { display: flex; gap: 12px; align-items: center; padding: 10px; border: 1px solid var(--line-soft, var(--line)); border-radius: 10px; background: var(--panel); color: var(--ink); text-decoration: none; transition: border-color .15s ease; }
.oe-yan-kart:hover { border-color: var(--cyan); }
.oe-yan-kart:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
.oe-yan-gorsel { flex: none; width: 72px; height: 72px; border-radius: 8px; object-fit: cover; background: var(--panel-2, var(--panel)); }
img.oe-yan-gorsel[src*="/konu/"], img.oe-yan-gorsel[src$=".svg"] { object-fit: contain; padding: 10px; }
img.oe-yan-gorsel[src^="/og/"] { object-position: left center; }
.oe-yan-metin { display: grid; gap: 4px; min-width: 0; }
.oe-yan-t { font-size: 14px; line-height: 1.35; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.oe-yan-tarih { font-size: 11px; color: var(--ink-dim); }
.oe-yan-tumu { display: inline-block; margin-top: 12px; font-size: 13.5px; color: var(--cyan); }