html.hdl-font-sm{font-size:93.75%}
html.hdl-font-md{font-size:100%}
html.hdl-font-lg{font-size:112.5%}

#hdl-reading-comfort{
  position:fixed; right:20px; bottom:20px; z-index:9200;
  display:flex; align-items:center; gap:2px;
  background:#1A2B4A; border-radius:24px; padding:5px;
  box-shadow:0 6px 20px rgba(0,0,0,0.25);
}
#hdl-reading-comfort .hdl-rc-btn{
  border:none; background:none; cursor:pointer; color:rgba(255,255,255,0.55);
  font-family:'Jost',Georgia,sans-serif; font-weight:700;
  border-radius:18px; padding:6px 10px; line-height:1; transition:all 0.2s;
}
#hdl-reading-comfort .hdl-rc-sm{font-size:0.7rem}
#hdl-reading-comfort .hdl-rc-md{font-size:0.9rem}
#hdl-reading-comfort .hdl-rc-lg{font-size:1.1rem}
#hdl-reading-comfort .hdl-rc-btn:hover{color:#fff}
#hdl-reading-comfort .hdl-rc-btn[aria-current="true"]{background:#B8891F;color:#fff}
@media(max-width:640px){#hdl-reading-comfort{right:12px;bottom:12px}}
@media print{#hdl-reading-comfort{display:none!important}}

/* Dyslexia-friendly mode — no external font dependency (avoids CSP/CDN
   issues), just wider letter/word spacing and a rounder system sans-serif,
   both shown to help reading fluency for some dyslexic readers. */
html.hdl-dyslexia-mode body{
  font-family:Verdana,'Comic Sans MS',Tahoma,sans-serif!important;
  letter-spacing:0.035em!important;
  word-spacing:0.12em!important;
  line-height:1.75!important;
}
#hdl-reading-comfort .hdl-rc-dys{font-size:0.75rem;font-weight:700}
#hdl-reading-comfort .hdl-rc-dys[aria-current="true"]{background:#B8891F;color:#fff}