/* Gulzar (Nastaliq, SIL Open Font License 1.1, from @fontsource/gulzar) so the Urdu reads in Nastaliq everywhere */
@font-face {
  font-family: 'Gulzar';
  src: url('./fonts/gulzar-arabic-400.woff2') format('woff2');
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
body {
  margin: 0;
  background: #f6efe2;
  color: #2a1a10;
  font: 16px/1.6 system-ui, 'Segoe UI', sans-serif;
}
main {
  max-width: 760px;
  margin: 0 auto;
  padding: 24px 18px 60px;
}
h1 {
  font: 700 30px Georgia, serif;
  color: #7a2e1f;
  margin: 0 0 4px;
}
h2 {
  font: 700 20px Georgia, serif;
  color: #5a2e14;
  margin: 26px 0 6px;
}
.draft {
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 10px;
  background: #fff3df;
  border: 2px dashed #c79a5e;
  font-size: 14px;
}
.ur {
  direction: rtl;
  text-align: right;
  font-family: 'Gulzar', 'Noto Nastaliq Urdu', serif;
  line-height: 2.2;
  border-top: 2px solid #d9bf8f;
  margin-top: 40px;
  padding-top: 10px;
}
a {
  color: #b4482a;
}
nav {
  font-size: 14px;
  margin-bottom: 14px;
}
details {
  margin: 6px 0;
  font-size: 14px;
}
details summary {
  cursor: pointer;
  font-weight: 600;
}
pre.licence {
  white-space: pre-wrap;
  font: 12px/1.5 ui-monospace, Consolas, monospace;
  background: #fff8ea;
  border: 1px solid #e3cfa6;
  border-radius: 8px;
  padding: 10px 12px;
  margin: 6px 0 10px;
}
[lang='ur'] {
  font-family: 'Gulzar', 'Noto Nastaliq Urdu', serif;
}
.ur h1,
.ur h2 {
  font-family: 'Gulzar', 'Noto Nastaliq Urdu', serif;
  line-height: 1.9;
}