/* The DhanaaDhan Lite legal pack (v2, 25 Oct 2026), shared by terms / privacy / refund / referral-terms.
   Extras only for terms.html, privacy.html and data-deletion.html: they keep their own inline base
   styles. refund.html and referral-terms.html have no inline <style> and take the base from here too.
   No script anywhere: the language note is a native <details>, so the CSP stays as it is. */
:root{--ink:#161311;--cream:#FFF7F0;--bg:#F5F2EC;--card:#fff;--orange:#FE6403;--orange-d:#BC4901;
      --body:#403A34;--muted:#8A8078;--line:#EAE3D7}

/* ---- base look of the standalone pages (same values as terms.html / data-deletion.html) ---- */
.lgx-page{margin:0;background:var(--bg);color:var(--ink)}
.lgx-page *{box-sizing:border-box}
.lgx-top{background:var(--ink);position:sticky;top:0;z-index:10;display:flex;align-items:center;
         justify-content:space-between;gap:12px;padding:14px clamp(18px,4vw,40px)}
.lgx-top img{height:30px;width:auto;display:block}
.lgx-top .back{color:rgba(255,247,240,.75);font:700 13px 'Inter',sans-serif;text-decoration:none;
               border:1.5px solid rgba(255,247,240,.28);border-radius:9px;padding:7px 13px;transition:.15s}
.lgx-top .back:hover{color:var(--orange);border-color:var(--orange)}
.lgx-top .lgx-top-r{display:flex;align-items:center;gap:10px}
.lgx{max-width:840px;margin:0 auto;padding:clamp(30px,5vw,56px) clamp(18px,5vw,32px) 72px}
.lgx-kicker{font:700 12px 'JetBrains Mono',monospace;letter-spacing:.18em;color:var(--orange-d)}
.lgx h1{font:800 clamp(32px,5vw,46px)/1.05 'Baloo 2',cursive;letter-spacing:-.02em;margin:14px 0 8px}
.lgx-meta{font:600 12.5px 'JetBrains Mono',monospace;color:var(--muted);margin:0}
.lgx-body{background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:clamp(26px,4vw,48px);
          box-shadow:0 1px 2px rgba(22,19,17,.04),0 10px 30px rgba(22,19,17,.05);margin-top:30px}
.lgx-body>h2{font:800 19px/1.3 'Baloo 2',cursive;letter-spacing:-.01em;margin:36px 0 10px;scroll-margin-top:78px}
.lgx-body>h2:first-child{margin-top:0}
.lgx-body p{font:400 15.5px/1.72 'Inter',sans-serif;color:var(--body);margin:0 0 14px}
.lgx-body ul,.lgx-body ol{margin:0 0 14px;padding-left:22px}
.lgx-body li{font:400 15.5px/1.7 'Inter',sans-serif;color:var(--body);margin:0 0 9px}
.lgx-body b{color:var(--ink);font-weight:700}
.lgx-body a{color:var(--orange-d);font-weight:600}

/* ---- what the Lite pack adds, on every page ---- */
.lgx-body h3,.pv .lite-sec h3{font:800 16px/1.35 'Baloo 2',cursive;margin:26px 0 8px;scroll-margin-top:78px}
.lite-sec h3{color:var(--ink)}
.lgx-body table,.pv .lite-sec table{border-collapse:collapse;width:100%;margin:0 0 16px;font:400 14px/1.55 'Inter',sans-serif}
.lgx-body th,.lgx-body td,.pv .lite-sec th,.pv .lite-sec td{border:1.5px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top;color:var(--body)}
.lgx-body th,.pv .lite-sec th{background:#FFF3E9;color:var(--ink);font-weight:700}
.lgx-note{background:#FFF3E9;border:1.5px solid #F2CDA9;border-radius:12px;padding:12px 16px;margin:0 0 18px}
.lgx-body .lgx-note p{margin:0}
.lgx-version{font:600 12.5px 'JetBrains Mono',monospace;color:var(--muted);margin:4px 0 0}
.pv .lgx-version{margin:0 0 6px}

/* the globe: a native <details>, no script. Opens a one-line Hinglish note. */
.lgx-lang{position:relative}
.lgx-lang>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
                  width:44px;height:44px;border-radius:9px;border:1.5px solid rgba(255,247,240,.28);
                  color:rgba(255,247,240,.85)}
.lgx-lang>summary::-webkit-details-marker{display:none}
.lgx-lang>summary:hover,.lgx-lang[open]>summary{color:var(--orange);border-color:var(--orange)}
.lgx-lang>summary:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.lgx-lang svg{width:22px;height:22px;display:block}
.lgx-lang .lgx-lang-note{position:absolute;right:0;top:52px;width:min(320px,86vw);background:#fff;color:var(--ink);
                         border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;
                         font:500 14px/1.5 'Inter',sans-serif;box-shadow:0 8px 24px rgba(22,19,17,.18)}
/* privacy.html has no dark top bar: the globe sits on the light page */
.pv .lgx-lang{display:inline-block;margin-left:8px;vertical-align:top}
.pv .lgx-lang>summary{border-color:#161311;color:#161311;background:#fff;width:40px;height:34px;min-height:34px;border-width:2px}
.pv .lgx-lang .lgx-lang-note{left:0;right:auto;top:42px}

/* L-13: seller details and the Grievance Officer, under all four pages */
.lgx-seller{background:var(--ink);padding:28px clamp(16px,5vw,32px);color:#b3a89f;font:500 12.5px/1.7 'Inter',sans-serif}
.lgx-seller-in{max-width:840px;margin:0 auto}
.lgx-seller p{margin:0 0 10px;color:#b3a89f}
.lgx-seller b{color:#FFF7F0}
.lgx-seller a{color:#FFD9BD}
.lgx-seller nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px}
.lgx-seller nav a{color:#b3a89f;text-decoration:none}
.lgx-seller nav a:hover{color:var(--orange)}