/* v21 type + declutter layer (loads last) */
html[lang=ar] body{font-size:17.5px;line-height:1.8;font-weight:400;letter-spacing:0}
html[lang=ar] *{letter-spacing:0!important}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:"LLR Arabic",sans-serif;font-weight:700;line-height:1.4}
html[lang=ar] .btn,html[lang=ar] .eyebrow,html[lang=ar] .lang,html[lang=ar] .tags,html[lang=ar] .ar-name,html[lang=ar] .big,html[lang=ar] .ey{font-family:"LLR Arabic",sans-serif}
html[lang=ar] .btn{font-weight:600}
html[lang=ar] p,html[lang=ar] li,html[lang=ar] summary,html[lang=ar] .lede{line-height:1.8}
html[lang=ar] .fine,html[lang=ar] .note,html[lang=ar] .meta,html[lang=ar] .hint{font-size:15px;line-height:1.75}
/* calmer surfaces: one quiet card style */
.card,.xprod,.xtile,.xplan,.form,.mx-tier,.panel,.level{border-color:#E6F2ED!important;box-shadow:0 1px 2px rgba(16,81,87,.04),0 10px 28px -22px rgba(16,81,87,.22)!important}
.mx-tier{border-top-width:1px!important}
.sec{padding-block:clamp(56px,9vw,104px)}
.badge,.pill,.xlock{font-weight:600}
/* quiet footer-style link to the exam notes */
.about-l{margin:48px 0 8px;font-size:14px;text-align:center}
.about-l a{display:inline-flex;align-items:center;min-height:48px;color:#42757A;text-decoration:underline;text-underline-offset:3px}
.about .abx{margin:28px 0;padding-top:20px;border-top:1px solid #E6F2ED}
.about .abx ul{padding-inline-start:20px;line-height:1.7}.about .abx li{margin:10px 0}
.about .abx a{overflow-wrap:anywhere;color:#105157}
.about .ey a{color:inherit}
.xfaq details a{color:#105157;text-decoration:underline;overflow-wrap:anywhere}
/* AA + 48px fixes */
.more,.brand,.cartb,.nav-cta{min-height:48px;min-width:48px;display:inline-flex;align-items:center}
.go{color:#105157!important}
.crumb a,.crumbs a,nav[aria-label] ol a,.bc a{display:inline-flex;align-items:center;min-height:48px;min-width:48px;justify-content:center}
/* course tile: own row, whole-pixel height so content below shifts by an exact number of pixels */
.xtiles a[href="/members/course/"]{grid-column:1/-1;box-sizing:border-box;height:222px;overflow:hidden}
html[lang=en] .xtiles a[href="/members/course/"]{height:246px}
@media(min-width:760px){.xtiles a[href="/members/course/"],html[lang=en] .xtiles a[href="/members/course/"]{height:190px}}