/* SAUDI PLATE — see saplate.js. A real plate is white with black type
   whatever the page's theme, so the plate keeps its own colours in dark mode;
   only the tag and the details beside it follow the page. */
.saplate {
  --sp-ink: #111316;
  --sp-ground: #ffffff;
  --sp-rule: #111316;
  display: inline-flex; align-items: stretch; vertical-align: middle;
  background: var(--sp-ground); color: var(--sp-ink);
  border: 2px solid var(--sp-rule); border-radius: 6px; overflow: hidden;
  font-family: "Readex Pro", "Inter", system-ui, sans-serif; font-weight: 700;
  line-height: 1; font-variant-numeric: tabular-nums; direction: ltr;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
}
.saplate-grid {
  display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto;
}
.saplate-cell {
  display: flex; align-items: center; justify-content: center; gap: .32em;
  padding: .28em .5em;
}
.saplate-digits { border-inline-end: 2px solid var(--sp-rule); }
.saplate-ar { border-bottom: 2px solid var(--sp-rule); }
.saplate-ch { display: inline-block; min-width: .62em; text-align: center; }
.saplate-strip {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: .12em; padding: .2em .32em; border-inline-start: 2px solid var(--sp-rule);
  font-size: .42em; font-weight: 700;
}
.saplate-ksa-ar { font-size: .9em; writing-mode: horizontal-tb; white-space: nowrap; }
.saplate-ksa { font-family: "Inter", system-ui, sans-serif; font-size: 1.1em; }
.saplate-dot { width: .5em; height: .5em; border-radius: 50%; background: var(--sp-ink); margin-top: .15em; }
.saplate-sm { font-size: 14px; }
.saplate-md { font-size: 22px; }
.saplate-line {
  display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 6px;
}
.saplate-tag {
  font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 999px;
  background: color-mix(in srgb, currentColor 10%, transparent);
}
.saplate-details { font-size: 13px; opacity: .8; }