/* DEKEL accessibility menu. Settings are kept on this device only. */
.skip-link{
  position:fixed;top:12px;inset-inline-start:12px;z-index:1000;
  padding:12px 20px;border-radius:999px;background:#244A3D;color:#F7F0DE;font:700 1rem "Assistant",sans-serif;text-decoration:none;
  transform:translateY(-200%);transition:transform .2s;
}
.skip-link:focus{transform:none}

.a11y-fab{
  position:fixed;bottom:18px;inset-inline-end:18px;z-index:900;
  width:54px;height:54px;border-radius:50%;border:2px solid #F7F0DE;
  background:#2E5A4B;color:#F7F0DE;display:grid;place-items:center;cursor:pointer;
  box-shadow:0 8px 22px -8px rgba(36,74,61,.65);transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .2s;
}
.a11y-fab:hover{background:#244A3D;transform:translateY(-2px)}
.a11y-fab svg{width:30px;height:30px}

.a11y-sheet{
  margin:auto auto 0;width:min(100%,520px);max-height:88vh;border:0;padding:0;
  border-radius:28px 28px 0 0;background:#F7F0DE;color:#22423A;font-family:"Assistant",sans-serif;
  box-shadow:0 -10px 40px -12px rgba(0,0,0,.35);
}
.a11y-sheet::backdrop{background:rgba(20,40,33,.45)}
@media (min-width:760px){.a11y-sheet{margin:auto;border-radius:28px}}
.a11y-sheet__inner{padding:24px 20px 28px;overflow:auto;max-height:88vh}
.a11y-sheet__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.a11y-sheet__title{font:700 1.4rem/1.2 "Assistant",sans-serif;color:#2E5A4B}
.a11y-icon-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid #2E5A4B;background:transparent;color:#2E5A4B;display:grid;place-items:center;cursor:pointer}
.a11y-icon-btn svg{width:20px;height:20px}
.a11y-size{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;background:#EFE5C9;margin-bottom:14px}
.a11y-size__label{font-weight:700}
.a11y-size__ctrl{display:flex;align-items:center;gap:10px}
.a11y-size__ctrl output{min-width:3.5em;text-align:center;font-weight:700}
.a11y-step{width:44px;height:44px;border-radius:50%;border:0;background:#2E5A4B;color:#F7F0DE;font:700 1.4rem/1 "Assistant",sans-serif;cursor:pointer}
.a11y-step:disabled{opacity:.35;cursor:not-allowed}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.a11y-opt{
  min-height:56px;padding:10px 12px;border-radius:16px;border:1.5px solid #B5CBB2;background:#FBF7EC;color:#22423A;
  font:600 1rem/1.3 "Assistant",sans-serif;cursor:pointer;text-align:center;transition:background-color .2s,border-color .2s;
}
.a11y-opt[aria-pressed="true"]{background:#2E5A4B;border-color:#2E5A4B;color:#F7F0DE}
.a11y-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
.a11y-reset{min-height:48px;padding:0 20px;border-radius:999px;border:1.5px solid #2E5A4B;background:transparent;color:#2E5A4B;font:700 1rem "Assistant",sans-serif;cursor:pointer}
.a11y-foot a{color:#2E5A4B;font-weight:700;text-underline-offset:5px}
.a11y-sheet :focus-visible,.a11y-fab:focus-visible{outline:3px solid #E99A3F;outline-offset:3px}

/* --- settings --- */
html[data-a11y-contrast]{
  --cream:#FFFFFF;--cream-deep:#F2F2F2;--sage:#DCE6DA;--sage-ink:#0E2B22;--green:#0E3B2F;--green-deep:#082A21;
  --ink:#000000;--ink-soft:#1A1A1A;--sun-text:#7A3A08;--on-green:#FFFFFF;--on-green-soft:#FFFFFF;
}
html[data-a11y-contrast] body{background:#fff;color:#000}
html[data-a11y-gray] body > *:not(.a11y-ui){filter:grayscale(1)}
html[data-a11y-links] a{text-decoration:underline !important;text-decoration-thickness:2px !important;text-underline-offset:4px !important;background:#FFF1BF !important;color:#0E2B22 !important;outline:1px solid #0E2B22}
html[data-a11y-font] body,html[data-a11y-font] body *:not(svg):not(path){font-family:Arial,"Assistant",sans-serif !important}
html[data-a11y-spacing] body p,html[data-a11y-spacing] body li,html[data-a11y-spacing] body a,html[data-a11y-spacing] body h1,html[data-a11y-spacing] body h2,html[data-a11y-spacing] body span{letter-spacing:.12em !important;word-spacing:.16em !important;line-height:2 !important}
html[data-a11y-motion] *,html[data-a11y-motion] *::before,html[data-a11y-motion] *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
html[data-a11y-cursor],html[data-a11y-cursor] *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 11-7 1 4 8-3 1-4-8-5 5z' fill='%23000' stroke='%23fff' stroke-width='1.2'/%3E%3C/svg%3E") 4 2, auto !important}