/* Approved typeface: Lateef, unmodified Google Fonts files, SIL OFL 1.1. */
@font-face{font-family:Lateef;src:url('fonts/Lateef-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Lateef;src:url('fonts/Lateef-SemiBold.ttf') format('truetype');font-weight:500 900;font-style:normal;font-display:swap}
:root{--rowad-heading-font:Lateef,'Sakkal Majalla','Traditional Arabic',serif}
body{font-family:Lateef,'Sakkal Majalla','Traditional Arabic',serif;line-height:1.6}
body :is(h1,h2,h3,h4,h5,h6){font-family:var(--rowad-heading-font)!important;font-weight:600!important}
button,input,select,textarea{font-family:inherit}
/* Keep the approved title scale, artwork and ticker geometry/animations intact. */
.hero-grid h1{font-weight:400!important}
.hero-grid .official-slogan{line-height:1.45}
.reference-ticker .ticker-track{font-family:Lateef,'Sakkal Majalla',serif;line-height:1.25}
#about .story-copy p,#details .audience-body>p,#method p{line-height:1.65}
#apply :is(input,select,textarea){line-height:1.55}
#apply input[dir=ltr]{font-family:Arial,Tahoma,sans-serif}
/* The dashboard uses the same Arabic family at screen-readable UI sizes. */
#admin{--adm-font:Lateef,'Sakkal Majalla',serif;font-size:21px;line-height:1.5}
body #admin :is(h1,h2,h3,h4,h5,h6){font-weight:600!important}
#admin :is(button,input,select,textarea){font-size:20px}
#admin .adm-nav-link{font-size:23px;padding-block:9px}
#admin .adm-site-link,#admin .adm-header p,#admin .adm-kpi-label{font-size:20px}
#admin .adm-account-button{font-size:18px}
#admin .adm-account-button small,#admin .adm-update-row{font-size:16px}
#admin .adm-button{font-size:20px;padding-block:7px}
#admin .adm-text-button{font-size:18px}
#admin .adm-section-title h2,#admin .adm-registration-card h2{font-size:25px}
#admin .adm-registration-card p{font-size:19px}
#admin .adm-registration-status{font-size:23px}
#admin .adm-table{font-size:19px}
#admin .adm-table small{font-size:16px}
#admin .adm-badge{font-size:18px;line-height:1.4}
#admin .adm-kpi strong{font-family:Arial,Tahoma,sans-serif;font-size:26px}
#admin .adm-header h1{font-size:clamp(29px,3vw,38px)}
@media(max-width:600px){#admin .adm-header h1{font-size:30px}#admin .adm-button{font-size:19px}#admin .adm-kpi-label{font-size:19px}}

/* Optical sizing for Lateef's smaller Arabic forms. */
#about .story-copy p,#details .audience-body>p,#method p{font-size:28px;line-height:1.6}
#goals .official-goals p,#journey .day-content p,#journey .day-content li,#faq details p{font-size:27px;line-height:1.6}
@media(max-width:600px){#about .story-copy p,#details .audience-body>p,#method p,#goals .official-goals p,#journey .day-content p,#journey .day-content li,#faq details p{font-size:26px;line-height:1.6}}

#admin :is(.adm-help,.adm-export-row p,.adm-field label,.adm-filter-grid label,.adm-searchbar label,.adm-request-card p,.adm-answer-section dt,.adm-answer-section dd,.adm-note p,.adm-detail-header p,.adm-empty,.adm-pagination){font-size:22px;line-height:1.55}
#admin :is(.adm-field input,.adm-field select,.adm-field textarea,.adm-searchbar input,.adm-searchbar select){font-size:22px}
#admin #admExtraFilters :is(label,input,select){font-size:22px}
#admin :is(.adm-request-card small,.adm-note time){font-size:18px}
#admin :is(#admMessage,#admDetailMessage):not(:empty),#admin #admRegistrationConfirm p{font-size:22px;line-height:1.55}
#admin :is(.adm-searchbar,.adm-pagination,.adm-request-card,.adm-filter-actions,.adm-detail-nav) .adm-button{font-size:20px}
#admin .adm-request-card h3{font-size:25px}