/* 8.25.6: owned controls and compact branding, isolated from theme button colours. */
body [data-il-shell-version].interactive-learner-learn-shell {
  --il-shell-accent: #0f766e;
  --il-shell-accent-strong: #115e59;
  --il-color-primary: #0f766e;
  --il-color-primary-strong: #115e59;
}
body [data-il-shell-version] .il-learn-site-brand.il-site-brand--compact {
  display: inline-flex; align-items: center; gap: 12px; min-width: 44px;
  min-height: 48px; max-width: 100%; color: #16333e !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
body [data-il-shell-version] .il-learn-site-brand.il-site-brand--compact img {
  display: block !important; width: auto; height: 46px; max-width: 210px;
  object-fit: contain; border: 0; border-radius: 0; box-shadow: none;
}
body [data-il-shell-version] .il-learn-site-brand.il-site-brand--compact .il-site-brand__icon {
  display: block !important; width: 46px; height: 46px; flex: 0 0 46px;
}
body [data-il-shell-version] .il-learn-site-brand.il-site-brand--compact .il-site-brand__name {
  color: #16333e !important; font-size: 17px; line-height: 1.3; font-weight: 700;
  letter-spacing: -.02em; overflow-wrap: anywhere;
}
body [data-il-shell-version] .il-learn-site-brand.il-site-brand--compact:is(.il-site-brand--has-icon,.il-site-brand--has-logo) .il-site-brand__name { display: none !important; }
body [data-il-shell-version] .interactive-learner-learn-shell__nav-icon svg {
  width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7;
  stroke-linecap: round; stroke-linejoin: round;
}

/* Explicit states close the theme leak shown on Show Password and Back. */
body [data-il-learn-auth] .il-learn-auth-form :is(.il-auth-password-toggle,.il-onboarding-back),
body [data-il-shell-version] :is(.interactive-learner-learn-btn,.interactive-learner-learn-shell__session-action) {
  color: #0f766e !important; border-color: #0f766e !important;
  background-color: #fff !important; background-image: none !important;
  box-shadow: none; -webkit-tap-highlight-color: rgba(15,118,110,.12);
}
body [data-il-learn-auth] .il-learn-auth-form :is(.il-auth-password-toggle,.il-onboarding-back):is(:hover,:focus,:active),
body [data-il-shell-version] :is(.interactive-learner-learn-btn,.interactive-learner-learn-shell__session-action):is(:hover,:focus,:active) {
  color: #115e59 !important; border-color: #115e59 !important;
  background-color: #f0fdfa !important; background-image: none !important;
}
body [data-il-learn-auth] .il-learn-auth-form :is(.il-auth-password-toggle,.il-onboarding-back) > span { color: inherit !important; }
body [data-il-learn-auth] .il-auth-password-toggle { min-width: 60px; min-height: 44px; border: 1px solid transparent !important; }
body [data-il-learn-auth] .il-learn-auth-form .il-learn-auth-primary,
body [data-il-shell-version] .interactive-learner-learn-btn.is-primary {
  color: #fff !important; background: #0f766e !important; border-color: #0f766e !important;
}
body [data-il-learn-auth] .il-learn-auth-form .il-learn-auth-primary:is(:hover,:focus,:active),
body [data-il-shell-version] .interactive-learner-learn-btn.is-primary:is(:hover,:focus,:active) {
  color: #fff !important; background: #115e59 !important; border-color: #115e59 !important;
}
body [data-il-learn-auth] .il-learn-auth-form :is(.il-auth-password-toggle,.il-onboarding-back,.il-learn-auth-primary):focus-visible,
body [data-il-shell-version] :is(.interactive-learner-learn-btn,.interactive-learner-learn-shell__session-action):focus-visible {
  outline: 3px solid #0f766e !important; outline-offset: 3px;
}
body [data-il-learn-auth] .il-learn-auth-form button:disabled,
body [data-il-shell-version] .interactive-learner-learn-btn:is(:disabled,[aria-disabled="true"]) {
  color: #fff !important; background: #536973 !important; border-color: #536973 !important;
  opacity: 1; cursor: not-allowed;
}
@media (max-width: 600px) {
  body [data-il-learn-auth] .il-onboarding-fields { grid-template-columns: minmax(0,1fr) !important; }
  body [data-il-learn-auth] .il-learn-auth-form :is(input[type="text"],input[type="email"],input[type="password"],select) { font-size: 16px !important; }
  body [data-il-shell-version] .il-learn-site-brand.il-site-brand--compact .il-site-brand__icon { width: 42px; height: 42px; flex-basis: 42px; }
}