/* House-style treatment for the language profile and observation planner page. */
#portal-main > .hero {
  display: block !important;
  padding: 30px 28px 26px !important;
  margin: 18px 0 28px !important;
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
}
#portal-main > .hero h1 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 8px 0 14px;
  color: var(--ink);
  font: 700 clamp(2rem, 4vw, 2.8rem)/1.12 var(--sans, system-ui, sans-serif) !important;
  letter-spacing: -.035em !important;
}
#portal-main > .hero h1 .house-heading-icon {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px;
}
#portal-main > .hero > div:first-child > p:not(.eyebrow) {
  max-width: 760px;
  line-height: 1.65;
}
#portal-main > .hero .actions { gap: 8px; margin: 18px 0 0; }
#portal-main > .hero .actions .button { min-height: 38px; padding: 8px 12px !important; font-size: 13px !important; }
.subject-mark { display: none !important; }
.guide-loading, .guide-load-error {
  margin: 0;
  padding: 20px;
  border-left: 4px solid #386675;
  background: #f2f5f3;
  color: #19364a;
}
.guide-load-error h2 { margin-top: 0; }
@media (max-width: 650px) {
  #portal-main > .hero { padding: 22px 18px !important; }
  #portal-main > .hero h1 { font-size: clamp(1.8rem, 7vw, 2.35rem) !important; }
  #portal-main > .hero h1 .house-heading-icon { width: 36px !important; height: 36px !important; flex-basis: 36px; }
}