@font-face { font-family: Tajawal; src: url('/assets/fonts/policy/Tajawal-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: Tajawal; src: url('/assets/fonts/policy/Tajawal-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }
* { box-sizing: border-box; }
html { scroll-padding-block-start: var(--ij-space-s6); }
body { margin: 0; background: var(--ij-color-bg-canvas); color: var(--ij-color-text-primary); font-family: var(--ij-font-family-ui); font-size: var(--ij-font-size-h3); line-height: 1.9; }
a { color: var(--ij-color-action-primary); text-underline-offset: .2em; }
a:hover { color: var(--ij-color-action-primary-hover); }
a:focus-visible { outline: 2px solid var(--ij-color-action-primary); outline-offset: 4px; }
::selection { color: var(--ij-color-text-on-action); background: var(--ij-color-action-primary); }
.site-header { max-inline-size: 1080px; margin-inline: auto; padding: var(--ij-space-s6); display: flex; gap: var(--ij-space-s6); align-items: center; justify-content: space-between; }
.site-header img { display: block; object-fit: contain; }
.site-header a { font-size: var(--ij-font-size-body); min-block-size: var(--ij-size-touch-target-min); display: inline-flex; align-items: center; }
main { max-inline-size: 76ch; padding: var(--ij-space-s6) var(--ij-space-s6) var(--ij-space-s12); margin-inline: auto; }
h1 { font-size: var(--ij-font-size-display); line-height: 1.5; margin-block: var(--ij-space-s8) var(--ij-space-s2); }
h2 { font-size: var(--ij-font-size-h1); line-height: 1.5; margin-block: 0 var(--ij-space-s3); }
p { margin-block: 0 var(--ij-space-s4); }
.lead { font-size: var(--ij-font-size-h2); margin-block-end: var(--ij-space-s2); }
.document-footer { color: var(--ij-color-text-secondary); font-size: var(--ij-font-size-body); }
li { margin-block-end: var(--ij-space-s3); padding-inline-start: var(--ij-space-s1); }
li:last-child { margin-block-end: 0; }
.contents { margin-block: var(--ij-space-s6); padding: var(--ij-space-s4) var(--ij-space-s5); border: 1px solid var(--ij-color-border-default); border-radius: var(--ij-radius-md); background: var(--ij-color-bg-surface); font-size: var(--ij-font-size-body); }
.contents ol { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: var(--ij-space-s6); }
.contents li { margin: 0; padding: 0; break-inside: avoid; }
.contents a { display: block; padding-block: var(--ij-space-s1); text-decoration: none; }
.contents a:hover { text-decoration: underline; }
.key-statement { padding: var(--ij-space-s4) var(--ij-space-s5); border-inline-start: 4px solid var(--ij-color-action-primary); border-radius: var(--ij-radius-sm); background: var(--ij-color-bg-surface); font-weight: 700; }
.contact-entity { margin-block-end: var(--ij-space-s2); }
.contact { display: grid; grid-template-columns: max-content 1fr; gap: var(--ij-space-s2) var(--ij-space-s5); margin: 0 0 var(--ij-space-s4); padding: var(--ij-space-s4) var(--ij-space-s5); border: 1px solid var(--ij-color-border-default); border-radius: var(--ij-radius-md); background: var(--ij-color-bg-surface); font-size: var(--ij-font-size-body); }
.contact dt { color: var(--ij-color-text-secondary); }
.contact dd { margin: 0; }
.contact a { unicode-bidi: isolate; }
section { margin-block-start: var(--ij-space-s8); }
ul { padding-inline-start: var(--ij-space-s6); }
address { font-style: normal; font-size: var(--ij-font-size-body); }
.document-footer { margin-block-start: var(--ij-space-s12); padding-block-start: var(--ij-space-s6); border-block-start: 1px solid var(--ij-color-border-default); }
.document-footer p { margin-block-start: var(--ij-space-s3); }
.document-footer .updated { margin-block-start: 0; color: var(--ij-color-text-primary); }
.skip-link { position: absolute; inset-inline-start: var(--ij-space-s4); inset-block-start: var(--ij-space-s4); padding: var(--ij-space-s3); background: var(--ij-color-bg-surface); transform: translateY(-200%); }
.skip-link:focus { transform: translateY(0); }
@media (max-width: 600px) {
  body { font-size: var(--ij-font-size-body); }
  .site-header { padding: var(--ij-space-s4); }
  main { padding: var(--ij-space-s4) var(--ij-space-s4) var(--ij-space-s8); }
  h2 { font-size: var(--ij-font-size-h2); }
  .contents ol { columns: 1; }
  .contact { grid-template-columns: 1fr; row-gap: 0; }
  .contact dd { margin-block-end: var(--ij-space-s2); }
}
@media print {
  body { background: var(--ij-color-bg-surface); }
  .contents, .skip-link, .site-header { display: none; }
  main { max-inline-size: none; padding: 0; }
  h2 { break-after: avoid; }
}