/* Menu Aksesibilitas — warna mengikuti tombol melayang / aksen tema */
.a11y-root{--a:var(--fl-bg,var(--g));--a-soft:var(--g-softer,#f3f4ff);position:fixed;top:0;right:0;bottom:0;z-index:100000;width:320px;max-width:100vw;display:flex;flex-direction:column;background:#fff;color:var(--ink);box-shadow:-8px 0 30px #0003;font-size:15px;line-height:1.4;transform:translateX(105%);transition:transform .28s ease;visibility:hidden}
.a11y-root[hidden]{display:none}
.a11y-root.is-open{transform:none;visibility:visible}
.a11y-root *{line-height:1.4}
.a11y-hd{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px}
.a11y-hd h2{margin:0;font-size:19px;font-weight:800;color:var(--navy)}
.a11y-x{width:30px;height:30px;border:0;border-radius:50%;background:var(--a);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 2px}
.a11y-bd{flex:1;overflow-y:auto;padding:0 20px}
.a11y-row,.a11y-blk{padding:14px 0;border-top:1px solid var(--line)}
.a11y-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.a11y-lb{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--ink)}
.a11y-ic{flex:0 0 auto;color:var(--navy)}
.a11y-step{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:0 4px}
.a11y-step output{font-weight:500}
.a11y-rd{width:36px;height:36px;border:0;border-radius:50%;background:var(--a);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 3px}
.a11y-rd:disabled{opacity:.4;cursor:not-allowed}
.a11y-opts{display:flex;justify-content:center;gap:10px;margin-top:12px}
.a11y-op{min-width:40px;height:36px;padding:0 12px;border:1.5px solid var(--a);border-radius:6px;background:#fff;color:var(--a);font:700 13px/1 inherit;font-family:inherit;cursor:pointer;display:grid;place-items:center}
.a11y-op.sq{width:38px;height:38px;padding:0}
.a11y-op[aria-pressed=true]{background:var(--a);color:#fff}
.a11y-sw{position:relative;flex:0 0 auto;width:40px;height:22px;border:0;border-radius:11px;background:#dfe2e7;cursor:pointer;padding:0;transition:background .2s}
.a11y-sw i{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0004;transition:transform .2s}
.a11y-sw[aria-checked=true]{background:var(--a)}
.a11y-sw[aria-checked=true] i{transform:translateX(18px)}
.a11y-ft{padding:14px 20px 18px;border-top:1px solid var(--line)}
.a11y-reset{width:100%;height:40px;border:0;border-radius:8px;background:var(--a);color:#fff;font:700 14px/1 inherit;font-family:inherit;cursor:pointer}
.a11y-x:hover,.a11y-rd:hover:not(:disabled),.a11y-reset:hover{filter:brightness(1.1)}
.a11y-root button:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
button.fl-btn{border:0;padding:0;margin:0;font-family:inherit;cursor:pointer}
@media(prefers-reduced-motion:reduce){.a11y-root,.a11y-sw,.a11y-sw i{transition:none}}
@media print{.a11y-root{display:none!important}}

/* ===== Efek pada situs (panel & tombol melayang tidak ikut berubah) ===== */
html.a11y-ts body>*:not(.a11y-ex):not(.fl-bar){zoom:var(--a11y-ts,1)}
html.a11y-lh body>*:not(.a11y-ex) *{line-height:var(--a11y-lh)!important}
html.a11y-sp1 body>*:not(.a11y-ex) *{letter-spacing:.03em!important;word-spacing:.06em!important}
html.a11y-sp2 body>*:not(.a11y-ex) *{letter-spacing:.07em!important;word-spacing:.14em!important}
html.a11y-sp3 body>*:not(.a11y-ex) *{letter-spacing:.12em!important;word-spacing:.24em!important}
html.a11y-al-left body>*:not(.a11y-ex) *{text-align:left!important}
html.a11y-al-center body>*:not(.a11y-ex) *{text-align:center!important}
html.a11y-al-right body>*:not(.a11y-ex) *{text-align:right!important}
html.a11y-al-justify body>*:not(.a11y-ex) *{text-align:justify!important}
html.a11y-b body>*:not(.a11y-ex) *{font-weight:800!important}
html.a11y-hl body>*:not(.a11y-ex) a{background:#ffeb3b!important;color:#000!important;text-decoration:underline!important;outline:2px solid #000;outline-offset:1px}
html.a11y-mono body>*:not(.a11y-ex){filter:grayscale(1)}
html.a11y-hc body>*:not(.a11y-ex),html.a11y-hc body>*:not(.a11y-ex) *{background-color:#000!important;background-image:none!important;color:#fff!important;border-color:#fff!important;box-shadow:none!important;text-shadow:none!important}
html.a11y-hc body>*:not(.a11y-ex) a,html.a11y-hc body>*:not(.a11y-ex) a *{color:#ffeb3b!important;text-decoration:underline!important}
html.a11y-hc body>*:not(.a11y-ex) svg{fill:currentColor}
html.a11y-cur,html.a11y-cur *{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 9-6.5 1.6L9.4 19z' fill='%23000' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2,auto!important}
html.a11y-cur a,html.a11y-cur button,html.a11y-cur [role=button],html.a11y-cur a *,html.a11y-cur button *{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='M9 11V4a1.5 1.5 0 0 1 3 0v6l5 1a2 2 0 0 1 2 2v3a5 5 0 0 1-5 5h-3a5 5 0 0 1-4-2l-4-5a1.6 1.6 0 0 1 2.4-2z' fill='%23fff' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 12 2,pointer!important}
html.a11y-pause *,html.a11y-pause *::before,html.a11y-pause *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11y-img body>*:not(.a11y-ex) img,html.a11y-img body>*:not(.a11y-ex) video,html.a11y-img body>*:not(.a11y-ex) picture{visibility:hidden!important}
html.a11y-img body>*:not(.a11y-ex) *{background-image:none!important}