/* Yazı/hizmet sayfası düzeni — ContentShell.astro. v2: 11 Eki 2026 (Oğuz): kutu 1100px (iç alan 1040px);
   yazı 736px + 32px + sağ sütun 272px; sağ sütun "İlginizi Çekebilir", görselsiz kartlar.
   Ayrı dosya: ortak şablon stil paketi değişmeden yayınlanabilsin. */
.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: minmax(0, 1fr) 272px;
		column-gap: 32px;
		align-items: start;
	}
	.oe-ucsutun > .oe-shell { grid-column: 1; max-width: none; margin: 0; }
	.oe-yan { display: block; grid-column: 2; 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 tam genişlik. */
	.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: 15px; font-weight: 700; color: var(--ink); margin: 0 0 12px; letter-spacing: 0; }
.oe-yan-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.oe-yan-kart { display: block; padding: 11px 13px; border: 1px solid var(--line-soft, var(--line)); border-left: 3px solid var(--line); border-radius: 8px; 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-metin { display: grid; gap: 4px; min-width: 0; }
.oe-yan-t { font-size: 13.5px; line-height: 1.38; 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); }