/* Privacy / Terms pages — extends styles.css (same tokens, header, hero, footer). */
.lg-body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.lg-body main{flex:1}
.nf-sprite{position:absolute}
.lg-home{font-weight:600;font-size:.94rem;color:var(--palm-800);padding:8px 12px;border-radius:10px;transition:background .2s,color .2s}
.lg-home:hover{background:rgba(27,107,75,.07);color:var(--palm-950)}

/* one language at a time (content for both is in the HTML) */
html[lang="ar"] [data-l="en"],html[lang="en"] [data-l="ar"]{display:none}

.lg-hero .lg-hero-in{position:relative;padding:64px 0 76px;display:grid;gap:14px;max-width:none}
.lg-hero h1{font-size:clamp(2.1rem,4.6vw,3.3rem);margin-bottom:0;line-height:1.1}
.lg-hero .lead{max-width:44rem;font-size:1.1rem;color:rgba(245,236,219,.88)}
.lg-hero :focus-visible{outline-color:var(--sand-400)}

.lg-wrap{padding:44px 0 88px}
.lg-lang{max-width:50rem;margin-inline:auto}
.tpl-note{font-size:.93rem;padding:14px 18px;background:var(--sand-100);border-radius:var(--radius-sm);border:1px dashed var(--sand-400);color:var(--sand-800)}
.lg-upd{margin-top:16px;font-size:.88rem;color:var(--muted);font-weight:600}

.lg-toc{margin-top:24px;padding:18px 22px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}
.lg-toc-h{font-weight:800;color:var(--palm-900);font-size:.9rem;margin-bottom:8px}
.lg-toc ol{display:grid;gap:2px 28px;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));counter-reset:t;list-style:none}
.lg-toc li{counter-increment:t}
.lg-toc a{display:flex;gap:10px;padding:5px 0;color:var(--palm-800);font-weight:600;font-size:.95rem;border-radius:6px}
.lg-toc a::before{content:counter(t);flex:none;min-width:1.4em;color:var(--sand-700);font-weight:800}
.lg-toc a:hover{color:var(--palm-950);text-decoration:underline;text-underline-offset:3px}

.lg-sec{margin-top:40px;scroll-margin-top:calc(var(--header-h) + 16px)}
.lg-sec h2{display:flex;align-items:baseline;gap:12px;font-size:clamp(1.3rem,2.6vw,1.65rem);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.lg-sec h2 .sec-n{flex:none;display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--palm-100);color:var(--palm-800);font-size:.9rem;font-weight:800;letter-spacing:0;transform:translateY(-2px)}
.lg-sec h3{font-size:1.06rem;margin:22px 0 6px;letter-spacing:-.01em}
.lg-sec p,.lg-sec li{color:#2b3a33;font-size:1.02rem}
.lg-sec p+p,.lg-sec ul+p,.lg-sec p+ul,.lg-sec .tbl-wrap+p,.lg-sec p+.tbl-wrap{margin-top:12px}
.lg-sec ul{display:grid;gap:8px;padding-inline-start:1.3rem;list-style:disc}
.lg-sec li::marker{color:var(--sand-500)}
.lg-sec a{color:var(--palm-700);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--sand-500);overflow-wrap:anywhere}
.lg-sec a:hover{color:var(--palm-950)}
.lg-sec code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--palm-50);border:1px solid var(--line);border-radius:5px;padding:1px 6px}
.lg-sec strong{color:var(--palm-900)}

.tbl-wrap{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;overflow:hidden}
.lg-sec table{width:100%;border-collapse:collapse;font-size:.94rem}
.lg-sec th{background:var(--palm-50);color:var(--palm-900);text-align:start;font-weight:800;font-size:.84rem;padding:12px 14px;border-bottom:1px solid var(--line)}
.lg-sec td{padding:12px 14px;vertical-align:top;border-top:1px solid var(--line);color:#2b3a33}
.lg-sec tbody tr:first-child td{border-top:0}
html[lang="ar"] .lg-sec th{font-size:.95rem}
@media (max-width:700px){
  .lg-wrap{padding:32px 0 64px}
  .lg-hero .lg-hero-in{padding:44px 0 56px}
  .lg-home{display:none}
  .lg-sec table,.lg-sec tbody,.lg-sec tr,.lg-sec td{display:block;width:100%}
  .lg-sec thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .lg-sec tbody tr{padding:6px 0;border-top:1px solid var(--line)}
  .lg-sec tbody tr:first-child{border-top:0}
  .lg-sec td{border:0;padding:6px 14px}
  .lg-sec td::before{content:attr(data-label);display:block;font-size:.74rem;font-weight:800;color:var(--sand-700);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1px}
  html[lang="ar"] .lg-sec td::before{letter-spacing:0;font-size:.85rem;text-transform:none}
}
@media (forced-colors:active){.tpl-note{border:1px solid CanvasText}}
