/* Learning Hub teaching example. Scoped to preserve tools, navigation and footer. */
.learning-hero-centred .learning-hero-inner { display: block; }
.learning-hero-centred .learning-hero-copy { max-width: 850px; margin: 0 auto; text-align: center; }
.learning-hero-centred .learning-hero-copy h1 { max-width: none; }
.learning-hero-centred .learning-hero-copy .hero-sub,
.learning-hero-centred .learning-hero-note { text-align: center; margin-left: auto; margin-right: auto; }
.learning-hero-centred .learning-actions { justify-content: center; }
.sense-lesson h2 { max-width: 850px; margin-left: auto; margin-right: auto; }
.sense-lesson-grid {
  display: grid; grid-template-columns: minmax(0, 9fr) minmax(0, 11fr);
  gap: 24px; align-items: start; text-align: left;
}
.sense-email, .sense-response, .calm-principle {
  border: 1px solid rgba(139,224,232,.24); border-radius: 20px;
  background: linear-gradient(135deg, rgba(0,227,208,.045), rgba(79,140,255,.035)), rgba(5,17,26,.42);
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  box-shadow: inset 0 1px 0 rgba(225,255,255,.07), 0 12px 36px rgba(0,0,0,.16);
  min-width: 0; overflow-wrap: break-word;
}
.sense-email { overflow: hidden; }
.sense-email-meta {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
  padding: 18px 28px; border-bottom: 1px solid rgba(139,224,232,.14);
  font-size: .875rem; color: #b1c1ce;
}
.sense-example-tag { border: 1px solid rgba(177,193,206,.25); border-radius: 6px; padding: 2px 9px; }
.sense-email-envelope { padding: 24px 28px; border-bottom: 1px solid rgba(139,224,232,.14); }
.sense-email-sender { margin: 0 0 20px; color: #e8f0f8; font-size: 1rem; }
.sense-email-sender span { color: #b1c1ce; margin-right: 12px; }
.sense-email-label { color: #b1c1ce; font-size: .875rem; margin: 0 0 6px; }
.sense-email h3 { margin: 0; font-size: 1.45rem; line-height: 1.4; color: #e8f0f8; }
.sense-email-body { padding: 26px 28px 30px; color: #d4e0ec; font-size: 1rem; line-height: 1.8; }
.sense-email-body p { margin: 0 0 18px; }
.sense-email-body p:last-child { margin-bottom: 0; }
.sense-response { padding: 24px 28px 28px; }
.sense-response-label { color: #b1c1ce; font-size: .875rem; margin: 0 0 22px; }
.sense-response-list { margin: 0; padding: 0; list-style: none; }
.sense-response-step { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 16px; }
.sense-response-step + .sense-response-step { margin-top: 24px; padding-top: 24px; border-top: 1px solid rgba(139,224,232,.14); }
.sense-icon { display: block; width: 44px; height: 44px; color: #00e3d0; }
.sense-icon .icon-orbit { stroke: #4f8cff; }
.sense-response-step h3 { margin: 2px 0 10px; font-size: 1.75rem; line-height: 1.2; color: #e8f0f8; letter-spacing: -.025em; }
.sense-response-step p, .calm-principle p { margin: 0; color: #b1c1ce; font-size: 1rem; line-height: 1.65; }
.sense-response-step .sense-step-lead { color: #00e3d0; font-weight: 600; margin-bottom: 6px; }
.calm-principle { margin-top: 24px; padding: 22px 24px; text-align: left; }
.calm-principle h3 { margin: 0 0 8px; color: #00e3d0; font-size: 1.4rem; line-height: 1.3; }
@media (max-width: 960px) {
  .sense-lesson-grid { grid-template-columns: minmax(0,1fr); max-width: 720px; margin: 0 auto; }
}
@media (max-width: 760px) {
  .sense-heading-break { display: none; }
  .sense-email-meta, .sense-email-envelope, .sense-email-body, .sense-response { padding: 22px; }
  .sense-response-step { gap: 12px; grid-template-columns: 36px minmax(0,1fr); }
  .sense-icon { width: 36px; height: 36px; }
  .sense-response-step h3 { font-size: 1.625rem; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .sense-email, .sense-response, .calm-principle { background: #0a1824; }
}
@media print {
  .sense-lesson-grid { display: block; }
  .sense-email, .sense-response { margin-bottom: 20px; background: none; box-shadow: none; backdrop-filter: none; }
}