/* Self-Hosted / On-Premise landing page — /self-hosted-bug-reporting
   Loaded by application/views/self-hosted-bug-reporting.php (marketing site).
   Layout only; all page markup lives in the view, behaviour in
   assets/js/pages/self-hosted.js. */

/* --- Hero --------------------------------------------------------------
   Reuses the site's .alts1 hero (bg1.png background). Two scoped fixes:
   trim the oversized padding (.alts1 is padded for a hero graphic this
   page doesn't use) and centre the intro copy under the heading. */
.shp-hero { padding: 130px 0 55px !important; }
/* keep the main title on one line so the coloured "for Enterprise" span is line 2
   (65px wrapped it to 3 lines); span size scoped so it doesn't exceed the title. */
.shp-hero h1 { font-size: 48px; line-height: 1.18; }
.shp-hero h1 span { font-size: 44px; }
/* let the intro copy use the width: .alts1 .ctext adds 120px side padding that
   squeezed the text to ~520px (→ 6 lines); drop it and cap at a readable width. */
.shp-hero .ctext { max-width: 960px; margin: 0 auto; padding-left: 0; padding-right: 0; }
.shp-hero .ctext p { max-width: none; }
.shp-hero .rowbtns { margin-top: 26px; }

/* --- Content -----------------------------------------------------------
   The legacy .ctextinfo styles zero heading margins and don't style lists,
   so re-establish reading rhythm scoped to this page (!important is needed
   only to win over that legacy reset). */
.shp-content { padding-top: 30px !important; }
/* Legacy .ctextinfo floats paragraphs (and headings) left, which pulls the block
   <ul> up over the intro <p> so the bullet lands on its first letter — clear it. */
.shp-content .ctextinfo h2,
.shp-content .ctextinfo h3,
.shp-content .ctextinfo p,
.shp-content .ctextinfo ul { float: none !important; width: auto; }
.shp-content .ctextinfo h2 { margin: 40px 0 14px !important; font-size: 26px; line-height: 1.3; }
.shp-content .ctextinfo h2:first-child { margin-top: 0 !important; }
.shp-content .ctextinfo h3 { margin: 22px 0 6px !important; }
.shp-content .ctextinfo p { margin: 0 0 12px !important; line-height: 1.65; }
/* Lists: flush the bullet with the content's left edge (was indented 22px, which
   made "How…" / "Everything…" look misaligned against the headings & paragraphs). */
.shp-content .ctextinfo ul { margin: 6px 0 16px !important; padding-left: 0; list-style: none; }
.shp-content .ctextinfo ul li { position: relative; padding-left: 20px; margin-bottom: 10px; line-height: 1.6; }
.shp-content .ctextinfo ul li::before { content: "\2022"; position: absolute; left: 2px; top: 0; color: #1dd3e3; font-weight: 700; }
.shp-content .ctextinfo code { background: #f0fbfc; border: 1px solid #d6eef1; border-radius: 4px; padding: 1px 6px; font-size: 90%; }