/* ==========================================================================
   CMS helpers — loaded after style.css. Nothing here changes the approved
   design by default; these only apply when the owner picks an option.
   ========================================================================== */

/* K2: a heading whose tag was changed keeps its designed look (zero-specificity UA stand-ins) */
:where(.hx-h1){font-size:2em;font-weight:500}
:where(.hx-h2){font-size:1.5em;font-weight:500}
:where(.hx-h3){font-size:1.17em;font-weight:500}
:where(.hx-h4){font-size:1em;font-weight:500}
:where(.hx-h5){font-size:.83em;font-weight:500}
:where(.hx-h6){font-size:.67em;font-weight:500}
:where(div.hx){display:block}

/* K6: Advanced section options */
.cms-bg-white{background:#fff}
.cms-bg-dark{background:var(--earth);color:var(--ivory)}
.cms-bg-dark :where(h1,h2,h3,h4,.h-1,.h-2,.eyebrow,.lead,p){color:inherit}
.section.cms-pad-loose{padding-top:calc(var(--section) * 1.3);padding-bottom:calc(var(--section) * 1.3)}
.cms-pad-notop{padding-top:0 !important}
.cms-pad-nobottom{padding-bottom:0 !important}
.cms-pad-none{padding-top:0 !important;padding-bottom:0 !important}
@media (max-width: 760px){ .cms-hide-mobile{display:none !important} }

/* Logo image instead of the lotus mark */
.brand-mark--img img{display:block;width:100%;height:100%;object-fit:contain}

/* K3: Content block */
.cms-prose--article{margin:0 auto}
.cms-prose--article h2{text-align:center}
.cms-prose--article h2::after{content:"";display:block;width:48px;height:1px;background:var(--champagne);margin:14px auto 0}
.cms-prose img.img-left{float:left;margin:6px 24px 14px 0;max-width:48%}
.cms-prose img.img-right{float:right;margin:6px 0 14px 24px;max-width:48%}
.cms-prose img.img-center,.prose img.img-center{display:block;margin:18px auto}
.prose img{max-width:100%;height:auto;border-radius:var(--r-md)}
.prose table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.95rem}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.prose iframe{max-width:100%;border:0;border-radius:var(--r-md)}
.cms-html{display:block}

/* K4: FAQ — stacked layout + optional heading tag inside <summary> */
.faq--stacked{max-width:860px;margin:0 auto}
.faq-sub{max-width:62ch;margin:-12px auto 32px}
.faq summary .faq-q{display:inline;font:inherit;color:inherit;margin:0;letter-spacing:inherit;line-height:inherit}