/* English uses Cairo and mirrors the existing logical layout. */
html[lang="en"] body { direction: ltr; text-align: left; font-family: var(--font-latin); }
html[lang="en"] .desktop-nav { font-size: .78rem; gap: .1rem; }
html[lang="en"] .desktop-nav > a, html[lang="en"] .nav-drop { padding-inline: .6rem; }
html[lang="en"] .dropdown { transform: translateX(-50%) translateY(8px); }
html[lang="en"] .nav-group:hover .dropdown,
html[lang="en"] .nav-group:focus-within .dropdown,
html[lang="en"] .nav-group.open .dropdown { transform: translateX(-50%) translateY(0); }
html[lang="en"] .btn { white-space: nowrap; text-align: center; }
html[lang="en"] .hero h1 { font-size: clamp(1.6rem, 2.7vw, 2.4rem); line-height: 1.28; letter-spacing: -0.01em; max-width: 840px; }
html[lang="en"] .hero-lead { font-size: clamp(0.92rem, 1.15vw, 1.05rem); line-height: 1.6; max-width: 680px; }
html[lang="en"] .page-hero h1 { font-size: clamp(1.85rem, 3.8vw, 2.8rem); line-height: 1.25; }
html[lang="en"] .page-hero .lead { font-size: clamp(0.95rem, 1.4vw, 1.12rem); }
html[lang="en"] .hero-search-fields > * { min-width: 0; }
html[lang="en"] .search-field label { font-size: .8rem; }
html[lang="en"] .search-field input, html[lang="en"] .search-field select { min-width: 0; font-size: .85rem; }
html[lang="en"] .card-body, html[lang="en"] .detail-panel { min-width: 0; }
html[lang="en"] .finance-grid b { font-size: .85rem; }
html[lang="en"] .cash-block strong { font-size: 1.7rem; }
html[lang="en"] .filter-row { flex-wrap: wrap; }
[data-language-toggle] { touch-action: manipulation; }
[data-language-toggle] span[lang="ar"] { font-family: var(--font-ar); }
@media (max-width: 480px) {
  .site-header .nav-shell { gap: .35rem; padding-inline: .6rem; }
  .site-header .brand img { width: 98px; }
  .site-header .nav-actions { gap: .25rem; }
  .site-header .nav-actions .icon-btn { min-width: 44px; gap: 3px; }
  .site-header .nav-actions .btn-primary,
  html[lang="en"] .site-header .nav-actions .btn-primary { 
    max-width: none !important; 
    white-space: nowrap !important;
    min-height: 32px !important; 
    height: 32px !important;
    font-size: .74rem !important; 
    padding: 0.25rem 0.65rem !important; 
  }
  html[lang="en"] .hero h1 { font-size: clamp(1.25rem, 5.5vw, 1.65rem); }
  html[lang="en"] .hero-lead { font-size: 0.86rem; }
}