:root {
  --teal-1: #FBFDFE;
  --teal-2: #F3F9FA;
  --teal-3: #E7F3F5;
  --teal-4: #D7EAEF;
  --teal-5: #C5E0E7;
  --teal-6: #AED2DA;
  --teal-7: #92BDC7;
  --teal-8: #699FAB;
  --teal-9: #0E4A55;
  --teal-10: #0B3B44;
  --teal-11: #185965;
  --teal-12: #062429;
  --copper-1: #FFFCFA;
  --copper-2: #FFF5F1;
  --copper-3: #FFEBE2;
  --copper-4: #FFDED0;
  --copper-5: #FECFBB;
  --copper-6: #F7BBA1;
  --copper-7: #E8A181;
  --copper-8: #D17C54;
  --copper-9: #B5511C;
  --copper-10: #9A4316;
  --copper-11: #863100;
  --copper-12: #391000;
  --sand-1: #FEFBF7;
  --sand-2: #F7F3EB;
  --sand-3: #F3EEE4;
  --sand-4: #E7E0D3;
  --sand-5: #DDD5C6;
  --sand-6: #D2CAB9;
  --sand-7: #BCB3A1;
  --sand-8: #9E9481;
  --sand-9: #8D8370;
  --sand-10: #7A705E;
  --sand-11: #5D5442;
  --sand-12: #241F14;
  --green-1: #FBFEFB;
  --green-2: #F3FAF4;
  --green-3: #E6F5E8;
  --green-4: #D7EDDA;
  --green-5: #C4E5CA;
  --green-6: #ADD7B5;
  --green-7: #90C399;
  --green-8: #66A774;
  --green-9: #21763C;
  --green-10: #03642B;
  --green-11: #10602D;
  --green-12: #04270F;
  --amber-1: #FEFCFA;
  --amber-2: #FCF7F1;
  --amber-3: #F9EEE0;
  --amber-4: #F4E3CD;
  --amber-5: #EFD7B7;
  --amber-6: #E4C59C;
  --amber-7: #D2AD7A;
  --amber-8: #B98C4A;
  --amber-9: #875800;
  --amber-10: #714800;
  --amber-11: #6E4600;
  --amber-12: #2F1A00;
  --red-1: #FFFCFB;
  --red-2: #FFF5F4;
  --red-3: #FFEBE9;
  --red-4: #FDDEDB;
  --red-5: #FACFCA;
  --red-6: #F2BBB5;
  --red-7: #E3A19B;
  --red-8: #CC7C76;
  --red-9: #9C433F;
  --red-10: #89312F;
  --red-11: #823330;
  --red-12: #371210;
  --cyan-1: #FAFDFE;
  --cyan-2: #F1FAFC;
  --cyan-3: #E0F4F9;
  --cyan-4: #CDEDF5;
  --cyan-5: #B6E4F0;
  --cyan-6: #99D6E5;
  --cyan-7: #75C2D4;
  --cyan-8: #3BA5BC;
  --cyan-9: #007189;
  --cyan-10: #005F74;
  --cyan-11: #005C70;
  --cyan-12: #00252F;
  --bg: #F7F3EB;
  --surface: #FFFFFF;
  --surface-2: #F3EEE4;
  --surface-3: #E7E0D3;
  --overlay: rgba(23,32,31,0.45);
  --border: #D2CAB9;
  --border-strong: #8C8370;
  --divider: #DDD5C6;
  --text: #17201F;
  --text-2: #3F4744;
  --text-3: #5F6865;
  --text-disabled: #9A9385;
  --text-inverse: #F3EEE4;
  --primary: #0E4A55;
  --primary-hover: #0B3B44;
  --primary-soft: #E7F3F5;
  --primary-soft-hover: #D7EAEF;
  --on-primary: #FFFFFF;
  --accent: #B5511C;
  --accent-hover: #9A4316;
  --accent-soft: #FFEBE2;
  --accent-text: #9A4316;
  --on-accent: #FFFFFF;
  --link: #0E4A55;
  --link-hover: #0B3B44;
  --focus: #0E4A55;
  --price: #0E4A55;
  --selected: #D7EAEF;
  --on-selected: #0B3B44;
  --selected-bar: #0E4A55;
  --good: #1B6E3F;
  --good-bg: #DDF3E4;
  --good-border: #9FD9B4;
  --warn: #8A5A00;
  --warn-bg: #FCEFC7;
  --warn-border: #EBCB7A;
  --bad: #B42318;
  --bad-bg: #FBE3E0;
  --bad-border: #F0A8A0;
  --info: #0E4A55;
  --info-bg: #DCEEF1;
  --info-border: #9FCBD3;
  --wa: #0F7A3F;
  --on-wa: #FFFFFF;
  --skeleton: #E7E0D3;
  --skeleton-shine: #FFFFFF;
  --chart-1: #0E4A55;
  --chart-2: #B5511C;
  --chart-3: #5C8290;
  --chart-4: #C9A227;
  --chart-5: #8C8370;
  --chart-6: #6EB0BF;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 9999px;
  --shadow-1: 0 1px 2px rgba(23,32,31,0.06), 0 1px 1px rgba(23,32,31,0.04);
  --shadow-2: 0 4px 12px rgba(23,32,31,0.10), 0 1px 2px rgba(23,32,31,0.06);
  --shadow-3: 0 16px 40px rgba(23,32,31,0.18), 0 2px 6px rgba(23,32,31,0.08);
  --dur-instant: 0ms;
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 240ms;
  --dur-sheet: 280ms;
  --dur-skeleton: 1400ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-enter: cubic-bezier(0, 0, 0, 1);
  --ease-exit: cubic-bezier(0.3, 0, 1, 1);
  --ease-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1);
  --ease-linear: linear;
  --z-base: 0;
  --z-raised: 1;
  --z-sticky: 10;
  --z-dropdown: 20;
  --z-overlay: 30;
  --z-sheet: 40;
  --z-drawer: 40;
  --z-modal: 50;
  --z-toast: 60;
  --z-tooltip: 70;
  --control-sm: 36px; --control-md: 44px; --control-lg: 48px; --tap-min: 44px;
  --icon-xs: 14px; --icon-sm: 16px; --icon-md: 20px; --icon-lg: 24px; --icon-xl: 32px;
  --row-comfortable: 40px; --row-compact: 32px; --sidebar: 232px; --drawer-sm: 380px; --drawer-md: 560px; --drawer-lg: 736px; --container: 1120px; --gutter: 16px;
  --safe-top: env(safe-area-inset-top, 0px); --safe-bottom: env(safe-area-inset-bottom, 0px); --safe-start: env(safe-area-inset-left, 0px); --safe-end: env(safe-area-inset-right, 0px);
  --font-ar: 'IBM Plex Sans Arabic', 'Noto Sans Arabic', 'Segoe UI', Tahoma, system-ui, sans-serif;
  --font-en: 'IBM Plex Sans', 'Segoe UI', Roboto, Helvetica, Arial, system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --type-display-ar-size: 32px; --type-display-ar-size-lg: 44px; --type-display-ar-lh: 1.3;
  --type-display-en-size: 34px; --type-display-en-size-lg: 52px; --type-display-en-lh: 1.1;
  --type-display-weight: 700; --type-display-track-en: -0.02em;
  --type-h1-ar-size: 26px; --type-h1-ar-size-lg: 32px; --type-h1-ar-lh: 1.35;
  --type-h1-en-size: 26px; --type-h1-en-size-lg: 32px; --type-h1-en-lh: 1.2;
  --type-h1-weight: 700; --type-h1-track-en: -0.015em;
  --type-h2-ar-size: 22px; --type-h2-ar-size-lg: 26px; --type-h2-ar-lh: 1.4;
  --type-h2-en-size: 22px; --type-h2-en-size-lg: 26px; --type-h2-en-lh: 1.25;
  --type-h2-weight: 700; --type-h2-track-en: -0.01em;
  --type-h3-ar-size: 18px; --type-h3-ar-size-lg: 20px; --type-h3-ar-lh: 1.4;
  --type-h3-en-size: 18px; --type-h3-en-size-lg: 20px; --type-h3-en-lh: 1.3;
  --type-h3-weight: 600; --type-h3-track-en: 0;
  --type-h4-ar-size: 16px; --type-h4-ar-size-lg: 17px; --type-h4-ar-lh: 1.45;
  --type-h4-en-size: 15px; --type-h4-en-size-lg: 16px; --type-h4-en-lh: 1.35;
  --type-h4-weight: 600; --type-h4-track-en: 0;
  --type-body-l-ar-size: 17px; --type-body-l-ar-size-lg: 18px; --type-body-l-ar-lh: 1.7;
  --type-body-l-en-size: 16px; --type-body-l-en-size-lg: 17px; --type-body-l-en-lh: 1.55;
  --type-body-l-weight: 400; --type-body-l-track-en: 0;
  --type-body-m-ar-size: 16px; --type-body-m-ar-size-lg: 16px; --type-body-m-ar-lh: 1.65;
  --type-body-m-en-size: 15px; --type-body-m-en-size-lg: 15px; --type-body-m-en-lh: 1.5;
  --type-body-m-weight: 400; --type-body-m-track-en: 0;
  --type-body-s-ar-size: 14px; --type-body-s-ar-size-lg: 14px; --type-body-s-ar-lh: 1.6;
  --type-body-s-en-size: 13.5px; --type-body-s-en-size-lg: 13.5px; --type-body-s-en-lh: 1.5;
  --type-body-s-weight: 400; --type-body-s-track-en: 0;
  --type-label-ar-size: 13.5px; --type-label-ar-size-lg: 13.5px; --type-label-ar-lh: 1.4;
  --type-label-en-size: 13px; --type-label-en-size-lg: 13px; --type-label-en-lh: 1.35;
  --type-label-weight: 600; --type-label-track-en: 0;
  --type-caption-ar-size: 12.5px; --type-caption-ar-size-lg: 12.5px; --type-caption-ar-lh: 1.5;
  --type-caption-en-size: 12px; --type-caption-en-size-lg: 12px; --type-caption-en-lh: 1.4;
  --type-caption-weight: 400; --type-caption-track-en: 0;
  --type-cell-ar-size: 13.5px; --type-cell-ar-size-lg: 13.5px; --type-cell-ar-lh: 1.4;
  --type-cell-en-size: 13px; --type-cell-en-size-lg: 13px; --type-cell-en-lh: 1.4;
  --type-cell-weight: 400; --type-cell-track-en: 0;
  --type-price-l-ar-size: 32px; --type-price-l-ar-size-lg: 36px; --type-price-l-ar-lh: 1.2;
  --type-price-l-en-size: 32px; --type-price-l-en-size-lg: 36px; --type-price-l-en-lh: 1.1;
  --type-price-l-weight: 700; --type-price-l-track-en: 0;
  --type-price-m-ar-size: 24px; --type-price-m-ar-size-lg: 26px; --type-price-m-ar-lh: 1.2;
  --type-price-m-en-size: 24px; --type-price-m-en-size-lg: 26px; --type-price-m-en-lh: 1.1;
  --type-price-m-weight: 700; --type-price-m-track-en: 0;
  --type-price-s-ar-size: 18px; --type-price-s-ar-size-lg: 18px; --type-price-s-ar-lh: 1.25;
  --type-price-s-en-size: 18px; --type-price-s-en-size-lg: 18px; --type-price-s-en-lh: 1.15;
  --type-price-s-weight: 600; --type-price-s-track-en: 0;
  --type-stat-ar-size: 26px; --type-stat-ar-size-lg: 30px; --type-stat-ar-lh: 1.15;
  --type-stat-en-size: 26px; --type-stat-en-size-lg: 30px; --type-stat-en-lh: 1.05;
  --type-stat-weight: 700; --type-stat-track-en: 0;
  --type-mono-ar-size: 13px; --type-mono-ar-size-lg: 13px; --type-mono-ar-lh: 1.5;
  --type-mono-en-size: 13px; --type-mono-en-size-lg: 13px; --type-mono-en-lh: 1.5;
  --type-mono-weight: 400; --type-mono-track-en: 0;
}
[dir="rtl"] { --safe-start: env(safe-area-inset-right, 0px); --safe-end: env(safe-area-inset-left, 0px); }
[data-theme="dark"] {
  --teal-1: #070A0B;
  --teal-2: #0B1012;
  --teal-3: #111A1C;
  --teal-4: #162326;
  --teal-5: #1C2D31;
  --teal-6: #243B40;
  --teal-7: #305057;
  --teal-8: #3F6B75;
  --teal-9: #488C9A;
  --teal-10: #5A9EAD;
  --teal-11: #96C7D3;
  --teal-12: #E2F2F6;
  --copper-1: #0D0806;
  --copper-2: #160D09;
  --copper-3: #23140D;
  --copper-4: #301A11;
  --copper-5: #3E2215;
  --copper-6: #502C1B;
  --copper-7: #6D3B24;
  --copper-8: #924E2E;
  --copper-9: #C45F2C;
  --copper-10: #D97240;
  --copper-11: #F8A783;
  --copper-12: #FFE8DB;
  --sand-1: #0B0905;
  --sand-2: #120F08;
  --sand-3: #1C1810;
  --sand-4: #252017;
  --sand-5: #2F291F;
  --sand-6: #3C362A;
  --sand-7: #51493B;
  --sand-8: #6B6251;
  --sand-9: #897F6C;
  --sand-10: #9B917E;
  --sand-11: #C5BDAC;
  --sand-12: #F2EEE6;
  --green-1: #070A07;
  --green-2: #0B110C;
  --green-3: #101B12;
  --green-4: #152518;
  --green-5: #1B301F;
  --green-6: #233E29;
  --green-7: #2F5437;
  --green-8: #3D7149;
  --green-9: #439458;
  --green-10: #56A76A;
  --green-11: #94CF9F;
  --green-12: #E1F5E4;
  --amber-1: #0C0905;
  --amber-2: #130F09;
  --amber-3: #1F170C;
  --amber-4: #291E0E;
  --amber-5: #362712;
  --amber-6: #463317;
  --amber-7: #5F451E;
  --amber-8: #7F5C25;
  --amber-9: #A97416;
  --amber-10: #BD8630;
  --amber-11: #E0B67B;
  --amber-12: #FBECD9;
  --red-1: #0D0807;
  --red-2: #150D0C;
  --red-3: #221413;
  --red-4: #2E1A19;
  --red-5: #3C2220;
  --red-6: #4D2C29;
  --red-7: #693C38;
  --red-8: #8D4F4A;
  --red-9: #BD615B;
  --red-10: #D2736C;
  --red-11: #F2A7A1;
  --red-12: #FFE7E4;
  --cyan-1: #050A0C;
  --cyan-2: #081113;
  --cyan-3: #0A1B1F;
  --cyan-4: #0C242A;
  --cyan-5: #0E2F36;
  --cyan-6: #113D47;
  --cyan-7: #135360;
  --cyan-8: #0E6F81;
  --cyan-9: #0091AD;
  --cyan-10: #00A4C0;
  --cyan-11: #74CDE2;
  --cyan-12: #D9F4FB;
  --bg: #0F1A1D;
  --surface: #16252A;
  --surface-2: #1D3036;
  --surface-3: #264048;
  --overlay: rgba(0,0,0,0.6);
  --border: #264048;
  --border-strong: #5C8290;
  --divider: #1F353C;
  --text: #F3EEE4;
  --text-2: #CFC8BA;
  --text-3: #A39D90;
  --text-disabled: #6E7A7E;
  --text-inverse: #17201F;
  --primary: #F3EEE4;
  --primary-hover: #FFFFFF;
  --primary-soft: #1D3036;
  --primary-soft-hover: #264048;
  --on-primary: #0F1A1D;
  --accent: #E2823F;
  --accent-hover: #F0A26B;
  --accent-soft: #3A2416;
  --accent-text: #F0A26B;
  --on-accent: #0F1A1D;
  --link: #6EC6D6;
  --link-hover: #9ADCE8;
  --focus: #6EC6D6;
  --price: #F3EEE4;
  --selected: #143842;
  --on-selected: #8FD3E0;
  --selected-bar: #6EC6D6;
  --good: #5CD58A;
  --good-bg: #0F2E1E;
  --good-border: #1F5A3A;
  --warn: #F2C14E;
  --warn-bg: #33270A;
  --warn-border: #6B5415;
  --bad: #F58A7F;
  --bad-bg: #3A1613;
  --bad-border: #7A2B25;
  --info: #6EC6D6;
  --info-bg: #0F2E36;
  --info-border: #1F5A66;
  --wa: #25D366;
  --on-wa: #0F1A1D;
  --skeleton: #264048;
  --skeleton-shine: #2F4D56;
  --chart-1: #6EC6D6;
  --chart-2: #E2823F;
  --chart-3: #8FB3BF;
  --chart-4: #D8B54A;
  --chart-5: #A39D90;
  --chart-6: #3E8A9A;
  --shadow-1: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-2: 0 4px 12px rgba(0,0,0,0.5);
  --shadow-3: 0 16px 40px rgba(0,0,0,0.6);
  color-scheme: dark;
}
html { font-family: var(--font-ar); font-variant-numeric: tabular-nums; -webkit-text-size-adjust: 100%; background: var(--bg); color: var(--text); }
html[lang="en"] { font-family: var(--font-en); }
:lang(en) { font-family: var(--font-en); }
:lang(ar) { font-family: var(--font-ar); }
code, kbd, .mono, .vin { font-family: var(--font-mono); direction: ltr; unicode-bidi: isolate; }
.num, bdi, [dir="ltr"].num { direction: ltr; unicode-bidi: isolate; font-variant-numeric: tabular-nums; }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { :root { --dur-fast: 0ms; --dur-base: 0ms; --dur-slow: 0ms; --dur-sheet: 0ms; --dur-skeleton: 0ms; } }
.t-display { font-weight: var(--type-display-weight); }
:lang(ar) .t-display, .t-display:lang(ar) { font-size: var(--type-display-ar-size); line-height: var(--type-display-ar-lh); letter-spacing: 0; }
:lang(en) .t-display, .t-display:lang(en) { font-size: var(--type-display-en-size); line-height: var(--type-display-en-lh); letter-spacing: var(--type-display-track-en); }
.t-h1 { font-weight: var(--type-h1-weight); }
:lang(ar) .t-h1, .t-h1:lang(ar) { font-size: var(--type-h1-ar-size); line-height: var(--type-h1-ar-lh); letter-spacing: 0; }
:lang(en) .t-h1, .t-h1:lang(en) { font-size: var(--type-h1-en-size); line-height: var(--type-h1-en-lh); letter-spacing: var(--type-h1-track-en); }
.t-h2 { font-weight: var(--type-h2-weight); }
:lang(ar) .t-h2, .t-h2:lang(ar) { font-size: var(--type-h2-ar-size); line-height: var(--type-h2-ar-lh); letter-spacing: 0; }
:lang(en) .t-h2, .t-h2:lang(en) { font-size: var(--type-h2-en-size); line-height: var(--type-h2-en-lh); letter-spacing: var(--type-h2-track-en); }
.t-h3 { font-weight: var(--type-h3-weight); }
:lang(ar) .t-h3, .t-h3:lang(ar) { font-size: var(--type-h3-ar-size); line-height: var(--type-h3-ar-lh); letter-spacing: 0; }
:lang(en) .t-h3, .t-h3:lang(en) { font-size: var(--type-h3-en-size); line-height: var(--type-h3-en-lh); letter-spacing: var(--type-h3-track-en); }
.t-h4 { font-weight: var(--type-h4-weight); }
:lang(ar) .t-h4, .t-h4:lang(ar) { font-size: var(--type-h4-ar-size); line-height: var(--type-h4-ar-lh); letter-spacing: 0; }
:lang(en) .t-h4, .t-h4:lang(en) { font-size: var(--type-h4-en-size); line-height: var(--type-h4-en-lh); letter-spacing: var(--type-h4-track-en); }
.t-body-l { font-weight: var(--type-body-l-weight); }
:lang(ar) .t-body-l, .t-body-l:lang(ar) { font-size: var(--type-body-l-ar-size); line-height: var(--type-body-l-ar-lh); letter-spacing: 0; }
:lang(en) .t-body-l, .t-body-l:lang(en) { font-size: var(--type-body-l-en-size); line-height: var(--type-body-l-en-lh); letter-spacing: var(--type-body-l-track-en); }
.t-body-m { font-weight: var(--type-body-m-weight); }
:lang(ar) .t-body-m, .t-body-m:lang(ar) { font-size: var(--type-body-m-ar-size); line-height: var(--type-body-m-ar-lh); letter-spacing: 0; }
:lang(en) .t-body-m, .t-body-m:lang(en) { font-size: var(--type-body-m-en-size); line-height: var(--type-body-m-en-lh); letter-spacing: var(--type-body-m-track-en); }
.t-body-s { font-weight: var(--type-body-s-weight); }
:lang(ar) .t-body-s, .t-body-s:lang(ar) { font-size: var(--type-body-s-ar-size); line-height: var(--type-body-s-ar-lh); letter-spacing: 0; }
:lang(en) .t-body-s, .t-body-s:lang(en) { font-size: var(--type-body-s-en-size); line-height: var(--type-body-s-en-lh); letter-spacing: var(--type-body-s-track-en); }
.t-label { font-weight: var(--type-label-weight); }
:lang(ar) .t-label, .t-label:lang(ar) { font-size: var(--type-label-ar-size); line-height: var(--type-label-ar-lh); letter-spacing: 0; }
:lang(en) .t-label, .t-label:lang(en) { font-size: var(--type-label-en-size); line-height: var(--type-label-en-lh); letter-spacing: var(--type-label-track-en); }
.t-caption { font-weight: var(--type-caption-weight); }
:lang(ar) .t-caption, .t-caption:lang(ar) { font-size: var(--type-caption-ar-size); line-height: var(--type-caption-ar-lh); letter-spacing: 0; }
:lang(en) .t-caption, .t-caption:lang(en) { font-size: var(--type-caption-en-size); line-height: var(--type-caption-en-lh); letter-spacing: var(--type-caption-track-en); }
.t-cell { font-weight: var(--type-cell-weight); }
:lang(ar) .t-cell, .t-cell:lang(ar) { font-size: var(--type-cell-ar-size); line-height: var(--type-cell-ar-lh); letter-spacing: 0; }
:lang(en) .t-cell, .t-cell:lang(en) { font-size: var(--type-cell-en-size); line-height: var(--type-cell-en-lh); letter-spacing: var(--type-cell-track-en); }
.t-price-l { font-weight: var(--type-price-l-weight); }
:lang(ar) .t-price-l, .t-price-l:lang(ar) { font-size: var(--type-price-l-ar-size); line-height: var(--type-price-l-ar-lh); letter-spacing: 0; }
:lang(en) .t-price-l, .t-price-l:lang(en) { font-size: var(--type-price-l-en-size); line-height: var(--type-price-l-en-lh); letter-spacing: var(--type-price-l-track-en); }
.t-price-m { font-weight: var(--type-price-m-weight); }
:lang(ar) .t-price-m, .t-price-m:lang(ar) { font-size: var(--type-price-m-ar-size); line-height: var(--type-price-m-ar-lh); letter-spacing: 0; }
:lang(en) .t-price-m, .t-price-m:lang(en) { font-size: var(--type-price-m-en-size); line-height: var(--type-price-m-en-lh); letter-spacing: var(--type-price-m-track-en); }
.t-price-s { font-weight: var(--type-price-s-weight); }
:lang(ar) .t-price-s, .t-price-s:lang(ar) { font-size: var(--type-price-s-ar-size); line-height: var(--type-price-s-ar-lh); letter-spacing: 0; }
:lang(en) .t-price-s, .t-price-s:lang(en) { font-size: var(--type-price-s-en-size); line-height: var(--type-price-s-en-lh); letter-spacing: var(--type-price-s-track-en); }
.t-stat { font-weight: var(--type-stat-weight); }
:lang(ar) .t-stat, .t-stat:lang(ar) { font-size: var(--type-stat-ar-size); line-height: var(--type-stat-ar-lh); letter-spacing: 0; }
:lang(en) .t-stat, .t-stat:lang(en) { font-size: var(--type-stat-en-size); line-height: var(--type-stat-en-lh); letter-spacing: var(--type-stat-track-en); }
.t-mono { font-weight: var(--type-mono-weight); }
:lang(ar) .t-mono, .t-mono:lang(ar) { font-size: var(--type-mono-ar-size); line-height: var(--type-mono-ar-lh); letter-spacing: 0; }
:lang(en) .t-mono, .t-mono:lang(en) { font-size: var(--type-mono-en-size); line-height: var(--type-mono-en-lh); letter-spacing: var(--type-mono-track-en); }
@media (min-width: 860px) {
  :lang(ar) .t-display, .t-display:lang(ar) { font-size: var(--type-display-ar-size-lg); }
  :lang(en) .t-display, .t-display:lang(en) { font-size: var(--type-display-en-size-lg); }
  :lang(ar) .t-h1, .t-h1:lang(ar) { font-size: var(--type-h1-ar-size-lg); }
  :lang(en) .t-h1, .t-h1:lang(en) { font-size: var(--type-h1-en-size-lg); }
  :lang(ar) .t-h2, .t-h2:lang(ar) { font-size: var(--type-h2-ar-size-lg); }
  :lang(en) .t-h2, .t-h2:lang(en) { font-size: var(--type-h2-en-size-lg); }
  :lang(ar) .t-h3, .t-h3:lang(ar) { font-size: var(--type-h3-ar-size-lg); }
  :lang(en) .t-h3, .t-h3:lang(en) { font-size: var(--type-h3-en-size-lg); }
  :lang(ar) .t-h4, .t-h4:lang(ar) { font-size: var(--type-h4-ar-size-lg); }
  :lang(en) .t-h4, .t-h4:lang(en) { font-size: var(--type-h4-en-size-lg); }
  :lang(ar) .t-body-l, .t-body-l:lang(ar) { font-size: var(--type-body-l-ar-size-lg); }
  :lang(en) .t-body-l, .t-body-l:lang(en) { font-size: var(--type-body-l-en-size-lg); }
  :lang(ar) .t-body-m, .t-body-m:lang(ar) { font-size: var(--type-body-m-ar-size-lg); }
  :lang(en) .t-body-m, .t-body-m:lang(en) { font-size: var(--type-body-m-en-size-lg); }
  :lang(ar) .t-body-s, .t-body-s:lang(ar) { font-size: var(--type-body-s-ar-size-lg); }
  :lang(en) .t-body-s, .t-body-s:lang(en) { font-size: var(--type-body-s-en-size-lg); }
  :lang(ar) .t-label, .t-label:lang(ar) { font-size: var(--type-label-ar-size-lg); }
  :lang(en) .t-label, .t-label:lang(en) { font-size: var(--type-label-en-size-lg); }
  :lang(ar) .t-caption, .t-caption:lang(ar) { font-size: var(--type-caption-ar-size-lg); }
  :lang(en) .t-caption, .t-caption:lang(en) { font-size: var(--type-caption-en-size-lg); }
  :lang(ar) .t-cell, .t-cell:lang(ar) { font-size: var(--type-cell-ar-size-lg); }
  :lang(en) .t-cell, .t-cell:lang(en) { font-size: var(--type-cell-en-size-lg); }
  :lang(ar) .t-price-l, .t-price-l:lang(ar) { font-size: var(--type-price-l-ar-size-lg); }
  :lang(en) .t-price-l, .t-price-l:lang(en) { font-size: var(--type-price-l-en-size-lg); }
  :lang(ar) .t-price-m, .t-price-m:lang(ar) { font-size: var(--type-price-m-ar-size-lg); }
  :lang(en) .t-price-m, .t-price-m:lang(en) { font-size: var(--type-price-m-en-size-lg); }
  :lang(ar) .t-price-s, .t-price-s:lang(ar) { font-size: var(--type-price-s-ar-size-lg); }
  :lang(en) .t-price-s, .t-price-s:lang(en) { font-size: var(--type-price-s-en-size-lg); }
  :lang(ar) .t-stat, .t-stat:lang(ar) { font-size: var(--type-stat-ar-size-lg); }
  :lang(en) .t-stat, .t-stat:lang(en) { font-size: var(--type-stat-en-size-lg); }
  :lang(ar) .t-mono, .t-mono:lang(ar) { font-size: var(--type-mono-ar-size-lg); }
  :lang(en) .t-mono, .t-mono:lang(en) { font-size: var(--type-mono-en-size-lg); }
}