/* Shared styles for the legal pages (loads after styles.css) */
body{background:radial-gradient(900px 420px at 85% -4%,rgba(0,212,146,.16),transparent 70%),radial-gradient(760px 380px at 0 4%,rgba(240,160,75,.16),transparent 70%),var(--paper)}
.legal{max-width:840px;margin:112px auto 72px;padding:clamp(28px,5vw,56px) clamp(22px,5vw,60px) clamp(40px,6vw,64px);background:rgba(255,255,255,.9);border:1px solid #fff;border-radius:36px;box-shadow:var(--shadow-1)}
.legal-head{position:relative;margin-bottom:8px;padding-top:56px}
.legal-head::after{content:'';display:block;position:absolute;top:0;left:0;width:96px;height:44px;background:
 radial-gradient(circle at 15px 15px,var(--cedar-200) 14px,transparent 14.5px),
 radial-gradient(circle at 48px 15px,#FFC766 14px,transparent 14.5px),
 radial-gradient(circle at 81px 15px,var(--cedar-200) 14px,transparent 14.5px),
 linear-gradient(var(--cedar-200),var(--cedar-200)) 1px 15px/28px 29px no-repeat,
 linear-gradient(#FFC766,#FFC766) 34px 15px/28px 29px no-repeat,
 linear-gradient(var(--cedar-200),var(--cedar-200)) 67px 15px/28px 29px no-repeat}
.legal-head h1{font-size:clamp(2.1rem,5vw,3.2rem);font-weight:800;letter-spacing:-.035em;margin-bottom:6px}
.legal-head .h1-ar{font-family:var(--font-ar-display);font-weight:700;color:var(--cedar-700);font-size:clamp(1.5rem,3.2vw,2.1rem);letter-spacing:0}
.lastupd{font-size:13px;color:var(--ink-dim);margin:16px 0 26px;font-weight:500}
.lang-switch{display:inline-flex;gap:10px;margin-bottom:34px}
.lang-switch a{font-size:14px;font-weight:600;text-decoration:none;border-radius:999px;padding:9px 20px;color:var(--ink-2);background:#fff;box-shadow:0 0 0 1px var(--line);transition:background .2s,box-shadow .2s,transform .2s}
.lang-switch a:hover{background:var(--brand-tint);box-shadow:0 0 0 1.5px var(--brand);color:var(--cedar-800);transform:translateY(-1px)}
.legal h2{font-size:21px;font-weight:700;letter-spacing:-.02em;margin:40px 0 10px}
.legal p,.legal li{color:var(--ink-dim);font-size:16px;line-height:1.8}
.legal ul{padding-left:22px;margin:8px 0}
.legal a{color:var(--brand-text);text-decoration:none;border-bottom:1px solid rgba(0,212,146,.45)}.legal a:hover{border-bottom-color:var(--brand-text)}
.legal strong{color:var(--ink);font-weight:600}
.ar-part{border-top:1px dashed var(--line);margin-top:64px;padding-top:48px}
.ar-part h2{font-family:var(--font-ar-display);font-weight:700;color:var(--cedar-700)}
.ar-part ul{padding-left:0;padding-right:22px}
.legal ~ .basement{margin-top:0}