/* CMS additions — loaded after the approved site.css (which is otherwise untouched apart from the K2 heading transform). */

/* ---- owner-facing section options (Advanced box in the section editor) ---- */
.sec-pad-sm{padding-top:clamp(28px,4vw,48px)!important;padding-bottom:clamp(28px,4vw,48px)!important}
.sec-pad-lg{padding-top:clamp(90px,12vw,150px)!important;padding-bottom:clamp(90px,12vw,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-paper{background:var(--wash-blue)!important}
.sec-bg-warm{background:var(--wash-cream)!important}
.sec-bg-white{background:#fff!important}
.sec-bg-dark{background:var(--navy-deep)!important;color:#c3cae0}
.sec-bg-dark h2,.sec-bg-dark h3{color:#fff}
@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(div.hx){display:block}
.ind .ind__title{display:block;font:600 1.05rem/1.3 var(--f-head);color:var(--ink);margin:0 0 6px}

/* ---- FAQ question headings inside <summary> look like the designed summary text ---- */
.faq summary .faq-q{font:inherit;color:inherit;margin:0;display:inline;letter-spacing:0}

/* ---- rich-text editor output ---- */
.prose--center{margin-inline:auto}
.prose--wide{max-width:none}
.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-inline:auto}
.prose h2,.prose h3,.prose table,.prose blockquote,.prose hr{clear:both}
.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%}}

/* ---- rows value span + form status spacing ---- */
.rows li span p{margin:0}
.form .form__status{margin:0}
.chips .chip small{opacity:.65}
/* editor "em" accent = the designed highlight */
.hero :where(h1,h2,.hx) em{font-style:normal;color:var(--navy);background:linear-gradient(transparent 70%,rgba(242,207,63,.75) 70%);padding:0 .06em}
.head :where(h1,h2,h3,.hx) em{font-style:normal;color:var(--navy)}