/* Locale-aware typography and layout refinements.
   All rules are scoped to English so the established Persian UI is preserved. */

html[lang="en"] body {
  font-family: "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif !important;
  font-size: 16px;
  line-height: 1.55;
  letter-spacing: 0.002em;
}

html[lang="en"] .home-page .alj-v6-shell,
html[lang="en"] .home-page .alj-v6-shell * {
  font-family: "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif !important;
}

html[lang="en"] button,
html[lang="en"] input,
html[lang="en"] select,
html[lang="en"] textarea {
  font-family: inherit !important;
  letter-spacing: 0;
}

html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4 {
  line-height: 1.28;
  letter-spacing: -0.018em;
}

html[lang="en"] :is(button, .button, .btn, [class*="-button"], [class*="-btn"]) {
  line-height: 1.35;
}

html[lang="en"] :is(td, th, .data-value, .alj-details-value, .alj-v2-record-title, .alj-v2-record-meta) {
  unicode-bidi: plaintext;
}

/* Home explorer: restore an intentional LTR hierarchy. */
@media (min-width: 1101px) {
  html[lang="en"] .home-page .alj-v6-main {
    grid-template-areas:
      "filter search"
      "filter summary"
      "filter results" !important;
    grid-template-columns: 238px minmax(0, 1fr) !important;
  }
}

html[lang="en"] .home-page .alj-v6-search-card,
html[lang="en"] .home-page .alj-v6-search-card .alj-v2-hero,
html[lang="en"] .home-page .alj-v6-search-card .alj-v2-hero-inner {
  direction: ltr !important;
}

/* V6 already provides the visible introduction; suppress its legacy duplicate. */
html[lang="en"] .home-page .alj-v6-search-card .alj-v2-title,
html[lang="en"] .home-page .alj-v6-search-card .alj-v2-subtitle {
  display: none !important;
}

html[lang="en"] .home-page .alj-v6-heading {
  margin-bottom: 20px !important;
}

html[lang="en"] .home-page .alj-v6-heading h1 {
  margin-bottom: 10px !important;
  font-size: clamp(1.72rem, 2.35vw, 2.18rem) !important;
  line-height: 1.22 !important;
  font-weight: 720 !important;
  letter-spacing: -0.025em !important;
}

html[lang="en"] .home-page .alj-v6-heading p {
  max-width: 640px;
  margin-inline: auto !important;
  font-size: 0.96rem !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
}

html[lang="en"] .home-page .alj-v2-search {
  direction: ltr !important;
  grid-template-columns: minmax(0, 1fr) 118px !important;
  gap: 10px !important;
}

html[lang="en"] .home-page .alj-v6-search-card :is(input[type="search"], input[type="text"]) {
  min-height: 52px !important;
  padding-inline: 16px !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

html[lang="en"] .home-page .alj-v6-search-card #alj-v2-search-button {
  min-height: 52px !important;
  padding-inline: 18px !important;
  font-size: 0.94rem !important;
  font-weight: 700 !important;
}

html[lang="en"] .home-page :is(.alj-v2-mode-row, .alj-result-tools, .alj-v2-shortcuts, .alj-home-tools-v6) {
  direction: ltr !important;
}

html[lang="en"] .home-page .alj-v2-mode-row {
  justify-content: flex-start !important;
  gap: 10px 20px !important;
  margin-top: 10px !important;
}

html[lang="en"] .home-page .alj-v6-search-card .alj-v2-mode-row label {
  font-size: 0.84rem !important;
  font-weight: 500 !important;
}

html[lang="en"] .home-page .alj-result-tools {
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 12px !important;
}

html[lang="en"] .home-page .alj-result-tool {
  min-height: 34px !important;
  padding: 6px 11px !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
}

/* Keep the three current homepage shortcuts in one predictable English grid. */
html[lang="en"] .home-page .alj-v2-shortcuts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: 14px !important;
  align-items: stretch !important;
}

