/* KJT Site Core - page languages (7.9.0) */
html.kjt-i18n-wait main{visibility:hidden}
.kjt-langmenu{position:absolute;top:.9rem;right:1rem;z-index:40;font:600 .9rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif}
[dir=rtl] .kjt-langmenu,main[dir=rtl] .kjt-langmenu{right:auto;left:1rem}
.kjt-langmenu__btn{display:inline-flex;align-items:center;gap:.4rem;min-height:2.5rem;padding:0 1rem;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(30,6,34,.55);color:#fff;font:inherit;cursor:pointer;backdrop-filter:blur(6px)}
.kjt-langmenu__btn::after{content:"\25BE";font-size:.75em;opacity:.8}
.kjt-langmenu__btn:hover,.kjt-langmenu__btn:focus-visible{background:#f3c548;color:#3e093f;border-color:#f3c548;outline:none}
.kjt-langmenu__list{position:absolute;top:calc(100% + .4rem);right:0;min-width:10rem;margin:0!important;padding:.35rem!important;list-style:none!important;border-radius:1rem;background:#fff!important;box-shadow:0 14px 34px rgba(20,0,30,.3)}
.kjt-langmenu__list li{margin:0!important;padding:0!important;list-style:none!important;background:none!important}
.kjt-langmenu__list li::before,.kjt-langmenu__list li::marker{content:none!important}
main[dir=rtl] .kjt-langmenu__list{right:auto;left:0}
.kjt-langmenu__list[hidden]{display:none}
.kjt-langmenu__list a,.kjt-langmenu__list a:visited{display:block;padding:.55rem .8rem;border-radius:.7rem;background:transparent!important;color:#3e093f!important;-webkit-text-fill-color:#3e093f;text-decoration:none!important;font-weight:700;text-shadow:none!important;opacity:1!important}
.kjt-langmenu__list a:hover,.kjt-langmenu__list a:focus-visible{background:#f4ecff!important;outline:none}
.kjt-langmenu__list a[aria-current=true]{background:#3e093f!important;color:#fff!important;-webkit-text-fill-color:#fff}
@media(max-width:640px){.kjt-langmenu{top:.6rem;right:.6rem}.kjt-langmenu__btn{min-height:2.2rem;padding:0 .8rem;font-size:.82rem}}
.kjt-i18n-report{position:fixed;left:1rem;bottom:1rem;z-index:2147483600;width:min(26rem,calc(100vw - 2rem));padding:.9rem;border-radius:1rem;background:#fff;color:#1d1a22;box-shadow:0 14px 40px rgba(0,0,0,.3);font:400 .85rem/1.4 system-ui,sans-serif}
.kjt-i18n-report strong,.kjt-i18n-report small{display:block}.kjt-i18n-report small{color:#665f6b;margin:.2rem 0 .5rem}
.kjt-i18n-report textarea{width:100%;height:9rem;font:400 .8rem/1.3 ui-monospace,monospace}
.kjt-i18n-report button{margin-top:.5rem;padding:.4rem .9rem;border:0;border-radius:999px;background:#3e093f;color:#fff;cursor:pointer}
/* Arabic: the page reads right to left */
main[dir=rtl]{text-align:right}
main[dir=rtl] .kk-carry,main[dir=rtl] .text-center{text-align:center}

/* 7.9.14: the language menu in the site header, on every page: a bright gold pill, always in sight */
.kjt-langmenu--header{position:relative;top:auto;right:auto;left:auto;flex:0 0 auto;margin-inline-start:.6rem;z-index:60;align-self:center}
.kjt-langmenu--header .kjt-langmenu__btn{min-height:2.5rem;padding:0 1rem;border:2px solid #f3c548;background:#f3c548;color:#3e093f;font-weight:800;box-shadow:0 2px 10px rgba(243,197,72,.45);backdrop-filter:none}
.kjt-langmenu--header .kjt-langmenu__btn:hover,.kjt-langmenu--header .kjt-langmenu__btn:focus-visible{background:#fff;border-color:#fff;color:#3e093f}
.kjt-langmenu--header .kjt-langmenu__list{right:0;left:auto}
header[dir=rtl] .kjt-langmenu--header .kjt-langmenu__list{right:auto;left:0}
@media(max-width:640px){.kjt-langmenu--header{margin-inline-start:auto;margin-inline-end:.4rem}.kjt-langmenu--header .kjt-langmenu__btn{min-height:2.3rem;padding:0 .75rem;font-size:.85rem}}
/* Kids Corner: the same bright pill on its banner */
.kjt-langmenu:not(.kjt-langmenu--header) .kjt-langmenu__btn{background:#f3c548;color:#3e093f;border:2px solid #fff;font-weight:800;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.kjt-langmenu__short{display:none}
@media(max-width:640px){.kjt-langmenu--header .kjt-langmenu__name{display:none}.kjt-langmenu--header .kjt-langmenu__short{display:inline}.kjt-langmenu--header .kjt-langmenu__btn{padding:0 .6rem;gap:.25rem}}
/* phones: make room in the header for the language button (the site name wraps onto two short lines) */
@media(max-width:480px){
  header.bfp-header .bfp-container{gap:.45rem;padding-left:.75rem;padding-right:.75rem}
  header.bfp-header .bfp-brand{min-width:0;flex:1 1 auto;gap:.45rem}
  header.bfp-header .bfp-brand-title{font-size:.9rem;line-height:1.1;white-space:normal;display:block;max-width:7.6rem}
  header.bfp-header .bfp-brand img{width:2.4rem;height:auto}
  .kjt-langmenu--header{margin:0}
}
/* 7.9.14: Arabic type: no Latin letter-spacing or capitals, and a font made for Arabic where the device has one */
:lang(ar){font-family:"Noto Sans Arabic","Segoe UI","Geeza Pro","Arabic UI Text",Tahoma,"Open Sans",sans-serif}
:lang(ar) h1,:lang(ar) h2,:lang(ar) h3{font-family:"Noto Naskh Arabic","Noto Sans Arabic","Segoe UI","Geeza Pro",Tahoma,serif;line-height:1.35}
:lang(ar) .uppercase,:lang(ar) [class*=tracking]{letter-spacing:0!important;text-transform:none!important}
:lang(ar) blockquote,:lang(ar) q,:lang(ar) .kjtb-hero-verse,:lang(ar) [class*=verse]{line-height:2.2!important}
/* 7.9.15: right to left, the menu button sits at the left of the header, so its panel opens from the left edge (it ran off the screen) */
header[dir=rtl] .bfp-mobile-panel,[dir=rtl] .bfp-mobile-toggle .bfp-mobile-panel{right:auto;left:0}
/* 7.9.16: right to left, arrow and chevron icons point the way the page reads ("next" points left) */
[dir=rtl] svg.lucide-arrow-right,[dir=rtl] svg.lucide-arrow-left,[dir=rtl] svg.lucide-chevron-right,[dir=rtl] svg.lucide-chevron-left,[dir=rtl] svg.lucide-arrow-up-right,[dir=rtl] svg.lucide-arrow-up-left,[dir=rtl] svg.lucide-chevrons-right,[dir=rtl] svg.lucide-chevrons-left,[dir=rtl] svg.lucide-move-right{transform:scaleX(-1)}
[dir=rtl] .group:hover svg.lucide-arrow-right,[dir=rtl] a:hover svg.lucide-arrow-right{transform:scaleX(-1) translateX(.25rem)}
/* 7.9.16: a heading that stays in English (the site name) keeps its full stop at the end */
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{unicode-bidi:plaintext}
/* 7.9.22: quieter header language switch: short code (EN, FR, AR…), no yellow bubble, top right */
.kjt-langmenu--header{margin-inline-start:0;margin-left:0}
.kjt-langmenu--header .kjt-langmenu__btn{min-height:2.1rem;padding:0 .55rem;gap:.3rem;border:0;background:transparent;color:#fff;font-weight:700;font-size:.85rem;letter-spacing:.06em;box-shadow:none}
.kjt-langmenu--header .kjt-langmenu__btn:hover,.kjt-langmenu--header .kjt-langmenu__btn:focus-visible{background:rgba(255,255,255,.1);color:#fff;border:0}
.kjt-langmenu--header .kjt-langmenu__name{display:none}
.kjt-langmenu--header .kjt-langmenu__short{display:inline}
.kjt-langmenu__globe{display:block;opacity:.85}