/* Final audit refinements, shared by the English and Arabic pages. */
.page-shortcuts {
  padding-block: 16px;
  border-block-end: 1px solid var(--c-line, #d8dcd8);
  background: var(--c-paper, #f7f4ee);
}
.page-shortcuts .container { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 20px; }
.page-shortcuts-label { color: var(--c-muted, #5e6d76); font-size: .9375rem; }
.page-shortcuts ul { display: flex; flex-wrap: wrap; gap: 4px 8px; list-style: none; padding: 0; margin: 0; }
.page-shortcuts a { display: flex; align-items: center; min-height: 44px; padding: 8px 12px; border-radius: 8px; color: var(--c-ink, #0d2230); text-decoration: underline; text-underline-offset: 4px; }
.page-shortcuts a:hover { background: #0b6e660d; }
.page-shortcuts a:focus-visible,
.ux-card-summary:focus-visible,
.ux-section-summary:focus-visible { outline: 3px solid #0b6e66; outline-offset: 4px; }
.band-navy .ux-section-summary:focus-visible { outline-color: #3fe0c5; }
.ux-card-details, .ux-section-details, .ux-detail-content { display: contents; }
.ux-card-summary, .ux-section-summary { display: none; }
.is-locked .consent, .is-locked .mobile-bar, .is-locked .back-to-top { visibility: hidden; }
.wa-pop .wa-pop-help { margin-block: 12px; font-size: .9375rem; line-height: 1.6; }
/* Native list markers carry the step numbers without duplicate generated text. */
.next-steps { list-style: decimal; padding-inline-start: 28px; }
.next-steps li { padding-inline-start: 8px; }
.next-steps li::before { content: none; }
.next-steps li::marker { color: var(--c-muted, #5e6d76); font-weight: 600; }

@media (max-width: 767px) {
  .page-shortcuts .container { gap: 4px; }
  .page-shortcuts-label { flex-basis: 100%; }
  .page-shortcuts ul { gap: 0 4px; }
  .page-shortcuts a { padding-inline: 10px; font-size: .9375rem; }
  .section { padding-block: 48px; }
  .ux-collapsible.section { padding-block: 24px; }
  .ux-card-details, .ux-section-details { display: block; width: 100%; }
  .ux-card-details > .ux-detail-content,
  .ux-section-details > .ux-detail-content { display: block; }
  .ux-card-details:not([open]) > .ux-detail-content,
  .ux-section-details:not([open]) > .ux-detail-content { display: none; }
  .ux-original-heading { display: none; }
  .ux-card-summary, .ux-section-summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; min-height: 48px; }
  .ux-card-summary::-webkit-details-marker, .ux-section-summary::-webkit-details-marker { display: none; }
  .ux-card-summary h3, .ux-section-summary h2 { margin: 0; font-size: 1.375rem; line-height: 1.45; text-wrap: balance; }
  .ux-disclosure-mark { flex: 0 0 32px; font: 400 1.75rem/1 sans-serif; text-align: center; }
  .ux-section-details[open] > .ux-detail-content { padding-top: 24px; }
  .ux-compact-card.pcard { padding: 20px; }
  .ux-card-details[open] > .ux-detail-content { display: flex; flex-direction: column; gap: 16px; padding-top: 20px; }
  .ux-compact-card .pmedia { margin: 0; border-radius: 8px; }
  .ux-compact-card .moment { margin-top: 0; }
  .ux-compact-card .card-foot { margin-top: 0; }
  .pcards[data-compact-choices] { gap: 12px; }
  [lang="ar"] main p:not(.eyebrow):not(.tag):not(.label),
  [lang="ar"] main li, [lang="ar"] main dd { font-size: max(1rem, 17px); line-height: 1.85; }
  [lang="ar"] main .hint, [lang="ar"] main .field-err,
  [lang="ar"] main .form-status { font-size: 1rem; }
  [lang="ar"] main input, [lang="ar"] main textarea, [lang="ar"] main select { font-size: 1rem; }
}
@media print {
  .page-shortcuts, .ux-disclosure-mark { display: none; }
  .ux-card-summary, .ux-section-summary { display: none; }
  .ux-original-heading { display: block; }
  .ux-card-details, .ux-section-details, .ux-detail-content { display: contents !important; content-visibility: visible !important; }
}