:root{--ink:#302a22;--green:#30372c;--gold:#9a7748;--cream:#f5f1e9;--line:#ddd2c2}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans Arabic","DM Sans",sans-serif}.legal-nav{min-height:76px;padding:14px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:#faf8f3}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:22px;font-weight:700}.brand img{width:44px;height:44px;object-fit:contain}.legal-nav a:last-child{color:var(--gold);font-size:13px}.legal-hero{padding:72px clamp(20px,8vw,130px) 54px;background:var(--green);color:#f4e6cf}.legal-hero small{letter-spacing:.16em}.legal-hero h1{font-size:clamp(36px,6vw,72px);line-height:1.2;margin:14px 0}.legal-hero p{max-width:720px;color:#d9cbb6;line-height:1.9}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,70px);max-width:1300px;margin:auto;padding:58px clamp(20px,5vw,72px) 90px}.legal-grid article{min-width:0}.legal-grid article+article{border-inline-start:1px solid var(--line);padding-inline-start:clamp(28px,5vw,70px)}h2{font-size:23px;margin:34px 0 10px}p,li{font-size:14px;line-height:2;color:#5b5145}ul{padding-inline-start:22px}.notice{padding:18px;border:1px solid #ceb98f;background:#fffaf0;border-radius:10px;color:#493b2b}.legal-footer{background:#29251f;color:#d8c8ad;padding:30px 20px;text-align:center;font-size:12px}.legal-footer a{color:#f2dfbd;margin:0 8px}@media(max-width:780px){.legal-hero{padding-top:50px}.legal-grid{grid-template-columns:1fr;padding-top:36px}.legal-grid article+article{border-inline-start:0;border-top:1px solid var(--line);padding-inline-start:0;padding-top:25px}.legal-nav{min-height:68px}.brand img{width:38px;height:38px}}

html,body{max-width:100%;overflow-x:clip}@media(max-width:520px){.legal-nav{padding-inline:14px;gap:8px}.legal-nav .brand{font-size:16px;gap:6px;white-space:nowrap}.legal-nav .brand img{width:32px;height:32px}.legal-nav>a:last-child{max-width:125px;font-size:10px;line-height:1.5;text-align:end}.legal-hero,.legal-grid{padding-inline:20px}.legal-hero h1{font-size:34px}}