/* CMS additions — loaded after the approved style.css, which stays as designed. */

/* ---- owner-facing section options (Advanced box in the section editor) ---- */
.sec-pad-tight{padding-top:2.5rem!important;padding-bottom:2.5rem!important}
.sec-pad-lg{padding-top:7rem!important;padding-bottom:7rem!important}
.sec-pad-top0{padding-top:0!important}
.sec-pad-bottom0{padding-bottom:0!important}
.sec-bg-dark{background:var(--c-dark)!important;color:#f6e9e2}
.sec-bg-dark :where(h2,h3,.hx-h2,.hx-h3,p,.lead){color:#f6e9e2}
.sec-w-narrow .wrap{max-width:860px}
.sec-w-wide .wrap{max-width:1380px}
@media (max-width:760px){.sec-hide-m{display:none!important}.sec-pad-lg{padding-top:4.5rem!important;padding-bottom:4.5rem!important}}

/* ---- H1–H6 selector: a heading whose tag was changed keeps its designed look.
   style.css targets `.hx-h2` etc. alongside the real tag; these zero-specificity rules only
   stand in for the browser's default size/weight of the designed tag. ---- */
:where(.hx-h1){font-size:2em;font-weight:700}
:where(.hx-h2){font-size:1.5em;font-weight:700}
:where(.hx-h3){font-size:1.17em;font-weight:700}
:where(.hx-h4){font-size:1em;font-weight:700}
:where(.hx-h5){font-size:.83em;font-weight:700}
:where(.hx-h6){font-size:.67em;font-weight:700}
:where(div.hx){display:block}

/* ---- FAQ question as a heading (when "Question tag" is set) keeps the summary look ---- */
.faq summary .faq-q{display:inline;font:inherit;color:inherit;margin:0;letter-spacing:inherit}

/* ---- dropdown sub-menus (Menus → "Parent") ---- */
.nav-links li{position:relative}
.nav-links .submenu{list-style:none;margin:0;padding:.5rem 0;position:absolute;left:-1rem;top:100%;min-width:230px;background:var(--c-white);border:1px solid var(--c-line);border-radius:12px;box-shadow:0 18px 40px rgba(47,18,18,.12);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:50}
.nav-links li.has-children:hover>.submenu,.nav-links li.has-children:focus-within>.submenu{opacity:1;visibility:visible;transform:none}
.nav-links .submenu a{display:block;padding:.55rem 1.1rem;font-size:.93rem}
.nav-links .submenu a::after{display:none}
.nav-links .caret{display:inline-block;width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin:0 0 3px .45rem}
@media (max-width:1023px){
  .nav-links .submenu{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;background:none;padding:0 0 .4rem 1rem;min-width:0}
  .nav-links .submenu a{font-size:1rem;padding:.6rem 0;border-bottom:0}
  .nav-links .caret{display:none}
}

/* ---- Content block (prose) ---- */
.prose{max-width:760px;margin:0 auto;color:var(--c-text);line-height:1.75}
.prose.prose-wide{max-width:none}
.prose h2,.prose h3,.prose h4{color:var(--c-ink);margin:2rem 0 .8rem}
.prose h2:first-child,.prose h3:first-child{margin-top:0}
.prose p,.prose ul,.prose ol{margin:0 0 1.1rem}
.prose ul,.prose ol{padding-left:1.3rem}
.prose a{color:var(--c-accent-dark)}
.prose img{max-width:100%;height:auto;border-radius:12px}
.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{display:block;width:70%;margin:1.2rem auto}
.prose h2,.prose h3,.prose table,.prose blockquote,.prose hr{clear:both}
.prose blockquote{margin:1.6rem 0;padding:1rem 1.3rem;border-left:3px solid var(--c-accent);background:var(--c-bg-2);border-radius:0 10px 10px 0}
.prose table{width:100%;border-collapse:collapse;margin:1.4rem 0;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--c-line);padding:.6rem .8rem;text-align:left;vertical-align:top}
.prose th{background:var(--c-bg-2);color:var(--c-ink)}
.prose hr{border:0;border-top:1px solid var(--c-line);margin:2.2rem 0}
.prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:12px;margin:1.2rem 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.2rem 0}}