/*
 * BERKE DESIGN CONTRACT v1.3 — 0.22.4
 * This file is deliberately enqueued LAST. It owns invariants, not aesthetics.
 */

/* Surface contract ------------------------------------------------------- */
body.berke-system-v0200 main [data-berke-surface="dark"]{
  color:var(--berke-color-white,#fff)!important;
}
body.berke-system-v0200 main [data-berke-surface="dark"] :where(
  h1,h2,h3,h4,h5,h6,p,li,dt,dd,summary,label,legend,blockquote,
  [class*="__title"],[class*="__heading"],[class*="__lead"],[class*="__copy"]
):not([data-berke-surface="light"] *){color:var(--berke-color-white,#fff)!important}
body.berke-system-v0200 main [data-berke-surface="dark"] :where(
  small,figcaption,[class*="__meta"],[class*="__caption"],[class*="__eyebrow"],[class*="__kicker"]
):not([data-berke-surface="light"] *){color:#bfeaff!important}
body.berke-system-v0200 main [data-berke-surface="dark"] a:not([class*="button"]):not(.button):not([role="button"]):not([data-berke-surface="light"] *){color:#9fe8ff!important}
body.berke-system-v0200 main [data-berke-surface="light"]{
  color:var(--berke-color-text,#173f55)!important;
}
body.berke-system-v0200 main [data-berke-surface="light"] :where(h1,h2,h3,h4,h5,h6,[class*="__title"],[class*="__heading"]){color:var(--berke-color-heading,#0f2439)!important}
body.berke-system-v0200 main [data-berke-surface="light"] :where(p,li,dt,dd,summary,label,legend,small,figcaption,[class*="__meta"],[class*="__caption"]){color:var(--berke-color-text,#173f55)!important}


/* Button contrast contract ------------------------------------------------
 * Buttons are their own surface. A dark-section link rule must never recolor
 * a white/light button. Light/secondary button text stays deep navy so the
 * foreground remains readable on white and near-white fills.
 */
body.berke-system-v0200 main :where(a,button,[role="button"])[class*="button--light"],
body.berke-system-v0200 main :where(a,button,[role="button"])[class*="button--secondary"]{
  color:#123a5a!important;
  text-shadow:none!important;
}
body.berke-system-v0200 main :where(a,button,[role="button"])[class*="button--light"] :where(svg,path),
body.berke-system-v0200 main :where(a,button,[role="button"])[class*="button--secondary"] :where(svg,path){
  color:currentColor!important;
  stroke:currentColor;
}
body.berke-system-v0200 main [data-berke-surface="dark"] :where(a,button,[role="button"])[class*="button--light"],
body.berke-system-v0200 main [data-berke-surface="dark"] :where(a,button,[role="button"])[class*="button--secondary"]{
  color:#123a5a!important;
}

/* Form surface contract -------------------------------------------------
 * Shared intake forms are independent light surfaces even when nested in a
 * dark CTA section. Parent surface rules may never recolor form copy or
 * controls. Controls must remain visibly bounded and placeholder copy must
 * remain WCAG-readable on white.
 */
body.berke-system-v0200 main [data-berke-form-surface="light"]{
  background:#fff!important;
  color:#173f55!important;
  color-scheme:light;
}
body.berke-system-v0200 main [data-berke-form-surface="light"] :where(
  h1,h2,h3,h4,h5,h6,p,label,legend,strong,small,
  .berke-intake-step__head strong,.berke-intake-step__head small,
  .berke-choice-field__hint,.berke-intake-privacy,.berke-intake-status
){color:#173f55!important}
body.berke-system-v0200 main [data-berke-form-surface="light"] :where(
  input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),textarea,select
){
  background:#fff!important;
  color:#123a5a!important;
  border-color:#7893a4!important;
  caret-color:#123a5a!important;
  box-shadow:none;
  opacity:1!important;
}
body.berke-system-v0200 main [data-berke-form-surface="light"] :where(
  input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),textarea
)::placeholder{
  color:#607688!important;
  opacity:1!important;
}
body.berke-system-v0200 main [data-berke-form-surface="light"] select :where(option,optgroup){
  background:#fff!important;
  color:#123a5a!important;
}
body.berke-system-v0200 main [data-berke-form-surface="light"] :where(
  input:not([type="hidden"]),textarea,select
):focus{
  border-color:#167fa4!important;
  box-shadow:0 0 0 3px rgba(22,127,164,.16)!important;
  outline:none!important;
}
body.berke-system-v0200 main [data-berke-form-surface="light"] .berke-choice-card__surface,
body.berke-system-v0200 main [data-berke-form-surface="light"] .berke-service-picker__group,
body.berke-system-v0200 main [data-berke-form-surface="light"] .berke-service-picker__option{
  color:#173f55!important;
}

/* Split media/copy contract -------------------------------------------- */
@media (min-width:56.001rem){
  body.berke-system-v0200 main [data-berke-section-edge="v1"]{
    align-items:stretch!important;
  }
  body.berke-system-v0200 main [data-berke-section-edge="v1"] > *{
    align-self:stretch!important;
    min-block-size:0!important;
    margin-block-start:0!important;
    margin-block-end:0!important;
  }
  body.berke-system-v0200 main [data-berke-section-edge="v1"] > :where(figure,[class*="__visual"],[class*="__media"]){
    display:flex!important;
    flex-direction:column!important;
    block-size:100%!important;
    max-block-size:none!important;
  }
  body.berke-system-v0200 main [data-berke-section-edge="v1"] > :where(figure,[class*="__visual"],[class*="__media"]) :where(picture,img):first-child{
    flex:1 1 auto!important;
    min-block-size:0!important;
  }
  body.berke-system-v0200 main [data-berke-section-edge="v1"] > :where(figure,[class*="__visual"],[class*="__media"]) img{
    inline-size:100%!important;
    block-size:100%!important;
    max-block-size:none!important;
    object-fit:cover!important;
  }
}

/* Hero contract --------------------------------------------------------- */
@media (min-width:56.001rem){
  body.berke-system-v0200 main [data-berke-hero-contract="v3"] [data-berke-hero-grid]{align-items:stretch!important}
  body.berke-system-v0200 main [data-berke-hero-contract="v3"] :where([data-berke-hero-copy],[data-berke-hero-visual]){
    align-self:stretch!important;
    block-size:100%!important;
    margin-block:0!important;
  }
  body.berke-system-v0200 main [data-berke-hero-contract="v3"] [data-berke-hero-copy]{justify-content:flex-start!important}
  body.berke-system-v0200 main [data-berke-hero-contract="v3"] [data-berke-hero-completion]{margin-block-start:auto!important}
  body.berke-system-v0200 main [data-berke-hero-contract="v3"] [data-berke-hero-visual] img{
    block-size:100%!important;
    max-block-size:none!important;
    object-fit:cover!important;
  }
}

/* Prevent common structural regressions -------------------------------- */
body.berke-system-v0200 main img{max-inline-size:100%;height:auto}
body.berke-system-v0200 main :where(a,button,input,select,textarea){max-inline-size:100%}
@media (max-width:56rem){
  body.berke-system-v0200 main [data-berke-section-edge="v1"] > *,
  body.berke-system-v0200 main [data-berke-hero-contract="v3"] :where([data-berke-hero-copy],[data-berke-hero-visual]){
    block-size:auto!important;
    min-block-size:0!important;
  }
}

/* Admin-only runtime QA badge/panel ------------------------------------ */
.berke-design-qa-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .55rem;border-radius:999px;font-size:11px;font-weight:800;cursor:pointer;border:1px solid rgba(255,255,255,.28)}
.berke-design-qa-badge.is-pass{background:#0d6b4c;color:#fff}.berke-design-qa-badge.is-fail{background:#9d2e2e;color:#fff}.berke-design-qa-badge.is-wait{background:#65551a;color:#fff}
.berke-design-qa-panel{position:fixed;z-index:999999;inset-block-start:72px;inset-inline-start:16px;inline-size:min(420px,calc(100vw - 32px));max-block-size:70vh;overflow:auto;padding:16px;background:#fff;color:#14293b;border:1px solid #cbd8e0;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.25);direction:rtl;font-family:inherit}
.berke-design-qa-panel[hidden]{display:none}.berke-design-qa-panel h3{margin:0 0 10px;color:#0f2439!important}.berke-design-qa-panel ul{margin:0;padding-inline-start:20px}.berke-design-qa-panel li{margin-block:6px;color:#25445b!important;font-size:13px!important}.berke-design-qa-panel button{margin-block-start:12px}

/* 0.22.3 Core enforcement: overflow, controls, hero v4 ---------------- */
html,body{max-inline-size:100%;overflow-x:clip}
body.berke-system-v0200 main,
body.berke-system-v0200 main :where(section,article,div,form,fieldset,figure){min-inline-size:0}
body.berke-system-v0200 main :where(img,svg,video,iframe,canvas){max-inline-size:100%}
body.berke-system-v0200 main :where(input,select,textarea,button,.berke-ui-button,.berke-core-button){box-sizing:border-box}
body.berke-system-v0200 main :where(button,input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,.berke-ui-button,.berke-core-button){min-block-size:44px}
body.berke-system-v0200 main :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea){border-radius:10px}
body.berke-system-v0200 main textarea{min-block-size:112px;resize:vertical}
body.berke-system-v0200 main :where(button,.berke-ui-button,.berke-core-button){line-height:1.25}

@media (min-width:56.001rem){
 body.berke-system-v0200 main [data-berke-hero-contract="v4"] [data-berke-hero-grid]{align-items:stretch!important}
 body.berke-system-v0200 main [data-berke-hero-contract="v4"] :where([data-berke-hero-copy],[data-berke-hero-visual]){align-self:stretch!important;block-size:100%!important;margin-block:0!important;min-inline-size:0!important}
 body.berke-system-v0200 main [data-berke-hero-contract="v4"] [data-berke-hero-copy]{display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
 body.berke-system-v0200 main [data-berke-hero-contract="v4"] [data-berke-hero-completion]{margin-block-start:auto!important}
 body.berke-system-v0200 main [data-berke-hero-contract="v4"] [data-berke-hero-visual]{display:flex!important;overflow:hidden}
 body.berke-system-v0200 main [data-berke-hero-contract="v4"] [data-berke-hero-visual] :where(picture,img){inline-size:100%!important;block-size:100%!important;max-block-size:none!important}
 body.berke-system-v0200 main [data-berke-hero-contract="v4"] [data-berke-hero-visual] img{object-fit:cover!important}
}
@media (max-width:56rem){
 body.berke-system-v0200 main [data-berke-hero-contract="v4"] :where([data-berke-hero-copy],[data-berke-hero-visual]){block-size:auto!important;min-block-size:0!important;min-inline-size:0!important}
}

/* 0.22.4 QA cleanup ------------------------------------------------------
 * Core geometry rules. These are intentionally conservative and are scoped
 * to the public content tree so WordPress admin chrome does not affect QA.
 */
body.berke-system-v0200 main{
  inline-size:100%;
  max-inline-size:100%;
  overflow-wrap:anywhere;
}
body.berke-system-v0200 main :where(.berke-core-container,.berke-request-container,[class*="__container"],[class$="-container"]){
  max-inline-size:100%;
  min-inline-size:0;
  box-sizing:border-box;
}
body.berke-system-v0200 main :where(.berke-core-actions,[class*="__actions"],[class*="-actions"]){
  min-inline-size:0;
  flex-wrap:wrap;
}
body.berke-system-v0200 main :where(a[class*="button"],button,[role="button"],input[type="submit"],input[type="button"]){
  min-block-size:44px;
  box-sizing:border-box;
}
body.berke-system-v0200 main :where(input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),select){
  min-block-size:44px;
}
body.berke-system-v0200 main :where(input[type="radio"],input[type="checkbox"]){
  min-block-size:0!important;
  min-inline-size:0!important;
}
body.berke-system-v0200 main :where(.berke-core-media-v0403,[data-berke-hero-visual]){
  min-inline-size:0;
  overflow:hidden;
}
body.berke-system-v0200 main [data-berke-hero-contract="v4"] [data-berke-hero-grid] > *{
  min-inline-size:0!important;
}
body.berke-system-v0200 main [data-berke-hero-contract="v4"] [data-berke-hero-visual] :where(figure,picture){
  inline-size:100%;
  max-inline-size:100%;
  margin:0;
}
@media (max-width:56rem){
  body.berke-system-v0200 main [data-berke-hero-contract="v4"] [data-berke-hero-grid]{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.berke-system-v0200 main [data-berke-hero-contract="v4"] [data-berke-hero-copy]{order:1!important}
  body.berke-system-v0200 main [data-berke-hero-contract="v4"] [data-berke-hero-visual]{order:2!important}
  body.berke-system-v0200 main :where(a[class*="button"],button,[role="button"],input[type="submit"],input[type="button"]){
    max-inline-size:100%;
  }
}