@font-face{font-family:GAWordpress;src:url(/wp-content/uploads/course-renewal/2230/lesson-01-preview/Tajawal-Regular.ttf)}
@font-face{font-family:GAWordpress;src:url(/wp-content/uploads/course-renewal/2230/lesson-01-preview/Tajawal-Bold.ttf);font-weight:700}

.ga-wordpress-text{direction:rtl;text-align:right;background:#153746;color:#f1f8fa;border:1px solid #69cfc9;border-radius:18px;padding:22px;font:19px/1.95 GAWordpress,Tajawal,Arial,sans-serif;max-width:980px;margin:24px auto;min-width:0;overflow-wrap:anywhere}
.ga-wordpress-text *{box-sizing:border-box}
.ga-wordpress-text .ga-wp-hero,.ga-wordpress-text .ga-wp-section{background:#173b4d;border:1px solid #4a8796;border-radius:18px;padding:30px;margin-block:20px}
.ga-wordpress-text .ga-wp-hero{border-top:5px solid #69cfc9}
.ga-wordpress-text h2{font:700 clamp(29px,4vw,42px)/1.5 GAWordpress,Tajawal,Arial,sans-serif!important;color:#f1f8fa!important;margin:14px 0 24px!important}
.ga-wordpress-text h3{font:700 26px/1.6 GAWordpress,Tajawal,Arial,sans-serif!important;color:#91ebe3!important;margin:0 0 20px!important}
.ga-wordpress-text p,.ga-wordpress-text li,.ga-wordpress-text dd{font:400 19px/1.95 GAWordpress,Tajawal,Arial,sans-serif!important;color:#f1f8fa!important}
.ga-wordpress-text p{margin:14px 0!important}
.ga-wordpress-text ul,.ga-wordpress-text ol{padding-inline-start:28px;margin-block:16px}
.ga-wordpress-text li{margin:12px 0}
.ga-wordpress-text .ga-wp-eyebrow{color:#91ebe3!important;font-weight:700!important;font-size:16px!important}
.ga-wordpress-text aside,.ga-wordpress-text blockquote{padding:20px;background:#0d2939;border-inline-start:4px solid #69cfc9;border-radius:10px;margin:24px 0;color:#f1f8fa}
.ga-wordpress-text .compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ga-wordpress-text .compare article{border:1px solid #4a8796;border-radius:12px;padding:20px}
.ga-wordpress-text dt{font-weight:700;margin-top:18px}.ga-wordpress-text dd{margin-inline-start:0}
.ga-wordpress-text fieldset{border:0;padding:0;margin-block:24px 32px;min-width:0}
.ga-wordpress-text legend{font-weight:700;width:100%;margin-bottom:16px;line-height:1.8;color:#f1f8fa}
.ga-wordpress-text .ga-wp-choice{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid #4a8796;border-radius:12px;margin-block:12px;cursor:pointer;color:#f1f8fa;font-weight:400}
.ga-wordpress-text input[type=radio]{margin:8px 0 0;flex-shrink:0;accent-color:#69cfc9;width:18px;height:18px}
.ga-wordpress-text button{font:700 18px/1.6 GAWordpress,Tajawal,Arial,sans-serif;min-height:48px;padding:12px 24px;border-radius:12px;cursor:pointer;background:#ffa41f;color:#10293b!important;border:0}
.ga-wordpress-text button:disabled{opacity:.6;cursor:wait}
.ga-wordpress-text :is(button,input,a,summary):focus-visible{outline:3px solid #ffad29;outline-offset:4px}
.ga-wordpress-text .ga-wordpress-result{padding:18px;border-radius:12px;background:#0d2939;margin-block:20px;line-height:1.85;white-space:pre-line;color:#f1f8fa}
.ga-wordpress-text .ga-wordpress-result:empty{display:none}
.ga-wordpress-text summary{cursor:pointer;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border:1px solid #4a8796;border-radius:12px;line-height:1.8;color:#f1f8fa}
.ga-wordpress-text summary::-webkit-details-marker{display:none}
.ga-wordpress-text summary:after{content:'+';font-size:25px;line-height:1;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}
.ga-wordpress-text details[open]>summary:after{content:'−'}
.ga-wordpress-text .ga-wp-example,.ga-wordpress-text .ga-wp-references{margin-top:18px}
.ga-wordpress-text .ga-wordpress-overview-row{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:12px;border-bottom:1px solid #4a8796}
.ga-wordpress-text .ga-wordpress-overview-row strong{white-space:nowrap}
.ga-wordpress-text a{color:#ffc36c;text-underline-offset:4px}
.ga-wordpress-text bdi,.ga-wordpress-text code{direction:ltr;unicode-bidi:isolate;font-family:inherit}
.ga-wordpress-text code{background:#0d2939;padding:2px 5px;border-radius:4px}
.ga-wordpress-text .ga-wordpress-resource{border-color:#4a8796}
.ga-wordpress-text .ga-wordpress-resource-actions a{color:#ffc36c;column-gap:.35em}
@media(max-width:600px){.ga-wordpress-text{padding:12px;font-size:18px}.ga-wordpress-text .ga-wp-section,.ga-wordpress-text .ga-wp-hero{padding:22px 18px}.ga-wordpress-text .compare{grid-template-columns:1fr}.ga-wordpress-text h3{font-size:24px!important}.ga-wordpress-text p,.ga-wordpress-text li,.ga-wordpress-text dd{font-size:18px!important}}

/* Match the shared course palette; PDF course accents stay inside PDFs. */
.ga-wordpress-text .ga-wordpress-overview-row strong{color:#91ebe3!important}
.ga-wordpress-text .ga-wordpress-progress,.ga-wordpress-text .ga-wp-saved-status{color:#a4e8e0!important}
.ga-wordpress-text .ga-wordpress-overview{margin-block:24px;padding:20px;border:1px solid #69cfc9;border-radius:14px;background:#0d2939}
.ga-wordpress-text .ga-wordpress-resources{padding:20px;border:1px solid #66c8c8;border-radius:14px;background:#133444}
.ga-wordpress-text .ga-wordpress-resources h3{color:#91ebe3!important}
.ga-wordpress-text .ga-wordpress-resource{background:#173143;border-color:#476b7c}
.ga-wordpress-text .ga-wordpress-resource h4{color:#fff!important;font:700 20px/1.6 GAWordpress,Tajawal,Arial,sans-serif;margin:0 0 14px}
.ga-wordpress-text .ga-wordpress-resource-actions a{background:#ffad29;color:#102639!important;border-color:#ffad29;font-weight:700;text-decoration:none}
.ga-wordpress-text .ga-wordpress-resource-actions a:hover{background:#ffc36c}
.ga-wordpress-text .ga-wordpress-resource-actions a bdi{color:inherit!important}
.ga-wordpress-text .ga-wp-choice span,.ga-wordpress-text legend{color:#f1f8fa!important}
.ga-wordpress-text .ga-wp-choice:has(input:checked){background:#20505f;border-color:#69cfc9}
.ga-wordpress-text input[type=radio]{accent-color:#ffa41f}
.ga-wordpress-text summary{color:#91ebe3!important}
.ga-wordpress-text .ga-wp-example p{color:#f1f8fa!important}
@media(max-width:600px){.ga-wordpress-text .ga-wordpress-resources,.ga-wordpress-text .ga-wordpress-overview{padding:14px}.ga-wordpress-text .ga-wordpress-resource-actions{flex-direction:column}}

.ga-wordpress-text .ga-wp-file-meta{display:inline-flex;align-items:center;gap:.35em;white-space:nowrap;flex-shrink:0;font-size:16px;line-height:1.7}
@media(max-width:600px){.ga-wordpress-text .ga-wordpress-resource-actions a{flex-direction:column;gap:4px;align-items:center;justify-content:center;overflow-wrap:normal}.ga-wordpress-text .ga-wordpress-resource-actions a>span:first-child{white-space:normal}}