html[lang="en"] .home-page .alj-v2-shortcuts .alj-home-tools-v6 {
  display: contents !important;
}

html[lang="en"] .home-page .alj-v6-search-card .alj-v2-shortcuts a {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 38px !important;
  padding: 5px 9px !important;
  font-size: 0.78rem !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

@media (min-width: 761px) {
  html[lang="en"] .home-page .alj-v2-shortcuts {
    width: calc(100% - 20px) !important;
    transform: translateX(12px) !important;
  }

  /* Center the English search modes and view controls under the white text input. */
  html[lang="en"] .home-page :is(.alj-v2-mode-row, .alj-result-tools) {
    width: calc(100% - 128px) !important;
    justify-content: center !important;
    transform: none !important;
  }

  html[lang="en"] .home-page .alj-result-tools {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html[lang="en"] .home-page .alj-result-tool {
    min-height: 30px !important;
    padding: 4px 7px !important;
    font-size: 0.75rem !important;
  }
}

/* English statistics and result chrome must follow an LTR reading order. */
html[lang="en"] .home-page :is(.alj-v6-summary, .alj-v6-stat, .alj-v2-results-top, .alj-v2-results-count) {
  direction: ltr !important;
}

html[lang="en"] .home-page .alj-v6-stat > span {
  order: -1;
}

html[lang="en"] .home-page .alj-v2-results-count {
  text-align: left !important;
}

html[lang="en"] .home-page .alj-v2-record,
html[lang="en"] .home-page .alj-v2-record-content,
html[lang="en"] .home-page .alj-v2-meta-grid,
html[lang="en"] .home-page .alj-v2-meta {
  direction: ltr !important;
  text-align: left !important;
}

html[lang="en"] .home-page :is(.alj-v2-record-title, .alj-v2-meta-value) {
  unicode-bidi: plaintext;
}

@media (min-width: 1101px) {
  html[lang="en"] .home-page #alj-v2-list:not(.alj-results-list-view) .alj-v2-record {
    min-height: 194px !important;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  html[lang="en"] .home-page .alj-v2-shortcuts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[lang="en"] .home-page #alj-v2-list:not(.alj-results-list-view) .alj-v2-record {
    min-height: 174px !important;
  }
}

@media (min-width: 761px) {
  html[lang="en"] .home-page #alj-v2-list:not(.alj-results-list-view) .alj-v2-record-actions .alj-v2-record-link {
    font-size: 0.68rem !important;
  }
}

html[lang="en"] .home-page .alj-v2-results-tools {
  direction: ltr !important;
  justify-content: flex-end !important;
}

html[lang="en"] .home-page .alj-v2-tool-field,
html[lang="en"] .home-page .alj-v2-tool-field .alj-v2-select {
  direction: ltr !important;
  text-align: left !important;
}

html[lang="en"] .home-page .alj-v6-filter .alj-v2-filter-header,
html[lang="en"] .home-page .alj-v6-filter .alj-v2-filter-toggle {
  direction: ltr !important;
}

html[lang="en"] .home-page .alj-v6-filter .alj-v2-filter-option,
html[lang="en"] .home-page .alj-v6-filter .alj-filter-more-count {
  direction: ltr !important;
  text-align: left !important;
}

html[lang="en"] .home-page .alj-v6-filter .alj-v2-filter-header strong,
html[lang="en"] .home-page .alj-v6-filter .alj-v2-filter-toggle > span:first-child {
  font-size: 0.82rem !important;
  font-weight: 700 !important;
}

/* Shared English forms, tabs and data surfaces. */
html[lang="en"] :is(.form-card, .search-panel, .content-card, .admin-card, .org-card, .account-card) {
  text-align: left;
}

html[lang="en"] :is(.tabs, .admin-tabs, .org-tabs, [role="tablist"]) {
  direction: ltr;
}

html[lang="en"] :is(label, .field-label, th, [role="columnheader"]) {
  line-height: 1.4;
}

