/* Internal pages already provide a full page heading; avoid duplicating it. */
.mobile-app-header { display: none !important; }
@media (max-width: 768px) {
  /* Hide only site chrome. Lesson and article headers stay visible. */
  #header-container,
  #header.apple-style-header,
  body.page-home #home-content .header-content { display: none !important; }
  body.page-home .mobile-app-header {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start !important;
    width: 100%;
    padding: 1rem 1rem .5rem !important;
    margin-top: env(safe-area-inset-top, 0px) !important;
    box-sizing: border-box;
  }
  .brand-title {
    display: block !important;
    margin: 0 !important;
    font-size: 1.5rem !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: var(--text-color) !important;
  }
  .brand-highlight { color: var(--accent-color) !important; }
}