/*
 * main.css'e (HTML5 UP "Editorial" şablonu) ek düzenlemeler.
 * Yalnızca dar ekranlarda geçerlidir; masaüstü görünümü değiştirmez.
 */

@media screen and (max-width: 736px) {

	/* Sabit genişlikli görseller ve gömülü videolar/PDF'ler ekrana sığsın. */
	#main img,
	#sidebar img {
		max-width: 100%;
		height: auto;
	}

	#main iframe {
		max-width: 100%;
	}

	#main iframe[src*="youtube.com"] {
		height: auto;
		aspect-ratio: 16 / 9;
	}

	/* Yazı içindeki uzun bağlantılar ve sözcükler sayfayı yana taşırmasın. */
	#main .inner {
		overflow-wrap: break-word;
	}

	/* Word'den yapıştırılmış metinlerdeki geniş tablolar yana kaydırılabilsin. */
	#main table {
		display: block;
		overflow-x: auto;
	}

}