/* CWIE@SCI — site-specific styles (moved out of the old per-page <style> blocks and inline styles). */
body.cwie {
	font-family: 'Kanit', sans-serif;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.cwie-main { margin-top: 50px; flex: 1 0 auto; }
.cwie-page { margin-top: 120px; margin-bottom: 50px; }
.cwie-page-wide { max-width: 90%; margin: 120px auto 50px; }
.cwie-flash { margin-top: 110px; }
.cwie-narrow { max-width: 560px; }
.cwie-img-full { width: 100%; height: auto; }
.cwie-img-90 { width: 90%; height: auto; }
.cwie-stack-img { margin-bottom: 15px; }
#footer {
	position: relative;
	width: 100%;
	margin-top: auto;
	background-color: #333;
	color: #fff;
	text-align: center;
}
#hero.cwie-hero { background-color: #F6E002; }
#header .header-social-links img { max-width: 200px; height: auto; }

/* news */
.news-card .card-img-top { object-fit: cover; width: 100%; height: 300px; }
.news-card .card-title { font-size: 1rem; }
.news-detail-cover { max-height: 720px; object-fit: contain; background: #f6f6f6; }
.news-meta { color: #6c757d; font-size: .9rem; }
.news-content { overflow-wrap: anywhere; }
.news-content img { max-width: 100%; height: auto; }
.news-content table { max-width: 100%; }
.news-attachments .bi { font-size: 1.2rem; }

/* document lists (forms pages) */
.doc-list { list-style: none; padding-left: 0; }
.doc-list li { padding: .45rem 0; border-bottom: 1px dashed #ddd; }
.doc-list a.btn { min-width: 110px; margin-right: .75rem; }

/* course cards */
.course-cards .card-img-top { object-fit: contain; height: 160px; padding: .5rem; }
.health-images { display: flex; flex-direction: column; align-items: center; margin-top: 15px; }