html[lang="en"] :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  line-height: 1.4;
}

html[lang="en"] body.aljavad-dashboard,
html[lang="en"] body.organization-panel,
html[lang="en"] .org-shell,
html[lang="en"] .alj-internal-shell {
  font-family: "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif !important;
}

/* Detailed search: follow LTR reading order and keep the page marker legible. */
html[lang="en"] body.simple-page .search-shell {
  padding-top: 90px !important;
}

html[lang="en"] body.simple-page .page-marker .title {
  margin-top: 7px !important;
  font-size: 1.35rem !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

html[lang="en"] body.simple-page .page-marker,
html[lang="en"] body.simple-page .page-marker .search-intro {
  direction: ltr !important;
  text-align: center !important;
}

html[lang="en"] body.simple-page .page-marker .search-intro {
  font-size: 0.94rem !important;
  line-height: 1.55 !important;
}

html[lang="en"] body.simple-page .universal-search,
html[lang="en"] body.simple-page .simple-search-filters,
html[lang="en"] body.simple-page .search-option-control {
  direction: ltr !important;
}

html[lang="en"] body.simple-page .simple-search-filters .field > label {
  text-align: left !important;
}

html[lang="en"] body.simple-page .search-option-control input {
  padding-right: 42px !important;
  padding-left: 14px !important;
  direction: ltr !important;
  text-align: left !important;
}

html[lang="en"] body.simple-page .search-option-arrow {
  right: 5px !important;
  left: auto !important;
  border-right: 0 !important;
  border-left: 1px solid #eee4d5 !important;
}

/* Results: prevent RTL styling from reversing English counts, tabs and actions. */
html[lang="en"] .results-toolbar,
html[lang="en"] .results-toolbar .results-count,
html[lang="en"] .results-toolbar .results-tabs,
html[lang="en"] .results-table .result-actions {
  direction: ltr !important;
}

html[lang="en"] .results-toolbar .results-count {
  justify-content: flex-start !important;
  text-align: left !important;
}

html[lang="en"] .results-toolbar .results-tabs {
  justify-content: flex-start !important;
}

html[lang="en"] .results-table th {
  font-size: 0.8rem !important;
}

html[lang="en"] .results-table td {
  font-size: 0.82rem !important;
}

html[lang="en"] .results-table .result-action {
  font-size: 0.78rem !important;
}

/* Results actions use restrained semantic colors in both locales. */
body.results-page.internal-site-page .result-actions button {
  box-shadow: 0 2px 7px rgba(23, 63, 95, 0.07) !important;
}

body.results-page.internal-site-page .result-actions button[data-live-panel="copies"] {
  border-color: #79a9b7 !important;
  color: #174e61 !important;
  background: #e8f3f6 !important;
}

body.results-page.internal-site-page .result-actions button[data-live-panel="bibliography"] {
  border-color: #cba760 !important;
  color: #704d12 !important;
  background: #faf0dc !important;
}

body.results-page.internal-site-page .result-actions button[data-live-panel="print"] {
  border-color: #8fb59a !important;
  color: #285d3b !important;
  background: #eaf4ec !important;
}

body.results-page.internal-site-page .result-actions button[data-book-action="print"] {
  border-color: #91a8cf !important;
  color: #274d7a !important;
  background: #eaf0f9 !important;
}

body.results-page.internal-site-page .result-actions button[data-book-action="comment"] {
  border-color: #c99b80 !important;
  color: #79432e !important;
  background: #f8ece5 !important;
}

body.results-page.internal-site-page .result-actions .book-edit-launch {
  border-color: #aa9dca !important;
  color: #504377 !important;
  background: #f0edf8 !important;
}

body.results-page.internal-site-page .result-actions button[aria-expanded="true"],
body.results-page.internal-site-page .result-actions button:not(:disabled):hover {
  border-color: #b58a47 !important;
  box-shadow: 0 5px 12px rgba(23, 63, 95, 0.13) !important;
  filter: saturate(1.08);
}

/* Copy panel actions: keep each operation recognizable in both locales. */
body.results-page.internal-site-page .copies-panel .copy-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 360px !important;
}

