/* Homepage sections inside a designed page (HomeSectionService). Their look
   comes from marketing-styles.css, exactly as on the built-in homepage; this
   only undoes what the page builder's reading column would add around them.
   Loaded by the editor preview AND the public page. */

/* each section is a full-width band, stacked edge to edge like the homepage */
.cm-content > .cm-homesec {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.cm-content .cm-homesec {
    font-size: 16px;
    line-height: 1.5;
    color: #212529;
    text-align: start;
}

/* the site stylesheet sets these to sans-serif on the homepage; the builder's
   own font rules must not reach them. The homepage's Playfair titles carry
   more specific !important rules in marketing-styles.css and still win. */
.cm-content .cm-homesec p,
.cm-content .cm-homesec a,
.cm-content .cm-homesec h1,
.cm-content .cm-homesec h2,
.cm-content .cm-homesec h3,
.cm-content .cm-homesec h4,
.cm-content .cm-homesec h5,
.cm-content .cm-homesec h6 { font-family: sans-serif !important; }

.cm-content .cm-homesec h1,
.cm-content .cm-homesec h2,
.cm-content .cm-homesec h3,
.cm-content .cm-homesec h4,
.cm-content .cm-homesec h5,
.cm-content .cm-homesec h6 { font-weight: bold; }

.cm-content .cm-homesec li,
.cm-content .cm-homesec span,
.cm-content .cm-homesec button { font-family: inherit !important; }

.cm-content .cm-homesec p { margin: 0 0 1rem; }
.cm-content .cm-homesec img { height: auto; }

/* a page that opens on a homepage section starts right under the header,
   as the homepage does (its hero carries the room for the fixed header) */
.blogx-page.menu-page--home { margin-top: 0; }
.menu-page--home .blogx-article { padding-top: 0; padding-bottom: 0; }
/* the draft notice would hide under the header there, so it floats instead */
.menu-page--home .menu-page__draft {
    position: fixed;
    left: 50%;
    bottom: 16px;
    z-index: 1000;
    margin: 0;
    transform: translateX(-50%);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
}

/* editor: the section is drawn in a desktop-width frame scaled to the card
   (article-editor.js paintHomeFrame), filling the card edge to edge */
.cm-scope .cm-block-card__preview.has-home-frame { padding: 0; }
.cm-scope .cm-home-frame__holder { position: relative; overflow: hidden; }
.cm-scope .cm-home-frame {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    transform-origin: 0 0;
    pointer-events: auto;
}