/* AriseVida Careers — "Open roles" phone branch (AriseVida-Careers-Open-Roles-Mobile-v1).
   Linked from careers.html after styles.css. Only the two display:none rules are active outside the
   phone band; every design rule is phone-scoped and mounts only after the controller succeeds.
   Typography (Sep 2026) follows the Methadone page's mobile roles: the built head carries the
   shared [data-av-mobile-section-heading] hooks (open-roles.js); team names, role rows, the sheet
   and the moved application form reuse the what-is item title, FAQ, process-card, svcp label,
   benefits h3, hero action/caption and insurance-form label roles with the site fonts. */
[data-avc-open-roles],.avc-or-dialog{display:none}
@media(max-width:767.98px){
  [data-avc-or-host-ready]{padding:0!important}
  [data-avc-or-host-ready] > :not([data-avc-open-roles]){display:none!important}
  [data-avc-open-roles]{display:block}
  .avc-or,.avc-or-dialog{--or-cream:#fdfbf6;--or-ink:#090f1c;--or-teal:#008388;--or-muted:#526b7b;--or-line:#c9dcda;--or-serif:var(--font-display,Georgia,serif);--or-sans:var(--font-sans,Inter,Arial,sans-serif);color:var(--or-ink);font-family:var(--or-sans);font-size:1rem;font-weight:400;line-height:1.45;text-align:left;letter-spacing:normal;box-sizing:border-box;color-scheme:light}
  .avc-or *,.avc-or-dialog *{box-sizing:border-box}
  .avc-or [hidden],.avc-or-dialog [hidden]{display:none!important}
  /* Sep 2026 sizing pass: the site's phone gutters (clamp(18px,6.15vw,28px) → 24px at 390, as the Methadone FAQ
     rows and the Careers values cards) instead of the package's 10.3% (40px); rows at the Methadone accordion's
     70px; 13px metadata; 17px role titles; 12px radii. */
  .avc-or{--avc-or-css-ready:1;background:var(--or-cream);padding:1.65rem clamp(18px,6.15vw,28px) 1.25rem;margin:0 auto;width:100%;max-width:42rem}
  .avc-or :where(h2,h3,p,ul),.avc-or-dialog :where(h2,h3,p,ul){margin:0}
  .avc-or :where(button,summary,a),.avc-or-dialog :where(button,summary,a){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .avc-or :where(button,summary,a):focus:not(:focus-visible),.avc-or-dialog :where(button,summary,a,[tabindex='-1']):focus:not(:focus-visible){outline:none}
  .avc-or :where(button,summary,a):focus-visible,.avc-or-dialog :where(button,summary,a):focus-visible{outline:2px solid var(--or-teal);outline-offset:3px}
  /* 2026-09-24 clean field focus: application fields show focus on their own border; 1px ring only for keyboard focus (--av-ring-w) */
  .avc-or-dialog :where(input:not([type=checkbox],[type=radio],[type=file]),textarea,select):focus,.avc-or-dialog :where(input:not([type=checkbox],[type=radio],[type=file]),textarea,select):focus-visible{outline:none;box-shadow:0 0 0 var(--av-ring-w,1px) var(--or-teal)}
  .avc-or-dialog :where(input:not([type=checkbox],[type=radio],[type=file]),textarea,select):not(.cr-invalid,[aria-invalid="true"]):focus{border-color:var(--or-teal)}
  /* invalid fields keep their error border (and message) while focused/typing; the keyboard ring takes the error colour */
  .avc-or-dialog :where(input,textarea,select):is(.cr-invalid,[aria-invalid="true"]):focus,.avc-or-dialog :where(input,textarea,select):is(.cr-invalid,[aria-invalid="true"]):focus-visible{outline:none;border-color:var(--terra-400,#D86C45);box-shadow:0 0 0 var(--av-ring-w,1px) var(--terra-400,#D86C45)}
  .avc-or-dialog input[type=file]:focus-visible{outline:2px solid var(--or-teal);outline-offset:3px}
  .avc-or :where(button,summary),.avc-or-dialog :where(button,summary){font:inherit;color:inherit;cursor:pointer}
  .avc-or button,.avc-or-dialog button{appearance:none;box-shadow:none;text-transform:none;letter-spacing:inherit}
  .avc-or__intro{position:static;background:transparent;border:0;padding:0;text-align:center;margin:0}
  /* eyebrow / title / lede: type, colour and rhythm come from the shared mobile section-head system */
  .avc-or__title{overflow-wrap:break-word}
  /* caption role (Methadone hero tile caption) */
  .avc-or__notice{font-size:13px;line-height:1.35;color:var(--ink-600,#3a5560);margin-top:.65rem!important;text-wrap:balance}
  /* list label role (Methadone .av-methadone-benefits__list-label) */
  .avc-or__teams-label{text-align:center;letter-spacing:.2em;font-size:clamp(9px,2.35vw,10.5px);line-height:1.35;font-weight:600;text-transform:uppercase;color:#0b5c5e;margin:1.1rem 0 .7rem!important}
  .avc-or__team{margin:0 0 .6rem;border:1px solid #dce2e3;border-radius:.75rem;background:#fff;min-width:0;transition:background-color 250ms ease,border-color 250ms ease}
  .avc-or__team:is([data-avc-or-state="open"],[data-avc-or-state="opening"]){background:linear-gradient(120deg,#edf7f3,#eaf5f2);border-color:#b8d9d8}
  .avc-or__team-trigger{display:grid;grid-template-columns:2.9rem minmax(0,1fr) 2.5rem;gap:.9rem;align-items:center;list-style:none;min-height:4.4rem;padding:.8rem .7rem .8rem .95rem;border-radius:inherit}
  .avc-or__team-trigger::-webkit-details-marker,.avc-or-sheet__qualifications>summary::-webkit-details-marker{display:none}
  .avc-or__team-trigger::marker,.avc-or-sheet__qualifications>summary::marker{content:''}
  .avc-or__team-icon{display:block;width:2.9rem;height:2.9rem;object-fit:contain;border-radius:50%;/* Remove only outer white canvas via a circular CSS window. */transform:scale(1.16);clip-path:circle(43%);mix-blend-mode:multiply}
  .avc-or__team-copy,.avc-or__role-copy{min-width:0;display:block}
  /* item title role (Methadone .av-methadone-what__item-title) + caption role */
  .avc-or__team-name{display:block;color:#0b2127;font:500 clamp(18px,4.7vw,19.5px)/1.16 var(--or-serif);letter-spacing:-.015em;overflow-wrap:anywhere}
  .avc-or__team-count{display:block;color:var(--ink-600,#3a5560);font-size:13px;line-height:1.35;margin-top:.2rem}
  .avc-or__toggle{width:2.25rem;height:2.25rem;background:#eef7f3;border-radius:50%;position:relative;display:block;margin:auto}
  .avc-or__team:is([data-avc-or-state="open"],[data-avc-or-state="opening"]) .avc-or__toggle{background:#ddefe9}
  .avc-or__toggle::before,.avc-or__toggle::after{content:'';position:absolute;top:50%;left:50%;background:#00797d;transform:translate(-50%,-50%);width:.8rem;height:1.5px;transition:transform 250ms cubic-bezier(.22,1,.36,1),opacity 180ms ease}
  .avc-or__toggle::after{transform:translate(-50%,-50%) rotate(90deg)}
  .avc-or__team:is([data-avc-or-state="open"],[data-avc-or-state="opening"]) .avc-or__toggle::after{transform:translate(-50%,-50%) rotate(0);opacity:0}
  .avc-or__team-panel{height:auto;padding:0;border:0}.avc-or__panel-inner{display:flow-root;padding:0 .45rem .5rem}
  .avc-or__roles{margin:0;background:#fff;border-radius:.6rem;padding:.1rem 1rem}
  .avc-or__role{display:grid;grid-template-columns:minmax(0,1fr) 1rem;gap:.6rem;align-items:center;text-align:left;border:0;background:transparent;width:100%;min-height:4.4rem;padding:.85rem .1rem}
  .avc-or__role+.avc-or__role{border-top:1px solid #e2e7e7}
  /* row title role (Methadone FAQ question) + caption role */
  .avc-or__role-title{display:block;color:#0b2127;font:500 17px/1.3 var(--or-serif);letter-spacing:-.008em;overflow-wrap:anywhere}
  .avc-or__role-meta{display:block;color:var(--ink-600,#3a5560);font-size:13px;line-height:1.35;margin-top:.2rem}
  .avc-or__chevron{width:.85rem;height:1.15rem;stroke:var(--or-teal);stroke-width:2;fill:none}
  .avc-or__footer{position:static;width:auto;background:transparent;text-align:center;border-top:1px solid #cbd7d9;margin-top:.9rem;padding-top:.6rem;color:var(--ink-600,#3a5560);font-size:13px;line-height:1.35}
  /* link/control role (Methadone hero secondary action) */
  .avc-or__general{border:0;border-bottom:1px solid #6dafb0;color:var(--teal-700,#0f766e)!important;background:none;min-height:2.75rem;padding:.3rem 0 0;font-size:16.5px!important;font-weight:600;line-height:1.25;letter-spacing:normal!important}
  .avc-or__empty,.avc-or__preview-note{font-size:13.5px;line-height:1.7;color:var(--ink-600,#3a5560);padding:1rem .2rem}
  /* The native modal remains above existing stacking contexts, never inside a transformed section. */
  .avc-or-dialog{position:fixed;inset:auto 0 0;top:var(--avc-or-viewport-top,0px);margin:0;padding:0;width:100%;max-width:none;height:100vh;height:var(--avc-or-viewport-height,100dvh);max-height:none;border:0;background:transparent;overflow:hidden}
  .avc-or-dialog[open]{display:flex;align-items:flex-end;justify-content:center}
  .avc-or-dialog::backdrop{background:rgba(25,29,25,.46)}
  .avc-or-dialog[open]::backdrop{animation:avc-or-backdrop-in 300ms ease-out both}
  .avc-or-dialog[data-avc-or-state="closing"]::backdrop{animation:avc-or-backdrop-out 240ms ease-in both}
  @keyframes avc-or-backdrop-in{from{opacity:0}to{opacity:1}}
  @keyframes avc-or-backdrop-out{from{opacity:1}to{opacity:0}}
  .avc-or-sheet{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--or-cream);width:100%;height:91svh;max-height:calc(100% - env(safe-area-inset-top,0px) - .5rem);min-height:0;border-radius:1.2rem 1.2rem 0 0;box-shadow:0 -5px 30px #0a272414;overflow:hidden;will-change:auto}
  .avc-or-sheet__handle{position:absolute;left:50%;top:.8rem;transform:translateX(-50%);width:2.35rem;height:.3rem;border-radius:1rem;background:#d6d9d8;pointer-events:none}
  .avc-or-sheet__controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem 0;min-height:3.25rem}
  .avc-or-sheet__close{margin-left:auto}
  /* button role (Methadone footer/CTA buttons) */
  .avc-or-sheet__close,.avc-or-sheet__back{min-height:2.75rem;border:0;background:none;color:var(--teal-700,#0f766e)!important;font-size:15.5px!important;font-weight:600;line-height:1.6;letter-spacing:.02em;display:inline-flex;align-items:center;gap:.5rem;padding:0 .2rem}
  .avc-or-sheet__close svg,.avc-or-sheet__back svg{width:1.1rem;height:1.1rem;stroke:currentColor;fill:none;stroke-width:1.6}
  .avc-or-sheet__scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding:1rem;padding:0 1.65rem 1.8rem;-webkit-overflow-scrolling:touch}
  /* small label role (Methadone .av-svcp__media-label) */
  .avc-or-sheet__category{color:var(--teal-700,#0f766e);font-size:clamp(9.5px,2.6vw,11px);font-weight:700;line-height:1.4;letter-spacing:.18em;margin:.1rem 0 .8rem!important;text-transform:uppercase}
  /* large card title role (Methadone process card title) */
  .avc-or-sheet__title{font:600 clamp(23px,6.7vw,29px)/1.08 var(--or-serif);letter-spacing:-.02em;overflow-wrap:anywhere;color:#102838}
  .avc-or-sheet__title:focus{outline:none}
  /* card body role (Methadone process card body) */
  .avc-or-sheet__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;color:#234d68;font-size:clamp(12.75px,3.55vw,15.25px);line-height:1.44;margin:1rem 0 .9rem!important}
  .avc-or-sheet__meta span{display:inline-flex;align-items:center;gap:.45rem}
  .avc-or-sheet__meta span+span{border-left:1px solid #b8d3d4;padding-left:.9rem}
  .avc-or-sheet__meta svg{width:1.1rem;height:1.15rem;fill:none;stroke:var(--or-teal);stroke-width:1.9;flex-shrink:0}
  /* expandable body role (Methadone FAQ answer) */
  .avc-or-sheet__notice{font-size:13.5px;line-height:1.7;color:var(--ink-600,#3a5560);margin:1.2rem 0 0!important}
  .avc-or-sheet hr{height:1px;background:#bad6d5;border:0;margin:1.25rem 0 1.45rem}
  .avc-or-sheet__section{margin:0 0 1.9rem}
  /* sub-heading role (Methadone benefits card h3) */
  .avc-or-sheet__section h3,.avc-or-sheet__qualifications>summary{font:500 clamp(18px,4.6vw,19px)/1.12 var(--or-serif);letter-spacing:-.018em;color:#0b1112}
  /* expandable body role (Methadone FAQ answer) */
  .avc-or-sheet__section p,.avc-or-sheet__section ul{color:var(--ink-600,#3a5560);font-size:13.5px;line-height:1.7;margin-top:.6rem}
  .avc-or-sheet__section ul{padding-left:1.2rem}
  .avc-or-sheet__section li{padding-left:.08rem;margin-bottom:.25rem}
  .avc-or-sheet__section li::marker{color:var(--or-teal)}
  .avc-or-sheet__qualifications{border-block:1px solid #bad6d5}
  .avc-or-sheet__qualifications>summary{list-style:none;min-height:3.5rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem 0}
  .avc-or-sheet__qualifications>summary::after{content:'';width:.55rem;height:.55rem;border-right:2px solid var(--or-teal);border-bottom:2px solid var(--or-teal);transform:translateY(-.15rem) rotate(45deg);transition:transform 250ms ease;flex-shrink:0;margin-right:.3rem}
  .avc-or-sheet__qualifications:is([data-avc-or-state="open"],[data-avc-or-state="opening"])>summary::after{transform:translateY(.15rem) rotate(225deg)}
  .avc-or-sheet__qualifications-panel{padding:0;border:0}.avc-or-sheet__qualifications-body{display:flow-root}.avc-or-sheet__qualifications :where(p,ul){color:var(--ink-600,#3a5560);font-size:13.5px;line-height:1.7;margin:.3rem 0 .8rem}
  .avc-or-sheet__qualifications ul{padding-left:1.2rem}
  .avc-or-sheet__footer{position:static;width:auto;border-top:1px solid #d4dcdd;background:var(--or-cream);padding:.8rem .9rem max(1rem,env(safe-area-inset-bottom,0px))}
  /* primary action role (Methadone .svch-action) */
  .avc-or-sheet__apply{display:flex;align-items:center;justify-content:center;gap:.8rem;min-height:3rem;width:100%;border:0;border-radius:.65rem;background:#008187;color:#fff!important;padding:.7rem 1rem;font-weight:600!important;font-size:16.5px!important;line-height:1.25}
  .avc-or-sheet__apply svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:1.8}
  .avc-or-sheet__caption{color:var(--ink-600,#3a5560);text-align:center;font-size:12px;line-height:1.35;margin-top:.6rem!important}
  .avc-or-sheet__application-status,.avc-or-sheet__application-error,.avc-or-sheet__integration-note,.avc-or-sheet__error,.avc-or-sheet__preview-note{color:var(--ink-600,#3a5560);font-size:13.5px;line-height:1.7;margin:1rem 0!important}
  .avc-or-sheet__application-intro{color:var(--ink-600,#3a5560);font-size:13.5px;line-height:1.7;margin-top:.65rem!important}.avc-or-sheet__view{min-width:0;overflow-wrap:break-word}
  /* Optional class hooks for adapting the existing application form. Inputs stay at least16px. */
  .avc-or-application{display:grid;gap:1rem;margin-top:1rem}
  .avc-or-application__row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;min-width:0}
  .avc-or-application label{display:grid;gap:.3rem;font-size:.85rem;color:var(--or-muted);min-width:0}
  .avc-or-application :where(input,select,textarea){min-width:0;max-width:100%;width:100%;font:400 max(1rem,16px)/1.4 var(--or-sans);border:1px solid #b8cfcc;border-radius:.55rem;padding:.75rem;background:#fff;color:var(--or-ink)}
  .avc-or-application textarea{resize:vertical;min-height:6rem}
  .avc-or-application input[type=file]{font-size:1rem;padding:.6rem}
  .avc-or-application input::file-selector-button{font:inherit;background:#eaf5f0;color:#006f74;border:0;border-radius:.3rem;padding:.35rem;margin-right:.5rem}
  .avc-or-application__status{font-size:.85rem;color:var(--or-muted)}
  /* The existing #cr-apply-body (live #cr-form + success panel) is moved into the sheet for the session:
     drop the desktop card chrome, keep the site's field, validation and success styles. */
  .avc-or-sheet__application-mount .cr-apply-modal-body{padding:0}
  .avc-or-sheet__application-mount .cr-form{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
  .avc-or-sheet__application-mount .cr-form-grid{grid-template-columns:1fr;gap:.9rem}
  .avc-or-sheet__application-mount :where(.cr-input,.cr-select,.cr-textarea,.cr-file-input){font-size:max(1rem,16px)}
  .avc-or-sheet__application-mount .cr-form-actions{align-items:stretch;margin-top:1.1rem}
  .avc-or-sheet__application-mount .cr-form-actions .btn{width:100%;justify-content:center;min-height:3rem;border-radius:.65rem;font-size:16.5px;font-weight:600;line-height:1.25}
  .avc-or-sheet__application-mount .cr-form-actions .btn-primary{color:#fff} /* the dialog's button colour reset must not win over .btn-primary */
  /* form label / hint / note roles from the site's mobile insurance form (also on the Methadone page) */
  .avc-or-sheet__application-mount .cr-label{font:600 14px/1.3 var(--or-sans);letter-spacing:0;color:#1f3942}
  .avc-or-sheet__application-mount .cr-file-text strong{font:600 14px/1.3 var(--or-sans);color:#1f3942}
  .avc-or-sheet__application-mount .cr-file-text em{font:400 11.5px/1.45 var(--or-sans);color:#8aa1ab}
  .avc-or-sheet__application-mount .cr-form-note{text-align:center;font:400 13.12px/1.46 var(--or-sans);color:#587174}
  .avc-or-sheet__application-mount .cr-form-success{margin-top:.25rem;flex-wrap:wrap}
  .avc-or-sheet__application-mount .cr-form-success-close{width:100%;margin-left:0}
  @media(max-width:359.98px){.avc-or__team-trigger{gap:.7rem;padding-inline:.75rem}.avc-or__roles{padding-inline:.8rem}.avc-or-sheet__scroll{padding-inline:1.1rem}.avc-or-application__row{grid-template-columns:1fr}}
  @media(max-height:540px){.avc-or-sheet{height:96svh}.avc-or-sheet__controls{padding-top:.8rem;min-height:3rem}.avc-or-sheet__footer{padding-top:.55rem}.avc-or-sheet__caption{margin-top:.3rem!important}}
  @media(prefers-reduced-motion:reduce){.avc-or-dialog::backdrop{animation:none!important}.avc-or *,.avc-or-dialog *{transition:none!important;scroll-behavior:auto!important}}
  @media(forced-colors:active){.avc-or__team,.avc-or__roles,.avc-or-sheet{border:1px solid CanvasText}.avc-or__toggle::before,.avc-or__toggle::after{background:ButtonText}.avc-or-sheet__apply{border:1px solid ButtonText}.avc-or-dialog::backdrop{background:Canvas;opacity:.65}.avc-or__team-icon{mix-blend-mode:normal}}
}