/* Legal pages (privacy, terms): readable long text in the brand style. */
body { min-height: 100vh; }
.wrap.legal { width: min(860px, 100% - 32px); margin-inline: auto; padding-bottom: 24px; }
.legal .top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 0; }
.legal .top .logo { height: 28px; color: var(--text); }
.legal h1 { font-family: var(--font-head, Unbounded, sans-serif); font-size: clamp(26px, 5vw, 40px); margin: 24px 0 10px; }
.legal .lead { color: var(--muted); margin: 0 0 22px; line-height: 1.6; }
.legal .card { padding: 22px 24px; margin-bottom: 14px; }
.legal h2 { font-size: 18px; margin: 0 0 12px; }
.legal p, .legal li, .legal td { color: var(--muted); line-height: 1.65; font-size: 15px; }
.legal p { margin: 0 0 10px; }
.legal ul { margin: 0; padding-left: 20px; }
.legal li { margin-bottom: 8px; }
.legal b { color: var(--text); }
.legal a { color: var(--accent); }
.legal table { width: 100%; border-collapse: collapse; }
.legal th { text-align: left; font-size: 13px; color: var(--text); padding: 8px 10px 8px 0; border-bottom: 1px solid var(--line); }
.legal td { vertical-align: top; padding: 10px 10px 10px 0; border-bottom: 1px solid rgba(185,171,152,.12); }
.legal td:first-child { color: var(--text); width: 38%; }
.legal .fill { background: rgba(233,162,59,.18); color: var(--accent); border-radius: 6px; padding: 0 5px; }
.legal footer { padding: 18px 0 36px; color: var(--muted); font-size: 13px; }
.legal footer { display: flex; flex-wrap: wrap; gap: 8px 16px; }  /* links without spaces: must wrap on phones */
.legal footer a { color: var(--muted); }
.legal { overflow-wrap: anywhere; }
.legal .note-tr { font-size: 13px; color: var(--accent); margin: 0 0 10px; }
.legal .top-r { display: flex; align-items: center; gap: 10px; }
.lang-select { appearance: none; -webkit-appearance: none; background: rgba(255,240,220,.06) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9ab98' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/14px;
  color: var(--text); border: 1px solid var(--line); border-radius: 999px; height: 40px; padding: 0 32px 0 14px; font: 600 14px var(--font-body); cursor: pointer; }
.lang-select option { background: var(--bg-2); color: var(--text); }
html[dir="rtl"] .lang-select { background-position: left 10px center; padding: 0 14px 0 32px; }
html[dir="rtl"] .legal ul { padding-left: 0; padding-right: 20px; }
html[dir="rtl"] .legal th { text-align: right; padding: 8px 0 8px 10px; }
html[dir="rtl"] .legal td { padding: 10px 0 10px 10px; }
html[dir="rtl"] .legal footer a { margin-inline-end: 16px; }
@media (max-width: 560px) {
  .legal .top-r .btn { display: none; }
  .legal table, .legal tbody, .legal tr, .legal td { display: block; width: 100%; }
  .legal thead { display: none; }
  .legal td:first-child { width: 100%; padding-bottom: 2px; border-bottom: 0; }
}