/* AcadMates v1.4.21 / Build 447 — Help search/answer visibility and full school-name topbar refinement. */

/* Keep step-by-step FAQ answers readable when the data contains line breaks. */
.route-help .help-faq-answer p {
  white-space: pre-line;
  font-size: 13.5px;
  line-height: 1.72;
}

/* Search results are auto-expanded by the renderer; make the open state visually obvious. */
.route-help .help-faq-item[open] {
  border-color: rgba(81,106,145,.34);
  box-shadow: 0 8px 24px rgba(21,31,59,.07);
}
.route-help .help-faq-item[open] > summary {
  background: rgba(81,106,145,.035);
}
.route-help .help-faq-item[open] .help-faq-answer {
  background: rgba(255,255,255,.45);
}

/* Let the school identity use all remaining desktop space before Workspace/actions.
   The name may wrap rather than being clipped or ellipsized. */
@media screen and (min-width: 941px) {
  #app-shell .topbar .school-context {
    flex: 1 1 360px;
    min-width: 0;
    max-width: none;
    overflow: visible;
  }
  #app-shell .topbar .school-context-copy {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    overflow: visible;
  }
  #app-shell .topbar .school-context-copy strong {
    display: block;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    line-height: 1.22;
    overflow-wrap: anywhere;
  }
  #app-shell .topbar .top-actions {
    flex: 0 0 auto;
    margin-left: 10px;
  }
}

:root[data-theme="dark"] #app-shell .route-help .help-faq-item[open] > summary,
:root[data-theme="dark"] #app-shell .route-help .help-faq-item[open] .help-faq-answer {
  background: rgba(34,54,79,.46) !important;
}

/* v1.4.26 / Build 452 — large Help FAQ lists stay visually identical while
   off-screen answers can skip paint/layout work until they approach viewport. */
.route-help .help-faq-item {
  content-visibility: auto;
  contain-intrinsic-size: auto 118px;
}