html[lang="en"] body.results-page.internal-site-page .copies-panel .copy-actions {
  direction: ltr !important;
}

body.results-page.internal-site-page .copies-panel .copy-action {
  width: 68px !important;
  min-width: 68px !important;
  height: auto !important;
  min-height: 58px !important;
  padding: 6px 8px !important;
  gap: 4px !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 7px rgba(23, 63, 95, 0.08) !important;
}

body.results-page.internal-site-page .copies-panel .copy-action span {
  font-size: 18px !important;
  line-height: 1 !important;
  color: currentColor !important;
}

body.results-page.internal-site-page .copies-panel .copy-action small {
  max-width: 100%;
  font-size: 10px !important;
  line-height: 1.25 !important;
  color: currentColor !important;
  white-space: normal;
  text-align: center;
}

body.results-page.internal-site-page .copies-panel .copy-action[data-copy-action="edit"] {
  border-color: #aa9dca !important;
  color: #504377 !important;
  background: #f0edf8 !important;
}

body.results-page.internal-site-page .copies-panel .copy-action[data-copy-action="full"] {
  border-color: #79a9b7 !important;
  color: #174e61 !important;
  background: #e8f3f6 !important;
}

body.results-page.internal-site-page .copies-panel .copy-action[data-copy-action="print"] {
  border-color: #91a8cf !important;
  color: #274d7a !important;
  background: #eaf0f9 !important;
}

body.results-page.internal-site-page .copies-panel .copy-action[data-copy-action="comment"] {
  border-color: #c99b80 !important;
  color: #79432e !important;
  background: #f8ece5 !important;
}

body.results-page.internal-site-page .copies-panel .copy-action[data-copy-action="history"] {
  border-color: #cba760 !important;
  color: #704d12 !important;
  background: #faf0dc !important;
}

body.results-page.internal-site-page .copies-panel .copy-action:not([aria-disabled="true"]):hover {
  border-color: #b58a47 !important;
  box-shadow: 0 5px 12px rgba(23, 63, 95, 0.14) !important;
  filter: saturate(1.08);
}

body.results-page.internal-site-page .copies-panel .copy-action:focus-visible {
  outline: 3px solid rgba(181, 138, 71, 0.28);
  outline-offset: 2px;
}

body.results-page.internal-site-page .copies-panel .copy-action[aria-disabled="true"] {
  opacity: 0.56;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
  filter: grayscale(0.28);
}

@media (max-width: 700px) {
  body.results-page.internal-site-page .copies-panel .copy-actions {
    min-width: 330px !important;
  }

  body.results-page.internal-site-page .copies-panel .copy-action {
    width: 62px !important;
    min-width: 62px !important;
    padding-inline: 6px !important;
  }
}

/* Results advanced search: give the English controls their real content width.
   The first row has no join selector, so it must not inherit the five-column
   grid used by subsequent AND/OR rows. */
html[lang="en"] .results-advanced-panel,
html[lang="en"] .results-advanced-grid,
html[lang="en"] .results-advanced-actions {
  direction: ltr !important;
  text-align: left !important;
}

html[lang="en"] .results-advanced-grid {
  grid-template-columns: minmax(180px, 1.15fr) minmax(160px, 0.75fr) minmax(210px, 1fr) 36px !important;
  gap: 8px !important;
}

html[lang="en"] .results-advanced-grid.with-join {
  grid-template-columns: 78px minmax(180px, 1.15fr) minmax(160px, 0.75fr) minmax(210px, 1fr) 36px !important;
}

html[lang="en"] .results-advanced-grid :is(input, select) {
  min-height: 40px !important;
  padding-inline: 11px !important;
  font-size: 0.86rem !important;
}

