/* Auto-generated RTL version of ../css/common.css (rtlcss) for /ar/ pages. Regenerate when the original changes. */
/* GeckoFlag: shared root variables, reset, base typography (all pages) */

:root {
    --gf-bg: #F5F6F8;
    --gf-panel: #E8ECF1;
    --gf-surface: #FFFFFF;
    --gf-brand: #0F6E6A;
    --gf-brand-dark: #0B4F4C;
    --gf-accent: #E4572E;
    --gf-text: #1B2430;
    --gf-text-muted: #667085;
    --gf-border: #E2E5EA;
    --gf-radius: 8px;
    --shadow-raised: 6px 6px 14px rgba(163,177,198,.55), -6px -6px 14px rgba(255,255,255,.75);
    --shadow-raised-lg: 10px 10px 24px rgba(163,177,198,.5), -10px -10px 24px rgba(255,255,255,.85);
    --shadow-card: 5px 5px 12px rgba(163,177,198,.35), -5px -5px 12px rgba(255,255,255,.9);
    --shadow-inset: inset 5px 5px 10px rgba(163,177,198,.55), inset -5px -5px 10px rgba(255,255,255,.9);
    --gradient-brand: linear-gradient(135deg, #2FA88A 0%, #1E7FBF 100%);
  }

  * { box-sizing: border-box; }

  html, body { margin: 0; padding: 0; }

  body {
    background: var(--gf-bg);
    color: var(--gf-text);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
  }

  h1, h2, h3, h4 { font-family: 'Sora', sans-serif; color: var(--gf-text); letter-spacing: -0.01em; margin: 0 0 16px; }
  p { margin: 0 0 16px; color: var(--gf-text-muted); }
  a { color: inherit; text-decoration: none; }
  img { max-width: 100%; display: block; }

  .wrap { max-width: 1300px; margin: 0 auto; padding: 0 24px; }

  /* Language visibility */
  html[data-lang="en"] [lang="ja"] { display: none !important; }
  html[data-lang="ja"] [lang="en"] { display: none !important; }

  /* Chinese (zh-CN / zh-TW): CJK-aware font stack so that punctuation
     such as 。 and 、 sits at the correct position instead of vertically centered */
  html[lang^="zh"] body,
  html[lang^="zh"] button,
  html[lang^="zh"] input,
  html[lang^="zh"] select,
  html[lang^="zh"] textarea,
  html[lang^="zh"] .lang-select,
  html[lang^="zh"] .lang-switch button {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif;
  }
  html[lang^="zh"] h1,
  html[lang^="zh"] h2,
  html[lang^="zh"] h3,
  html[lang^="zh"] h4,
  html[lang^="zh"] .brand-title {
    font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif;
  }