/* ============================================================================
   SHARED CHROME — rules the compiled bundle does not carry (issue #101)
   ----------------------------------------------------------------------------
   Standalone rather than part of the SCSS pipeline, for the reason documented in
   hero-search.css and capabilities.css: compiling the pipeline needs Node, which not every
   dev machine has, and the committed customerportal.min.css is several modules stale.
   Loaded by both layouts after that bundle. These are rules shared across areas, so they
   do not belong in any one page's stylesheet.
   ============================================================================ */

/* ── The inner hero band ──────────────────────────────────────────────────────
   .cp-inner-hero-content is used by 15 views and was defined nowhere: the theme names
   this rule .cp-inner-hero-inner (Styles/modules/_industrial.scss), and no view uses that
   name. Without it the content is a static box, so .cp-inner-hero-grid — absolutely
   positioned over the whole band — paints its grid lines on top of the title and body
   text instead of behind them. Found while giving chat's hero the same treatment as the
   rest of the portal; it fixes the band everywhere it is used. */
.cp-inner-hero-content {
    position: relative;
    z-index: 1;
}

/* ── The shared module grid's optional card bits ──────────────────────────────
   Views/Shared/_HubModuleGrid.cshtml gained three optional per-card fields so that
   Visibility Chat's board index could use the same grid the Documentation and Visibility
   University hubs use: a Description line, a free-text Meta line in place of the article
   count, and a Badge. Only the description needs styling the compiled visu-module-* rules
   do not already provide — Meta reuses .visu-module-count and Badge reuses .conf-badge. */

.visu-module-desc {
    font-size: 0.82rem;
    line-height: 1.5;
    color: #475569;
    /* Two lines, so one wordy board cannot make its card twice the height of its
       neighbours and break the grid's rhythm. */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* The count is the card's baseline, so it sits last however the fields are ordered. */
.visu-module-card .visu-module-count {
    margin-top: auto;
    padding-top: 4px;
}

.visu-module-card .conf-badge {
    margin-top: 8px;
    font-size: 10px;
}