/* The Privacy and Support pages — quiet, readable, in the café's teal.
   Standalone on purpose: these pages must load fast and stay up even if the
   ordering page's scripts change. */
:root{
  --teal:#0B3C38;--teal-2:#11514C;--ink:#0E1F1D;--ink-2:#4B5957;--ink-3:#8D9895;
  --paper:#F7F6F2;--card:#fff;--line:rgba(14,31,29,.09);--mint:#E1EEEA;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Satoshi',system-ui,-apple-system,'Segoe UI',sans-serif;}
[lang="ar"] body,body[dir="rtl"]{font-family:'Readex Pro','Satoshi',system-ui,sans-serif;}
a{color:var(--teal-2);}
.hero{background:linear-gradient(135deg,#11514C,#062B28);color:#fff;padding:56px 22px 72px;}
.hero .in{max-width:760px;margin:0 auto;}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;}
.brand img{width:36px;height:36px;filter:brightness(0) invert(1);}
.brand span{font-weight:700;letter-spacing:.14em;font-size:12px;opacity:.75;}
.hero h1{font-family:'Clash Display','Satoshi',sans-serif;font-weight:600;font-size:clamp(2rem,6vw,3rem);line-height:1.05;margin:30px 0 10px;letter-spacing:-.02em;}
.hero p{margin:0;color:#fff;opacity:.72;max-width:52ch;}
.langs{display:flex;gap:6px;margin-top:22px;}
.langs a{color:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);}
.langs a.on{background:#fff;color:var(--teal);border-color:#fff;}
main{max-width:760px;margin:-40px auto 0;padding:0 16px 60px;}
.card{background:var(--card);border-radius:24px;padding:30px 26px;box-shadow:0 6px 24px rgba(6,43,40,.07);}
.card + .card{margin-top:16px;}
h2{font-family:'Clash Display','Satoshi',sans-serif;font-weight:600;font-size:1.3rem;margin:28px 0 8px;letter-spacing:-.01em;}
h2:first-child{margin-top:0;}
p,li{color:var(--ink-2);}
ul{padding-inline-start:20px;}
li{margin:4px 0;}
.meta{font-size:13px;color:var(--ink-3);margin-top:22px;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0 4px;}
.tile{display:flex;gap:12px;align-items:center;background:var(--paper);border-radius:18px;padding:16px;text-decoration:none;color:var(--ink);border:1px solid var(--line);}
.tile b{display:block;font-size:15px;}
.tile small{color:var(--ink-3);font-size:13px;}
.tile i{flex:none;width:42px;height:42px;border-radius:14px;background:var(--teal);display:grid;place-items:center;}
.tile svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
details{border-top:1px solid var(--line);padding:14px 0;}
details:first-of-type{border-top:0;}
summary{cursor:pointer;font-weight:700;color:var(--ink);list-style:none;}
summary::-webkit-details-marker{display:none;}
summary::after{content:'+';float:inline-end;color:var(--teal-2);font-weight:700;}
details[open] summary::after{content:'–';}
details p{margin:8px 0 0;}
footer{text-align:center;color:var(--ink-3);font-size:13px;padding:10px 16px 40px;}
footer a{color:var(--ink-3);}
[hidden]{display:none !important;}