html[lang="en"] .results-advanced-remove {
  width: 36px !important;
  height: 36px !important;
  align-self: center;
}

html[lang="en"] .results-advanced-actions {
  display: grid !important;
  grid-template-columns: max-content max-content minmax(12px, 1fr) 84px max-content;
  align-items: stretch;
  gap: 8px !important;
  padding-top: 8px !important;
}

html[lang="en"] .results-advanced-actions :is(.results-advanced-add, .results-advanced-close, .results-advanced-apply) {
  min-height: 40px !important;
  margin-inline-start: 0 !important;
  padding: 7px 14px !important;
  font-size: 0.84rem !important;
  line-height: 1.25 !important;
  white-space: nowrap;
}

html[lang="en"] .results-advanced-close {
  grid-column: 4;
  min-width: 84px;
}

html[lang="en"] .results-advanced-apply {
  grid-column: 5;
}

@media (max-width: 780px) {
  html[lang="en"] .results-advanced-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 36px !important;
  }

  html[lang="en"] .results-advanced-grid:not(.with-join) > :nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }

  html[lang="en"] .results-advanced-grid:not(.with-join) > :nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }

  html[lang="en"] .results-advanced-grid:not(.with-join) > :nth-child(3) {
    grid-column: 1 / 3;
    grid-row: 2;
  }

  html[lang="en"] .results-advanced-grid:not(.with-join) > :nth-child(4) {
    grid-column: 3;
    grid-row: 1;
  }

  html[lang="en"] .results-advanced-grid.with-join {
    grid-template-columns: 78px minmax(0, 1fr) minmax(0, 1fr) 36px !important;
  }

  html[lang="en"] .results-advanced-grid.with-join > :nth-child(4) {
    grid-column: 1 / 4;
    grid-row: 2;
  }

  html[lang="en"] .results-advanced-grid.with-join > :nth-child(5) {
    grid-column: 4;
    grid-row: 1;
  }

  html[lang="en"] .results-advanced-actions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  html[lang="en"] .results-advanced-actions :is(.results-advanced-add, .results-advanced-close, .results-advanced-apply) {
    width: 100%;
  }

  html[lang="en"] .results-advanced-close {
    grid-column: 1;
  }

  html[lang="en"] .results-advanced-apply {
    grid-column: 2;
  }
}

