/* =========================================================
   MOBILE / SMALL-SCREEN PROSE JUSTIFICATION v84
   Final cascade layer: keeps long-form copy aligned on both
   left and right edges across the portfolio at <= 900px.
   Loaded after page-specific styles so it cannot be undone by
   older mobile rules (including the Home <=760px left reset).
   ========================================================= */
@media (max-width: 900px){
  /* Long-form prose and definition text */
  main p,
  main dd,
  main li p,
  .home-atlas-page .ha-academic-brief p,
  .story-page .story-chapter p,
  .automation-academic-section .automation-project-summary,
  .automation-academic-section .automation-project-facts dd,
  .automation-academic-section .automation-project-notes p {
    text-align: justify !important;
    text-align-last: left !important;
    text-justify: inter-word !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  /* Short interface / metadata copy should never be stretched. */
  main .ha-eyebrow,
  main .ha-role,
  main .portfolio-meta-line,
  main .breadcrumbs,
  main .blog-meta,
  main .blog-submeta,
  main .ha-main-caption p,
  main .ha-result-dials p,
  main .ha-signal-strip p,
  main .ha-signal-strip span,
  main .ha-o6-panel p,
  main .ha-o6-panel span,
  main .automation-project-github-note,
  main .media-note-title,
  main .button,
  main .read-more,
  main figcaption,
  main .caption,
  main .kicker,
  main .eyebrow {
    text-align: left !important;
    text-align-last: auto !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
  }
}