/* Shared styling for Ragad legal pages (privacy, accessibility statement) */
:root{--cream:#f8f1e7;--paper:#fffaf3;--honey:#e29a45;--honey-deep:#cf7f2c;--ink:#4a382c;--ink-soft:#7a6353;--line:#ecd9c2;
  --disp:'Baloo Bhaijaan 2','Rubik',system-ui,sans-serif;--body:'Tajawal','Rubik',system-ui,sans-serif;}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--body);background:var(--cream);color:var(--ink);line-height:1.85;-webkit-font-smoothing:antialiased}
a{color:var(--honey-deep)}
.legal-nav{position:sticky;top:0;z-index:40;background:rgba(255,250,243,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.legal-nav .in{max-width:1000px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.legal-nav .brand{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:800;font-size:1.2rem;color:var(--ink)}
.legal-nav .brand .mark{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd9a8,#ef9f68);display:grid;place-items:center;color:#fff}
.legal-nav .actions{display:flex;gap:10px;align-items:center}
.legal-nav a.home{padding:9px 16px;border-radius:999px;background:var(--honey);color:#fff;font-family:var(--disp);font-weight:700;font-size:.9rem}
.legal-nav select{border:2px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 12px;font-family:var(--disp);font-weight:700;color:var(--ink);cursor:pointer}
.legal-wrap{max-width:1000px;margin:0 auto;padding:40px 22px 80px;display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:start}
.toc{position:sticky;top:90px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px}
.toc h3{font-family:var(--disp);font-size:1rem;color:var(--honey-deep);margin-bottom:10px}
.toc a{display:block;padding:6px 8px;border-radius:8px;font-size:.9rem;color:var(--ink-soft);text-decoration:none}
.toc a:hover{background:rgba(226,154,69,.12);color:var(--ink)}
.legal-body{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:clamp(24px,4vw,48px);box-shadow:0 18px 50px -26px rgba(120,80,40,.4)}
.legal-body .meta{color:var(--ink-soft);font-size:.9rem;margin-bottom:8px}
.legal-body h1{font-family:var(--disp);font-size:clamp(1.8rem,4vw,2.6rem);color:var(--ink);margin-bottom:6px}
.legal-body h2{font-family:var(--disp);font-size:1.3rem;color:var(--honey-deep);margin:30px 0 8px;padding-top:8px}
.legal-body h3{font-family:var(--disp);font-size:1.05rem;color:var(--ink);margin:16px 0 4px}
.legal-body p,.legal-body li{color:var(--ink-soft);margin-bottom:10px}
.legal-body ul{padding-inline-start:22px;margin-bottom:10px}
.legal-body .box{background:#fdf3e6;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:14px 0}
.legal-body .box strong{color:var(--ink)}
.lang-block{display:none}
.lang-block.active{display:block}
footer.legal-foot{background:#43332a;color:#e6d3c0;text-align:center;padding:26px;font-size:.9rem}
footer.legal-foot a{color:#ffcf9c}
@media(max-width:820px){.legal-wrap{grid-template-columns:1fr}.toc{display:none}}

/* iOS refinements */
*{-webkit-tap-highlight-color:transparent}
.legal-nav{padding-top:env(safe-area-inset-top,0px)}
.legal-nav a.home:active,.legal-nav select:active{transform:scale(.97)}
.legal-nav select{-webkit-appearance:none;appearance:none;font-size:16px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23cf7f2c' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-inline-end:34px}
.legal-nav .in{padding-inline:max(22px,env(safe-area-inset-left)) max(22px,env(safe-area-inset-right))}
@media(max-width:560px){.legal-nav .brand span:not(.mark){font-size:1rem}.legal-body{border-radius:18px}}