@media (max-width: 520px) {
  html[lang="en"] .results-advanced-grid,
  html[lang="en"] .results-advanced-grid.with-join {
    grid-template-columns: minmax(0, 1fr) 36px !important;
  }

  html[lang="en"] .results-advanced-grid:not(.with-join) > :nth-child(1),
  html[lang="en"] .results-advanced-grid:not(.with-join) > :nth-child(2),
  html[lang="en"] .results-advanced-grid:not(.with-join) > :nth-child(3),
  html[lang="en"] .results-advanced-grid.with-join > :nth-child(1),
  html[lang="en"] .results-advanced-grid.with-join > :nth-child(2),
  html[lang="en"] .results-advanced-grid.with-join > :nth-child(3),
  html[lang="en"] .results-advanced-grid.with-join > :nth-child(4) {
    grid-column: 1 / 3;
    grid-row: auto;
  }

  html[lang="en"] .results-advanced-grid:not(.with-join) > :nth-child(4),
  html[lang="en"] .results-advanced-grid.with-join > :nth-child(5) {
    grid-column: 2;
    grid-row: auto;
    justify-self: end;
  }

  html[lang="en"] .results-advanced-actions {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  html[lang="en"] .results-advanced-actions .results-advanced-add {
    grid-column: span 6;
  }

  html[lang="en"] .results-advanced-close {
    grid-column: 1 / span 4;
  }

  html[lang="en"] .results-advanced-apply {
    grid-column: 5 / span 8;
  }
}

html[lang="en"] .footer-main,
html[lang="en"] .footer-bottom {
  direction: ltr;
}

/* Organization panel: English chrome follows LTR while record text stays intact. */
html[lang="en"] .org-shell,
html[lang="en"] .org-shell [class^="org-"],
html[lang="en"] .org-shell [class*=" org-"] {
  direction: ltr !important;
}

html[lang="en"] .org-header,
html[lang="en"] .org-card,
html[lang="en"] .org-message,
html[lang="en"] .org-contract {
  text-align: left !important;
}

html[lang="en"] .org-card :is(td, th, .org-row-main, .org-detail) {
  unicode-bidi: plaintext;
}

/* System dashboard and workbench: remove inherited RTL ordering in English. */
html[lang="en"] body.aljavad-dashboard main,
html[lang="en"] body.aljavad-dashboard main [class^="dash-"],
html[lang="en"] body.aljavad-dashboard main [class*=" dash-"],
html[lang="en"] .admin-workbench-v2,
html[lang="en"] .admin-workbench-v2 [class^="admin-workbench"],
html[lang="en"] .admin-workbench-v2 [class*=" admin-workbench"] {
  direction: ltr !important;
}

html[lang="en"] body.aljavad-dashboard :is(.dash-hero-copy, .dash-panel, .dash-kpi),
html[lang="en"] .admin-workbench-v2 :is(.admin-workbench-head, .admin-workbench-section-head, .admin-workbench-shortcut) {
  text-align: left !important;
}

html[lang="en"] body.aljavad-dashboard .dash-hero-copy {
  width: calc(100% - 190px) !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  align-items: flex-start !important;
}

html[lang="en"] body.aljavad-dashboard .dash-workbench-link {
  right: 38px !important;
  left: auto !important;
}

html[lang="en"] body.aljavad-dashboard .dash-date {
  right: 12px !important;
  left: auto !important;
  text-align: left !important;
}

html[lang="en"] body.aljavad-workbench .admin-workbench,
html[lang="en"] body.aljavad-workbench .admin-workbench .admin-workbench-v2,
html[lang="en"] body.aljavad-workbench .admin-workbench .admin-workbench-v2 [class^="admin-workbench"],
html[lang="en"] body.aljavad-workbench .admin-workbench .admin-workbench-v2 [class*=" admin-workbench"] {
  direction: ltr !important;
}

@media (max-width: 760px) {
  html[lang="en"] body {
    font-size: 15px;
  }

  html[lang="en"] .home-page .alj-v6-heading h1 {
    font-size: clamp(1.55rem, 7vw, 1.9rem) !important;
  }

  html[lang="en"] .home-page .alj-v6-heading p {
    font-size: 0.9rem !important;
    line-height: 1.55 !important;
  }

  html[lang="en"] .home-page .alj-v2-search {
    grid-template-columns: 1fr !important;
  }

  html[lang="en"] .home-page .alj-v6-search-card #alj-v2-search-button {
    width: 100% !important;
  }

  html[lang="en"] .home-page .alj-v2-mode-row {
    justify-content: center !important;
  }

  html[lang="en"] .home-page .alj-v2-shortcuts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[lang="en"] .home-page .alj-v6-search-card .alj-v2-shortcuts a {
    min-height: 52px !important;
    font-size: 0.8rem !important;
  }

  html[lang="en"] .home-page .alj-v2-shortcuts > .advanced {
    grid-column: 1 / -1;
  }

  html[lang="en"] body.simple-page .page-marker .title {
    font-size: 1.18rem !important;
  }

  html[lang="en"] body.simple-page .search-shell {
    padding-top: 95px !important;
  }

  html[lang="en"] body.aljavad-dashboard .dash-hero-copy {
    width: 100% !important;
  }

  html[lang="en"] body.aljavad-dashboard .dash-workbench-link {
    right: auto !important;
  }
}

@media (max-width: 460px) {
  html[lang="en"] .home-page .alj-v2-shortcuts {
    grid-template-columns: 1fr !important;
  }
}

@media print {
  html[lang="en"] body {
    font-family: Arial, sans-serif !important;
  }
}
