/* CMS additions — loaded after assets/css/style.css. Keeps the approved stylesheet untouched
   (only its heading selectors were made tag-agnostic: h2 → :where(h2:not(.hx),.hx-h2)). */

/* ---- owner-facing section options (Advanced box in the section editor) ---- */
.sec-pad-sm{padding-top:clamp(32px,4vw,48px)!important;padding-bottom:clamp(32px,4vw,48px)!important}
.sec-pad-lg{padding-top:clamp(96px,11vw,150px)!important;padding-bottom:clamp(96px,11vw,150px)!important}
.sec-pad-top0{padding-top:0!important}
.sec-pad-bottom0{padding-bottom:0!important}
.sec-pad-none{padding-top:0!important;padding-bottom:0!important}
.sec-bg-white{background:#fff!important;color:var(--c-ink)}
.sec-bg-soft{background:var(--c-soft)!important;color:var(--c-ink)}
.sec-bg-night{background:var(--c-night)!important;color:var(--c-on-night)}
.sec-bg-night .lead{color:var(--c-on-night-2)}
@media (max-width:760px){.sec-hide-m{display:none!important}}

/* ---- H1–H6 selector: a heading whose tag was changed keeps its designed look ---- */
:where(.hx-h1){font-size:2em;font-weight:600}
:where(.hx-h2){font-size:1.5em;font-weight:600}
:where(.hx-h3){font-size:1.17em;font-weight:600}
:where(.hx-h4){font-size:1em;font-weight:600}
:where(.hx-h5){font-size:.83em;font-weight:600}
:where(.hx-h6){font-size:.67em;font-weight:600}
:where(div.hx){display:block;font-family:var(--font-display);line-height:1.12;letter-spacing:-.025em;margin:0 0 .5em}

/* ---- rich-text editor output ---- */
.prose img.img-left{float:left;width:46%;margin:.4rem 1.6rem 1rem 0}
.prose img.img-right{float:right;width:46%;margin:.4rem 0 1rem 1.6rem}
.prose img.img-center{width:70%;margin-left:auto;margin-right:auto;display:block}
.prose h2,.prose h3,.prose h4,.prose table,.prose blockquote,.prose hr{clear:both}
.prose hr{border:0;border-top:1px solid var(--c-line);margin:2.4rem 0}
.prose::after{content:"";display:table;clear:both}
@media (max-width:640px){.prose img.img-left,.prose img.img-right,.prose img.img-center{float:none;width:100%;margin:1.4rem 0}}

/* ---- empty content block renders nothing; section shell for a lone prose block ---- */
.prose-sec .prose{margin-inline:auto}
.prose-sec.prose-center .prose{text-align:left}

/* ---- logo wall from the global Client Logos list (images may be any size) ---- */
.logo-wall img{height:auto}
.faq summary .hx{font:inherit;margin:0;letter-spacing:inherit;line-height:inherit}