/* ==========================================================================
   MERIDIAN — text truncation utilities
   Multi-line ellipsis helpers.  `.mr-line-N` clamps text to N lines.
   IMPORTANT:
   - Relies ONLY on -webkit-line-clamp. Do NOT set max-height/width, or the
     last line gets hard-clipped (no ellipsis) instead of "...".
   - Must be applied to a BLOCK-level element (h2, p, div), NOT an inline
     <a>, otherwise -webkit-line-clamp has no effect.
   - "-webkit-box-orient: vertical" is REQUIRED for line-clamp to work.
     An "autoprefixer ignore next" comment sits before it in each rule
     below to stop build tools (autoprefixer / cssnano) from stripping
     that property, which would silently break the ellipsis.
   ========================================================================== */

.mr-line-2 {
    display: -webkit-box !important;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.mr-line-3 {
    display: -webkit-box !important;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.mr-line-5 {
    display: -webkit-box !important;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 5 !important;
    line-clamp: 5 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
}