/* Letterhead (الترويسة). Sized in mm so it prints the same on every A4 page. */
.lh {
  --lh-ink: #1f2a37;
  --lh-accent: #8a2a3b;
  --lh-gold: #b8894a;
  --lh-muted: #5b6573;
  color: var(--lh-ink);
  font-family: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
}

.lh-top {
  display: grid;
  grid-template-columns: 1fr 26mm 1fr;
  grid-template-rows: auto auto auto;
  align-items: baseline; /* Arabic and English share each line: name, label, owners */
  column-gap: 6mm;
}
.lh-mark { width: 26mm; height: 26mm; display: block; grid-column: 2; grid-row: 1 / 4; align-self: center; }
.lh-side { display: contents; }
.lh-ar > * { grid-column: 1; }
.lh-en > * { grid-column: 3; }
.lh-top .lh-name { grid-row: 1; }
.lh-top .lh-label { grid-row: 2; }
.lh-top .lh-owners { grid-row: 3; }
.lh-ar { text-align: right; }
.lh-en { text-align: left; }

.lh-ar .lh-name {
  font-family: 'Aref Ruqaa', 'Amiri', serif;
  font-weight: 700;
  font-size: 30pt;
  line-height: 1.15;
  margin-bottom: 3.5mm; /* room for the descending stroke of the calligraphy */
  color: var(--lh-accent);
}
.lh-en .lh-name {
  font-family: 'Kaushan Script', cursive; /* brush script, the closest Latin match to Aref Ruqaa */
  font-size: 25pt;
  line-height: 1.15;
  color: var(--lh-accent);
}
.lh-owners { font-size: 10.5pt; font-weight: 500; color: var(--lh-ink); }
.lh-person { white-space: nowrap; }
.lh-en .lh-owners { font-size: 9.5pt; } /* Latin reads larger than Arabic at the same size */
.lh-label {
  font-size: 8.5pt;
  font-weight: 600;
  color: var(--lh-gold);
  margin-bottom: 1mm;
  letter-spacing: 0.04em;
}
.lh-en .lh-label { text-transform: uppercase; font-size: 7.5pt; letter-spacing: 0.12em; }
.lh-dot {
  display: inline-block;
  width: 1.3mm; height: 1.3mm;
  border-radius: 50%;
  background: var(--lh-gold);
  margin: 0 2.2mm;
  vertical-align: middle;
}

/* A solid line with a running stitch under it. */
.lh-stitch {
  margin-top: 4mm;
  height: 2.6mm;
  border-top: 0.6mm solid var(--lh-accent);
  background-image: linear-gradient(90deg, var(--lh-gold) 0 60%, transparent 60% 100%);
  background-size: 4mm 0.45mm;
  background-repeat: repeat-x;
  background-position: 0 1.3mm;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.lh-bottom .lh-stitch { margin-top: 0; margin-bottom: 2.5mm; border-top: 0; border-bottom: 0.6mm solid var(--lh-accent); background-position: 0 0.4mm; }

.lh-contact {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 10.5pt;
  font-weight: 500;
}
.lh-tel { display: inline-flex; align-items: center; gap: 1.6mm; }
.lh-tel svg { width: 3.6mm; height: 3.6mm; color: var(--lh-accent); }
.lh-tel bdi { font-variant-numeric: tabular-nums; letter-spacing: 0.02em; }
.lh-name-sm { font-family: 'Aref Ruqaa', serif; font-weight: 700; color: var(--lh-accent); font-size: 12pt; }

/* A whole A4 page: letterhead at the top, contact line at the bottom. */
.lh-page {
  width: 210mm;
  height: 297mm;
  padding: 14mm 16mm 12mm;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.lh-body { flex: 1; padding-top: 8mm; }
.lh-page .lh-bottom { margin-top: auto; }