.change-principle {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  align-items: center;
  gap: 2.5rem;
  margin-top: 1.5rem;
  padding: 2rem;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--blue-light);
}
.change-principle .eyebrow { margin-bottom: .9rem; }
.change-principle h3 { font-size: 1.75rem; line-height: 1.2; }
.change-principle > div > p:not(.eyebrow) { color: var(--muted); font-size: 1rem; }
.change-principle > div > p + p { margin-top: .85rem; }
.hero-visual > img { height: 465px; }
.header .brand-mark { width: 46px; height: 46px; flex-shrink: 0; }
.footer-brand { display: inline-flex; align-items: center; gap: .55rem; }
.footer-brand .brand-mark { width: 32px; height: 32px; flex-shrink: 0; }
.service-panel h3 { overflow-wrap: anywhere; }
.expertise-inner { grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: center; }
.expertise-inner a { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }
.panel-actions { display: flex; flex-wrap: wrap; gap: .6rem 1.5rem; }
.learning-portal {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(230px, .8fr);
  gap: 2rem;
  margin-top: 1.5rem;
  padding: 2.2rem;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--soft);
}
.portal-copy h3 { font-size: clamp(1.75rem, 2.7vw, 2.25rem); line-height: 1.2; }
.portal-intro { margin-top: 1rem; color: var(--muted); font-size: 1rem; }
.portal-benefits { display: grid; gap: .8rem; list-style: none; margin: 1.5rem 0; padding: 0; }
.portal-benefits strong { display: block; font-size: .9375rem; }
.portal-benefits span { display: block; margin-top: .2rem; color: var(--muted); font-size: .9375rem; }
.portal-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; }
.portal-note { margin-top: .8rem; color: var(--muted); font-size: .8125rem; }
.portal-highlight { display: flex; flex-direction: column; justify-content: center; padding: 1.8rem; border-radius: 6px; background: var(--ink); color: white; }
.portal-count strong { display: block; color: var(--lime); font-size: clamp(3.25rem, 4.5vw, 4.5rem); letter-spacing: -.06em; line-height: 1.1; }
.portal-count span { display: block; margin-top: .5rem; font-size: 1.125rem; font-weight: 650; }
.portal-highlight > p + p { margin-top: 1.25rem; color: #c0cedb; font-size: .9375rem; }
.ai-coaching {
  margin-top: 1.5rem;
  padding: 2.2rem;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: linear-gradient(180deg, var(--blue-light), var(--paper) 55%);
}
.ai-heading { display: grid; grid-template-columns: 1fr 1.2fr; gap: 3rem; align-items: end; }
.ai-heading h3 { font-size: clamp(1.75rem, 2.7vw, 2.25rem); }
.ai-heading > p { color: var(--muted); font-size: 1rem; }
.ai-topics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.75rem 3rem; margin-top: 2rem; }
.ai-topics article { padding-top: 1.2rem; border-top: 1px solid var(--line); }
.ai-coaching h4 { font-size: 1.0625rem; line-height: 1.35; }
.ai-topics p, .ai-pilot p { margin-top: .65rem; color: var(--muted); font-size: .9375rem; }
.ai-pilot { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.ai-pilot .ai-format { font-size: .875rem; }
.about { row-gap: 2.5rem; }
.about .identity-panel { align-self: start; }
.identity-portrait { display: block; width: 100%; max-width: 320px; height: auto; margin: 1.5rem auto; border-radius: 4px; }
.credentials .credential-teaching { background: var(--blue-light); border-color: #bdcafa; color: var(--blue); }
.profile-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.profile-card { padding: 1.5rem; border: 1px solid var(--line); border-radius: 6px; background: var(--soft); }
.profile-card h3 { font-size: 1.1875rem; line-height: 1.35; overflow-wrap: anywhere; }
.profile-card p { margin-top: .8rem; color: var(--muted); font-size: 1rem; }
.career-stations { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .4rem 1rem; color: var(--muted); font-size: .875rem; }
.career-stations strong { color: var(--ink); font-weight: 650; }
.about .credentials span { max-width: 100%; }
@media (max-width: 800px) {
  .change-principle { grid-template-columns: 1fr; gap: 1.25rem; padding: 1.5rem; }
  .hero-visual > img { height: 360px; }
  .expertise-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .expertise-inner span:nth-child(5) { grid-column: 1 / -1; border-left: none; }
  .learning-portal { grid-template-columns: 1fr; gap: 1.5rem; padding: 1.5rem; }
  .portal-highlight { padding: 1.5rem; }
  .ai-coaching { padding: 1.5rem; }
  .ai-heading { grid-template-columns: 1fr; gap: 1rem; }
  .ai-topics { gap: 1.5rem; }
  .ai-pilot { grid-template-columns: 1fr; gap: 1.25rem; }
  .ai-pilot .button { justify-self: start; }
}
@media (max-width: 560px) {
  .hero-visual > img { height: 315px; }
  .topic-options label { max-width: 100%; }
  .portal-actions .button { width: 100%; }
  .ai-topics { grid-template-columns: 1fr; }
  .ai-pilot .button { width: 100%; }
  .profile-grid { grid-template-columns: 1fr; gap: 1rem; }
}