/* MT World theme styles */
:root {
	--navy: #0f2444;
	--blue: #1d4ed8;
	--grey: #475569;
	--light: #f1f5f9;
	--white: #ffffff;
	--radius: 8px;
}
* { box-sizing: border-box; }
body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: var(--navy);
	line-height: 1.6;
	background: var(--white);
}
.container { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
a { color: var(--blue); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; }
.screen-reader-text {
	position: absolute; width: 1px; height: 1px;
	clip: rect(1px, 1px, 1px, 1px); overflow: hidden;
}

/* Header */
.site-header {
	background: var(--white);
	border-bottom: 1px solid var(--light);
	position: sticky; top: 0; z-index: 100;
}
.header-inner { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; }
.site-title { font-size: 1.5rem; font-weight: 700; color: var(--navy); }
.primary-nav ul { display: flex; gap: 24px; list-style: none; margin: 0; padding: 0; }
.primary-nav a { color: var(--navy); font-weight: 500; }
.primary-nav a:hover { color: var(--blue); text-decoration: none; }

/* Hero */
.hero {
	background: linear-gradient(135deg, var(--navy), var(--blue));
	background-size: cover; background-position: center;
	color: var(--white); text-align: center;
	padding: 120px 0;
}
.hero h1 { font-size: 3rem; margin: 0 0 16px; }
.hero p { font-size: 1.25rem; margin: 0 0 32px; opacity: .9; }
.btn {
	display: inline-block; background: var(--white); color: var(--navy);
	padding: 14px 32px; border-radius: var(--radius); font-weight: 600;
}
.btn:hover { background: var(--light); text-decoration: none; }

/* Sections */
.section-title { text-align: center; font-size: 2rem; margin: 0 0 40px; }
.services { padding: 80px 0; background: var(--light); }
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.service-card {
	background: var(--white); padding: 32px; border-radius: var(--radius);
	box-shadow: 0 1px 3px rgba(15, 36, 68, .08);
}
.service-card h3 { margin-top: 0; color: var(--blue); }
.latest-posts { padding: 80px 0; }
.posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

/* Content */
.content-area { display: grid; grid-template-columns: 2fr 1fr; gap: 48px; padding: 64px 20px; }
.content-area.single { display: block; max-width: 800px; }
.post-card { background: var(--white); border: 1px solid var(--light); border-radius: var(--radius); padding: 24px; margin-bottom: 24px; }
.posts-grid .post-card { margin-bottom: 0; }
.post-title { margin: 12px 0 8px; }
.post-title a { color: var(--navy); }
.post-meta { color: var(--grey); font-size: .875rem; }
.post-thumb img { border-radius: var(--radius); }
.entry-title { font-size: 2.25rem; margin-bottom: 16px; }
.entry-content img { border-radius: var(--radius); }
.sidebar .widget { background: var(--light); padding: 24px; border-radius: var(--radius); margin-bottom: 24px; }
.widget-title { margin-top: 0; }
.pagination { margin-top: 32px; text-align: center; }
.comments-area { margin-top: 48px; }

/* Footer */
.site-footer { background: var(--navy); color: var(--white); padding: 32px 0; margin-top: 64px; text-align: center; }
.footer-nav ul { display: flex; gap: 24px; justify-content: center; list-style: none; margin: 0 0 12px; padding: 0; }
.footer-nav a { color: var(--white); }
.copyright { margin: 0; opacity: .7; font-size: .875rem; }

/* Responsive */
@media (max-width: 800px) {
	.hero h1 { font-size: 2rem; }
	.services-grid, .posts-grid, .content-area { grid-template-columns: 1fr; }
	.header-inner { flex-direction: column; gap: 12px; }
}