/* ===== legal.css · Legal, Privacy policy, Terms, Refund, Digital delivery =====
   Each page sets <body class="page-xxx"> so you can tweak one page only, e.g.  .page-refund .doc-body h2{...} */
.doc-page{padding-top:40px}
.page-hero{padding:40px clamp(22px,4vw,48px);border-radius:26px;margin-bottom:34px;color:#fff;background:linear-gradient(120deg,#3a2a20,#DB5015 60%,#EE7041);box-shadow:0 30px 70px -34px rgba(219,80,21,.8)}
.page-hero h1{font-size:clamp(28px,4vw,44px);font-weight:800;margin-bottom:6px}
.page-hero p{opacity:.92;max-width:620px;margin-bottom:8px}.page-hero small{opacity:.75}
.doc-layout{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:start}
.doc-toc{position:sticky;top:calc(var(--header-h) + 18px);padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}
.doc-toc b{display:block;margin-bottom:10px;font-size:14px}
.doc-toc a{display:block;padding:6px 10px;border-left:2px solid var(--border);color:var(--muted);font-size:14px;font-weight:600}
.doc-toc a:hover,.doc-toc a.on{color:var(--primary);border-left-color:var(--primary)}
.doc-body{max-width:820px}
.doc-body section{padding:26px 0;border-bottom:1px solid var(--border);scroll-margin-top:calc(var(--header-h) + 20px)}
.doc-body section:first-child{padding-top:0}
.doc-body h2{font-size:22px;margin-bottom:10px}
.doc-body p{color:var(--muted);font-size:16px;line-height:1.85}
@media (max-width:900px){.doc-layout{grid-template-columns:1fr}.doc-toc{display:none}}

.lang-switch{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border,#f0e0d2);border-radius:30px;margin-bottom:14px}.lang-switch a{padding:6px 16px;border-radius:30px;font-weight:700;font-size:13px;color:inherit}.lang-switch a.on{background:linear-gradient(135deg,#DB5015,#EE7041);color:#fff;box-shadow:0 0 14px rgba(219,80,21,.5)}
.doc-body h2{background:linear-gradient(90deg,var(--primary,#DB5015),#EE7041);-webkit-background-clip:text;background-clip:text;color:transparent}.doc-body[lang=bn]{line-height:2}