@font-face {
  font-family: 'Reem Kufi';
  src: url('/media/reem-kufi-variable.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
body { font-family: 'Reem Kufi', 'Trebuchet MS', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.7; }
h1, h2, h3 { line-height: 1.3; text-wrap: balance; }
h1 { font-size: 32px; font-weight: 700; }
h2 { font-size: 24px; font-weight: 600; }
h3, legend { font-size: 20px; font-weight: 600; }
nav, a, button, label, li, dd, footer { font-size: 16px; }
summary, [data-action] { font-weight: 500; line-height: 1.5; }
header strong { font-size: 20px; font-weight: 700; line-height: 1.25; }
header a span { line-height: 1.5; }
dt { font-size: 20px; font-weight: 600; }
[data-lead] { font-size: 20px; line-height: 1.6; max-width: 50ch; }
[data-kicker] { font-family: ui-monospace, 'SFMono-Regular', Consolas, monospace; font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: .04em; text-transform: uppercase; }
[data-value] { font-family: ui-monospace, 'SFMono-Regular', Consolas, monospace; font-weight: 700; }
input, button { font-family: inherit; }
@media print {
  body, label, p, li { font-size: 12pt; line-height: 1.4; }
  h1 { font-size: 20pt; }
  h2 { font-size: 16pt; }
  [data-lead] { font-size: 12pt; }
}