/* Shared styles for the KitchenNextDoor legal pages (English and Urdu).
   Why: one small file, mobile-first, logical properties so the same CSS works
   for left-to-right English and right-to-left Urdu. */
:root {
  --bg: #fffdf9;
  --fg: #231f1a;
  --muted: #6a625a;
  --accent: #b4410f;
  --line: #e6ddd2;
  --mark: #fff1c2;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #17140f;
    --fg: #efe8de;
    --muted: #b0a698;
    --accent: #f0935f;
    --line: #3a342b;
    --mark: #4a3d12;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font: 1.0625rem/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
:lang(ur) body, body:lang(ur) {
  font-family: "Noto Nastaliq Urdu", "Noto Naskh Arabic", system-ui, sans-serif;
  line-height: 2.2;
}
main, header.site, footer {
  max-inline-size: 42rem;
  margin-inline: auto;
  padding-inline: 1rem;
}
header.site { padding-block: 1rem 0; display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
header.site a { font-weight: 600; }
main { padding-block: 1rem 3rem; }
h1 { font-size: 1.75rem; line-height: 1.25; margin-block: 1rem 0.5rem; }
h2 { font-size: 1.25rem; margin-block: 2rem 0.5rem; padding-block-start: 0.5rem; border-block-start: 1px solid var(--line); }
p, ul { margin-block: 0.6rem; }
ul { padding-inline-start: 1.4rem; }
a { color: var(--accent); }
.meta { color: var(--muted); font-size: 0.95rem; }
.note { border-inline-start: 4px solid var(--accent); padding-inline-start: 0.8rem; color: var(--muted); }
.ph { background: var(--mark); padding-inline: 0.2em; border-radius: 3px; }
table { inline-size: 100%; border-collapse: collapse; font-size: 0.95rem; margin-block: 1rem; display: block; overflow-x: auto; }
th, td { text-align: start; padding: 0.5rem; border-block-end: 1px solid var(--line); vertical-align: top; }
footer { padding-block: 2rem; color: var(--muted); font-size: 0.9rem; border-block-start: 1px solid var(--line); }
.links { list-style: none; padding: 0; }
.links li { margin-block: 0.75rem; }
.links a { font-size: 1.15rem; }