/* Delhi Web Designer CMS — small additions on top of the approved design CSS.
   (site.css / pages/*.css are the approved files; heading selectors there also match .hx-hN, see README.) */

/* H1–H6 selector: zero-specificity stand-ins so a heading switched to another tag keeps a sensible size */
:where(.hx-h1){font-size:2em;font-weight:400}:where(.hx-h2){font-size:1.5em;font-weight:400}:where(.hx-h3){font-size:1.17em;font-weight:400}
:where(.hx-h4){font-size:1em;font-weight:400}:where(.hx-h5){font-size:.83em}:where(.hx-h6){font-size:.67em}
:where(.hx){display:block;margin:0;line-height:1.1;text-wrap:balance}
.faq__item summary .faq__q{font:inherit;margin:0;letter-spacing:inherit;text-transform:none}

/* "Advanced" box on every section */
.sec-pad-sm{padding-block:calc(var(--section) * .55)!important}
.sec-pad-lg{padding-block:calc(var(--section) * 1.35)!important}
.sec-pad-top0{padding-top:0!important}.sec-pad-bottom0{padding-bottom:0!important}.sec-pad-none{padding-block:0!important}
.sec-bg-raised{background:var(--card)}
.sec-bg-glow{background:radial-gradient(60% 70% at 50% 0%,var(--coral-glow),transparent 70%)}
@media (max-width:760px){.sec-hide-m{display:none!important}}

/* Content-block width */
.prose--wide{max-width:none}

/* images inserted with the editor */
.prose img.img-left{float:left;margin:.3em 1.4em 1em 0;max-width:46%}
.prose img.img-right{float:right;margin:.3em 0 1em 1.4em;max-width:46%}
.prose img.img-center{margin-inline:auto}
.prose table{width:100%;border-collapse:collapse;font-size:.95rem}
.prose td,.prose th{border:1px solid var(--line);padding:.5rem .7rem;text-align:left}
.prose blockquote{border-left:3px solid var(--coral);padding-left:1.2rem;font-family:var(--f-serif);font-size:1.2em}
.prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:var(--r-media)}

/* signature dot written as <strong> in headings renders as .dot (coral) — keep weight */
.dot{font-weight:inherit}