/* Self-hosted, unmodified OFL font families. Font files include Arabic and Latin. */
@font-face{font-family:'DT Tajawal';src:url('/fonts/tajawal-700.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'DT Tajawal';src:url('/fonts/tajawal-800.woff') format('woff');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:'DT Noto Sans Arabic';src:url('/fonts/noto-sans-arabic-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DT Noto Sans Arabic';src:url('/fonts/noto-sans-arabic-500.woff') format('woff');font-style:normal;font-weight:500;font-display:swap}
:root{--dt-heading:'DT Tajawal',Tahoma,Arial,sans-serif;--dt-body:'DT Noto Sans Arabic',Tahoma,Arial,sans-serif;--dt-reading:clamp(1.0625rem,1rem + .25vw,1.1875rem)}
html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--dt-body);font-size:var(--dt-reading);font-weight:400;line-height:1.75;color:#182c3b}
h1,h2,h3,h4,h5,h6,summary{font-family:var(--dt-heading);font-weight:700;line-height:1.4;letter-spacing:normal;overflow-wrap:break-word}
h1,header h1{font-size:clamp(1.875rem,2.5vw,2.125rem);font-weight:800;margin-block:.3em .65em}
h2,#content>h2{font-size:clamp(1.375rem,1.2rem + .4vw,1.625rem);margin-block:1.3em .6em}
h3{font-size:clamp(1.1875rem,1.05rem + .35vw,1.375rem);margin-block:1.2em .55em}
h4,h5,h6{font-size:1.1875rem;margin-block:1.1em .5em}
summary{font-size:1.1875rem}
button,.button,nav a,#account button,#navigation button,#unit-catalog a{font-family:var(--dt-heading);font-weight:700;font-size:1.0625rem;line-height:1.5;letter-spacing:normal}
input,select,textarea{font-family:var(--dt-body);font-weight:400;font-size:1.0625rem;line-height:1.75}
p,#content>p,.quiz p,li,dt,dd,blockquote,.note,.feedback,label{line-height:1.75}
p,#content>p,.quiz p{margin-block:0 1em}
h1+p,h2+p,h3+p,h4+p{margin-block-start:0}
strong,b,.feedback{font-weight:500}
#content,#lessons{max-width:820px;margin-inline:auto;min-width:0}
#demo,#parents,#preview{max-width:820px;margin-inline:auto}
#content p,#content li,#content blockquote,#content .note,#demo p,#parents p,#preview p,#lessons p{font-family:var(--dt-body);font-size:var(--dt-reading);line-height:1.75;overflow-wrap:break-word}
#content :is(p,li,span,div,blockquote)[lang=en],#content .en:not(h1):not(h2):not(h3):not(h4):not(button){font-family:var(--dt-body);line-height:1.75}
table,#content table,#parents table{font-family:var(--dt-body);font-size:1.0625rem;line-height:1.75}
#content th,#parents th{font-weight:500}
.small,#account small{font-family:var(--dt-body);font-size:1rem;line-height:1.75}
.small{color:#425c69}
.card,.quiz,.note,blockquote{margin-block:1.1rem}
header p{margin-block:.4rem 1rem}
.learning-hero h2,.learning-hero h3{color:inherit}
#watermark{font-size:.875rem}
@media(min-width:601px) and (max-width:1023px){h1,header h1{font-size:clamp(1.625rem,2.9vw,1.875rem)}}
@media(max-width:600px){h1,header h1{font-size:clamp(1.4375rem,5vw,1.625rem)}#content,#lessons{width:100%}button,.button,#account button,#navigation button,#unit-catalog a{font-size:1rem}#content section{padding:1rem}#content table,#parents table{font-size:1rem}}
@media print{body{font-size:12pt}#content p,#content li,#parents p{font-size:12pt}h1,header h1{font-size:22pt}h2{font-size:18pt}h3{font-size:15pt}}