/* BKPSDM Accessibility 1.9 — compact, clean 3-column panel */
.bkpsdma,.bkpsdma *{box-sizing:border-box}

.bkpsdma{
 position:fixed;right:18px;bottom:82px;z-index:2147483000;
 font-family:Arial,Helvetica,sans-serif
}

.bkpsdma-toggle{
 width:54px;height:54px;border:0;border-radius:50%;
 background:#2463eb;color:#fff;display:grid;place-items:center;
 cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.25);font-size:27px
}
.bkpsdma-toggle:hover,.bkpsdma-toggle:focus-visible{
 outline:3px solid rgba(36,99,235,.35);outline-offset:2px
}

.bkpsdma-panel{
 position:absolute;right:0;bottom:58px;width:330px;
 max-width:calc(100vw - 24px);max-height:min(610px,calc(100vh - 150px));
 overflow-y:auto;background:#f4f6f8;color:#111827;
 border:1px solid #e1e5ea;border-radius:16px;
 box-shadow:0 12px 35px rgba(0,0,0,.22);overflow-x:hidden
}
.bkpsdma-panel[hidden]{display:none!important}

.bkpsdma-header{
 background:#111827;color:#fff;padding:15px 16px;
 display:flex;justify-content:space-between;align-items:center
}
.bkpsdma-header strong{font-size:18px;line-height:1.25}
.bkpsdma-header strong span{font-size:11px;color:#9ca3af;font-weight:400;display:block;margin-top:3px}

.bkpsdma-close{
 border:0;background:transparent;color:#fff;font-size:28px;
 line-height:1;cursor:pointer;padding:0 2px
}

/* Compact 3-column cards */
.bkpsdma-grid{
 padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px
}

.bkpsdma-card{
 min-width:0;height:94px;border:1px solid #e4e7eb;border-radius:12px;
 background:#fff;color:#111827;display:flex;flex-direction:column;
 align-items:center;justify-content:center;gap:7px;padding:7px 4px;
 cursor:pointer;font-size:11px;font-weight:700;line-height:1.15;text-align:center;
 box-shadow:0 2px 8px rgba(0,0,0,.06)
}

.bkpsdma-card:hover,.bkpsdma-card:focus-visible{
 border-color:#2463eb;outline:2px solid rgba(36,99,235,.18);outline-offset:1px
}

.bkpsdma-card[aria-pressed="true"],
.bkpsdma-card[data-a11y-speech="read"][aria-pressed="true"]{
 background:#eef4ff;border-color:#2463eb;color:#1648b5
}

.bkpsdma-icon{
 height:30px;min-height:30px;display:grid;place-items:center;
 font-size:25px;line-height:1
}
.bkpsdma-size-value{
 display:block;min-height:15px;font-size:11px;line-height:1;
 font-weight:800;color:#2463eb;margin-top:-2px
}
.bkpsdma-card[data-a11y-action="increase"] .bkpsdma-size-value,
.bkpsdma-card[data-a11y-action="decrease"] .bkpsdma-size-value{
 font-variant-numeric:tabular-nums
}
.bkpsdma-icon.text-icon{font-family:Arial,sans-serif;font-size:29px;font-weight:400}
.bkpsdma-icon.text-icon sup{font-size:14px;position:relative;top:-.55em}
.dyslexia-icon{font-family:Georgia,serif!important;font-size:31px!important}
.underline-icon{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}

.bkpsdma-reset{
 width:calc(100% - 28px);min-height:43px;margin:0 14px 8px;
 border:0;border-radius:10px;background:#111827;color:#fff;
 cursor:pointer;font-size:12px;font-weight:700;line-height:1.2;padding:8px 10px
}
.bkpsdma-reset:hover,.bkpsdma-reset:focus-visible{
 background:#1f2937;outline:2px solid rgba(17,24,39,.25);outline-offset:2px
}
.bkpsdma-reset span{font-size:18px;margin-right:5px}
.bkpsdma-note{margin:0;padding:0 14px 12px;text-align:center;color:#6b7280;font-size:9px}

/* Grayscale: benar-benar menghilangkan warna, bukan menaikkan saturasi */
body.bkpsdma-grayscale-page > :not(#bkpsdma){filter:grayscale(1)!important}

/* Sembunyikan media */
body.bkpsdma-hide-images-page img,
body.bkpsdma-hide-images-page picture,
body.bkpsdma-hide-images-page svg,
body.bkpsdma-hide-images-page video,
body.bkpsdma-hide-images-page canvas{visibility:hidden!important}

/* Ramah disleksia */
html.bkpsdma-dyslexia p,html.bkpsdma-dyslexia li,
html.bkpsdma-dyslexia td,html.bkpsdma-dyslexia th,
html.bkpsdma-dyslexia a{
 letter-spacing:.045em!important;word-spacing:.14em!important
}
html.bkpsdma-dyslexia p,html.bkpsdma-dyslexia li{line-height:1.8!important}

/* Tinggi garis */
html.bkpsdma-lineheight p,html.bkpsdma-lineheight li,
html.bkpsdma-lineheight td,html.bkpsdma-lineheight th,
html.bkpsdma-lineheight .entry-content,html.bkpsdma-lineheight article{
 line-height:2!important
}

/* Animasi dijeda */
html.bkpsdma-animation *,html.bkpsdma-animation *::before,
html.bkpsdma-animation *::after{
 animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important
}

/* Kursor besar */
html.bkpsdma-large-cursor,html.bkpsdma-large-cursor body,
html.bkpsdma-large-cursor a,html.bkpsdma-large-cursor button,
html.bkpsdma-large-cursor input,html.bkpsdma-large-cursor select,
html.bkpsdma-large-cursor textarea{
 cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cpath d='M5 3L15 33L21 24L31 36L36 31L26 20L37 16Z' fill='white' stroke='black' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") 5 3,auto!important
}

/* Spasi teks */
html.bkpsdma-spacing p,html.bkpsdma-spacing li,
html.bkpsdma-spacing td,html.bkpsdma-spacing th,html.bkpsdma-spacing a{
 letter-spacing:.05em!important;word-spacing:.15em!important
}

/* Garis bawah tautan */
html.bkpsdma-underline a{
 text-decoration:underline!important;text-decoration-thickness:2px!important;
 text-underline-offset:3px!important
}

/* Fokus keyboard */
html.bkpsdma-focus :focus-visible{
 outline:4px solid #20a36d!important;outline-offset:3px!important;
 box-shadow:0 0 0 2px #fff!important
}

/* Mode suara aktif */
html.bkpsdma-speech-click-mode body :where(
 p,li,h1,h2,h3,h4,h5,h6,blockquote,td,th,figcaption,dt,dd
):hover{
 outline:2px dashed #20a36d!important;outline-offset:3px!important;cursor:pointer!important
}
.bkpsdma-speech-hint{
 position:fixed;left:50%;bottom:18px;transform:translateX(-50%);
 z-index:2147482999;background:#111827;color:#fff;padding:7px 12px;
 border-radius:999px;font:600 11px/1.2 Arial,sans-serif;
 box-shadow:0 4px 16px rgba(0,0,0,.25);pointer-events:none;white-space:nowrap
}

#bkpsdma,#bkpsdma *{filter:none!important}

@media(max-width:480px){
 .bkpsdma{right:12px;bottom:76px}
 .bkpsdma-toggle{width:50px;height:50px}
 .bkpsdma-panel{width:min(330px,calc(100vw - 24px));bottom:56px;max-height:calc(100vh - 120px)}
 .bkpsdma-grid{padding:11px;gap:7px}
 .bkpsdma-card{height:86px;font-size:10px}
 .bkpsdma-icon{font-size:22px;height:29px;min-height:29px}
 .bkpsdma-icon.text-icon{font-size:26px}
 .bkpsdma-speech-hint{max-width:calc(100vw - 24px);white-space:normal;text-align:center}
}


/* v1.11 — professional trigger icon */
.bkpsdma-toggle-icon{
    width:30px;height:30px;display:grid;place-items:center;
    color:#fff;line-height:0
}
.bkpsdma-toggle-icon svg{display:block}

/* Keep the accessibility panel readable even when the website is in dark mode,
   has a global color scheme, opacity/filter rules, or theme overrides. */
.bkpsdma-panel,
.bkpsdma-panel *{
    opacity:1!important;
}

.bkpsdma-panel{
    color:#111827!important;
    color-scheme:light;
}

.bkpsdma-header,
.bkpsdma-header *{
    color:#fff!important;
}

.bkpsdma-header{
    background:#111827!important;
}

.bkpsdma-card,
.bkpsdma-card *{
    color:#111827!important;
}

.bkpsdma-card{
    background:#fff!important;
    border-color:#e4e7eb!important;
}

.bkpsdma-card[aria-pressed="true"],
.bkpsdma-card[data-a11y-speech="read"][aria-pressed="true"],
.bkpsdma-card[aria-pressed="true"] *{
    color:#1648b5!important;
    background:#eef4ff!important;
}

.bkpsdma-reset,
.bkpsdma-reset *{
    color:#fff!important;
}

.bkpsdma-reset{
    background:#111827!important;
}

.bkpsdma-note{
    color:#6b7280!important;
}

/* Prevent theme dark-mode rules from changing controls inside the panel. */
.bkpsdma-panel button{
    font-family:Arial,Helvetica,sans-serif!important;
    text-shadow:none!important;
}

/* Shortcut hint */
.bkpsdma-header strong span{
    color:#cbd5e1!important;
}