/*
  ZNF Accessibility Control Center — styles (canonical source; served versioned from
  /assets/znf-a11y/). v2.1.3 selector/slider styling and small-viewport header behaviour
  (law-watch package 2026-09-09) on the v2.1.2 panel redesign (approved mockup, law-watch
  package 2026-09-08), on top of the v2.1.1 storefront decisions, which are baked in here so
  the storefront needs no fork:
    1. Text size uses `zoom` (scales px-based layouts the way browser zoom does).
    2. Colour filters are applied to <html>, the one element a CSS filter can sit on without
       becoming the containing block for position:fixed descendants (sticky header, mini cart,
       chat launcher). A filter is attached only while a preference is active
       (html[data-znf-a11y-filters], set by the bootstrap and by applyPrefs()). The drawer
       counter-inverts itself so the controls that undo an inversion stay readable.
    3. Hide Images is limited to the main landmark so header/footer/menu icons keep their glyphs.
    4. [data-znf-a11y-visual-scope] only scopes the dark/light contrast backgrounds.
    5. Brand: Poppins (falls back to Arial), storefront green #22874c.
    6. Header trigger + badge rules are wrapped in :where() so a host stylesheet can restyle them
       without specificity fights.
    7. No ZNF-authored text-size-adjust / user-scalable restriction anywhere (EN 301 549 V4.1.1
       user-preference non-interference); forced-color-adjust stays `auto`.
*/
:root {
  --znf-a11y-green: #22874c;
  --znf-a11y-green-dark: #1b6b3c;
  --znf-a11y-green-deep: #14522e;
  --znf-a11y-green-soft: #eef8f1;
  --znf-a11y-green-pale: #f7fbf8;
  --znf-a11y-orange: #efb33f;
  --znf-a11y-ink: #202622;
  --znf-a11y-muted: #5d6862;
  --znf-a11y-border: #cbd6cf;
  --znf-a11y-control-border: #829087; /* >=3:1 against white for essential control boundaries */
  --znf-a11y-border-soft: #dfe7e2;
  --znf-a11y-white: #fff;
  --znf-a11y-font: 'Poppins', Arial, Helvetica, sans-serif;
  --znf-a11y-brightness: 1;
  --znf-a11y-saturation: 1;
  --znf-a11y-contrast-filter: 1;
  --znf-a11y-guide-half: 32px;
}

/* Site-level presentation preferences. The storefront must remain accessible with these OFF. */
/* Storefront is px-based, so scale the page the way browser zoom does. */
html[data-znf-a11y-text="110"] { zoom: 1.1; }
html[data-znf-a11y-text="125"] { zoom: 1.25; }
html[data-znf-a11y-text="140"] { zoom: 1.4; }
html[data-znf-a11y-text="150"] { zoom: 1.5; }
html[data-znf-a11y-text="175"] { zoom: 1.75; }
html[data-znf-a11y-text="200"] { zoom: 2; }
html[data-znf-a11y-text="250"] { zoom: 2.5; }
html[data-znf-a11y-text="300"] { zoom: 3; }

