/* ===== Teacher Newsletter page-specific styles =====
   Reuses the site header, nav, aside, cta-box, and spacerpromo from
   styles-index-new.css and newsletter-colors.css. Only new classes below. */

.page-intro{ padding: 8px 4px 6px; }
.page-intro h2{ margin: 0 0 8px; font-size: 1.9rem; }
.page-intro p{ margin:0; color:#555; line-height:1.6; font-size:1.05rem; max-width:640px; }

.teacher-eyebrow{
	text-transform:uppercase;
	letter-spacing:.08em;
	font-size:.72rem;
	font-weight:700;
	color:#1565C0;
	margin:0 0 6px;
}

.teacher-footnote{ padding-top: 4px; }
.teacher-footnote p{ font-size:.92rem; color:#666; }
.teacher-footnote a{ color:#1565C0; font-weight:700; text-decoration:none; }
.teacher-footnote a:hover{ text-decoration:underline; }

.teacher-hero{
	display:flex;
	gap:26px;
	align-items:flex-start;
	border-top:1px solid #e0e0e0;
	padding:28px 4px;
	flex-wrap:wrap;
}
.teacher-hero img{
	width:220px;
	height:220px;
	object-fit:cover;
	border-radius:6px;
	flex-shrink:0;
}
.teacher-hero-text{ flex:1; min-width:260px; }
.teacher-hero-text h3{ margin:0 0 12px; font-size:1.25rem; }

.teacher-benefits{
	list-style:none;
	margin:0 0 16px;
	padding:0;
}
.teacher-benefits li{
	position:relative;
	padding:0 0 14px 26px;
	line-height:1.6;
	color:#3a3a3a;
	font-size:.98rem;
}
.teacher-benefits li:before{
	content:"✓";
	position:absolute;
	left:0;
	top:0;
	color:#1565C0;
	font-weight:700;
}
.teacher-benefits strong{ color:#222; }

.nl-links a{
	font-size:.9rem; font-weight:700; color:#1565C0; text-decoration:none;
}
.nl-links a:hover{ text-decoration:underline; }

.subscribe-banner{
	background:#1565C0;
	color:#fff;
	border-radius:6px;
	padding:20px 24px;
	margin:18px 0 30px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	flex-wrap:wrap;
}
.subscribe-banner h3{ margin:0 0 4px; font-size:1.1rem; }
.subscribe-banner p{ margin:0; font-size:.88rem; color:#dce8fb; }
.subscribe-banner .btn{
	background:#fff;
	color:#0d47a1;
	padding:10px 22px;
	border-radius:4px;
	text-decoration:none;
	font-weight:700;
	font-size:.9rem;
	white-space:nowrap;
}
.subscribe-banner .btn:hover{ background:#eef4ff; }

@media (max-width:640px){
	.subscribe-banner{ flex-direction:column; align-items:flex-start; }
	.teacher-hero{ flex-direction:column; }
	.teacher-hero img{ width:100%; height:auto; max-height:220px; }
}