@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{font-family:'IBM Plex Sans Arabic','Noto Sans Arabic',system-ui,sans-serif;color:#14221e;background:#f3f6f4}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:#176353}a:hover{text-decoration:none}.legalNav{background:#102c26;color:white;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px max(5vw,16px)}.legalNav a{color:#e6f1ed;text-decoration:none}.brand{font-size:28px;font-weight:800;letter-spacing:.08em}.navLinks{display:flex;flex-wrap:wrap;gap:20px;font-size:16.5px}.legalWrap{max-width:960px;margin:42px auto;padding:0 20px 50px}.hero{background:linear-gradient(145deg,#143e34,#164937);color:white;border-radius:24px;padding:30px 34px;margin-bottom:22px;box-shadow:0 14px 40px #112c2410}.hero h1{font-size:37px;margin:8px 0 12px}.hero p{line-height:2;color:#e0ece7;margin:0}.label{font-size:14.5px;letter-spacing:.16em;color:#b7dbd0;font-weight:700}.bodyCard{padding:20px 30px;background:white;border:1px solid #e1eae5;border-radius:22px;box-shadow:0 8px 24px #1835290a}.bodyCard section{border-bottom:1px solid #e9eeeb;padding:17px 0}.bodyCard section:last-child{border:0}.bodyCard h2{font-size:22px;color:#143c32;margin:0 0 12px}.bodyCard p,.bodyCard li{font-size:17px;line-height:2.15;color:#42584f}.bodyCard ul{padding-inline-start:24px;margin:6px 0}.notice{padding:14px 17px;background:#fff9eb;border:1px solid #ecdcb9;border-radius:14px;font-size:16.5px;line-height:2;color:#684d1e;margin-bottom:16px}.important{color:#8b4513}.legalFoot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:28px;padding:16px 4px;border-top:1px solid #dfe9e1;font-size:15.5px;color:#63796e}.legalFoot a{text-decoration:underline}@media(max-width:600px){.legalNav{flex-direction:column;align-items:flex-start}.navLinks{gap:13px}.legalWrap{margin:20px auto;padding:0 12px 35px}.hero{padding:22px 18px;border-radius:16px}.hero h1{font-size:30px}.bodyCard{padding:11px 19px;border-radius:16px}.bodyCard p,.bodyCard li{font-size:16.5px}}

/* REOS legal pages share the readable scale and typography of the application. */

html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:17px;line-height:1.8;overflow-wrap:break-word}
h1,h2,h3{font-weight:700;line-height:1.4;letter-spacing:normal}
.hero h1{font-size:clamp(31px,4vw,43px)}
.bodyCard h2{font-size:clamp(23px,2.7vw,29px)}
.bodyCard p,.bodyCard li{font-size:17px;line-height:1.95}
.legalNav .navLinks{font-size:16px;line-height:1.6}
.hero p,.notice{font-size:16px;line-height:1.9}
.label,.legalFoot{font-size:14px}
.legalFoot a{color:#176353}
a{overflow-wrap:anywhere}
@media(max-width:600px){
 .bodyCard p,.bodyCard li{font-size:16px}
 .bodyCard h2{font-size:24px}
 .hero h1{font-size:33px}
 .legalNav .navLinks{font-size:15px}
}