html[data-znf-a11y-readable-font="true"] body,
html[data-znf-a11y-readable-font="true"] input,
html[data-znf-a11y-readable-font="true"] button,
html[data-znf-a11y-readable-font="true"] select,
html[data-znf-a11y-readable-font="true"] textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
}
html[data-znf-a11y-dyslexia-font="true"] body,
html[data-znf-a11y-dyslexia-font="true"] input,
html[data-znf-a11y-dyslexia-font="true"] button,
html[data-znf-a11y-dyslexia-font="true"] select,
html[data-znf-a11y-dyslexia-font="true"] textarea {
  font-family: var(--znf-a11y-dyslexia-font, Verdana, Arial, Helvetica, sans-serif) !important;
  letter-spacing: .04em;
  word-spacing: .12em;
}
html[data-znf-a11y-line-spacing="more"] body { line-height: 1.75 !important; }
html[data-znf-a11y-line-spacing="most"] body { line-height: 2 !important; }
html[data-znf-a11y-letter-spacing="more"] body { letter-spacing: .06em; }
html[data-znf-a11y-word-spacing="more"] body { word-spacing: .16em; }
html[data-znf-a11y-paragraph-spacing="more"] :where(p,li) { margin-block-end: 1.35em !important; }
html[data-znf-a11y-highlight-links="true"] a {
  text-decoration: underline !important;
  text-decoration-thickness: .16em !important;
  text-underline-offset: .2em !important;
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
html[data-znf-a11y-highlight-headings="true"] :where(h1,h2,h3,h4,h5,h6) {
  outline: 3px solid var(--znf-a11y-orange) !important;
  outline-offset: 4px !important;
}
html[data-znf-a11y-highlight-buttons="true"] [data-znf-a11y-visual-scope] :where(button,[role="button"],input[type="submit"],input[type="button"],input[type="reset"]) {
  outline: 3px solid currentColor !important;
  outline-offset: 3px !important;
}
html[data-znf-a11y-large-targets="true"] :where(a,button,input,select,textarea,summary,[role="button"],[tabindex="0"]) {
  min-inline-size: 48px;
  min-block-size: 48px;
}
html[data-znf-a11y-focus="enhanced"] :focus-visible {
  outline: 4px solid var(--znf-a11y-white) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 8px var(--znf-a11y-green-deep) !important;
}
/* Visual filters go on the root element (the only element a filter can sit on
   without breaking position:fixed descendants) and only while one is active. */
html[data-znf-a11y-filters="true"],
html[data-znf-a11y-contrast="high"] {
  filter: brightness(var(--znf-a11y-brightness)) saturate(var(--znf-a11y-saturation)) contrast(var(--znf-a11y-contrast-filter));
}
html[data-znf-a11y-grayscale="true"] { filter: grayscale(1) brightness(var(--znf-a11y-brightness)) saturate(var(--znf-a11y-saturation)) contrast(var(--znf-a11y-contrast-filter)); }
html[data-znf-a11y-invert="true"] { filter: invert(1) hue-rotate(180deg) brightness(var(--znf-a11y-brightness)) saturate(var(--znf-a11y-saturation)) contrast(var(--znf-a11y-contrast-filter)); }
html[data-znf-a11y-contrast="high"] { --znf-a11y-contrast-filter: 1.28; }
/* The drawer sits inside the inverted root, so invert it back: the controls
   that undo an inversion have to stay readable. */
html[data-znf-a11y-invert="true"] .znf-a11y-drawer,
html[data-znf-a11y-invert="true"] .znf-a11y-backdrop { filter: invert(1) hue-rotate(180deg); }
html[data-znf-a11y-contrast="dark"] [data-znf-a11y-visual-scope] { background: #000 !important; color: #fff !important; }
html[data-znf-a11y-contrast="light"] [data-znf-a11y-visual-scope] { background: #fff !important; color: #111 !important; }
/* v2.1.5: only decorative images (marked, or empty alt) are hidden — never product, safety or allergen imagery */
html[data-znf-a11y-hide-images="true"] :where(main,[role="main"],[data-znf-main]) :is([data-znf-a11y-decorative="true"],[alt=""]):where(img,picture,video):not([data-znf-a11y-keep]) { opacity: 0 !important; }
/* v2.1.5: Simplify hides only what applyPrefs() verified is safe to hide (markSafeSecondary). */
html[data-znf-a11y-simplify="true"] [data-znf-a11y-hide-safe="true"] { display: none !important; }
html[data-znf-a11y-transparency="reduce"] [data-znf-a11y-visual-scope] :where([data-znf-a11y-translucent],.glass,.backdrop-blur) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
}
html[data-znf-a11y-left-align="true"] [data-znf-a11y-visual-scope] :where(p,li,dd,dt,blockquote,figcaption) { text-align: left !important; }
html[data-znf-a11y-reading-width="comfortable"] [data-znf-main] :where(p,ul,ol,dl,blockquote) { max-inline-size: 72ch !important; }
html[data-znf-a11y-reading-width="narrow"] [data-znf-main] :where(p,ul,ol,dl,blockquote) { max-inline-size: 58ch !important; }
html[data-znf-a11y-guide-size="small"] { --znf-a11y-guide-half: 22px; }
html[data-znf-a11y-guide-size="medium"] { --znf-a11y-guide-half: 32px; }
html[data-znf-a11y-guide-size="large"] { --znf-a11y-guide-half: 48px; }
html[data-znf-a11y-stop-motion="true"] *,
html[data-znf-a11y-stop-motion="true"] *::before,
html[data-znf-a11y-stop-motion="true"] *::after {
  animation-duration: .01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: .01ms !important;
  transition-delay: 0ms !important;
  scroll-behavior: auto !important;
}
html[data-znf-a11y-cursor="large"],html[data-znf-a11y-cursor="large"] * {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath d='M4 2L4 30L12 23L17 34L23 31L18 20L29 20Z' fill='white' stroke='black' stroke-width='2'/%3E%3C/svg%3E") 4 2, auto !important;
}
html[data-znf-a11y-cursor="xl"],html[data-znf-a11y-cursor="xl"] * {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M5 2L5 40L16 30L22 46L31 42L24 27L40 27Z' fill='white' stroke='black' stroke-width='3'/%3E%3C/svg%3E") 5 2, auto !important;
}

/* Global header trigger. Host stylesheets may restyle it; :where() keeps these at zero specificity. */
:where(.znf-a11y-header-trigger) {
  display: inline-flex;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 8px 11px;
  color: inherit;
  background: transparent;
  font: inherit;
  cursor: pointer;
}
:where(.znf-a11y-header-trigger):hover { border-color: var(--znf-a11y-border); background: var(--znf-a11y-green-soft); }
:where(.znf-a11y-header-trigger):focus-visible { outline: 2px solid var(--znf-a11y-green); outline-offset: 2px; }
:where(.znf-a11y-header-icon) { width: 25px; height: 25px; flex: 0 0 auto; }
:where(.znf-a11y-active-count) {
  display: inline-grid;
  min-width: 22px;
  min-height: 22px;
  place-items: center;
  padding-inline: 5px;
  border-radius: 999px;
  background: var(--znf-a11y-green-deep);
  color: #fff;
  font-size: 12px;
  font-weight: 850;
}

/* Drawer */
.znf-a11y-backdrop[hidden],.znf-a11y-drawer[hidden] { display: none !important; }
.znf-a11y-backdrop { position: fixed; inset: 0; z-index: 2147483000; background: rgb(0 0 0 / .52); }
.znf-a11y-drawer {
  position: fixed;
  z-index: 2147483001;
  top: 0;
  right: 0;
  width: min(620px,100vw);
  height: 100dvh;
  overflow: auto;
  overscroll-behavior: contain;
  background: #fff;
  color: var(--znf-a11y-ink);
  border-left: 1px solid var(--znf-a11y-border-soft);
  box-shadow: -24px 0 54px rgb(0 0 0 / .22);
  font: 15px/1.5 var(--znf-a11y-font);
}
.znf-a11y-drawer * { box-sizing: border-box; }
.znf-a11y-drawer :focus-visible {
  outline: 3px solid var(--znf-a11y-orange);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px var(--znf-a11y-green-deep);
}
.znf-a11y-top-shell {
  position: sticky;
  top: 0;
  z-index: 5;
  background: #fff;
  border-bottom: 1px solid var(--znf-a11y-border-soft);
  box-shadow: 0 7px 18px rgb(13 78 44 / .06);
}
.znf-a11y-drawer-header {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 15px 18px 10px;
}
.znf-a11y-brand-mark {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid #b8d9c3;
  border-radius: 50%;
  color: var(--znf-a11y-green-deep);
  background: var(--znf-a11y-green-soft);
  font-weight: 900;
}
.znf-a11y-title-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.znf-a11y-drawer-header h2 { margin: 0; color: #17201b; font-size: 1.32rem; line-height: 1.2; }
.znf-a11y-drawer-header p { margin: 2px 0 0; color: var(--znf-a11y-muted); font-size: .88rem; }
.znf-a11y-title-badge { min-width: 28px; min-height: 24px; padding: 3px 8px; border-radius: 999px; color:#fff; background:var(--znf-a11y-green-deep); font-size:.78rem; font-weight:850; }
.znf-a11y-close {
  min-width: 44px;
  min-height: 44px;
  border: 1px solid var(--znf-a11y-border-soft);
  border-radius: 10px;
  color: var(--znf-a11y-ink);
  background: #fff;
  font-size: 22px;
  cursor: pointer;
}
.znf-a11y-top-actions { padding: 0 18px 12px; }
.znf-a11y-reset-top {
  display: flex;
  width: 100%;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 2px solid var(--znf-a11y-green-dark);
  border-radius: 10px;
  color: var(--znf-a11y-green-deep);
  background: #fff;
  font: inherit;
  font-weight: 850;
  cursor: pointer;
}
.znf-a11y-reset-top:hover { background: var(--znf-a11y-green-soft); }
.znf-a11y-view-all-link {
  display: block;
  min-height: 44px;
  margin: 3px auto 0;
  border: 0;
  padding: 8px 10px;
  color: var(--znf-a11y-green-dark);
  background: transparent;
  font: inherit;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: .2em;
  cursor: pointer;
}
.znf-a11y-status {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  padding: 10px 18px;
  border-bottom: 1px solid var(--znf-a11y-border-soft);
  background: var(--znf-a11y-green-pale);
  color: var(--znf-a11y-muted);
  font-size: .86rem;
}
.znf-a11y-status strong { color: var(--znf-a11y-green-deep); }

.znf-a11y-panel-body { display:grid; gap:12px; padding: 12px 14px 30px; }
.znf-a11y-section {
  padding: 15px;
  border: 1px solid var(--znf-a11y-border-soft);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 4px 14px rgb(13 78 44 / .045);
}
.znf-a11y-section-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--znf-a11y-border-soft);
}
.znf-a11y-section-head > div { min-width:0; }
.znf-a11y-section h3 { margin: 0; color: #19231d; font-size: 1rem; line-height:1.3; }
.znf-a11y-section-copy { margin:3px 0 0; color: var(--znf-a11y-muted); font-size:.82rem; }
.znf-a11y-section-icon { color: var(--znf-a11y-green-deep); font-weight:900; margin-right:6px; }

.znf-a11y-quick-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.znf-a11y-quick-tool {
  min-height: 62px;
  border: 1px solid var(--znf-a11y-control-border);
  border-radius: 10px;
  padding: 8px;
  color: var(--znf-a11y-ink);
  background: #fff;
  font: inherit;
  text-align:center;
  cursor:pointer;
}
.znf-a11y-quick-tool:hover { border-color: var(--znf-a11y-green-dark); background: var(--znf-a11y-green-pale); }
.znf-a11y-quick-tool strong,.znf-a11y-quick-tool small { display:block; }
.znf-a11y-quick-tool strong { font-size:.84rem; }
.znf-a11y-quick-tool small { margin-top:2px; color:var(--znf-a11y-muted); font-size:.72rem; }

.znf-a11y-field-label { display:block; margin: 8px 0 6px; color:#202622; font-weight:800; font-size:.88rem; }
.znf-a11y-radio-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.znf-a11y-radio-card {
  display:flex;
  min-width:0;
  min-height: 58px;
  align-items:center;
  gap:8px;
  padding: 8px 9px;
  border: 1px solid var(--znf-a11y-control-border);
  border-radius:10px;
  background:#fff;
  color:var(--znf-a11y-ink);
  cursor:pointer;
}
.znf-a11y-radio-card:hover { border-color:#7eb991; background:var(--znf-a11y-green-pale); }
.znf-a11y-radio-card:has(input:checked),.znf-a11y-radio-card[data-selected="true"] {
  border: 2px solid var(--znf-a11y-green-dark);
  background: var(--znf-a11y-green-soft);
  box-shadow: inset 0 0 0 1px rgb(18 100 55 / .08);
}
.znf-a11y-radio-card input[type="radio"] {
  width:20px;
  height:20px;
  flex:0 0 20px;
  margin:0;
  accent-color:var(--znf-a11y-green-dark);
}
.znf-a11y-radio-card strong { display:block; font-size:.82rem; line-height:1.2; }
.znf-a11y-radio-card small { display:block; color:var(--znf-a11y-muted); font-size:.71rem; }

.znf-a11y-toggle-list { display:grid; gap:8px; margin-top:10px; }
.znf-a11y-control {
  display:flex;
  width:100%;
  min-height:58px;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border: 1px solid var(--znf-a11y-control-border);
  border-radius:10px;
  padding:9px 11px;
  color:var(--znf-a11y-ink);
  background:#fff;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.znf-a11y-control:hover { border-color:#7eb991; background:var(--znf-a11y-green-pale); }
.znf-a11y-control[aria-pressed="true"] {
  border:2px solid var(--znf-a11y-green-dark);
  background:var(--znf-a11y-green-soft);
}
.znf-a11y-control strong { display:block; font-size:.88rem; }
.znf-a11y-control small { display:block; margin-top:2px; color:var(--znf-a11y-muted); font-size:.74rem; }
.znf-a11y-check {
  display:grid;
  width:26px;
  height:26px;
  flex:0 0 26px;
  place-items:center;
  border:1px solid var(--znf-a11y-control-border);
  border-radius:50%;
  color:#151a17;
  background:#fff;
  font-weight:900;
  opacity:1;
}
.znf-a11y-control[aria-pressed="true"] .znf-a11y-check {
  border-color:var(--znf-a11y-green-dark);
  color:#fff;
  background:var(--znf-a11y-green-dark);
}
.znf-a11y-switch {
  position:relative;
  display:inline-block;
  width:46px;
  height:26px;
  flex:0 0 46px;
  border:2px solid #4e5953;
  border-radius:999px;
  background:#fff;
}
.znf-a11y-switch::after {
  position:absolute;
  top:3px;
  left:3px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#26302a;
  content:"";
}
.znf-a11y-control[aria-pressed="true"] .znf-a11y-switch { border-color:var(--znf-a11y-green-dark); background:var(--znf-a11y-green-dark); }
.znf-a11y-control[aria-pressed="true"] .znf-a11y-switch::after { left:23px; background:#fff; }

.znf-a11y-local-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.znf-a11y-local-button {
  display:flex;
  min-height:56px;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:100%;
  padding:9px 11px;
  border:1px solid var(--znf-a11y-control-border);
  border-radius:10px;
  color:var(--znf-a11y-ink);
  background:#fff;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.znf-a11y-local-button:hover { border-color:#7eb991; background:var(--znf-a11y-green-pale); }
.znf-a11y-local-button[data-active="true"] { border:2px solid var(--znf-a11y-green-dark); background:var(--znf-a11y-green-soft); }
.znf-a11y-local-button .znf-a11y-check { width:22px; height:22px; flex-basis:22px; font-size:.78rem; }
.znf-a11y-local-button[data-active="true"] .znf-a11y-check { border-color:var(--znf-a11y-green-dark); color:#fff; background:var(--znf-a11y-green-dark); }

.znf-a11y-account-box { padding:12px; border:1px solid #b8d9c3; border-radius:10px; background:var(--znf-a11y-green-pale); }
.znf-a11y-account-box p { margin:0 0 10px; color:var(--znf-a11y-muted); font-size:.82rem; }
.znf-a11y-actions { display:grid; gap:8px; }
.znf-a11y-button {
  display:flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:2px solid var(--znf-a11y-green-dark);
  border-radius:10px;
  padding:9px 12px;
  color:var(--znf-a11y-green-deep);
  background:#fff;
  font:inherit;
  font-weight:800;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
}
.znf-a11y-button-primary { color:#fff; background:var(--znf-a11y-green-dark); }
.znf-a11y-button:disabled { border-color:#aeb8b2; color:#6a746e; background:#f3f5f4; cursor:not-allowed; }

.znf-a11y-help-links { display:grid; gap:8px; }
.znf-a11y-help-links a,.znf-a11y-help-links button {
  display:flex;
  min-height:48px;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  padding:9px 11px;
  border:1px solid var(--znf-a11y-control-border);
  border-radius:9px;
  color:var(--znf-a11y-green-deep);
  background:#fff;
  font:inherit;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:.16em;
  cursor:pointer;
}
.znf-a11y-conformance-note { margin:0 0 10px; color:var(--znf-a11y-muted); font-size:.8rem; }

/* Additional tools */
.znf-a11y-all-tools[hidden] { display:none !important; }
.znf-a11y-search-wrap { padding:12px; border:1px solid var(--znf-a11y-border-soft); border-radius:12px; background:#fff; }
.znf-a11y-search { width:100%; min-height:48px; border:2px solid var(--znf-a11y-control-border); border-radius:10px; padding:10px 12px; font:inherit; }
.znf-a11y-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.znf-a11y-select-row { display:grid; grid-template-columns:1fr minmax(150px,auto); gap:10px; align-items:center; margin:9px 0; }
.znf-a11y-select-row strong,.znf-a11y-select-row small { display:block; }
.znf-a11y-select-row small { color:var(--znf-a11y-muted); font-size:.74rem; }
.znf-a11y-select-row select,.znf-a11y-select-row input[type="range"] { width:100%; min-height:44px; font:inherit; }
.znf-a11y-details { margin-top:10px; border:1px solid var(--znf-a11y-border-soft); border-radius:10px; padding:0 10px 9px; }
.znf-a11y-details summary { min-height:46px; display:flex; align-items:center; color:var(--znf-a11y-green-deep); font-weight:800; cursor:pointer; }
.znf-a11y-pin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.znf-a11y-pin-option { display:flex; min-height:44px; align-items:center; gap:7px; border:1px solid var(--znf-a11y-control-border); border-radius:9px; padding:7px 9px; color:var(--znf-a11y-ink); background:#fff; font:inherit; cursor:pointer; }
.znf-a11y-pin-option[aria-pressed="true"] { border:2px solid var(--znf-a11y-green-dark); background:var(--znf-a11y-green-soft); }
.znf-a11y-page-nav-list { display:grid; gap:7px; max-height:300px; overflow:auto; padding:2px; }
.znf-a11y-page-nav-item { display:flex; width:100%; min-height:48px; align-items:center; justify-content:space-between; gap:12px; padding:9px 11px; border:1px solid var(--znf-a11y-control-border); border-radius:9px; color:var(--znf-a11y-ink); background:#fff; font:inherit; text-align:left; cursor:pointer; }
.znf-a11y-page-nav-item:hover { border-color:var(--znf-a11y-green-dark); background:var(--znf-a11y-green-pale); }
.znf-a11y-page-nav-item small { color:var(--znf-a11y-muted); font-size:.75rem; }
.znf-a11y-note { margin:9px 0 0; color:var(--znf-a11y-muted); font-size:.8rem; }
.znf-a11y-system-box { margin-top:10px; padding:11px; border:1px solid #afd5bd; border-radius:9px; background:var(--znf-a11y-green-soft); }
.znf-a11y-onboarding { margin-top:10px; padding:12px; border:2px solid var(--znf-a11y-green-dark); border-radius:10px; background:var(--znf-a11y-green-soft); }
.znf-a11y-onboarding h4 { margin:0 0 6px; color:var(--znf-a11y-green-deep); }
.znf-a11y-live { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; white-space:nowrap !important; border:0 !important; }

.znf-a11y-reading-line { pointer-events:none; position:fixed; z-index:2147482998; left:0; right:0; height:4px; top:var(--znf-a11y-guide-y,50vh); background:#111; box-shadow:0 0 0 2px #fff; }
.znf-a11y-reading-mask-top,.znf-a11y-reading-mask-bottom { pointer-events:none; position:fixed; z-index:2147482997; left:0; right:0; background:rgb(0 0 0 / .72); }
.znf-a11y-reading-mask-top { top:0; height:calc(var(--znf-a11y-guide-y,50vh) - var(--znf-a11y-guide-half)); }
.znf-a11y-reading-mask-bottom { top:calc(var(--znf-a11y-guide-y,50vh) + var(--znf-a11y-guide-half)); bottom:0; }
.znf-a11y-alt-label { display:block; margin:4px 0 12px; padding:8px 10px; border:1px dashed var(--znf-a11y-green-dark); background:var(--znf-a11y-green-soft); color:var(--znf-a11y-ink); font:14px/1.4 var(--znf-a11y-font); }
body[data-znf-a11y-dialog-open="true"] { overflow:hidden !important; }

@media (max-width:720px) {
  .znf-a11y-drawer { width:100vw; }
  .znf-a11y-drawer-header { padding-top:max(15px,env(safe-area-inset-top)); }
  .znf-a11y-panel-body { padding-inline:10px; padding-bottom:max(28px,env(safe-area-inset-bottom)); }
  .znf-a11y-radio-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .znf-a11y-grid { grid-template-columns:1fr; }
  .znf-a11y-select-row { grid-template-columns:1fr; }
}
@media (max-width:480px) {
  .znf-a11y-header-label { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; }
  .znf-a11y-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .znf-a11y-local-grid,.znf-a11y-pin-grid { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
  .znf-a11y-drawer *, .znf-a11y-drawer, .znf-a11y-header-trigger { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}
@media (prefers-contrast:more) {
  .znf-a11y-drawer { --znf-a11y-border:#4a514d; --znf-a11y-border-soft:#68716c; }
  .znf-a11y-control,.znf-a11y-radio-card,.znf-a11y-local-button,.znf-a11y-button,.znf-a11y-search { border-width:2px; }
}
@media (forced-colors:active) {
  .znf-a11y-drawer,.znf-a11y-section,.znf-a11y-control,.znf-a11y-radio-card,.znf-a11y-local-button,.znf-a11y-button,.znf-a11y-search,.znf-a11y-status,.znf-a11y-top-shell,.znf-a11y-quick-tool {
    forced-color-adjust:auto;
    background:Canvas;
    color:CanvasText;
    border-color:CanvasText;
    box-shadow:none;
  }
  .znf-a11y-drawer :focus-visible { outline-color:Highlight; box-shadow:none; }
  .znf-a11y-control[aria-pressed="true"],.znf-a11y-radio-card:has(input:checked),.znf-a11y-radio-card[data-selected="true"],.znf-a11y-local-button[data-active="true"] { outline:2px solid Highlight; }
}

/* v2.1.3: crisp native selectors and sliders, isolated from theme form resets. Colours use the
   brand tokens above (the package hard-coded its own greens). */
#znf-a11y-dialog{color-scheme:light;background:#f5f8f6}
#znf-a11y-dialog .znf-a11y-section{background:#fff;border-radius:18px;box-shadow:0 3px 14px #123d2410}
#znf-a11y-dialog .znf-a11y-select-row{grid-template-columns:minmax(0,1fr) minmax(160px,46%);gap:16px;margin:0;padding:13px 0;border-bottom:1px solid #e5ece7}
#znf-a11y-dialog .znf-a11y-select-row small{margin-top:4px;font-size:.8rem;color:#506258}
#znf-a11y-dialog .znf-a11y-select-wrap{position:relative;display:block;min-width:0}
#znf-a11y-dialog .znf-a11y-select-wrap::after{content:"";pointer-events:none;position:absolute;right:19px;top:50%;width:9px;height:9px;border-right:2px solid var(--znf-a11y-green-dark);border-bottom:2px solid var(--znf-a11y-green-dark);transform:translateY(-70%) rotate(45deg)}
#znf-a11y-dialog .znf-a11y-select-row select{appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;max-width:100%;min-height:50px;height:auto;padding:12px 44px 12px 16px;border:1px solid var(--znf-a11y-control-border);border-radius:12px;background:#fff;background-image:none;color:var(--znf-a11y-green-deep);font:inherit;font-size:1rem;font-weight:650;line-height:1.4;letter-spacing:normal;text-transform:none;box-shadow:0 2px 5px #123d2409;cursor:pointer}
#znf-a11y-dialog .znf-a11y-select-row select:hover{border-color:var(--znf-a11y-green-dark);background:var(--znf-a11y-green-pale)}
#znf-a11y-dialog .znf-a11y-select-row select option{color:var(--znf-a11y-green-deep);background:#fff;font-weight:500}
#znf-a11y-dialog .znf-a11y-range-field{margin:16px 0;padding:16px;border:1px solid var(--znf-a11y-border);border-radius:14px;background:var(--znf-a11y-green-pale)}
#znf-a11y-dialog .znf-a11y-range-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
#znf-a11y-dialog .znf-a11y-range-heading label{margin:0;font:inherit;font-weight:750;color:var(--znf-a11y-ink)}
#znf-a11y-dialog .znf-a11y-range-heading output{display:inline-flex;justify-content:center;align-items:center;min-width:70px;min-height:34px;padding:5px 12px;border:1px solid #b5cebe;border-radius:999px;color:var(--znf-a11y-green-deep);background:var(--znf-a11y-green-soft);font:inherit;font-weight:750;font-variant-numeric:tabular-nums}
#znf-a11y-dialog .znf-a11y-field-hint{margin:7px 0 9px;color:#506258;font-size:.8rem;line-height:1.5}
#znf-a11y-dialog .znf-a11y-range-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:14px}
#znf-a11y-dialog .znf-a11y-step-button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:1px solid var(--znf-a11y-control-border);border-radius:12px;background:#fff;color:var(--znf-a11y-green-dark);font-family:inherit;font-size:1.4rem;font-weight:700;line-height:1;box-shadow:0 2px 4px #123d2408;cursor:pointer}
#znf-a11y-dialog .znf-a11y-step-button:hover{background:var(--znf-a11y-green-soft);border-color:var(--znf-a11y-green-dark)}
#znf-a11y-dialog .znf-a11y-step-button[aria-disabled="true"]{color:#64746a;border-style:dashed;background:#edf1ee;cursor:default;box-shadow:none}
#znf-a11y-dialog .znf-a11y-range-controls input[type="range"]{appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;height:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:6px;background:transparent;color:var(--znf-a11y-green-dark);accent-color:var(--znf-a11y-green-dark);box-shadow:none;cursor:pointer}
#znf-a11y-dialog .znf-a11y-range-controls input[type="range"]::-webkit-slider-runnable-track{height:8px;border-radius:999px;border:1px solid var(--znf-a11y-control-border);background:linear-gradient(to right,var(--znf-a11y-green-dark) 0%,var(--znf-a11y-green-dark) var(--znf-range-fill,50%),#dae5de var(--znf-range-fill,50%),#dae5de 100%)}
#znf-a11y-dialog .znf-a11y-range-controls input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border:3px solid var(--znf-a11y-green-dark);border-radius:50%;background:#fff;box-shadow:0 2px 5px #123d2426}
#znf-a11y-dialog .znf-a11y-range-controls input[type="range"]::-moz-range-track{height:6px;border:1px solid var(--znf-a11y-control-border);border-radius:999px;background:#dae5de}
#znf-a11y-dialog .znf-a11y-range-controls input[type="range"]::-moz-range-progress{height:6px;border-radius:999px;background:var(--znf-a11y-green-dark)}
#znf-a11y-dialog .znf-a11y-range-controls input[type="range"]::-moz-range-thumb{width:20px;height:20px;border:3px solid var(--znf-a11y-green-dark);border-radius:50%;background:#fff;box-shadow:0 2px 5px #123d2426}
#znf-a11y-dialog .znf-a11y-range-scale{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 14px;margin:4px 0 0;padding:0 58px;color:#506258;font-size:.75rem;line-height:1.4}
#znf-a11y-dialog :is(select,input[type="range"],.znf-a11y-step-button):focus-visible{outline:3px solid var(--znf-a11y-green-dark);outline-offset:4px;box-shadow:0 0 0 3px #fff}
@media(max-width:420px){#znf-a11y-dialog .znf-a11y-select-row{grid-template-columns:1fr;gap:8px}#znf-a11y-dialog .znf-a11y-range-field{padding:12px}#znf-a11y-dialog .znf-a11y-range-controls{gap:10px}#znf-a11y-dialog .znf-a11y-range-scale{padding:0}}
@media(prefers-contrast:more){#znf-a11y-dialog .znf-a11y-range-field,#znf-a11y-dialog .znf-a11y-range-heading output{border-color:#506258}}
@media(forced-colors:active){
#znf-a11y-dialog .znf-a11y-select-row select{appearance:auto;-webkit-appearance:auto;color:CanvasText;background:Canvas;border-color:ButtonText}
#znf-a11y-dialog .znf-a11y-select-wrap::after{display:none}
#znf-a11y-dialog :is(.znf-a11y-range-field,.znf-a11y-range-heading output,.znf-a11y-step-button){color:CanvasText;background:Canvas;border-color:ButtonText;box-shadow:none}
#znf-a11y-dialog :is(.znf-a11y-range-heading label,.znf-a11y-field-hint,.znf-a11y-range-scale){color:CanvasText}
#znf-a11y-dialog .znf-a11y-range-controls input[type="range"]::-webkit-slider-runnable-track{background:Canvas;border-color:ButtonText}
#znf-a11y-dialog .znf-a11y-range-controls input[type="range"]::-webkit-slider-thumb{background:Highlight;border-color:ButtonText;box-shadow:none}
#znf-a11y-dialog .znf-a11y-range-controls input[type="range"]::-moz-range-track{background:Canvas;border-color:ButtonText}
#znf-a11y-dialog .znf-a11y-range-controls input[type="range"]::-moz-range-progress{background:Highlight}
#znf-a11y-dialog .znf-a11y-range-controls input[type="range"]::-moz-range-thumb{background:Highlight;border-color:ButtonText;box-shadow:none}
#znf-a11y-dialog :is(select,input[type="range"],.znf-a11y-step-button):focus-visible{outline-color:Highlight;box-shadow:none}}
/* Native popup enhancement where supported; older browsers keep their familiar OS picker. */
@supports (appearance:base-select){
#znf-a11y-dialog .znf-a11y-select-row select,#znf-a11y-dialog .znf-a11y-select-row select::picker(select){appearance:base-select}
#znf-a11y-dialog .znf-a11y-select-row select::picker-icon{display:none}
#znf-a11y-dialog .znf-a11y-select-row select::picker(select){margin-top:6px;padding:6px;max-height:min(320px,60dvh);overflow:auto;border:1px solid var(--znf-a11y-control-border);border-radius:14px;background:#fff;color:var(--znf-a11y-green-deep);box-shadow:0 12px 30px #123d2426}
#znf-a11y-dialog .znf-a11y-select-row select option{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border-radius:8px;font:inherit;line-height:1.4;white-space:normal;cursor:pointer}
#znf-a11y-dialog .znf-a11y-select-row select option:checked{background:var(--znf-a11y-green-soft);color:var(--znf-a11y-green-deep);font-weight:750}
#znf-a11y-dialog .znf-a11y-select-row select option:hover,#znf-a11y-dialog .znf-a11y-select-row select option:focus-visible{background:#f1f6f3;outline:2px solid var(--znf-a11y-green-dark);outline-offset:-2px}
#znf-a11y-dialog .znf-a11y-select-row select option::checkmark{color:var(--znf-a11y-green-dark)}
}
@media(forced-colors:active){
#znf-a11y-dialog .znf-a11y-select-row select::picker(select){color:CanvasText;background:Canvas;border-color:ButtonText;box-shadow:none}
#znf-a11y-dialog .znf-a11y-select-row select option:checked{color:HighlightText;background:Highlight}
#znf-a11y-dialog .znf-a11y-select-row select option::checkmark{color:HighlightText}
}
/* Sticky top shell scrolls away on short/narrow viewports so controls stay usable at high zoom. */
#znf-a11y-dialog{scroll-padding-top:240px;scroll-padding-bottom:24px}
@media(max-height:600px),(max-width:420px){#znf-a11y-dialog{scroll-padding-top:20px}#znf-a11y-dialog .znf-a11y-top-shell{position:static}}

/* v2.1.5/v2.1.7/v2.1.8 interaction and reflow repairs (package colours mapped to brand tokens). */
#znf-a11y-dialog{max-width:100vw;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
#znf-a11y-dialog [disabled],#znf-a11y-dialog [aria-disabled="true"]{background:#eef0ee!important;border-color:#b2bbb4!important;color:#657169!important;opacity:1;cursor:not-allowed}
#znf-a11y-dialog [disabled] strong,#znf-a11y-dialog [disabled] small{color:inherit!important}
#znf-a11y-dialog :is(button,a,summary,input,select):focus-visible{outline:3px solid var(--znf-a11y-green-dark);outline-offset:3px;scroll-margin-block:140px 36px}
#znf-a11y-dialog .znf-a11y-button,#znf-a11y-dialog .znf-a11y-local-button{min-height:44px;white-space:normal;overflow-wrap:anywhere}
@media(max-height:650px){#znf-a11y-dialog .znf-a11y-top-shell{position:relative;top:auto}#znf-a11y-dialog :focus-visible{scroll-margin-block:24px}}
@media(forced-colors:active){#znf-a11y-dialog [disabled],#znf-a11y-dialog [aria-disabled="true"]{color:GrayText!important;border-color:GrayText!important;background:Canvas!important}}
@media print{#znf-a11y-mount,.znf-a11y-reading-line,.znf-a11y-reading-mask-top,.znf-a11y-reading-mask-bottom{display:none!important}}

/* Contrast modes set both foreground and background on content elements; readable font and line
   spacing act on content, never on the Control Center itself. */
html[data-znf-a11y-contrast="dark"] [data-znf-a11y-visual-scope] :is(p,li,div,section,article,span,table,td,th,h1,h2,h3,h4,h5,h6):not(#znf-a11y-mount *){background-color:#000!important;color:#fff!important}
html[data-znf-a11y-contrast="dark"] [data-znf-a11y-visual-scope] a:not(#znf-a11y-mount *){color:#ffea81!important;text-decoration:underline!important}
html[data-znf-a11y-contrast="light"] [data-znf-a11y-visual-scope] :is(p,li,div,section,article,span,table,td,th,h1,h2,h3,h4,h5,h6):not(#znf-a11y-mount *){background-color:#fff!important;color:#111!important}
html[data-znf-a11y-readable-font="true"] [data-znf-a11y-visual-scope] :is(p,li,span,a,h1,h2,h3,h4,h5,h6):not(#znf-a11y-mount *){font-family:Verdana,Arial,Helvetica,sans-serif!important}
html[data-znf-a11y-line-spacing="more"] [data-znf-a11y-visual-scope] :is(p,li,blockquote):not(#znf-a11y-mount *){line-height:1.75!important}
html[data-znf-a11y-line-spacing="most"] [data-znf-a11y-visual-scope] :is(p,li,blockquote):not(#znf-a11y-mount *){line-height:2!important}
@media(forced-colors:active){html[data-znf-a11y-contrast] [data-znf-a11y-visual-scope],html[data-znf-a11y-contrast] [data-znf-a11y-visual-scope] *{filter:none!important;forced-color-adjust:auto;background-color:Canvas!important;color:CanvasText!important}html[data-znf-a11y-contrast] [data-znf-a11y-visual-scope] a{color:LinkText!important}}
@media print{[data-znf-a11y-hide-safe="true"]{display:revert!important}html[data-znf-a11y-hide-images="true"] [data-znf-a11y-visual-scope] :is(img,picture,video){opacity:1!important}}

/* v2.1.7: left/right drawer, visible tool groups and labeled icon controls (package colours mapped to brand tokens; filters stay on <html>; content rules never restyle the panel). */
#znf-a11y-dialog {
 --znf-a11y-muted:#4d6056;
 --znf-a11y-control-border:#718579;
 left:0;right:auto;width:min(620px,100vw);max-width:100vw;
 height:100vh;height:100dvh;max-height:100dvh;
 display:flex;flex-direction:column;overflow:hidden;
 border:0;border-right:1px solid #cbd9d0;border-radius:0 22px 22px 0;
 box-shadow:12px 0 48px rgb(0 0 0 / .16);
 font:1rem/1.5 Arial,Helvetica,sans-serif;
 color:#173c29;background:#f6f9f7;
 isolation:isolate;
}
#znf-a11y-dialog[data-panel-side="right"]{left:auto;right:0;border-radius:22px 0 0 22px;border-right:0;border-left:1px solid #cbd9d0;box-shadow:-12px 0 48px rgb(0 0 0 / .16)}
#znf-a11y-dialog [hidden]{display:none!important}
#znf-a11y-dialog .znf-a11y-top-shell{position:relative;flex:none;background:var(--znf-a11y-green-deep);color:#fff;border:0;box-shadow:none}
#znf-a11y-dialog .znf-a11y-drawer-header{padding:18px 20px 14px;grid-template-columns:44px minmax(0,1fr) auto;gap:12px}
#znf-a11y-dialog .znf-a11y-brand-mark{width:44px;height:44px;border:1px solid #9bb7a7;background:#ffffff12;color:#fff;border-radius:14px}
.znf-a11y-icon{width:24px;height:24px;min-width:24px;flex:0 0 24px;vertical-align:middle;pointer-events:none}
#znf-a11y-dialog .znf-a11y-eyebrow{margin:0 0 5px;font-size:.65rem;font-weight:700;letter-spacing:.13em;color:#f3f8f5}
#znf-a11y-dialog .znf-a11y-drawer-header h2{margin:0;color:#fff;font-size:1.22rem;line-height:1.18;font-weight:700;overflow-wrap:anywhere}
#znf-a11y-dialog .znf-a11y-close{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:48px;min-height:52px;padding:5px 9px;background:#fff;color:var(--znf-a11y-green-deep);border:1px solid #fff;border-radius:12px;font:700 .75rem/1.2 Arial,sans-serif}
#znf-a11y-dialog .znf-a11y-close .znf-a11y-icon{width:20px;height:20px;flex-basis:20px;min-width:20px}
#znf-a11y-dialog .znf-a11y-top-actions{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:7px;padding:0 16px 14px}
#znf-a11y-dialog .znf-a11y-top-actions .znf-a11y-button{min-height:44px;margin:0;padding:7px 9px;border:1px solid #a6c5b3;color:#fff;background:transparent;font-size:.76rem;font-weight:600;border-radius:9px;gap:5px}
#znf-a11y-dialog .znf-a11y-top-actions .znf-a11y-icon{width:18px;height:18px;min-width:18px;flex-basis:18px}
#znf-a11y-dialog .znf-a11y-top-actions [data-znf-a11y-status]{color:inherit}
#znf-a11y-dialog .znf-a11y-top-actions .znf-a11y-button:not(:disabled):hover{background:#ffffff20}
#znf-a11y-dialog .znf-a11y-panel-body{display:flex;flex:1 1 auto;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding:18px;padding:20px 20px 24px}
#znf-a11y-dialog .znf-a11y-panel-body>*{flex-shrink:0;min-width:0}
.znf-a11y-intro strong{font-size:1.05rem}
.znf-a11y-intro p{margin:5px 0 9px;color:#4d6056;font-size:.86rem}
.znf-a11y-saving{display:inline-block;padding:5px 10px;border:1px solid #ceddd4;border-radius:8px;background:#eaf3ed;color:#214f34;font-size:.76rem}
#znf-a11y-dialog .znf-a11y-search-wrap{margin:0;padding:0;border:0;background:none}
.znf-a11y-search-wrap>label{font-size:.85rem;font-weight:700;color:#173c29}
.znf-a11y-search-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:6px;padding:4px 5px 4px 12px;border:1px solid #718579;border-radius:12px;background:#fff}
#znf-a11y-search{width:100%;min-width:0;min-height:44px;margin:0;padding:7px 3px;border:0;border-radius:4px;font:inherit;font-size:1rem;color:#173c29;background:#fff}
#znf-a11y-dialog .znf-a11y-search-row .znf-a11y-button{border:0;padding:8px;font-size:.8rem;gap:4px}
#znf-a11y-dialog .znf-a11y-search-row .znf-a11y-icon{width:19px;height:19px;min-width:19px;flex-basis:19px}
#znf-a11y-search-result{min-height:1.5em;margin:6px 0 0;font-size:.76rem}
.znf-a11y-category-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.znf-a11y-category-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:66px;padding:9px 6px;border:1px solid #718579;border-radius:11px;color:#234d34;background:#fff;font:600 .79rem/1.25 Arial,sans-serif;cursor:pointer;overflow-wrap:anywhere}
.znf-a11y-category-nav button:hover{background:#eaf3ed;border-color:var(--znf-a11y-green-dark)}
#znf-a11y-dialog .znf-a11y-section{margin:0;padding:0;overflow:visible;border:1px solid #cbd9d0;border-radius:14px;background:#fff;box-shadow:0 3px 9px rgb(13 78 44 / .025)}
#znf-a11y-dialog .znf-a11y-favorites{padding:15px}
#znf-a11y-dialog .znf-a11y-section-head{align-items:center;padding:0;margin:0 0 12px;border:0;gap:8px}
#znf-a11y-dialog .znf-a11y-section-head h3{display:flex;align-items:center;gap:7px;color:#173c29;font-size:.94rem}
#znf-a11y-dialog .znf-a11y-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#znf-a11y-dialog .znf-a11y-quick-tool{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;text-align:left;column-gap:9px;min-height:72px;padding:12px;border:1px solid #718579;color:#123e2d;border-radius:10px;background:#f8fbf9}
.znf-a11y-quick-tool>.znf-a11y-icon{grid-row:1/3}
#znf-a11y-dialog .znf-a11y-quick-tool strong{font-size:.82rem;line-height:1.3}
#znf-a11y-dialog .znf-a11y-quick-tool small{font-size:.76rem;color:inherit}
#znf-a11y-dialog .znf-a11y-quick-tool[aria-pressed="true"]{border:2px solid var(--znf-a11y-green-dark);background:#e6f2e9}
#znf-a11y-dialog .znf-a11y-group-summary{display:flex;align-items:center;gap:12px;min-height:78px;margin:0;padding:16px;color:#173c29;border-radius:14px;font-weight:400;list-style:none;cursor:pointer}
.znf-a11y-group-summary::-webkit-details-marker{display:none}
.znf-a11y-group-summary::marker{content:""}
.znf-a11y-group-summary>span:not(.znf-a11y-chevron){flex:1;min-width:0}
.znf-a11y-group-summary strong{display:block;font-size:.96rem;line-height:1.3}
.znf-a11y-group-summary small{display:block;margin-top:4px;font-size:.78rem;font-weight:400;line-height:1.4;color:#4d6056}
.znf-a11y-group-summary>.znf-a11y-icon{padding:8px;box-sizing:content-box;background:#edf5ef;border-radius:11px;color:var(--znf-a11y-green-dark)}
.znf-a11y-chevron{font-size:1.3rem;line-height:1;transform:rotate(0deg)}
details[open]>.znf-a11y-group-summary .znf-a11y-chevron{transform:rotate(180deg)}
details[open]>.znf-a11y-group-summary{border-bottom:1px solid #dce6df;border-radius:14px 14px 0 0;background:#fbfdfb}
.znf-a11y-group-body{display:flex;flex-direction:column;gap:14px;padding:16px}
.znf-a11y-group-body>*{margin:0;min-width:0}
#znf-a11y-dialog .znf-a11y-choice-group{margin:0;padding:0;border:0;min-inline-size:0}
.znf-a11y-choice-group legend{float:none;display:block;width:100%;padding:0;margin:0 0 8px;font-size:.9rem;font-weight:700;color:#173c29}
.znf-a11y-choice-group>.znf-a11y-note{margin:0 0 8px}
#znf-a11y-dialog .znf-a11y-radio-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:7px}
#znf-a11y-dialog .znf-a11y-radio-card{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px;align-items:center;min-height:64px;padding:10px 8px;border:1px solid #718579;border-radius:10px;position:relative}
#znf-a11y-dialog .znf-a11y-radio-card>span{min-width:0;grid-column:2}
#znf-a11y-dialog .znf-a11y-radio-card .znf-a11y-icon{grid-column:2;grid-row:1;width:20px;height:20px;min-width:20px;flex-basis:20px;color:#31553e}
#znf-a11y-dialog .znf-a11y-radio-card input[type="radio"]{grid-column:1;grid-row:1/3;width:18px;height:18px;min-width:18px;min-height:18px;accent-color:var(--znf-a11y-green-dark)}
#znf-a11y-dialog .znf-a11y-radio-card strong{font-size:.8rem;line-height:1.3;overflow-wrap:anywhere}
#znf-a11y-dialog .znf-a11y-radio-card[data-selected="true"]{border:2px solid var(--znf-a11y-green-dark);background:#e6f2e9;padding:9px 7px;box-shadow:none}
#znf-a11y-dialog .znf-a11y-radio-card:focus-within{outline:3px solid var(--znf-a11y-green-deep);outline-offset:3px}
#znf-a11y-dialog .znf-a11y-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#znf-a11y-dialog .znf-a11y-control{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:9px;min-height:84px;padding:12px 10px;border:1px solid #718579;border-radius:11px;background:#fff;color:#173c29}
#znf-a11y-dialog .znf-a11y-control .znf-a11y-icon{grid-column:1;grid-row:1}
#znf-a11y-dialog .znf-a11y-control>span:not(.znf-a11y-state){grid-column:1/-1;grid-row:2}
#znf-a11y-dialog .znf-a11y-control strong{font-size:.85rem;line-height:1.3}
#znf-a11y-dialog .znf-a11y-control small{margin-top:4px;font-size:.75rem;line-height:1.4;color:#4d6056}
#znf-a11y-dialog .znf-a11y-control[aria-pressed="true"]{border:2px solid var(--znf-a11y-green-dark);padding:11px 9px;background:#e6f2e9}
.znf-a11y-state{grid-column:3;grid-row:1;display:inline-block;padding:2px 6px;border:1px solid #718579;border-radius:6px;font-size:.7rem;font-weight:700;color:#4d6056;line-height:1.4;background:#fff}
[aria-pressed="true"]>.znf-a11y-state{color:#fff;background:var(--znf-a11y-green-dark);border-color:var(--znf-a11y-green-dark)}
#znf-a11y-dialog .znf-a11y-details{border:0;border-top:1px solid #dce6df;border-radius:0;padding:0;margin:12px 0 0;background:transparent}
#znf-a11y-dialog .znf-a11y-details>summary{min-height:48px;padding:12px 2px;margin:0;color:var(--znf-a11y-green-dark);font-size:.86rem;cursor:pointer;font-weight:700}
#znf-a11y-dialog .znf-a11y-details>*:not(summary){margin-top:10px}
#znf-a11y-dialog .znf-a11y-note{color:#4d6056;font-size:.79rem;line-height:1.5}
#znf-a11y-dialog .znf-a11y-group-body p,#znf-a11y-dialog .znf-a11y-group-body li{font-size:.85rem}
#znf-a11y-dialog .znf-a11y-button{min-width:44px;min-height:46px;padding:9px 11px;border:1px solid #718579;border-radius:10px;color:var(--znf-a11y-green-dark);font:600 .84rem/1.4 Arial,sans-serif;background:#fff;gap:7px;overflow-wrap:anywhere}
#znf-a11y-dialog .znf-a11y-button:not(:disabled):not([aria-disabled="true"]):hover{background:#eaf3ed;border-color:var(--znf-a11y-green-dark)}
#znf-a11y-dialog .znf-a11y-button-primary{background:var(--znf-a11y-green-dark);color:#fff;border-color:var(--znf-a11y-green-dark)}
#znf-a11y-dialog .znf-a11y-button-primary:not(:disabled):hover{background:var(--znf-a11y-green-deep);color:#fff}
#znf-a11y-dialog .znf-a11y-actions-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,135px),1fr));gap:8px}
#znf-a11y-dialog .znf-a11y-actions-row .znf-a11y-button{flex-wrap:wrap}
#znf-a11y-dialog .znf-a11y-help-links a{border:1px solid #718579;color:var(--znf-a11y-green-dark);min-height:48px;padding:11px;font-size:.86rem;border-radius:10px;justify-content:flex-start;text-decoration:underline;text-underline-offset:.2em}
#znf-a11y-dialog .znf-a11y-help-links a .znf-a11y-icon:last-child{margin-left:auto}
.znf-a11y-empty{margin:0;padding:15px;border:1px solid #718579;border-radius:10px;font-size:.86rem;background:#fff}
#znf-a11y-dialog .znf-a11y-view-all-link{font-size:.83rem;min-height:44px;margin:0;align-self:flex-start;padding:7px 2px;text-align:left}
.znf-a11y-active-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.znf-a11y-active-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid #dce6df;border-radius:9px}
.znf-a11y-active-list li>span{min-width:0;font-weight:600}
.znf-a11y-active-list small{display:block;color:#4d6056;font-size:.75rem;font-weight:400}
#znf-a11y-dialog .znf-a11y-active-list .znf-a11y-button{flex:none;font-size:.75rem}
.znf-a11y-voice-label{display:block;font-size:.88rem;font-weight:700}
#znf-a11y-voice{display:block;width:100%;min-width:0;min-height:48px;padding:10px;border:1px solid #718579;border-radius:9px;font:inherit;font-size:.85rem;background:#fff;color:#173c29}
#znf-a11y-dialog .znf-a11y-range-field{margin:4px 0 0}
#znf-a11y-dialog .znf-a11y-range-heading label{font-size:.9rem}
#znf-a11y-dialog .znf-a11y-range-scale{font-size:.72rem}
#znf-a11y-dialog .znf-a11y-range-field .znf-a11y-field-hint{font-size:.76rem}
#znf-a11y-dialog .znf-a11y-step-button{min-width:44px;min-height:44px}
#znf-a11y-dialog .znf-a11y-page-nav-list{max-height:22rem;overflow-y:auto;overscroll-behavior:contain;padding:5px}
#znf-a11y-dialog .znf-a11y-page-nav-item{min-height:48px;font-size:.85rem}
#znf-a11y-dialog .znf-a11y-panel-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;flex:none;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid #cbd9d0;background:#fff}
.znf-a11y-version{font-size:.65rem;color:#4d6056}
#znf-a11y-dialog .znf-a11y-unavailable-note{display:block;grid-column:1/-1;flex:1 0 100%;min-width:0;margin:6px 0 0;font-size:.72rem;line-height:1.4;font-weight:400;color:#526159}
#znf-a11y-dialog button:disabled,#znf-a11y-dialog input:disabled,#znf-a11y-dialog select:disabled,#znf-a11y-dialog [aria-disabled="true"]{opacity:1;color:#68726c;background:#eff1ef;border-color:#adb6b0;cursor:not-allowed}
#znf-a11y-dialog button:disabled .znf-a11y-icon{color:#7b867f}
#znf-a11y-dialog button:disabled .znf-a11y-state{background:#e2e7e3;color:#68726c;border-color:#adb6b0}
#znf-a11y-dialog .znf-a11y-top-actions button:disabled{color:#d1d8d3;background:#365e47;border-color:#719781}
#znf-a11y-dialog .znf-a11y-top-actions button:disabled .znf-a11y-icon{color:#d1d8d3}
#znf-a11y-dialog :focus-visible{outline:3px solid var(--znf-a11y-green-deep);outline-offset:3px;box-shadow:0 0 0 6px #fff}
#znf-a11y-dialog .znf-a11y-top-shell :focus-visible{outline-color:#fff;box-shadow:0 0 0 6px var(--znf-a11y-green-deep)}
#znf-a11y-dialog .znf-a11y-radio-card input:focus-visible{box-shadow:none;outline-offset:2px}
body[data-znf-a11y-dialog-open="true"]{overflow:hidden}

/* Preserve these preferences on legal templates with fixed typography too (never inside the panel). */
html[data-znf-a11y-reading-width="comfortable"] :where([data-znf-readable-content],[data-znf-main],main,[role="main"]) :where(p,ul,ol,dl,blockquote){max-inline-size:72ch!important}
html[data-znf-a11y-reading-width="narrow"] :where([data-znf-readable-content],[data-znf-main],main,[role="main"]) :where(p,ul,ol,dl,blockquote){max-inline-size:58ch!important}
html[data-znf-a11y-line-spacing="more"] [data-znf-a11y-visual-scope] :where(p,li,dd,dt,blockquote,figcaption):not(#znf-a11y-mount *){line-height:1.75!important}
html[data-znf-a11y-line-spacing="most"] [data-znf-a11y-visual-scope] :where(p,li,dd,dt,blockquote,figcaption):not(#znf-a11y-mount *){line-height:2!important}
html[data-znf-a11y-letter-spacing="more"] [data-znf-a11y-visual-scope] :where(p,li,dd,dt,blockquote,figcaption):not(#znf-a11y-mount *){letter-spacing:.12em!important}
html[data-znf-a11y-word-spacing="more"] [data-znf-a11y-visual-scope] :where(p,li,dd,dt,blockquote,figcaption):not(#znf-a11y-mount *){word-spacing:.16em!important}
html[data-znf-a11y-contrast="dark"] [data-znf-a11y-visual-scope]{--znf-chosen-bg:#111;--znf-chosen-fg:#fff}
html[data-znf-a11y-contrast="light"] [data-znf-a11y-visual-scope],html[data-znf-a11y-contrast="high"] [data-znf-a11y-visual-scope]{--znf-chosen-bg:#fff;--znf-chosen-fg:#111}
html[data-znf-a11y-contrast]:not([data-znf-a11y-contrast="default"]) [data-znf-a11y-visual-scope] :where(h1,h2,h3,h4,h5,h6,p,li,span,a,td,th,dt,dd,blockquote,label,button,input,select,textarea,summary):not(#znf-a11y-mount *){background-color:var(--znf-chosen-bg)!important;color:var(--znf-chosen-fg)!important;background-image:none!important;text-shadow:none!important}
html[data-znf-a11y-contrast]:not([data-znf-a11y-contrast="default"]) [data-znf-a11y-visual-scope] :where(a):not(#znf-a11y-mount *){text-decoration:underline!important}
html[data-znf-a11y-contrast]:not([data-znf-a11y-contrast="default"]) [data-znf-a11y-visual-scope] :where(button,input,select,textarea):not(#znf-a11y-mount *){border-color:currentColor!important}
@media(max-width:480px){
 #znf-a11y-dialog,#znf-a11y-dialog[data-panel-side="right"]{border-radius:0;width:100vw;border:0}
 #znf-a11y-dialog .znf-a11y-panel-body{padding:14px;gap:12px}
 #znf-a11y-dialog .znf-a11y-drawer-header{padding:14px;grid-template-columns:minmax(0,1fr) auto}
 #znf-a11y-dialog .znf-a11y-brand-mark{display:none}
 #znf-a11y-dialog .znf-a11y-top-actions{padding:0 14px 12px;grid-template-columns:1fr 1fr}
 #znf-a11y-dialog .znf-a11y-top-actions>[data-category-link]{grid-column:1/-1;justify-content:flex-start}
 #znf-a11y-dialog .znf-a11y-top-actions .znf-a11y-button{font-size:.76rem}
 .znf-a11y-category-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 #znf-a11y-dialog .znf-a11y-group-body{padding:13px}
 #znf-a11y-dialog .znf-a11y-group-summary{padding:13px;gap:9px}
 #znf-a11y-dialog .znf-a11y-panel-footer{grid-template-columns:1fr 1fr;padding:10px 14px max(10px,env(safe-area-inset-bottom))}
 .znf-a11y-version{grid-column:1/-1;text-align:center}
}
@media(max-width:359px){
 #znf-a11y-dialog .znf-a11y-grid,#znf-a11y-dialog .znf-a11y-local-grid{grid-template-columns:1fr}
 #znf-a11y-dialog .znf-a11y-quick-grid{grid-template-columns:1fr}
 #znf-a11y-dialog .znf-a11y-control{grid-template-columns:24px minmax(0,1fr) auto;min-height:72px}
 .znf-a11y-group-summary>.znf-a11y-icon{padding:5px}
}
/* A short viewport, large text, or an on-screen keyboard must not trap the body
   between a tall fixed header and footer. Everything remains in one scroll area. */
@media(max-height:680px){
 #znf-a11y-dialog{display:block;overflow-y:auto}
 #znf-a11y-dialog .znf-a11y-panel-body{overflow:visible}
 #znf-a11y-dialog .znf-a11y-top-shell,#znf-a11y-dialog .znf-a11y-panel-footer{position:static}
}
@media(prefers-reduced-motion:reduce){#znf-a11y-dialog *,#znf-a11y-dialog *::before,#znf-a11y-dialog *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){
 #znf-a11y-dialog,#znf-a11y-dialog .znf-a11y-top-shell,#znf-a11y-dialog .znf-a11y-section,#znf-a11y-dialog .znf-a11y-panel-footer{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
 #znf-a11y-dialog .znf-a11y-drawer-header h2,#znf-a11y-dialog .znf-a11y-eyebrow{color:CanvasText}
 #znf-a11y-dialog :where(button,label,summary,select,input,a){forced-color-adjust:auto}
 #znf-a11y-dialog .znf-a11y-radio-card[data-selected="true"],#znf-a11y-dialog [aria-pressed="true"]{border:3px solid Highlight}
 #znf-a11y-dialog :focus-visible{outline:3px solid Highlight;box-shadow:none}
 #znf-a11y-dialog :disabled,#znf-a11y-dialog .znf-a11y-unavailable-note{color:GrayText;border-color:GrayText}
 html[data-znf-a11y-contrast]:not([data-znf-a11y-contrast="default"]) [data-znf-a11y-visual-scope] :where(h1,h2,h3,h4,h5,h6,p,li,span,a,td,th,dt,dd,blockquote,label,button,input,select,textarea,summary):not(#znf-a11y-mount *){background-color:Canvas!important;color:CanvasText!important;forced-color-adjust:auto!important}
 html[data-znf-a11y-filters="true"]{filter:none!important}
 html[data-znf-a11y-cursor] *{cursor:auto!important}
}
@media print{#znf-a11y-dialog,.znf-a11y-backdrop{display:none!important}body[data-znf-a11y-dialog-open="true"]{overflow:visible}}

#znf-a11y-dialog .znf-a11y-local-button{flex-wrap:wrap;justify-content:flex-start;min-width:0}

/* v2.1.8: aligned controls and complete interaction states (package colours mapped to brand tokens). */
#znf-a11y-dialog .znf-a11y-top-actions{padding-top:14px;gap:10px}
#znf-a11y-dialog .znf-a11y-button,#znf-a11y-dialog .znf-a11y-local-button{display:flex;align-items:center;justify-content:center;gap:9px;text-align:center}
#znf-a11y-dialog .znf-a11y-control{grid-template-columns:26px minmax(0,1fr) auto;align-items:center;min-height:96px;gap:10px;text-align:left;padding:14px 12px}
#znf-a11y-dialog .znf-a11y-control>.znf-a11y-icon{grid-column:1;grid-row:1;align-self:center}
#znf-a11y-dialog .znf-a11y-control>span:not(.znf-a11y-state){grid-column:2;grid-row:1;align-self:center}
#znf-a11y-dialog .znf-a11y-control>.znf-a11y-state{grid-column:3;grid-row:1;align-self:center}
#znf-a11y-dialog .znf-a11y-control[aria-pressed="true"]{padding:13px 11px}
#znf-a11y-dialog .znf-a11y-unavailable-note{flex-basis:100%;grid-column:1/-1;grid-row:auto;text-align:center;color:#4d6056;font-weight:400}
#znf-a11y-dialog :is(.znf-a11y-control,.znf-a11y-button,.znf-a11y-local-button):has(.znf-a11y-unavailable-note){flex-wrap:wrap}
#znf-a11y-dialog .znf-a11y-details{border:1px solid #718579;border-radius:12px;background:#fff;margin-top:14px;overflow:visible}
#znf-a11y-dialog .znf-a11y-details>summary{display:flex;align-items:center;gap:10px;list-style:none;min-height:56px;padding:14px 12px;margin:0;border-radius:11px;background:#edf5ef;color:#173c29}
#znf-a11y-dialog .znf-a11y-details>summary::-webkit-details-marker{display:none}
#znf-a11y-dialog .znf-a11y-details>summary::before{content:none}
#znf-a11y-dialog .znf-a11y-details>*:not(summary){margin:12px}
#znf-a11y-dialog .znf-a11y-disclosure-hint{margin-left:auto;font-size:.72rem;font-weight:600;white-space:normal;text-align:right}
#znf-a11y-dialog .znf-a11y-hide{display:none}
#znf-a11y-dialog details[open]>summary .znf-a11y-show{display:none}
#znf-a11y-dialog details[open]>summary .znf-a11y-hide{display:inline}
#znf-a11y-dialog .znf-a11y-disclosure-chevron{font-size:1.3rem;line-height:1}
#znf-a11y-dialog details[open]>summary .znf-a11y-disclosure-chevron{transform:rotate(180deg)}
#znf-a11y-dialog :is(button,a,summary,.znf-a11y-radio-card,.znf-a11y-voice-consent){transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
#znf-a11y-dialog :is(button:not(:disabled),a,summary,.znf-a11y-radio-card:not(:has(:disabled)),.znf-a11y-voice-consent):is(:hover,:focus-visible){background:#dfede3;color:#123e2d;border-color:var(--znf-a11y-green-dark);box-shadow:inset 0 0 0 1px var(--znf-a11y-green-dark)}
#znf-a11y-dialog button[aria-pressed="true"]:is(:hover,:focus-visible){background:#cce4d3;color:#123e2d}
#znf-a11y-dialog .znf-a11y-top-shell :is(button:not(:disabled),a):is(:hover,:focus-visible){background:#e3f0e7;color:#123e2d;border-color:#fff}
#znf-a11y-dialog .znf-a11y-top-shell :is(button,a):is(:hover,:focus-visible) *{color:inherit}
#znf-a11y-dialog :is(button,a,summary,input,select):focus-visible{outline:3px solid var(--znf-a11y-green-deep);outline-offset:3px;box-shadow:0 0 0 3px #fff}
#znf-a11y-dialog .znf-a11y-help-links{display:grid;grid-template-columns:1fr;gap:10px}
#znf-a11y-dialog .znf-a11y-help-links :is(a,button){display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:54px;padding:14px 16px;margin:0;border:1px solid #718579;border-radius:12px;background:#f1f7f3;color:#173c29;text-align:left;font-weight:600}
#znf-a11y-dialog .znf-a11y-help-links .znf-a11y-icon{margin:0;flex:0 0 24px}
#znf-a11y-dialog .znf-a11y-media-card{margin-top:16px;padding:14px;background:#fff6e5;border:1px solid #8d784c;border-radius:12px}
#znf-a11y-dialog .znf-a11y-media-card>button{width:100%;margin:0}
#znf-a11y-dialog .znf-a11y-media-card p{margin-bottom:0}
#znf-a11y-dialog .znf-a11y-voice-consent{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #718579;border-radius:12px;background:#f1f7f3;color:#173c29;cursor:pointer}
#znf-a11y-dialog .znf-a11y-voice-consent input{flex:none;width:22px;height:22px;margin:2px 0;accent-color:var(--znf-a11y-green-dark)}
#znf-a11y-dialog .znf-a11y-voice-consent small{display:block;font-size:.8rem;line-height:1.5;margin-top:6px}
#znf-a11y-dialog .znf-a11y-actions-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#znf-a11y-dialog button:disabled{color:#4d6056;background:#eff1ef;border-color:#718579}
#znf-a11y-dialog button:disabled .znf-a11y-icon{color:inherit}
#znf-a11y-dialog .znf-a11y-top-actions button:disabled{background:#365e47;color:#e3eee6}
#znf-a11y-dialog select:hover{background:#dfede3;border-color:var(--znf-a11y-green-dark)}
@media(max-width:420px){#znf-a11y-dialog .znf-a11y-grid{grid-template-columns:1fr}#znf-a11y-dialog .znf-a11y-top-actions{padding-top:12px}#znf-a11y-dialog .znf-a11y-disclosure-hint{font-size:.68rem}#znf-a11y-dialog .znf-a11y-details>summary{gap:8px}}
@media(prefers-reduced-motion:reduce){#znf-a11y-dialog *{transition:none!important}}
@media(forced-colors:active){
 #znf-a11y-dialog :is(button,a,summary,.znf-a11y-radio-card,.znf-a11y-voice-consent,.znf-a11y-media-card){background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important}
 #znf-a11y-dialog :is(button:not(:disabled),a,summary,.znf-a11y-radio-card):is(:hover,:focus-visible){background:Highlight!important;color:HighlightText!important}
 #znf-a11y-dialog :is(button,a,summary,input,select):focus-visible{outline-color:Highlight!important}
 #znf-a11y-dialog button:disabled{color:GrayText!important}
}
#znf-a11y-dialog .znf-a11y-choice-group legend{display:flex;align-items:center;gap:8px}
#znf-a11y-dialog .znf-a11y-radio-card{grid-template-columns:18px 20px minmax(0,1fr);align-items:center;gap:8px}
#znf-a11y-dialog .znf-a11y-radio-card>span{grid-column:3;grid-row:1;text-align:left}
#znf-a11y-dialog .znf-a11y-radio-card input[type="radio"]{grid-row:1}
#znf-a11y-dialog .znf-a11y-radio-card .znf-a11y-icon{align-self:center}
#znf-a11y-dialog .znf-a11y-view-all-link{display:flex;align-items:center;justify-content:center;gap:10px}

/* v2.1.10 forward-looking user preference support: CSS Media Queries Level 5.
   Does nothing where the query is unsupported. The sections are <details>/<section>,
   never focus targets, so dropping their shadows cannot hide a focus indicator. */
@media (prefers-reduced-transparency: reduce) {
  .znf-a11y-drawer,.znf-a11y-section,.znf-a11y-status,.znf-a11y-system-box,.znf-a11y-onboarding { backdrop-filter:none !important; -webkit-backdrop-filter:none !important; box-shadow:none !important; }
  .znf-a11y-reading-mask-top,.znf-a11y-reading-mask-bottom { background:#000 !important; }
}