/* ---- Web fonts: self-hosted (public/fonts, from Google Fonts: Inter + IBM Plex Sans Arabic, OFL), same files/subsets/unicode-ranges as the Google CSS. */
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-ar-400-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-ar-400-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-ar-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-ar-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-ar-500-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-ar-500-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-ar-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-ar-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plex-ar-600-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plex-ar-600-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plex-ar-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plex-ar-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plex-ar-700-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plex-ar-700-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plex-ar-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plex-ar-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-greek-ext.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-greek.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-greek-ext.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-greek.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-greek-ext.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-greek.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-greek-ext.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-greek.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-greek-ext.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-greek.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Size-adjusted fallbacks: local system fonts scaled to the web fonts' widths and line metrics, so the swap does not re-wrap text (CLS). */
@font-face{font-family:"Inter Fb TA";font-weight:400;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans");size-adjust:116.9%;ascent-override:82.87%;descent-override:20.63%;line-gap-override:0%;unicode-range:U+0030-0039}@font-face{font-family:"Inter Fb TA";font-weight:700;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold");size-adjust:116.9%;ascent-override:82.87%;descent-override:20.63%;line-gap-override:0%;unicode-range:U+0030-0039}@font-face{font-family:"Inter Fb TR";font-weight:400;src:local("Roboto"),local("Roboto-Regular");size-adjust:115.8%;ascent-override:83.66%;descent-override:20.83%;line-gap-override:0%;unicode-range:U+0030-0039}@font-face{font-family:"Inter Fb TR";font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold");size-adjust:115.8%;ascent-override:83.66%;descent-override:20.83%;line-gap-override:0%;unicode-range:U+0030-0039}@font-face{font-family:"Inter Fb A";font-weight:400;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans");size-adjust:105.2%;ascent-override:92.09%;descent-override:22.93%;line-gap-override:0%;unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F, U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116, U+1F00-1FFF, U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF, U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB, U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter Fb A";font-weight:700;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold");size-adjust:103.2%;ascent-override:93.88%;descent-override:23.37%;line-gap-override:0%;unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F, U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116, U+1F00-1FFF, U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF, U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB, U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter Fb R";font-weight:400;src:local("Roboto"),local("Roboto-Regular");size-adjust:107.5%;ascent-override:90.12%;descent-override:22.44%;line-gap-override:0%;unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F, U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116, U+1F00-1FFF, U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF, U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB, U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter Fb R";font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold");size-adjust:109.5%;ascent-override:88.47%;descent-override:22.03%;line-gap-override:0%;unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F, U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116, U+1F00-1FFF, U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF, U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB, U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Plex Fb N";font-weight:400;src:local("Noto Naskh Arabic UI"),local("NotoNaskhArabicUI-Regular"),local("Noto Naskh Arabic"),local("NotoNaskhArabic-Regular");size-adjust:103.8%;ascent-override:104.53%;descent-override:39.98%;line-gap-override:0%;unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:"Plex Fb N";font-weight:700;src:local("Noto Naskh Arabic UI Bold"),local("NotoNaskhArabicUI-Bold"),local("Noto Naskh Arabic Bold"),local("NotoNaskhArabic-Bold");size-adjust:105.6%;ascent-override:102.75%;descent-override:39.30%;line-gap-override:0%;unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}@font-face{font-family:"Plex Fb N";font-weight:800;src:local("Noto Naskh Arabic UI Bold"),local("NotoNaskhArabicUI-Bold"),local("Noto Naskh Arabic Bold"),local("NotoNaskhArabic-Bold");size-adjust:103.1%;ascent-override:105.24%;descent-override:40.25%;line-gap-override:0%;unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:"Plex Fb S";font-weight:400;src:local("Noto Sans Arabic UI"),local("NotoSansArabicUI-Regular"),local("Noto Sans Arabic"),local("NotoSansArabic-Regular");size-adjust:94.0%;ascent-override:115.43%;descent-override:44.15%;line-gap-override:0%;unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:"Plex Fb S";font-weight:700;src:local("Noto Sans Arabic UI Bold"),local("NotoSansArabicUI-Bold"),local("Noto Sans Arabic Bold"),local("NotoSansArabic-Bold");size-adjust:91.2%;ascent-override:118.97%;descent-override:45.50%;line-gap-override:0%;unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
/* Invvex v2 — original ink / teal / gold design system */
:root{
  --bg:#f5f6f3;--bg2:#eceee8;--card:#ffffff;--ink:#0d1b2a;--ink2:#33415c;--mute:#6b7685;--line:#e2e5df;--line2:#d3d8d0;
  --teal:#0f766e;--teal2:#0b5a54;--tealbg:#e3f2ef;--gold:#b88a2e;--gold2:#c8a96a;--goldbg:#f8f0dc;
  --up:#0f8a5f;--down:#d0433a;--upbg:#e3f4ec;--downbg:#fbe8e6;--warn:#b7791f;--warnbg:#fdf3df;
  --hdr:#0d1b2a;--hdr2:#13263b;--hdrtxt:#e8edf2;
  --r:14px;--r2:10px;--sh:0 1px 2px rgba(13,27,42,.05),0 6px 24px -12px rgba(13,27,42,.12);
  --font:Inter,"IBM Plex Sans Arabic","Inter Fb A","Inter Fb R","Plex Fb N","Plex Fb S","Noto Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-num:Inter,"IBM Plex Sans Arabic","Inter Fb TA","Inter Fb TR","Inter Fb A","Inter Fb R","Plex Fb N","Plex Fb S","Noto Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;
}
[data-theme="dark"]{
  --bg:#0a1320;--bg2:#0f1b2b;--card:#111f31;--ink:#e6ebf1;--ink2:#b6c1cf;--mute:#8693a4;--line:#1f3047;--line2:#2a3e58;
  --teal:#2dd4bf;--teal2:#5eead4;--tealbg:#0f2f33;--gold:#e0b961;--gold2:#e9d5a1;--goldbg:#2a2412;
  --up:#34d399;--down:#f87171;--upbg:#0e2c25;--downbg:#33181b;--warn:#f6c453;--warnbg:#2d2410;
  --hdr:#060d17;--hdr2:#0b1626;--hdrtxt:#e6ebf1;--sh:0 1px 2px rgba(0,0,0,.3),0 8px 24px -12px rgba(0,0,0,.5);
}
*{box-sizing:border-box}
html{scroll-padding-top:150px}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}
[lang="ar"] body{font-size:15px}
a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3,h4{margin:0;line-height:1.25;letter-spacing:-.01em}
h1{font-size:28px;font-weight:800}h2{font-size:16px;font-weight:700}h3{font-size:14px;font-weight:700}h4{font-size:13px;margin:14px 0 6px;color:var(--ink2)}
button,input,select{font:inherit;color:inherit}
.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-family:var(--font-num)}
.up{color:var(--up)}.down{color:var(--down)}.flat{color:var(--mute)}.mute{color:var(--mute)}
.fine{font-size:12px;color:var(--mute);margin:10px 0 0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:-999px}.skip:focus{inset-inline-start:8px;top:8px;z-index:99;background:var(--card);padding:8px}
.wrap{max-width:1320px;margin:0 auto;padding:0 20px}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px}

/* ---------- header ---------- */
.topbar{position:sticky;top:0;z-index:40;background:var(--hdr);color:var(--hdrtxt);box-shadow:0 2px 10px rgba(0,0,0,.15)}
.topbar-in{display:flex;align-items:center;gap:18px;height:60px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:20px;letter-spacing:-.02em;flex-shrink:0}
.brand:hover{text-decoration:none}
.brand-logo{display:block;height:22px;width:auto;max-width:none}
.search{position:relative;flex:1;max-width:520px;display:flex;align-items:center}
.search .s-ico{position:absolute;inset-inline-start:12px;color:#8fa3b8;pointer-events:none}
.search input{width:100%;height:38px;border-radius:999px;border:1px solid #23384f;background:var(--hdr2);color:#fff;padding:0 40px;outline:none;transition:.15s}
.search input::placeholder{color:#8fa3b8}
.search input:focus{border-color:var(--gold2);background:#0f2236;box-shadow:0 0 0 3px rgba(200,169,106,.18)}
.s-kbd{position:absolute;inset-inline-end:10px;font:11px var(--font);border:1px solid #2c4560;border-radius:5px;padding:1px 6px;color:#8fa3b8}
.qres{position:absolute;top:44px;inset-inline:0;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px -12px rgba(0,0,0,.35);max-height:70vh;overflow:auto;padding:6px;z-index:50}
.qg{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);padding:8px 10px 4px;font-weight:700}
.qi{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 10px;border-radius:8px;color:var(--ink)}
.qi small{color:var(--mute);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}
.qi:hover,.qi.on{background:var(--tealbg);text-decoration:none}
.tools{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.clock{font-size:12px;color:#a9b8c8;padding:0 6px;white-space:nowrap}
.iconbtn{display:inline-flex;align-items:center;gap:6px;height:36px;min-width:36px;padding:0 9px;border-radius:10px;border:1px solid #23384f;background:transparent;color:var(--hdrtxt);cursor:pointer}
.iconbtn:hover{background:var(--hdr2)}
.lang{position:relative}.langbtn span{font-size:13px}
.langmenu{position:absolute;inset-inline-end:0;top:42px;list-style:none;margin:0;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh);min-width:170px;z-index:60}
.langmenu button{display:flex;justify-content:space-between;width:100%;border:0;background:none;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--ink)}
.langmenu button:hover,.langmenu button[aria-selected="true"]{background:var(--tealbg)}
.langmenu small{color:var(--mute)}
[data-theme="light"] .moon,[data-theme="dark"] .sun{display:none}
.menubtn,.searchbtn{display:none}
.mainnav{background:var(--hdr2);border-top:1px solid #1b2f45}
.mainnav-in{display:flex;gap:2px;align-items:stretch}
.mainnav .nav-top,.mainnav .dd-btn{color:#b8c6d4;padding:11px 14px;font-weight:600;font-size:13.5px;white-space:nowrap;border-bottom:2px solid transparent}
.mainnav .nav-top:hover,.mainnav .dd-btn:hover{color:#fff;text-decoration:none}
.mainnav .nav-top[aria-current="page"],.mainnav .dd.has-current>.dd-btn,.mainnav .dd-insights>.dd-parent[aria-current="page"],.mainnav .dd-insights.has-current>.dd-parent{color:#fff;border-bottom-color:var(--gold2)}
.dd-insights>.dd-parent{color:#b8c6d4;padding:11px 2px 11px 14px;font-weight:600;font-size:13.5px;white-space:nowrap;border-bottom:2px solid transparent;display:inline-flex;align-items:center}
.dd-insights>.dd-btn{padding-inline:6px 12px}
.dd-insights>.dd-parent:hover{color:#fff;text-decoration:none}
@media (min-width:821px){.dd-insights .dd-menu{inset-inline-start:auto;inset-inline-end:0;max-width:min(320px,calc(100vw - 16px))}}
.dd-menu a[data-r="gold"] .dd-t::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold2);margin-inline-end:6px;vertical-align:1px}
.ticker{background:var(--card);border-bottom:1px solid var(--line);overflow:hidden;height:34px;color:var(--ink)}
.ticker-track{display:flex;width:max-content;animation:tk 70s linear infinite;height:34px;align-items:center}
.ticker:hover .ticker-track{animation-play-state:paused}
.tk-dup{display:flex}
@keyframes tk{to{transform:translateX(-50%)}}
.tk{display:inline-flex;align-items:center;gap:7px;padding:0 16px;font-size:12.5px;color:var(--ink);border-inline-end:1px solid var(--line);white-space:nowrap}
.tk:hover{text-decoration:none;background:var(--bg2)}.tk .n{font-weight:700}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}

/* ---------- layout primitives ---------- */
.view{max-width:1320px;margin:0 auto;padding:18px 20px 40px;min-height:70vh;outline:none}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--sh);min-width:0}
.card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.link{font-size:12.5px;font-weight:600}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pagehead{margin:4px 0 16px}
.crumbs{display:flex;gap:8px;font-size:12px;color:var(--mute);margin-bottom:6px}
.crumbs a{color:var(--mute)}
.ph-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.sub{color:var(--mute);margin:4px 0 0;max-width:760px}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--bg2);color:var(--ink2);white-space:nowrap}
.badge.ok{background:var(--tealbg);color:var(--teal)}
.badge.est{background:var(--warnbg);color:var(--warn)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--warn);display:inline-block;flex-shrink:0}
.dot.live{background:var(--up);box-shadow:0 0 0 3px color-mix(in srgb,var(--up) 25%,transparent)}
.dot.closed{background:var(--mute)}
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;background:var(--teal);color:#fff;font-weight:600;border:1px solid var(--teal);cursor:pointer;margin-top:12px;font-size:13px}
[data-theme="dark"] .btn{color:#06201d}
.btn:hover{text-decoration:none;filter:brightness(1.07)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line2);margin-top:0}
.btn.ghost:hover{background:var(--bg2)}
.seg{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--bg2);padding:4px;border-radius:12px}
.seg button,.seg a{border:0;background:none;padding:6px 12px;border-radius:9px;cursor:pointer;color:var(--ink2);font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:6px}
.seg a:hover{text-decoration:none}
.seg [aria-selected="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.seg.small button{padding:4px 9px;font-size:12px}
.ctrl{display:flex;flex-direction:column;gap:4px}
.lbl{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);font-weight:700}
select,input[type=number],.search-in input{height:36px;border:1px solid var(--line2);border-radius:10px;background:var(--card);padding:0 10px;min-width:0}
select:disabled{opacity:.6}
.search-in input{width:260px;max-width:100%}
.tog{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13px;cursor:pointer;align-self:flex-end;height:36px}
.skeleton{height:16px;border-radius:6px;margin:10px 0;background:linear-gradient(90deg,var(--bg2),var(--line),var(--bg2));background-size:200% 100%;animation:sk 1.3s infinite}
@keyframes sk{to{background-position:-200% 0}}
.empty{color:var(--mute);padding:16px;text-align:center;list-style:none}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--bg2);color:var(--ink2);border:1px solid var(--line)}
.chip.up{background:var(--upbg);color:var(--up);border-color:transparent}.chip.down{background:var(--downbg);color:var(--down);border-color:transparent}
.chip:hover{text-decoration:none;filter:brightness(.97)}
.chip .lv{font-weight:500;opacity:.75;font-size:11px}
.pill{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--bg2);font-weight:700}
.pill.high{background:var(--downbg);color:var(--down)}.pill.med{background:var(--warnbg);color:var(--warn)}
.au{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#f1dfae,#c8a96a 60%,#a7843f);color:#3b2a08;font-weight:800;font-size:11px;margin-inline-end:6px}
.au.sm{width:18px;height:18px;font-size:9px;border-radius:5px;margin:0}
.flag{font-size:15px;line-height:1}
.imp{display:inline-flex;gap:2px;vertical-align:middle}
.imp i{width:4px;height:12px;border-radius:2px;background:var(--line2)}
.imp.l1 i:nth-child(1){background:var(--warn)}
.imp.l2 i:nth-child(-n+2){background:#e08a1e}
.imp.l3 i{background:var(--down)}
.verdict{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:7px;white-space:nowrap}
.verdict.strong_buy{background:var(--up);color:#fff}.verdict.buy{background:var(--upbg);color:var(--up)}
.verdict.neutral{background:var(--bg2);color:var(--ink2)}
.verdict.sell{background:var(--downbg);color:var(--down)}.verdict.strong_sell{background:var(--down);color:#fff}
.spk{display:block;flex-shrink:0}

/* ---------- tables & lists ---------- */
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);font-weight:700;text-align:start;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:start}
.tbl td.num,.tbl th:not(:first-child){text-align:end}
.tbl.piv td:not(:first-child){text-align:end}
.tbl tr.grp td{background:var(--bg2);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--ink2);padding:6px 8px}
.tbl tbody tr[data-href],.tbl tbody tr[data-msel]{cursor:pointer}
.tbl tbody tr[data-href]:hover td,.tbl tbody tr[data-msel]:hover td{background:var(--bg2)}
.tbl tr.sel td{background:var(--tealbg)}
.tbl.piv tr.r td:first-child b{color:var(--down)}.tbl.piv tr.s td:first-child b{color:var(--up)}.tbl.piv tr.p td{background:var(--goldbg)}
.tbl.piv tr.near td{font-weight:700;box-shadow:inset 3px 0 0 var(--gold)}
.tscroll{overflow-x:auto}
.sortb{border:0;background:none;cursor:pointer;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;padding:0}
.sortb.on{color:var(--teal)}
.qt{width:100%;border-collapse:collapse;font-size:13px}
.qt td{padding:8px 4px;border-bottom:1px solid var(--line);white-space:nowrap}
.qt tr:last-child td{border-bottom:0}
.qt td:first-child{display:flex;align-items:center;gap:8px;font-weight:600}
.qt td.num{text-align:end}
.qt tr[data-href]{cursor:pointer}.qt tr[data-href]:hover td{background:var(--bg2)}
.flash-up td{animation:fu 1.2s}.flash-down td{animation:fd 1.2s}
@keyframes fu{from{background:var(--upbg)}}@keyframes fd{from{background:var(--downbg)}}
.mini{width:100%;font-size:12.5px;border-collapse:collapse;margin-top:8px}
.mini td{padding:5px 4px;border-bottom:1px dashed var(--line)}.mini td:nth-child(2){text-align:end}.mini td:last-child{text-align:end;font-weight:700}
.latest-list,.evlist,.movers,.tcol ol{list-style:none;margin:0;padding:0}
.latest-list li{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer}
.latest-list li:last-child{border-bottom:0}
.latest-list li:hover .h{color:var(--teal)}
.latest-list .t{color:var(--mute);font-size:12px;padding-top:2px}
.latest-list .h{font-weight:600;line-height:1.4}
.latest-list .src{font-size:11.5px;color:var(--mute);margin-top:4px}
.evlist li{display:grid;grid-template-columns:auto auto auto 1fr auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);cursor:pointer;font-size:13px}
.evlist li:last-child{border-bottom:0}
.evlist .tm{color:var(--mute);font-size:12px;white-space:nowrap}
.evlist .ccy{font-weight:700;font-size:12px}
.evlist .evn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.evlist li:hover .evn{color:var(--teal)}
.evlist .v{font-size:12px}
.movers li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);cursor:pointer;font-size:13px;font-weight:600}
.movers li:last-child{border-bottom:0}
.countdown{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--r2);background:linear-gradient(90deg,var(--goldbg),transparent);border:1px solid var(--line);margin-bottom:10px;cursor:pointer;font-size:13px}
.countdown .cd-l{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--warn)}
.countdown .cd-t{font-weight:800;font-size:16px;color:var(--ink);margin-inline-start:auto}

/* ---------- home ---------- */
.home-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.home-grid>#hGold{grid-column:span 7;grid-row:span 2}
.home-grid>#hMk{grid-column:span 5}
.home-grid>#hEv{grid-column:span 5}
.home-grid>#hero{grid-column:span 7;padding:0;overflow:hidden;display:grid;grid-template-columns:42% 1fr}
.home-grid>#hNews{grid-column:span 5;grid-row:span 2}
.home-grid>#hTr{grid-column:span 7}
.home-grid>#hSess{grid-column:span 7}
.goldcard{border-top:3px solid var(--gold2);background:linear-gradient(180deg,var(--goldbg),var(--card) 140px)}
.gc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.gc-name{display:flex;align-items:center;font-weight:700;color:var(--ink2);font-size:13px}
.gc-price{font-size:34px;font-weight:800;letter-spacing:-.02em;margin-top:4px}
.gc-chg{font-size:16px;font-weight:700}
.gc-aed{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.gc-aed>div{background:var(--bg2);border-radius:var(--r2);padding:10px;display:flex;flex-direction:column;gap:2px}
.gc-aed small{font-size:11px;color:var(--mute);font-weight:600}.gc-aed b{font-size:16px}.gc-aed span{font-size:11px;color:var(--mute)}
.hero-img{background:var(--bg2) center/cover;min-height:220px;background-image:linear-gradient(135deg,var(--tealbg),var(--goldbg))}
.hero-in{padding:18px;cursor:pointer}
.hero-in h2{font-size:20px;margin:8px 0}
.hero-in p{color:var(--ink2);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hero-in:hover h2{color:var(--teal)}
.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--teal);font-weight:700}
.two h3{margin-bottom:6px}

/* ---------- chart ---------- */
.chart{margin:12px 0 4px}
.ch-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.ch-info{font-size:12px;color:var(--mute)}
.ch-wrap{position:relative;height:300px}
.goldcard .ch-wrap{height:230px}
.ch-wrap canvas{width:100%;height:100%;display:block}
.ch-wrap.loading::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--card) 70%,transparent),transparent);background-size:200% 100%;animation:sk 1.2s infinite}
.ch-tip{position:absolute;top:6px;pointer-events:none;background:var(--ink);color:var(--card);font-size:12px;padding:5px 8px;border-radius:7px;white-space:nowrap;direction:ltr}
.ch-foot{font-size:11.5px;color:var(--mute);margin-top:6px;min-height:17px}
.rbar{margin:10px 0}
.rb-l{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);font-weight:700;margin-bottom:6px}
.rb-track{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--down),var(--warn),var(--up));opacity:.85}
.rb-track span{position:absolute;top:-4px;width:4px;height:14px;background:var(--ink);border-radius:2px;transform:translateX(-50%)}
[dir="rtl"] .rb-track{background:linear-gradient(-90deg,var(--down),var(--warn),var(--up))}
[dir="rtl"] .rb-track span{transform:translateX(50%)}
.rb-v{display:flex;justify-content:space-between;font-size:12px;color:var(--ink2);margin-top:4px}
.perf{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px}
.pf{background:var(--bg2);border-radius:9px;padding:8px;text-align:center}
.pf small{display:block;font-size:10.5px;color:var(--mute);font-weight:700}
.pf b{font-size:13px}.pf.up b{color:var(--up)}.pf.down b{color:var(--down)}
.gauge{margin:6px 0 10px}
.g-track{position:relative;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--down),var(--line2) 50%,var(--up))}
[dir="rtl"] .g-track{background:linear-gradient(-90deg,var(--down),var(--line2) 50%,var(--up))}
.g-track span{position:absolute;top:-5px;width:18px;height:18px;border-radius:50%;background:var(--card);border:3px solid var(--ink);transform:translateX(-50%)}
[dir="rtl"] .g-track span{transform:translateX(50%)}
.g-lbl{display:flex;justify-content:space-between;font-size:11px;color:var(--mute);margin-top:6px}
.tech-v{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px}

/* ---------- gold ---------- */
.g-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.big{font-size:30px;font-weight:800;letter-spacing:-.02em}
.g-head .big{color:var(--ink)}
.gold-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gold-grid .g-chart{grid-column:span 2;grid-row:span 2;border-top:3px solid var(--gold2)}
.gold-grid .g-chart .ch-wrap{height:400px}
.gold-grid .wide{grid-column:1/-1}
#gEv{grid-column:span 2}

/* ---------- markets ---------- */
.mk-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:start}
.mk-detail{position:sticky;top:150px}
.mk-dh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.mk-dh h2{font-size:20px}.mk-dh .sym{font-size:12px;font-weight:500}
.mk-table .seg{margin-bottom:10px}

/* ---------- calendar ---------- */
.srcline{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;color:var(--mute)}
.cal-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}
.ctrl-row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;justify-content:space-between}
.weeknav{display:flex;gap:6px;flex-wrap:wrap}
.ccychips{display:flex;flex-wrap:wrap;gap:4px}
.ccychips .cc{border:1px solid var(--line2);background:var(--card);border-radius:8px;padding:4px 9px;font-size:12px;font-weight:700;cursor:pointer}
.ccychips .cc.on{background:var(--teal);border-color:var(--teal);color:#fff}
.wk-label{font-size:12.5px;color:var(--ink2);font-weight:600}
.warn{color:var(--warn)}
.cal-card{padding:0;overflow:hidden}
.crow{display:grid;grid-template-columns:70px 78px 1fr 60px minmax(240px,320px) 24px;gap:10px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);font-size:13px}
.crow[data-ev]{cursor:pointer}.crow[data-ev]:hover{background:var(--bg2)}
.chead{background:var(--bg2);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);font-weight:700;position:sticky;top:0}
.crow .cur{display:flex;gap:6px;align-items:center;font-weight:700}
.crow.hi .ev{font-weight:700}
.crow.past{color:var(--mute)}
.crow.next{box-shadow:inset 3px 0 0 var(--gold);background:var(--goldbg)}
.crow.flash{animation:fl 2s}
@keyframes fl{0%,40%{background:var(--tealbg)}}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:end}
.vals .v{font-variant-numeric:tabular-nums}.vals .v.a{font-weight:700}
.vals .ml{display:none}
.chev{transition:.2s;color:var(--mute)}.crow.open .chev{transform:rotate(180deg)}
.cday{padding:8px 16px;background:var(--bg2);font-weight:700;font-size:12.5px;border-bottom:1px solid var(--line)}
.cdetail{display:none;padding:12px 16px 16px 96px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--tealbg) 35%,var(--card));font-size:13px}
[dir="rtl"] .cdetail{padding:12px 96px 16px 16px}
.cdetail.open{display:block}
.cdetail p{margin:0 0 8px}
.note{font-size:12px;color:var(--mute);margin-top:6px}

/* ---------- news ---------- */
.news-ctrl{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.ncard{padding:0;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .15s}
.ncard:hover{transform:translateY(-2px)}
.ncard .img{height:150px;background:linear-gradient(135deg,var(--tealbg),var(--goldbg)) center/cover;position:relative}
.ncard .cat{position:absolute;top:10px;inset-inline-start:10px;background:rgba(13,27,42,.8);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}
.ncard .body{padding:14px}
.ncard .meta{font-size:12px;color:var(--mute)}
.ncard h3{font-size:15px;margin:6px 0}
.ncard p{color:var(--ink2);font-size:13px;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- trending ---------- */
.trend-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}
.tcol{border-top:3px solid var(--line2)}
.tcol.up{border-top-color:var(--up)}.tcol.down{border-top-color:var(--down)}.tcol.act{border-top-color:var(--gold2)}
.tcol.up h2{color:var(--up)}.tcol.down h2{color:var(--down)}.tcol.act h2{color:var(--gold)}
.tcol .fine{margin:2px 0 8px}
.tcol li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);cursor:pointer;counter-increment:r}
.tcol li:last-child{border-bottom:0}
.tcol li:hover .nm{color:var(--teal)}
.tcol .nm{font-weight:700;display:flex;flex-direction:column}
.tcol .nm small{font-weight:500;color:var(--mute);font-size:11px}
.tcol .vv{display:flex;flex-direction:column;align-items:flex-end}
.tcol .vv small{font-size:11px;color:var(--mute)}
.method{margin-top:16px;background:var(--bg2);box-shadow:none}
.method p{margin:6px 0 0;color:var(--ink2)}
.v-trending>.card:not(.method){margin-top:0}

/* ---------- brokers ---------- */
/* Filters on a grid whose column count depends only on the card width, never on the text: empty selects filling
   with options and the web font swapping in can no longer re-wrap the row (layout shift on load). */
.bfilters{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px 14px;align-items:end;margin-bottom:16px}
.bfilters select{width:100%}
.bfilters .tog{min-width:0}.bfilters .tog>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bCount{grid-column-end:-1;justify-self:end;align-self:center;font-weight:600;white-space:nowrap;height:36px;line-height:36px}
.brokers{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}
.broker{display:flex;flex-direction:column;gap:12px;scroll-margin-top:160px}
.broker.hl{outline:2px solid var(--gold2)}
.b-h{display:flex;gap:12px;align-items:center}
.b-logo{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--teal),#0b3b5c);flex-shrink:0}
.b-h h3{font-size:17px}
.b-sec>.lbl{margin-bottom:6px}
.lic{border:1px solid var(--line);border-radius:var(--r2);padding:10px;margin-bottom:8px;background:var(--bg)}
.lic-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.reg{display:inline-block;font-size:11px;font-weight:800;padding:2px 7px;border-radius:6px;background:var(--bg2);color:var(--ink2);letter-spacing:.03em}
.reg-CMA{background:#e9e1fb;color:#5b3fb0}.reg-DFSA{background:#dceefe;color:#1d5f9e}.reg-FSRA{background:#e1f4ea;color:#17744a}
[data-theme="dark"] .reg-CMA{background:#2a2147;color:#c4b5fd}[data-theme="dark"] .reg-DFSA{background:#132a42;color:#93c5fd}[data-theme="dark"] .reg-FSRA{background:#11301f;color:#86efac}
.scope{font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;margin-inline-start:auto}
.scope.deal{background:var(--tealbg);color:var(--teal)}.scope.arr{background:var(--warnbg);color:var(--warn)}
.ent{font-weight:600;margin-top:6px;font-size:13px}
.sc{font-size:12px;color:var(--mute)}
.regn{font-size:11.5px;font-weight:700;color:var(--ink2);margin-inline-start:6px}
.lics{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.lics li{font-size:12px;line-height:1.35;padding:3px 8px;border-radius:7px;background:var(--bg2);color:var(--ink2);border:1px solid var(--line)}
.lics .lc{font-weight:700;color:var(--ink);white-space:nowrap}
.lend{font-size:11.5px;color:var(--mute);margin-top:5px}
.fv bdi,.fa bdi,.lics bdi{white-space:nowrap}
.cmp-lics{min-width:300px}
.cmp-lics .lics{max-width:360px}
.cmp-lics .lics li{font-size:11.5px}
.vlink{display:inline-block;font-size:11.5px;font-weight:600;margin-top:6px;color:var(--up)}
.others{display:flex;flex-wrap:wrap;gap:6px}
.oreg{display:inline-flex;gap:5px;align-items:center;font-size:12px;border:1px solid var(--line);border-radius:8px;padding:3px 7px;color:var(--ink2)}
.oreg:hover{text-decoration:none;border-color:var(--teal)}
.b-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:0;margin-top:auto}
.b-facts>div{background:var(--bg2);border-radius:9px;padding:8px}
.b-facts dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);font-weight:700}
.b-facts dd{margin:2px 0 0;font-size:12.5px;font-weight:600}
.nc{color:var(--mute);font-weight:500;font-style:italic}
.v-brokers .two{margin-top:16px}
.steps{padding-inline-start:20px;margin:10px 0;color:var(--ink2)}.steps li{margin:6px 0}
.reglinks{display:flex;flex-wrap:wrap;gap:8px}
.warnbox{background:var(--warnbg);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}
.warnbox h2{color:var(--warn)}

/* ---------- tools ---------- */
.toolnav{margin-bottom:16px}
.hgrp{margin-bottom:16px}.hgrp h3{margin-bottom:8px;color:var(--ink2);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.htiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}
.htile{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:14px 12px;border-radius:10px;color:var(--ink);min-height:74px}
.htile[data-dir="up"]{background:color-mix(in srgb,var(--up) calc(var(--a)*100%),var(--card))}
.htile[data-dir="down"]{background:color-mix(in srgb,var(--down) calc(var(--a)*100%),var(--card))}
.htile[data-dir="flat"]{background:var(--bg2)}
.htile b{font-size:13px}.htile span{font-size:15px;font-weight:700}
.htile:hover{text-decoration:none;outline:2px solid var(--ink)}
.strength{display:flex;flex-direction:column;gap:8px;max-width:760px}
.srow{display:grid;grid-template-columns:48px 1fr 80px;gap:12px;align-items:center}
.sbar{position:relative;height:22px;background:var(--bg2);border-radius:6px}
.sbar::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line2)}
.sbar span{position:absolute;top:3px;bottom:3px;border-radius:4px}
.sbar span.up{background:var(--up)}.sbar span.down{background:var(--down)}.sbar span.flat{background:var(--mute)}
.srow .num{text-align:end;font-weight:700}
.conv{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.conv input{width:180px}
.conv-out{margin:18px 0 8px;padding:16px;border-radius:var(--r2);background:var(--tealbg)}
.conv-out .big{font-size:24px}
.cv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.cv-grid>div{background:var(--bg2);border-radius:9px;padding:8px 10px;display:flex;flex-direction:column}
.cv-grid small{color:var(--mute);font-weight:700;font-size:11px}
.calc{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.calc-out{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:16px}
.calc-out>div{background:var(--bg2);border-radius:var(--r2);padding:12px;display:flex;flex-direction:column;gap:2px}
.calc-out>div.hl{background:var(--tealbg)}
.calc-out small{font-size:11px;color:var(--mute);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.calc-out b{font-size:20px}

/* sessions */
.sess-wrap{display:flex;flex-direction:column;gap:8px}
.dubai{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}
.dubai small{color:var(--mute);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.dubai b{font-size:22px;color:var(--gold)}
.sess{display:grid;grid-template-columns:110px 1fr 150px;gap:12px;align-items:center}
.sn{display:flex;flex-direction:column}.sn small{color:var(--mute);font-size:11px}
.strack{position:relative;height:18px;background:var(--bg2);border-radius:5px;direction:ltr}
.strack span{position:absolute;top:3px;bottom:3px;border-radius:3px;background:var(--line2)}
.sess.on .strack span{background:var(--teal)}
.strack i{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--gold);border-radius:1px}
.sticks{position:relative;height:16px;font-size:10.5px;color:var(--mute);direction:ltr}
.sticks span{position:absolute;transform:translateX(-50%)}
.sticks span:first-child{transform:none}
.ss{display:flex;flex-direction:column;font-size:12px}
.ss .st{font-weight:700;color:var(--mute)}.sess.on .ss .st{color:var(--teal)}
.ss small{color:var(--mute)}
#sessMini .sess{grid-template-columns:90px 1fr 110px}

/* ---------- footer ---------- */
.footer{background:var(--hdr);color:#a9b8c8;padding:32px 0 18px;margin-top:20px}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}
.footer h3{color:#fff;margin:12px 0 6px;font-size:13px}
.footer .fine{color:#8b9bad}
.footer .brand-logo{height:18px}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px}
.foot-links a{color:#c7d3df;font-size:12.5px}
.foot-bottom{border-top:1px solid #1b2f45;margin-top:22px;padding-top:12px;color:#7d8da0}

/* ---------- modal ---------- */
.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px}
.modal[hidden]{display:none}
.modal-back{position:absolute;inset:0;background:rgba(6,13,23,.6);backdrop-filter:blur(3px)}
.modal-box{position:relative;background:var(--card);border-radius:18px;max-width:680px;width:100%;max-height:88vh;overflow:auto;box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}
.mclose{position:absolute;top:10px;inset-inline-end:10px;background:var(--card);color:var(--ink);border-color:var(--line);z-index:2}
.m-img{height:220px;background:linear-gradient(135deg,var(--tealbg),var(--goldbg)) center/cover}
.m-in{padding:20px}
.m-in h2{font-size:21px;margin:10px 0}
.m-in .meta{font-size:12.5px;color:var(--mute)}
.lead{color:var(--ink2);font-size:14.5px}
.mt{font-size:12px;color:var(--warn);margin-bottom:8px}
.irow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.irow .x{flex-basis:100%;font-size:13px;color:var(--ink2)}
.disc{font-size:11.5px;color:var(--mute);margin-top:12px}

/* ---------- responsive ---------- */
/* ---------- dropdown navigation ---------- */
.mainnav .nav-top,.mainnav .dd-btn{padding:11px 14px;font-weight:600;font-size:13.5px;white-space:nowrap;border:0;border-bottom:2px solid transparent;background:none;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.dd{position:relative;display:flex}
.dd-chev{transition:transform .15s;opacity:.75}
.dd-btn[aria-expanded="true"]{color:#fff}
.dd-btn[aria-expanded="true"] .dd-chev{transform:rotate(180deg)}
.dd-menu{position:absolute;top:100%;inset-inline-start:0;z-index:55;list-style:none;margin:6px 0 0;padding:6px;min-width:280px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px -12px rgba(0,0,0,.35);animation:ddIn .12s ease-out}
.dd-end .dd-menu{min-width:220px}
.dd-menu[hidden]{display:none}
@keyframes ddIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.dd-menu{animation:none}.dd-chev{transition:none}}
.dd-menu a{display:flex;flex-direction:column;gap:1px;padding:8px 12px;border-radius:8px;color:var(--ink);font-weight:600;font-size:13.5px;white-space:normal}
.dd-menu a small{font-weight:400;font-size:12px;color:var(--mute);line-height:1.35}
.dd-menu a:hover,.dd-menu a:focus-visible{background:var(--tealbg);text-decoration:none;outline:none}
.dd-menu a[aria-current="page"]{background:var(--tealbg);color:var(--teal)}
.dd-menu a[data-r="gold"] .dd-t::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold2);margin-inline-end:6px;vertical-align:1px}

/* ---------- broker ads ---------- */
.adbar{background:var(--bg)}
.adbar .adslot:not(:empty){padding:12px 0 0}
.adbar.off{display:none}
.ad{position:relative;display:block;margin:0 auto}
.ad-lbl{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}
.ad a.ad-link{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--card);line-height:0}
.ad img{display:block;width:100%;height:auto}
.ad-leaderboard{max-width:970px}
.ad iframe.ad-embed{display:block;width:100%;height:0;opacity:0;border:0;pointer-events:none}
.ad.embed-on iframe.ad-embed{width:100%;height:auto;opacity:1;pointer-events:auto;border-radius:10px;overflow:hidden}
.ad.embed-on .ad-link{display:none!important}
.ad .ad-img-m{display:none}
.ad-sidebar{max-width:300px}
.ad-banner{max-width:970px;width:100%;margin:0 auto}.ad-banner .ad-bn-more{margin:6px 0 0;text-align:end}
.ad-tradebox-bn{margin:16px auto}
.ad-inline{max-width:728px;margin:16px auto}
.ad-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1.5px dashed var(--line2);border-radius:10px;color:var(--mute);background:repeating-linear-gradient(-45deg,transparent 0 10px,color-mix(in srgb,var(--line) 45%,transparent) 10px 11px);text-align:center;font-size:12.5px}
.ad-ph:hover{text-decoration:none;border-color:var(--teal);color:var(--teal)}
.ad-ph b{font-weight:700}.ad-ph small{font-size:11px}
.ad-ph.lb{height:56px;flex-direction:row;gap:10px}
.ad-ph.sb{aspect-ratio:300/250;width:100%}
.ad-ph.il{height:90px}
.ad-featured{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border-top:3px solid var(--gold2)}
.ad-featured .ad-lbl{grid-column:1/-1;margin:0}
.ad-featured .af-logo{width:64px;height:64px;border-radius:12px;object-fit:contain;background:var(--bg2);border:1px solid var(--line)}
.ad-featured h3{margin:0;font-size:16px}.ad-featured p{margin:2px 0 0;color:var(--ink2)}
.ad-featured .lic-mini{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ad-featured .btn{margin:0}
.ad-featured.ph{grid-template-columns:1fr auto}
@media (max-width:620px){.ad-featured{grid-template-columns:auto 1fr}.ad-featured .btn{grid-column:1/-1;justify-content:center}}

/* ---------- advertise page ---------- */
.adv-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}
.adv-grid .stack{display:grid;gap:16px}
.adv-list{margin:6px 0 0;padding-inline-start:18px;color:var(--ink2)}.adv-list li{margin:6px 0}
.adv-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.adv-form label{display:flex;flex-direction:column;gap:4px}
.adv-form .full{grid-column:1/-1}
.adv-form input,.adv-form textarea,.adv-form select{width:100%;box-sizing:border-box;border:1px solid var(--line2);border-radius:10px;background:var(--card);color:var(--ink);padding:8px 10px;font:inherit}
.adv-form input{height:36px}
.adv-form textarea{min-height:90px;resize:vertical}
.adv-form .btn{margin:0;justify-self:start}
.adv-form .hp{position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
.adv-kit{margin:12px 0 0;font-size:14px}.adv-kit a{color:var(--teal);font-weight:600}
.adv-places{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:6px}
.adv-pl{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--bg2)}
.adv-pl h4{margin:0 0 2px;font-size:14px}.adv-pl p{margin:4px 0 0}.adv-pl .fine{margin:0}
.mock{flex:0 0 84px;height:64px;border:1px solid var(--line2);border-radius:6px;background:var(--card);padding:5px;box-sizing:border-box;display:flex;flex-direction:column;gap:3px;overflow:hidden;position:relative}
.mock.phone{flex-basis:44px;height:72px;border-radius:8px}
.mock .mk-h{height:6px;border-radius:2px;background:var(--hdr)}
.mock .mk-l{height:3px;border-radius:2px;background:var(--line2)}.mock .mk-l.s{width:60%}
.mock .mk-ad{display:block;border-radius:2px;background:var(--gold);box-shadow:0 0 0 1px var(--gold2)}
.mock .lb{height:9px}.mock .in{height:7px}.mock .ft{height:14px}.mock .st{height:7px;position:absolute;left:3px;right:3px;bottom:3px}
.mock .mk-cols{display:flex;gap:4px}.mock .mk-cols>span{flex:1;display:flex;flex-direction:column;gap:3px}.mock .sb{width:26px;height:24px}
.mock .mk-tb{display:block;padding:2px;border:1px dashed var(--gold2);border-radius:3px}.mock .tb{height:8px}
.adv-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 10px}
.adv-kpis div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--bg2)}
.adv-kpis b{display:block;font-size:22px;font-variant-numeric:tabular-nums}.adv-kpis span{font-size:12px;color:var(--mute)}
.adv-aud-g{display:grid;grid-template-columns:1fr 1fr;gap:14px}.adv-aud-g h4{margin:6px 0 4px;font-size:13px}
.adv-bars{list-style:none;margin:0;padding:0}.adv-bars li{display:grid;grid-template-columns:7.5em 1fr 3em;gap:6px;align-items:center;font-size:13px;margin:4px 0}
.adv-bars b{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--teal) var(--w),var(--line) var(--w))}.adv-bars em{font-style:normal;text-align:end;font-variant-numeric:tabular-nums}
@media (max-width:700px){.adv-aud-g{grid-template-columns:1fr}}
.adv-form .btn[disabled]{opacity:.55;cursor:not-allowed}
.notice{border-radius:10px;padding:10px 12px;background:var(--warnbg);color:var(--warn);font-size:13px;margin:0 0 12px}
.notice.ok{background:var(--tealbg);color:var(--teal)}
.size-chip{font-family:ui-monospace,Menlo,monospace;font-size:12px;background:var(--bg2);border-radius:6px;padding:1px 6px;white-space:nowrap}

/* ---------- daily analysis ---------- */
.an-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.an-side{display:grid;gap:16px}
.an-list{display:grid;gap:12px}
.an-item{display:block;color:var(--ink)}
.an-item:hover{text-decoration:none;border-color:var(--teal)}
.an-item h2{margin:2px 0 4px}
.an-date{font-size:12px;color:var(--mute);font-weight:600}
.bias{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--bg2);color:var(--ink2);white-space:nowrap}
.bias.bullish{background:var(--upbg);color:var(--up)}.bias.bearish{background:var(--downbg);color:var(--down)}
.bias-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.an-empty{text-align:center;padding:36px 20px}
.an-empty .big-ico{font-size:34px;line-height:1}
.an-empty h2{margin:10px 0 4px}
.an-inst{display:grid;gap:16px}
.an-card h2{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.an-px .dot{margin-inline-end:5px}
.an-card .an-px{margin-inline-start:auto;font-size:13px;font-weight:600}
.lv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.lv div{background:var(--bg2);border-radius:10px;padding:8px 10px}
.lv b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute)}
.lv span{display:block;font-weight:700}
.an-nav{display:flex;justify-content:space-between;gap:10px;margin-top:16px}
.an-teaser .bias-row{margin-bottom:6px}
.home-grid>#hAn{grid-column:span 5}
.home-grid>#hWhy,.home-grid>#hMust{grid-column:1/-1}
.home-grid>#hFeat{grid-column:1/-1}
.adwrap[hidden]{display:none!important}
/* ad manager v2: reserved banner boxes (no layout shift), sponsored "trade this" box, mobile sticky, house ad */
/* The empty leaderboard holds the filled banner's exact size at every width: 12px slot padding + 24.75px label, then the
   970×90 (desktop) / 320×100 (≤820px) creative scaled to the column, + 2px border. A fixed min-height was 6–18px off below 1000px. */
.adbar .adslot[data-slot="leaderboard"]:empty::before{content:"";display:block;padding-top:36.75px}
.adbar .adslot[data-slot="leaderboard"]:empty::after,.b-feat .adslot[data-slot="featured"]:empty::after{content:"";display:block;max-width:970px;margin:0 auto;aspect-ratio:970/90;border:1px solid transparent}
/* Reserve each home card's filled height while it still shows the loading skeleton, so cards filling in (live
   prices, news, calendar) don't push everything below them down (layout shift / content jumping under the reader). */
.home-grid>#hGold{min-height:600px}.home-grid>#hMk{min-height:430px}.home-grid>#hero,.home-grid>#hEv{min-height:420px}
.home-grid>#hTr{min-height:265px}.home-grid>#hNews{min-height:620px}.home-grid>#hAn{min-height:380px}
/* Same for markets/compare: the detail header, stats and long tables arrive a moment after the page shell. */
#mkDHead:empty{min-height:70px}#mkDStats:empty{min-height:328px}
#mkTable:has(>.skeleton),#cmpT:has(>.skeleton){min-height:100vh}
@media (max-width:820px){.adbar .adslot[data-slot="leaderboard"]:empty::after,.b-feat .adslot[data-slot="featured"]:empty::after{aspect-ratio:320/100}
  .ch-foot{min-height:35px}#mkDHead:empty{min-height:115px}#mkDStats:empty{min-height:529px}
  .home-grid>#hGold{min-height:720px}.home-grid>#hMk{min-height:450px}.home-grid>#hero{min-height:440px}.home-grid>#hTr{min-height:355px}.home-grid>#hAn{min-height:500px}}
.adslot[data-slot="inline"]:empty{min-height:90px}
.adslot[data-slot="tradebox"]:empty,.adslot[data-slot="sticky"]:empty{min-height:0}
.ad-house{text-decoration:none;color:var(--ink2);border-style:solid;background:linear-gradient(90deg,color-mix(in srgb,var(--teal) 8%,var(--card)),var(--card))}
.ad-house b{color:var(--ink)}.ad-house .btn{margin-top:4px}
.ad-ph.lb.ad-house{height:auto;min-height:56px;padding:8px 14px;flex-wrap:wrap}
.ad-ph.lb.ad-house .btn{margin:0}
.ad-ph.sb.ad-house{padding:18px;gap:8px}
.ad-tradebox{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border-inline-start:3px solid var(--teal);margin:16px 0}
.ad-tradebox .ad-lbl{grid-column:1/-1;margin:0}
.ad-tradebox .af-logo{width:56px;height:56px;border-radius:12px;object-fit:contain;background:var(--bg2);border:1px solid var(--line)}
.ad-tradebox h3{margin:0;font-size:16px}.ad-tradebox p{margin:2px 0 0;color:var(--ink2)}
.ad-tradebox .btn{margin:0}.ad-tradebox .ad-risk{grid-column:1/-1;margin:0;color:var(--mute)}
@media (max-width:620px){.ad-tradebox{grid-template-columns:auto 1fr}.ad-tradebox .btn{grid-column:1/-1;justify-content:center}}
.ad-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:center;padding:6px 36px 6px 6px;background:color-mix(in srgb,var(--bg) 94%,transparent);border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(0,0,0,.12)}
.ad-sticky[hidden],.ad-sticky:has(.adslot:empty){display:none}
.ad-sticky .ad{max-width:320px;width:100%}.ad-sticky .ad-lbl{position:absolute;top:-16px;margin:0;font-size:9.5px}
.ad-sticky .ad-x{position:absolute;top:4px;inset-inline-end:6px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:16px;line-height:1;cursor:pointer}
@media (min-width:701px){.ad-sticky{display:none!important}}
ins.adsbygoogle{display:block;width:100%}
ins.gs-leaderboard,ins.gs-inline{min-height:90px}ins.gs-sidebar{width:300px;height:250px;margin:0 auto}ins.gs-sticky{width:320px;height:50px;margin:0 auto}

.gold-grid .g-ad{display:flex;justify-content:center;align-items:flex-start}
.gold-grid .g-ad .adslot{width:100%;max-width:300px}
.brokers .b-inline{grid-column:1/-1}
.b-feat{margin-bottom:16px}
/* Brokers CLS: hold the featured banner's filled size (label 25px + 970×90 / 320×100 image + 2px border) while the slot is
   still empty, and keep the list skeleton a screen tall so the 17 cards replacing it never push visible content down. */
.b-feat .adslot[data-slot="featured"]:empty::before{content:"";display:block;padding-top:24.75px}
#bList:has(>.skeleton){min-height:100vh}
.b-side{display:grid;gap:16px;align-content:start}
.b-sb .adslot{display:flex;justify-content:center}.b-sb .ad-sidebar{width:100%}
.an-side .adwrap .adslot{display:flex;justify-content:center}
.an-side .ad-sidebar{width:100%}
.adv-preview{display:flex;justify-content:center}.adv-preview .adwrap,.adv-preview .adslot{width:100%;max-width:300px}

@media (max-width:1100px){
  .home-grid>#hGold,.home-grid>#hero,.home-grid>#hTr,.home-grid>#hSess{grid-column:span 12}
  .home-grid>#hMk,.home-grid>#hEv,.home-grid>#hNews,.home-grid>#hAn{grid-column:span 6;grid-row:auto}
  .an-layout{grid-template-columns:minmax(0,1fr) 300px}
  .home-grid>#hGold{grid-row:auto}
  .gold-grid{grid-template-columns:1fr 1fr}.gold-grid .g-chart{grid-column:1/-1;grid-row:auto}
  .mk-grid{grid-template-columns:1fr}.mk-detail{position:static}
  .clock{display:none}
}
@media (max-width:820px){
  .topbar-in{gap:10px;height:56px}
  .brand-logo{height:18px}
  .search{display:none;position:absolute;inset-inline:12px;top:62px;max-width:none}
  body.searching .search{display:flex}
  .searchbtn,.menubtn{display:inline-flex}
  .langbtn span{display:none}
  .mainnav{display:none}
  .mainnav.open{display:block}
  .mainnav.open .mainnav-in{flex-direction:column;padding:6px 12px;max-height:calc(100vh - 100px);overflow-y:auto}
  .mainnav.open .nav-top,.mainnav.open .dd-btn{border-bottom:1px solid #1b2f45;width:100%;justify-content:space-between}
  .mainnav.open .dd-menu{position:static;box-shadow:none;border:0;border-radius:0;background:transparent;min-width:0;padding:2px 0 8px;margin:0;animation:none}
  .mainnav.open .dd-menu a{color:#d5dee8;padding:9px 12px}
  .mainnav.open .dd-menu a small{color:#8fa3b8}
  .mainnav.open .dd-menu a:hover,.mainnav.open .dd-menu a:focus-visible{background:var(--hdr)}
  .mainnav.open .dd-menu a[aria-current="page"]{background:var(--hdr);box-shadow:inset 3px 0 0 var(--gold2)}
  [dir="rtl"] .mainnav.open .dd-menu a[aria-current="page"]{box-shadow:inset -3px 0 0 var(--gold2)}
  .ad:not(.no-m) .ad-img-d{display:none}.ad:not(.no-m) .ad-img-m{display:block}
  .mainnav.open .dd{flex-direction:column}
  .mainnav.open .dd-insights{flex-direction:row;flex-wrap:wrap;width:100%}
  .mainnav.open .dd-insights>.dd-parent{flex:1;width:auto;border-bottom:1px solid #1b2f45;padding:11px 14px}
  .mainnav.open .dd-insights>.dd-btn{width:auto}
  .mainnav.open .dd-insights .dd-menu{flex-basis:100%}
  .ad-ph.lb{height:auto;padding:10px}
  .an-layout{grid-template-columns:1fr}
  .adv-grid{grid-template-columns:1fr}
  .view{padding:14px 12px 30px}
  h1{font-size:23px}
  .home-grid{display:flex;flex-direction:column}
  .home-grid>#hero{grid-template-columns:1fr;min-height:440px}.hero-img{min-height:160px}
  .gc-aed{grid-template-columns:1fr 1fr}
  .gc-price{font-size:28px}
  .two,.gold-grid,.trend-cols,.foot-grid{grid-template-columns:1fr}
  .gold-grid>*,#gEv{grid-column:auto!important}
  .gold-grid .g-chart .ch-wrap,.ch-wrap{height:240px}
  .perf{grid-template-columns:repeat(3,1fr)}
  .hide-s{display:none}
  .brokers{grid-template-columns:1fr}
  .crow{grid-template-columns:82px minmax(0,1fr) auto 18px;column-gap:10px;grid-template-areas:"tm ev imp chev" "cur ev imp chev" "vals vals vals vals";row-gap:4px;padding:10px 12px}
  .crow .tm{grid-area:tm}.crow .cur{grid-area:cur;font-size:12px;min-width:0;overflow:hidden}.crow .cur .flag{font-size:13px}.crow .ev{grid-area:ev}.crow .impc{grid-area:imp}.crow .chev{grid-area:chev}.crow .vals{grid-area:vals}
  .chead{display:none}
  .vals{text-align:start;font-size:12px}.vals .ml{display:block;font-size:10px;color:var(--mute);text-transform:uppercase}
  .cdetail,[dir="rtl"] .cdetail{padding:12px}
  .sess,#sessMini .sess{grid-template-columns:78px 1fr 92px;gap:8px}
  .search-in input{width:100%}
  .news-ctrl .search-in{width:100%}
  .evlist li{grid-template-columns:auto auto auto 1fr auto}
  .evlist .v{display:none}
}
@media print{.topbar,.footer{display:none}}
/* Server-rendered "about this page" block (SEO). Shown only on the URL it was rendered for. */
.seo-about{max-width:1320px;margin:0 auto;padding:0 20px 28px}
.seo-about h2{font-size:1rem;margin:0 0 6px}
.seo-about p{margin:0 0 6px;color:var(--mute,#667);font-size:.92rem;line-height:1.7;max-width:900px}
.seo-about ul{display:flex;flex-wrap:wrap;gap:6px 14px;padding:0;margin:8px 0 0;list-style:none;font-size:.9rem}
.ssr-intro{max-width:900px;line-height:1.7}
.ssr{padding:18px 0}
/* Server-rendered fallback tables (shown until the app draws the page): one line per cell, so the web-font swap cannot
   re-wrap rows and push the page down (CLS); wide tables scroll sideways instead. */
.ssr .tbl{display:block;max-width:100%;overflow-x:auto}
.ssr .tbl th,.ssr .tbl td{white-space:nowrap}
.ssr h1{font-size:1.6rem;margin:6px 0 10px}
.crumbs{font-size:.85rem;color:var(--mute,#667)}
.crumbs a{color:inherit}
.seo-about h2+p,.seo-about table{margin-top:4px}
.seo-about h2:not(:first-child){margin-top:14px;font-size:.95rem}
.seo-about table{max-width:900px;font-size:.88rem;margin-bottom:8px}
.seo-langs{font-size:.85rem}

/* ---------- Gold price per gram in GCC currencies (/<lang>/gold/<ccy>) ---------- */
.gcc .pagehead .sub{max-width:860px;line-height:1.7}
.gcc .crumbs{flex-wrap:wrap;gap:6px}
.gcc-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}
.gcc-main{padding:18px}
.gcc-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.gcc-hero-i{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.gcc-hero-i small{display:block;color:var(--mute);font-size:12px;margin-bottom:4px}
.gcc-hero-i b{font-size:clamp(22px,4vw,30px);font-weight:800;letter-spacing:-.01em}
.gcc-hero-i em,.gcc-other em{font-style:normal;font-size:.55em;color:var(--mute);font-weight:700}
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.gcc-tbl{font-size:15px}
.gcc-tbl th[scope=row]{font-size:14px;text-transform:none;letter-spacing:0;color:inherit;font-weight:700}
.gcc-tbl th[scope=row] small{font-weight:500;margin-inline-start:4px}
.gcc-tbl td{font-variant-numeric:tabular-nums;white-space:nowrap}
.gcc-meta{display:grid;gap:6px;margin:14px 0 0;font-size:13px}
.gcc-meta div{display:flex;flex-wrap:wrap;gap:4px 10px}
.gcc-meta dt{color:var(--mute);min-width:9em}
.gcc-meta dd{margin:0}
.gcc-note{margin-top:12px;line-height:1.6}
.gcc-err{color:#b45309;font-size:13px}
.gcc-other{padding:16px}
.gcc-other h2,.gcc-faq h2{font-size:16px;margin:0 0 10px}
.gcc-other ul{list-style:none;margin:0;padding:0}
.gcc-other li a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 6px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;border-radius:6px}
.gcc-other li a:hover{background:var(--bg2)}
.gcc-other li a[aria-current]{background:var(--bg2);font-weight:700}
.gcc-other li b{white-space:nowrap;font-variant-numeric:tabular-nums}
.gcc-faq{margin-top:16px;padding:16px 18px}
.gcc-faq details{border-bottom:1px solid var(--line);padding:10px 0}
.gcc-faq details:last-child{border-bottom:0}
.gcc-faq summary{cursor:pointer;font-weight:700;line-height:1.5}
.gcc-faq p{margin:8px 0 0;line-height:1.75;color:var(--ink2,inherit)}
.gcc .seo-langs{margin-top:14px;font-size:12px;color:var(--mute)}
.gcc-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.gcc-chips a{display:inline-flex;gap:6px;align-items:center;padding:7px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:inherit;text-decoration:none}
.gcc-chips a:hover{background:var(--bg2)}
.foot-gcc{margin-top:8px;font-size:13px}
@media (max-width:860px){.gcc-grid{grid-template-columns:1fr}}
@media (max-width:480px){.gcc-hero{gap:8px}.gcc-hero-i{padding:10px}.gcc-main{padding:12px}.gcc-tbl{font-size:12.5px}.gcc-tbl th,.gcc-tbl td{padding:8px 4px}.gcc-tbl thead th{white-space:normal;font-size:10.5px;letter-spacing:0;vertical-align:bottom}.gcc-meta dt{min-width:0;width:100%}}
/* session analysis badges */
.sess-badge{display:inline-block;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;margin-inline-end:6px;background:var(--bg2);color:var(--ink2);vertical-align:1px}
.sess-badge.s-asia{background:#fde7c8;color:#8a4b00}.sess-badge.s-london{background:#dbe7ff;color:#1d3f8f}.sess-badge.s-ny{background:#dff5e6;color:#11643a}
[data-theme="dark"] .sess-badge.s-asia{background:#4a3210;color:#ffd29a}[data-theme="dark"] .sess-badge.s-london{background:#1c2c55;color:#bcd0ff}[data-theme="dark"] .sess-badge.s-ny{background:#12402a;color:#a8ecc3}
.an-ev li{display:flex;gap:8px;align-items:baseline}.an-lang{margin-top:8px;font-size:13px}

/* live-quote freshness labels (delay tag, 'updated' line) */
.dl{display:inline-block;margin-inline-start:.35em;padding:0 .3em;border-radius:3px;font-size:.68em;line-height:1.5;font-weight:600;color:var(--warn);background:var(--warnbg);vertical-align:middle;white-space:nowrap}
.tk .dl{font-size:.62em}
.fresh{margin-top:.5rem}
/* ---------- Forex & Stocks pages ---------- */
.fxst .crumbs{flex-wrap:wrap;gap:6px}
.fxst .pagehead p{max-width:78ch;line-height:1.7}
.fs-sub{margin:0 0 14px;max-width:100%}
.fs-sub [aria-current="page"]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.fs-card{margin-bottom:14px}
.fs-card>h2{font-size:16px;margin:0 0 10px}
.fs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;align-items:start}
.fs-grid>.card{margin-bottom:0}
.fs-grid+.card,.fs-grid+.fs-card{margin-top:14px}
.fs-hero{margin-bottom:14px}
.fs-big{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}
.fs-big .chip{font-size:14px}
.fs-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--mute);margin-top:6px}
.fs-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px 14px;margin:12px 0 0}
.fs-kv>div{display:flex;flex-direction:column;gap:2px}
.fs-kv dt{font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.04em}
.fs-kv dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.fs-st{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.fs-tbl td,.fs-tbl th{white-space:nowrap}
.fs-tbl td:first-child{white-space:normal;min-width:120px}
.fs-tbl .num,.fs-big .num,.fs-kv .num{font-variant-numeric:tabular-nums}
.fs-perf{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}
.fs-perf>div{display:flex;flex-direction:column;gap:2px;background:var(--bg2);border-radius:10px;padding:8px 10px}
.fs-perf small{color:var(--mute);font-size:11px}
.fs-verdict{margin:10px 0 0}
.fs-strength{display:flex;flex-direction:column;gap:6px}
.srow{display:grid;grid-template-columns:44px 1fr 60px;align-items:center;gap:8px}
.sbar{position:relative;height:10px;background:var(--bg2);border-radius:5px;overflow:hidden}
.sbar span{position:absolute;top:0;bottom:0;border-radius:5px}
.sbar span.up{background:var(--up);inset-inline-start:50%}
.sbar span.down{background:var(--down);inset-inline-end:50%}
.sbar::after{content:"";position:absolute;top:0;bottom:0;inset-inline-start:50%;width:1px;background:var(--line2)}
.srow .num{text-align:end}
.fs-mx td,.fs-mx th{text-align:center!important;padding:6px 5px;font-variant-numeric:tabular-nums;font-size:12px}
.fs-mx td[data-dir="up"]{background:color-mix(in srgb,var(--up) calc(var(--a,0)*100%),var(--card))}
.fs-mx td[data-dir="down"]{background:color-mix(in srgb,var(--down) calc(var(--a,0)*100%),var(--card))}
.fs-mx td.mx-self{background:var(--bg2);color:var(--mute)}
.fs-tiles{margin-top:4px}
.fs-tiles .htile{text-decoration:none}
.fs-tiles .htile:hover{filter:brightness(.96);text-decoration:none}
.fs-tiles .htile small{font-size:11px;opacity:.85}
.fs-clock{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.fs-src{font-size:12.5px;color:var(--mute);line-height:1.7}
.fs-src a{color:inherit;text-decoration:underline}
.fs-tools{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.fs-tools li a{display:block;padding:12px;border:1px solid var(--line);border-radius:10px;color:var(--ink)}
.fs-tools li a:hover{background:var(--bg2);text-decoration:none}
.fs-tools li small{display:block;color:var(--mute);margin-top:4px}
.fs-mov,.fs-posts{list-style:none;padding:0;margin:0}
.fs-mov li,.fs-posts li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.fs-links{display:flex;flex-wrap:wrap;gap:6px}
.fs-links a{display:inline-block;padding:4px 10px;border:1px solid var(--line);border-radius:999px;font-size:12.5px}
.fs-an{padding:10px 0;border-bottom:1px solid var(--line)}
.fs-an:last-child{border-bottom:0}
.fs-an h3{font-size:15px;margin:0 0 6px;display:flex;gap:8px;align-items:center}
.fs-day th{background:var(--bg2);text-align:start!important;font-size:12px}
.fs-chart{min-height:260px}
@media (max-width:640px){
  .fs-big{font-size:24px}
  .fs-sub{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .fs-sub a{white-space:nowrap}
  .fs-grid{grid-template-columns:1fr}
  .srow{grid-template-columns:40px 1fr 54px}
  .fs-tbl td:first-child small,.fs-tbl td:first-child .mute{display:block;margin-top:2px}
  .fs-tbl td,.fs-tbl th{padding:8px 6px}
  .fs-hours thead{display:none}
  .fs-hours,.fs-hours tbody,.fs-hours tr,.fs-hours th,.fs-hours td{display:block;width:100%}
  .fs-hours tr{border-bottom:1px solid var(--line);padding:8px 0}
  .fs-hours th,.fs-hours td{border:0!important;padding:3px 0!important;text-align:start!important;white-space:normal!important}
  .fs-hours td::before{content:attr(data-l);display:inline-block;min-width:44%;color:var(--mute);font-size:11.5px}
  .fs-hours th small{display:block}
  [dir="rtl"] .fs-hours td.num{direction:rtl}
}
.an-sec{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin:18px 2px 8px}

/* ---------- Alerts (تنبيهات): nav pill, sitewide CTA strip, signup page ---------- */
.mainnav .nav-alerts{margin-inline-start:auto;align-self:center;padding:6px 12px;border:1px solid rgba(200,169,106,.55);border-radius:999px;color:var(--gold2);gap:6px}
.mainnav .nav-alerts:hover{background:rgba(200,169,106,.12);color:#fff}
.mainnav .nav-alerts[aria-current="page"]{background:var(--gold2);color:#0d1b2a;border-color:var(--gold2)}
.alertbtn{color:var(--gold2)}.alertbtn:hover{text-decoration:none}
@media (min-width:821px){.alertbtn{display:none}}
.alert-cta{margin:18px 0 4px}
.alert-cta-in{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--r);background:linear-gradient(100deg,var(--hdr) 0%,var(--hdr2) 70%,#1d3048 100%);color:#e8edf2;border:1px solid #1f3550;max-width:1280px}
.alert-cta-ico{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(200,169,106,.16);color:var(--gold2)}
.alert-cta-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.alert-cta-txt b{font-size:15px}.alert-cta-txt small{color:#9fb0c2;font-size:12.5px}
.alert-cta .btn{margin:0;background:var(--gold2);border-color:var(--gold2);color:#0d1b2a;white-space:nowrap}
.alert-cta[hidden]{display:none}

.alerts-pg{padding-top:14px;padding-bottom:28px}
.al-hero{display:flex;gap:14px;align-items:flex-start;margin:4px 0 18px}
.al-hero h1{margin:0 0 4px;font-size:26px;line-height:1.25}
.al-hero-ico{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--goldbg);color:var(--gold)}
.al-lead{margin:0;color:var(--ink2);max-width:760px;font-size:15px}
.al-grid{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.al-form{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:6px 20px 20px}
.al-sec{padding:16px 0;border-bottom:1px solid var(--line)}
.al-sec h2{font-size:15px;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.al-form{counter-reset:alsec}.al-sec h2::before{counter-increment:alsec;content:counter(alsec);display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--teal);color:#fff;font-size:12px}
[data-theme="dark"] .al-sec h2::before{color:#06201d}
.al-hint{display:block;color:var(--mute);font-size:12px;margin:6px 0 0}
.al-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.al-chs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.al-ch{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1.5px solid var(--line2);border-radius:12px;cursor:pointer;font-weight:600;background:var(--bg)}
.al-ch input{position:absolute;opacity:0;inset:0;cursor:pointer}
.al-ch:has(input:checked){border-color:var(--teal);background:var(--tealbg);color:var(--teal2)}
.al-ch:has(input:focus-visible){outline:2px solid var(--teal);outline-offset:2px}
.al-ch-whatsapp svg{color:#25d366}
.al-soon-b{position:absolute;top:-8px;inset-inline-end:8px;padding:1px 7px;border-radius:99px;background:var(--bg);border:1px solid var(--line2);color:var(--mute);font-size:10.5px;font-style:normal;font-weight:600;line-height:1.5;pointer-events:none}
.al-ch.al-soon{color:var(--mute);cursor:not-allowed;border-style:dashed;background:var(--bg2)}.al-ch.al-soon input{cursor:not-allowed}.al-ch.al-soon svg{opacity:.55}
.al-soon-note{margin:8px 0 0;padding:8px 10px;border-radius:10px;background:var(--tealbg);color:var(--ink,inherit);font-size:12.5px;line-height:1.5}
.al-soon-note.hot{outline:1.5px solid var(--teal)}
.al-ch span{text-align:center;line-height:1.25}.al-ch-push svg{color:var(--teal)}
.al-push-note[hidden],.al-push-on[hidden]{display:none!important}.al-push-note{margin:8px 0 0;padding:8px 10px;border-radius:10px;background:var(--bg2);color:inherit;font-size:12.5px;line-height:1.55}.al-push-note.warn{background:#fff4e5;color:#7a4b00}[data-theme="dark"] .al-push-note.warn{background:#3a2a10;color:#ffd79a}.al-push-note.ok{background:var(--tealbg);color:var(--teal2)}
.al-push-on{margin:8px 0 0;font-size:12.5px;color:var(--teal2)}.al-push-off{font:inherit;font-size:12px;padding:2px 10px;margin-inline-start:6px;border-radius:99px;border:1px solid var(--line2);background:var(--bg);color:inherit;cursor:pointer}
.al-row{margin-top:14px;display:flex;flex-direction:column;gap:6px}
.al-row label{font-weight:600;font-size:13px}
.al-row.opt label::after{content:" ·";color:var(--mute)}
.al-row.need label::after{content:" *";color:var(--down)}
.al-tel{display:flex;gap:0}
.al-tel select{flex:none;max-width:44%;border-radius:10px 0 0 10px;border-inline-end:0}
.al-tel input{flex:1;border-radius:0 10px 10px 0}
.al-form input[type=tel],.al-form input[type=email],.al-form input[name=code],.al-form select{font:inherit;height:auto;min-height:42px;line-height:1.4;padding:9px 12px;border:1px solid var(--line2);border-radius:10px;background:var(--bg);color:var(--ink);min-width:0}
.al-form input:focus,.al-form select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,118,110,.15)}
.al-fe{display:block;color:var(--down);font-size:12.5px;font-weight:600;min-height:0}
.al-fe:empty{display:none}
.al-bad input[type=tel],.al-bad input[type=email]{border-color:var(--down)}
/* multi-select dropdown */
.al-ms{position:relative}
.al-ms summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--line2);border-radius:10px;background:var(--bg);cursor:pointer}
.al-ms summary::-webkit-details-marker{display:none}
.al-ms summary::after{content:"";width:8px;height:8px;border-inline-end:2px solid var(--mute);border-bottom:2px solid var(--mute);transform:rotate(45deg);margin-top:-4px}
.al-ms[open] summary{border-color:var(--teal)}
.al-ms[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.al-ms-lbl{color:var(--mute);font-size:13px}.al-ms-val{font-weight:700}
.al-ms-pop{position:absolute;z-index:30;inset-inline:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:0 18px 40px -12px rgba(13,27,42,.35);padding:10px 14px;max-height:420px;overflow:auto}
.al-grp{border:0;margin:0;padding:8px 0;border-bottom:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:6px 14px}
.al-grp legend{display:flex;width:100%;justify-content:space-between;align-items:center;font-weight:700;font-size:12.5px;color:var(--ink2);padding:0;margin-bottom:4px;float:inline-start}
.al-grp-all{font:inherit;font-size:11.5px;font-weight:600;color:var(--teal);background:none;border:0;cursor:pointer;padding:2px 4px}
.al-grp-all[aria-pressed="true"]{color:var(--mute)}
.al-ms-foot{position:sticky;bottom:-10px;background:var(--card);padding:8px 0 2px;display:flex;justify-content:flex-end}
.al-ms-foot .btn{margin:0}
.al-chk{display:flex;gap:8px;align-items:flex-start;cursor:pointer;font-size:13.5px;line-height:1.45}
.al-chk input{margin:3px 0 0;flex:none;width:16px;height:16px;accent-color:var(--teal)}
.al-grp .al-chk{min-width:150px}
.al-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.al-chip{font:inherit;font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--line2);background:var(--tealbg);color:var(--teal2);cursor:pointer}
.al-chip[data-v]::after{content:" ×";opacity:.7}
.al-chip.more{background:var(--bg2);color:var(--mute);cursor:default}
/* alert types */
.al-types{display:grid;gap:10px}
.al-type{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;background:var(--bg)}
.al-type.off{opacity:.6}
.al-tt span{display:flex;flex-direction:column}.al-tt small{color:var(--mute);font-size:12px}
.al-sub{display:flex;gap:6px;flex-wrap:wrap}
.al-pill{position:relative;cursor:pointer}.al-pill input{position:absolute;opacity:0}
.al-pill span{display:inline-block;padding:5px 11px;border-radius:999px;border:1px solid var(--line2);font-size:12.5px;background:var(--card)}
.al-pill input:checked+span{background:var(--teal);border-color:var(--teal);color:#fff}
.al-pill input:focus-visible+span{outline:2px solid var(--teal);outline-offset:2px}
.al-opts{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;margin-top:12px;font-size:13px}
.al-cap{display:flex;align-items:center;gap:8px}.al-cap select{padding:6px 10px!important;min-height:36px}
.al-consent .al-chk{margin-bottom:10px}
.al-mkt{color:var(--ink2)}
.al-privacy{margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--bg)}
.al-privacy summary{cursor:pointer;font-weight:600;font-size:13px}
.al-privacy dl{margin:8px 0 0;font-size:12.5px}.al-privacy dt{font-weight:700;margin-top:8px}.al-privacy dd{margin:2px 0 0;color:var(--ink2)}
.al-submit{padding-top:16px}
.al-btn{margin:0;padding:12px 22px;font-size:15px;width:100%;justify-content:center}
.al-btn[disabled]{opacity:.6;cursor:wait}
.al-done{border:1px solid var(--up);background:var(--upbg);border-radius:12px;padding:14px 16px;margin:14px 0}
.al-done p{margin:6px 0 0}
.al-err-box{border:1px solid var(--down);background:var(--downbg);color:var(--down);border-radius:12px;padding:12px 14px;margin:14px 0;font-weight:600}
.al-manage{font-size:12.5px;word-break:break-all}
.al-code{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:10px}.al-code .btn{margin:0}
/* side column */
.al-side{display:grid;gap:14px;position:sticky;top:150px}
.al-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--sh)}
.al-card h2{font-size:15px;margin:0 0 10px}
.al-why,.al-how{margin:0;padding-inline-start:18px;display:grid;gap:7px;font-size:13.5px}
.al-why li::marker{color:var(--gold)}
.al-phone-mock{background:#e5ddd5;border-radius:14px;padding:14px 12px;display:grid;gap:8px}
[data-theme="dark"] .al-phone-mock{background:#0b141a}
.al-bubble{background:#fff;color:#111b21;border-radius:10px;border-start-start-radius:2px;padding:8px 10px;font-size:12.5px;line-height:1.5;box-shadow:0 1px 1px rgba(0,0,0,.12);max-width:92%}
[data-theme="dark"] .al-bubble{background:#202c33;color:#e9edef}
.al-unsub{max-width:640px}
.al-unsub form{display:grid;gap:12px;justify-items:start}
@media (max-width:980px){
  .al-grid{grid-template-columns:minmax(0,1fr)}
  .al-side{position:static}
}
@media (max-width:820px){.mainnav.open .nav-alerts{margin:8px 0;justify-content:center;width:100%}}
@media (max-width:640px){
  .al-hero h1{font-size:21px}.al-hero-ico{width:42px;height:42px}
  .al-form{padding:2px 14px 16px}
  .al-chs{grid-template-columns:1fr 1fr 1fr;gap:6px}.al-ch{flex-direction:column;gap:4px;padding:10px 4px;font-size:12.5px}
  .al-grp .al-chk{min-width:45%}
  .alert-cta-in{flex-wrap:wrap;padding:12px 14px}.alert-cta-txt small{display:none}.alert-cta .btn{width:100%;justify-content:center}
  .al-ms-pop{max-height:60vh}
}
.al-form{scroll-margin-top:96px}

/* ---------- stock universe: tables, treemaps, stock pages ---------- */
.st-list{display:flex;flex-direction:column;gap:10px}
.st-chips{align-self:flex-start;max-width:100%;overflow-x:auto;flex-wrap:nowrap}
.st-chips button{white-space:nowrap}
.st-chips [aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.st-ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.st-ctl input,.st-ctl select{font:inherit;font-size:14px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);min-width:0}
.st-ctl input{flex:1 1 220px}
.st-ctl select{flex:0 1 200px}
.st-count{margin-inline-start:auto}
.st-tbl{font-size:13.5px}
.st-tbl thead th{position:sticky;top:0;background:var(--card);z-index:1}
.st-sort{all:unset;cursor:pointer;font-weight:700;font-size:12px;color:var(--mute);white-space:nowrap}
.st-sort:focus-visible{outline:2px solid var(--teal);border-radius:4px}
.st-sort::after{content:"↕";opacity:.35;margin-inline-start:4px;font-size:11px}
th[aria-sort="ascending"] .st-sort::after{content:"↑";opacity:1}
th[aria-sort="descending"] .st-sort::after{content:"↓";opacity:1}
.st-tbl tbody th{text-align:start;font-weight:400;min-width:150px}
.st-tbl tbody th a{display:block;color:var(--ink)}
.st-tbl tbody th b{font-weight:600}
.st-tbl tbody th small{display:block;font-size:11.5px}
.st-tbl td{white-space:nowrap}
.st-tbl tr[hidden]{display:none}
.st-list .tscroll{max-height:72vh;overflow:auto;border:1px solid var(--line);border-radius:10px}
.st-nav{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:13.5px;font-weight:600}
.st-rlinks{display:flex;flex-wrap:wrap;gap:6px}
.st-rlinks a{padding:5px 10px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;color:var(--ink2)}
.st-rlinks a:hover{text-decoration:none;background:var(--tealbg)}
.st-rlinks .btn-heat{background:var(--tealbg);color:var(--teal);font-weight:700;border-color:transparent}
.tm{position:relative;width:100%;background:var(--bg2);border-radius:8px;overflow:hidden}
.tm-t{position:absolute;box-sizing:border-box;border:1px solid var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;overflow:hidden;color:var(--ink);text-align:center;padding:2px;line-height:1.15;font-size:11.5px;background:var(--bg2)}
.tm-t:hover{text-decoration:none;outline:2px solid var(--ink);outline-offset:-2px;z-index:2}
.tm-t b{font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-t .v{font-variant-numeric:tabular-nums;font-size:11px}
.tm-t[data-dir="up"]{background:color-mix(in srgb,var(--up) calc(var(--a)*100%),var(--card))}
.tm-t[data-dir="down"]{background:color-mix(in srgb,var(--down) calc(var(--a)*100%),var(--card))}
.tm-t.me{outline:3px solid var(--gold2);outline-offset:-3px;z-index:3}
.tm-o{background:var(--bg2);color:var(--mute)}
.tm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.tm-sec h3{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;margin:0 0 6px}
.tm-sec.big{grid-column:span 2}
@media (max-width:700px){.tm-sec.big{grid-column:auto}.tm-grid{grid-template-columns:1fr}.tm-t{font-size:10.5px}}
.xp{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 14px}
@media (max-width:620px){.xp{grid-template-columns:1fr}}
.xp>div>small{display:block;font-weight:600;color:var(--mute);margin-bottom:4px}
.xp-bar{position:relative;height:14px;border-radius:7px;margin:4px 0 20px}
.xp-bar .b2{position:absolute;inset:0;border-radius:7px;background:color-mix(in srgb,var(--teal) 18%,var(--bg2))}
.xp-bar .b1{position:absolute;top:0;bottom:0;border-radius:7px;background:color-mix(in srgb,var(--teal) 45%,var(--bg2))}
.xp-bar .pt{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1px;border-radius:2px;background:var(--ink)}
.xp-bar small{position:absolute;top:17px;font-size:11px;color:var(--mute);font-variant-numeric:tabular-nums}
.xp-bar .l{left:0}.xp-bar .r{right:0}
.xp-dis{background:var(--warnbg);color:var(--ink);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.55}
.st-trend{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.st-lines{margin:8px 0 0;padding-inline-start:20px;line-height:1.7}
.dd-search{padding:4px 6px 8px;position:relative}
.dd-search input{width:100%;box-sizing:border-box;font:inherit;font-size:13.5px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);color:var(--ink)}
.dd-sres{margin-top:6px;max-height:320px;overflow:auto}
.dd-sres .qi{flex-direction:row;padding:7px 10px}
.mainnav.open .dd-search input{background:var(--hdr);color:#fff;border-color:#3a4b5e}
.mainnav.open .dd-sres .qi{color:#d5dee8}
.st-tbl tbody th{white-space:normal;max-width:240px;position:sticky;inset-inline-start:0;background:var(--card);z-index:1}
.st-tbl thead th:first-child{inset-inline-start:0;z-index:2}
@media (max-width:620px){.st-tbl tbody th{min-width:118px;max-width:150px}.st-tbl{font-size:12.5px}.st-tbl td{padding:8px 6px}}
/* Stage 3: AdSense units keep a fixed reserved box (no layout shift); consent banner; privacy page */
.ad-gs{text-align:center;max-width:100%}
.ad-gs .gs-box{margin:0 auto;max-width:100%;overflow:hidden;background:var(--bg2);border-radius:8px}
.consent{position:fixed;inset-inline:0;bottom:0;z-index:90;padding:12px;pointer-events:none}
.consent-in{pointer-events:auto;max-width:960px;margin:0 auto;background:var(--card);color:var(--ink);border:1px solid var(--line2);border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.18);padding:14px 16px;display:flex;gap:14px;align-items:center}
.consent-tx{flex:1;min-width:0;font-size:13px;line-height:1.55}
.consent-tx p{margin:4px 0 0;color:var(--ink2)}
.consent-tx a{color:var(--teal);text-decoration:underline}
.consent-b{display:flex;gap:8px;flex-shrink:0}
.consent-b .btn{margin:0}
html.cs-open #adSticky{display:none}
@media (max-width:620px){.consent-in{flex-direction:column;align-items:stretch}.consent-b .btn{flex:1;justify-content:center}}
.linkbtn{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline}
.foot-bottom a{color:inherit}
.priv{display:grid;gap:12px;max-width:860px}
.priv-s h2{font-size:16px;margin:0 0 6px}
.priv-s p{margin:0 0 6px;line-height:1.7;color:var(--ink2)}
.priv-l{margin:6px 0;padding-inline-start:18px;line-height:1.8}
.priv-l a{color:var(--teal)}
.priv-up{margin:0 0 10px}
.ct-tbl th{text-align:start;font-weight:600;width:34%;color:var(--ink2);vertical-align:top}.ct-tbl th,.ct-tbl td{padding:8px 6px;border-bottom:1px solid var(--line,#e5e9ef);line-height:1.6}
.foot-legal{color:#7d8da0;margin-top:6px;padding-bottom:4px;font-size:11.5px;line-height:1.6}.foot-legal a{color:inherit}
/* Broker comparison (stage 4) */
.cmp-card{padding:14px}
.cmp-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px;flex-wrap:wrap}
.cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
table.cmp{min-width:1180px;font-size:13px;border-collapse:separate;border-spacing:0}
table.cmp th,table.cmp td{vertical-align:top;padding:8px 10px;text-align:start}
table.cmp thead th{white-space:nowrap;font-size:12px}
table.cmp tbody th{position:sticky;inset-inline-start:0;background:var(--card,#fff);z-index:1;white-space:nowrap}
table.cmp .cmp-l+.cmp-l{margin-top:6px;padding-top:6px;border-top:1px dashed var(--line,#ddd)}
table.cmp .src{font-size:11px;white-space:nowrap}
table.cmp .nc{opacity:.6}
table.cmp .oreg{margin-inline-end:4px}
.cmp-aff{margin-top:3px;white-space:nowrap}
.btn.small{padding:5px 10px;font-size:12px;white-space:nowrap}
.tb-more{white-space:nowrap}
/* Broker comparison: sourced facts, detail cards, reviews (docs/ADS.md stage 4) */
table.cmp{min-width:1040px}
table.cmp td.cmpf{min-width:190px}
.cmpf .fv,.cmpd .fv{font-weight:600}
.cmpf .fa,.cmpd .fa{font-size:11px;color:var(--mute);margin-top:2px;font-weight:500}
a.see{font-size:12px;font-weight:600;white-space:nowrap}
.cmpd-grid{display:grid;align-items:start;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.cmpd{border:1px solid var(--line,#ddd);border-radius:12px;padding:12px;scroll-margin-top:80px}
.cmpd.hl{outline:2px solid var(--gold2)}
.cmpd h3{margin:0 0 8px;font-size:15px}
.cmpd-f{grid-template-columns:1fr}
.cmpd-f dd{font-weight:500}
.rv{margin:2px 0}
.rv-l{color:var(--mute);font-size:12px}
a.rv-out{display:block;font-size:12.5px;margin:3px 0}
.gmp{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;letter-spacing:normal;white-space:nowrap;color:#5e5e5e;font-size:12px}
[data-theme=dark] .gmp,.dark .gmp{color:#fff}
.gmp-box{border:1px solid var(--line,#ddd);border-radius:8px;padding:6px 8px;background:var(--bg2)}

/* ===== Academy: nav dropdown (two sections), Learn to trade + Platform guides ===== */
.dd-menu.dd-cols{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;min-width:560px;padding:10px}
.dd-menu.dd-cols[hidden]{display:none}
.dd-cols>.dd-col{list-style:none;min-width:0}
.dd-cols ul{list-style:none;margin:0;padding:0}
.dd-h{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);padding:4px 12px 6px;border-bottom:1px solid var(--line);margin-bottom:4px}
[lang="ar"] .dd-h{letter-spacing:0;font-size:12px}
@media (min-width:821px){.dd-acad .dd-menu{inset-inline-start:auto;inset-inline-end:-140px}}
@media (min-width:1101px){.dd-acad .dd-menu{inset-inline-end:auto;inset-inline-start:0}}
@media (max-width:820px){
  .mainnav.open .dd-menu.dd-cols{display:block;padding:2px 0 8px}
  .mainnav.open .dd-menu.dd-cols[hidden]{display:none}
  .mainnav.open .dd-h{color:var(--gold2);border-color:#1b2f45;padding:10px 12px 4px}
}
.learn-pg{padding-top:18px;padding-bottom:40px}
.learn-pg h1{margin:4px 0 8px}
.learn-pg .n{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.learn-pg .xs{font-size:12px}
.lp-lead{font-size:15.5px;color:var(--ink2);max-width:780px;margin:0 0 14px}
[lang="ar"] .lp-lead{font-size:16.5px;line-height:1.75}
.lp-risk{display:flex;gap:10px;align-items:flex-start;background:var(--warnbg);color:var(--ink);border:1px solid color-mix(in srgb,var(--warn) 35%,transparent);border-radius:var(--r2);padding:10px 14px;font-size:12.5px;margin:12px 0 16px}
.lp-risk b{color:var(--warn)}
.lp-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
.lp-side{position:sticky;top:120px}
.lp-side h2{font-size:14px;margin-bottom:10px}
.lp-out{list-style:none;margin:12px 0 0;padding:0;counter-reset:o}
.lp-out li{counter-increment:o;display:flex;gap:8px;align-items:baseline;padding:6px 8px;border-radius:8px;font-size:13px}
.lp-out li::before{content:counter(o);font-variant-numeric:tabular-nums;color:var(--mute);min-width:16px;font-size:12px}
.lp-out li.cur{background:var(--tealbg)}.lp-out li.cur a{color:var(--teal);font-weight:700}
.lp-out li a{color:var(--ink)}
.lp-out li.done::before{content:"✓";color:var(--up);font-weight:700}
.lp-art{min-width:0}
.learn-pg [hidden]{display:none!important}
.lp-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px}
.lp-lvl{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);background:var(--goldbg);border-radius:999px;padding:3px 10px}
[lang="ar"] .lp-lvl{letter-spacing:0;font-size:12px}
.lp-keys{background:var(--tealbg);border-radius:var(--r2);padding:12px 16px;margin:0 0 18px}
.lp-keys h2{font-size:13.5px;color:var(--teal);margin-bottom:6px}
.lp-keys ul{margin:0;padding-inline-start:20px}.lp-keys li{margin:3px 0}
.lp-body{font-size:15.5px;line-height:1.7;max-width:760px}
[lang="ar"] .lp-body{font-size:16.5px;line-height:1.85}
.lp-body h2{font-size:19px;margin:26px 0 8px}.lp-body h3{font-size:16px;margin:18px 0 6px}
.lp-body p{margin:0 0 12px}.lp-body ul,.lp-body ol{margin:0 0 12px;padding-inline-start:22px}.lp-body li{margin:4px 0}
.lp-body table{border-collapse:collapse;width:100%;margin:6px 0 14px;font-size:14px;display:block;overflow-x:auto}
.lp-body th,.lp-body td{border:1px solid var(--line);padding:7px 10px;text-align:start;vertical-align:top}
.lp-body th{background:var(--bg2)}
.lp-body .ex,.lp-body .callout{background:var(--card);border:1px solid var(--line);border-inline-start:4px solid var(--gold2);border-radius:var(--r2);padding:10px 14px;margin:12px 0}
.lp-body .warn-c{border-inline-start-color:var(--down);background:var(--downbg)}
.lp-body code{background:var(--bg2);padding:1px 5px;border-radius:5px;font-size:.92em}
.lp-body a{text-decoration:underline;text-underline-offset:2px}
.lp-fig{margin:6px 0 20px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px}
.lp-fig figcaption{font-size:12px;color:var(--mute);margin-top:6px;text-align:center}
.lp-demo{margin:22px 0}
.ad-demo h3{font-size:15px}
.lq{margin:26px 0 10px;border-top:1px solid var(--line);padding-top:18px}
.lq>h2{font-size:19px;margin-bottom:4px}
.lq-q{border:1px solid var(--line);border-radius:var(--r2);background:var(--card);padding:12px 14px;margin:12px 0}
.lq-q legend{font-weight:700;padding:0;font-size:14.5px;float:left;width:100%;margin:0 0 8px}
.lq-q legend+*{clear:both}
.lq-q label{display:flex;gap:8px;align-items:flex-start;padding:7px 8px;border-radius:8px;cursor:pointer}
.lq-q label:hover{background:var(--bg2)}
.lq-q input{margin-top:4px;accent-color:var(--teal)}
.lq-q.ok{border-color:var(--up);background:var(--upbg)}
.lq-q.bad{border-color:var(--down);background:var(--downbg)}
.lq-fb{margin:6px 0 0;font-weight:700;font-size:13px}.lq-q.ok .lq-fb{color:var(--up)}.lq-q.bad .lq-fb{color:var(--down)}
.lq-fb:empty{display:none}
.lq-why{margin-top:6px;font-size:13.5px}.lq-why summary{cursor:pointer;color:var(--teal);font-weight:600;font-size:12.5px}
.lq-why p{margin:6px 0 0}
.lq-act{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.lq-act .btn{margin-top:0}
.lq-out{font-weight:700}.lq-out.ok{color:var(--up)}.lq-out.bad{color:var(--down)}
.lp-pager{display:flex;justify-content:space-between;gap:12px;margin:22px 0}
.lp-pager a{flex:1;max-width:48%;border:1px solid var(--line);background:var(--card);border-radius:var(--r2);padding:10px 14px;color:var(--ink)}
.lp-pager a:hover{border-color:var(--teal);text-decoration:none}
.lp-pager a>span{display:block}
.lp-pager .next{text-align:end;margin-inline-start:auto}
.lp-cta{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:20px 0;border-inline-start:4px solid var(--gold2)}
.lp-cta .btn{margin-top:0}
.lp-pbar{height:8px;border-radius:99px;background:var(--bg2);overflow:hidden;margin-top:10px}
.lp-pbar span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--gold2));border-radius:99px;transition:width .3s}
.lp-ptxt{margin:4px 0 0}
.lp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:12px 0 18px}
.lp-course h2{font-size:18px;margin:8px 0 6px}.lp-course h2 a{color:var(--ink)}
.lp-course p{margin:0 0 6px}
.lp-course.lv-beginner{border-top:3px solid var(--teal)}.lp-course.lv-intermediate{border-top:3px solid var(--gold2)}.lp-course.lv-advanced{border-top:3px solid var(--ink2)}
.lp-plat h3{font-size:15px;margin-bottom:4px}.lp-plat h3 a{color:var(--ink)}.lp-plat p{margin:0 0 6px}
.lp-sec{margin:26px 0}
.lp-sec>h2{font-size:20px;margin-bottom:4px}
.lp-list{list-style:none;margin:12px 0;padding:0;display:grid;gap:10px}
.lp-list li{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:12px 14px;position:relative}
.lp-list li b{font-size:15px}
.lp-list li p{margin:2px 0 4px}
.lp-list li.soon{opacity:.7;background:transparent;border-style:dashed}
.lp-num{flex:none;width:28px;height:28px;border-radius:50%;background:var(--tealbg);color:var(--teal);display:grid;place-items:center;font-weight:700;font-size:13px}
.lp-tick{display:none;position:absolute;inset-inline-end:14px;top:12px;color:var(--up);font-weight:800;font-size:16px}
.lp-list li.done .lp-tick{display:block}
.lp-list li.done .lp-num{background:var(--upbg);color:var(--up)}
.lp-soon{display:inline-block;font-size:11.5px;font-weight:600;color:var(--warn);background:var(--warnbg);border-radius:999px;padding:1px 8px;margin-inline-start:6px}
.lp-steps{margin:18px 0}.lp-steps>h2{font-size:18px;margin-bottom:10px}
.lp-steps ol{margin:0;padding:0;list-style:none;counter-reset:st}
.lp-steps li{counter-increment:st;position:relative;padding:4px 0 12px;padding-inline-start:42px;border-inline-start:2px solid var(--line);margin-inline-start:14px}
.lp-steps li:last-child{border-color:transparent}
.lp-steps li::before{content:counter(st);position:absolute;inset-inline-start:-15px;top:0;width:28px;height:28px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
[data-theme="dark"] .lp-steps li::before{color:#06201d}
.lp-steps li b{display:block;margin-bottom:2px}
.lp-steps li{font-size:15px;line-height:1.65}[lang="ar"] .lp-steps li{font-size:16px;line-height:1.8}
.lp-err{margin:20px 0}.lp-err>h2,.lp-faq>h2{font-size:18px;margin-bottom:8px}
.lp-err dl{margin:0;display:grid;gap:8px}
.lp-err dt{font-weight:700;background:var(--downbg);border-radius:var(--r2) var(--r2) 0 0;padding:8px 12px;font-family:ui-monospace,monospace;font-size:13px}
.lp-err dd{margin:-8px 0 0;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--r2) var(--r2);padding:8px 12px;background:var(--card)}
.lp-faq{margin:20px 0}.lp-src h2{font-size:13px;margin:14px 0 4px}
.lp-faq details{border:1px solid var(--line);border-radius:var(--r2);background:var(--card);padding:10px 14px;margin:8px 0}
.lp-faq summary{cursor:pointer;font-weight:700}
.lp-faq details p{margin:8px 0 0}
.lp-src{font-size:12.5px;color:var(--mute)}.lp-src ul{padding-inline-start:18px;margin:4px 0}
.lp-gloss{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:14px 0}
.lp-gloss>div{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:10px 14px}
.lp-gloss dt{font-weight:700;color:var(--teal)}.lp-gloss dd{margin:4px 0 0}
.lp-az{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
.lp-az a{min-width:28px;text-align:center;padding:3px 6px;border-radius:6px;background:var(--bg2);font-weight:700;font-size:12.5px}
@media (max-width:980px){.lp-grid{grid-template-columns:1fr}.lp-side{position:static;order:2}}
@media (max-width:620px){.lp-pager{flex-direction:column}.lp-pager a{max-width:none}.lp-body{font-size:15px}[lang="ar"] .lp-body{font-size:16px}.lp-steps li{padding-inline-start:30px}.lp-gloss{grid-template-columns:1fr}}
/* Academy figures (src/learn/figs.js): theme-aware fills */
.lfig{display:block;width:100%;height:auto;max-height:420px;font-family:var(--font)}
.lfig text{fill:var(--ink)}
.lfig .h{font-weight:700;font-size:15px}.lfig .m{font-size:13px;fill:var(--ink2)}.lfig .xs{font-size:11px;fill:var(--mute)}
.lfig .big{font-weight:700;font-size:16px}.lfig .n{font-variant-numeric:tabular-nums}.lfig .dl{font-weight:800;font-size:13px;fill:#fff}
.lfig .bx{fill:var(--card);stroke:var(--line2);stroke-width:1.2}
.lfig .bx2{fill:var(--bg2);stroke:var(--line);stroke-width:1}
.lfig .hl{fill:var(--tealbg);stroke:var(--teal);stroke-width:1.4}
.lfig .note{fill:var(--goldbg);stroke:var(--gold2);stroke-width:1}
.lfig .gdbx{fill:var(--goldbg);stroke:var(--gold);stroke-width:1.4}
.lfig .warn{fill:var(--downbg);stroke:var(--down);stroke-width:1.2}
.lfig .win{fill:var(--card);stroke:var(--line2);stroke-width:1.4}
.lfig .bar{fill:var(--hdr)}.lfig .bar+text,.lfig .on{fill:#fff}
.lfig .pane{fill:var(--bg2);stroke:var(--line);stroke-width:1}
.lfig .field{fill:var(--card);stroke:var(--line2);stroke-width:1}
.lfig .btnf{fill:var(--teal)}
.lfig .sellb{fill:var(--down)}.lfig .buyb{fill:#2563eb}
.lfig .tri{fill:var(--tealbg);stroke:var(--teal);stroke-width:1.4}.lfig .tri-t{font-weight:700;fill:var(--teal)}
.lfig .tick{stroke:var(--line2);stroke-width:1}
.lfig .ln{stroke:var(--ink2);stroke-width:1.6;fill:none}
.lfig .ax{stroke:var(--line2);stroke-width:1.2;fill:none}
.lfig .lvl{stroke:var(--gold);stroke-width:2;stroke-dasharray:6 4;fill:none}
.lfig .ah{fill:var(--ink2)}
.lfig .price{stroke:var(--teal);stroke-width:2.2;fill:none;stroke-linejoin:round}
.lfig .touch{stroke-width:2}
.lfig .up-f{fill:var(--upbg);stroke:var(--up)}.lfig .dn-f{fill:var(--downbg);stroke:var(--down)}
.lfig .up-s{stroke:var(--up);stroke-width:2;fill:none}.lfig .dn-s{stroke:var(--down);stroke-width:2;fill:none}
.lfig .wk{stroke-width:1.6}.lfig .wk.up{stroke:var(--up)}.lfig .wk.dn{stroke:var(--down)}
.lfig .cu{fill:var(--up)}.lfig .cd{fill:var(--down)}
.lfig .dot-fx{fill:#2563eb}.lfig .dot-cfd{fill:var(--teal)}.lfig .dot-st{fill:#7c3aed}.lfig .dot-cm{fill:var(--gold)}
.lfig .ac{stroke:var(--teal)}.lfig .ac-t{fill:var(--teal);font-weight:700}.lfig .gd-t{fill:var(--gold)}
.lfig .up-t{fill:var(--up);font-weight:700}.lfig .dn-t{fill:var(--down);font-weight:700}
/* Academy chart figures (src/learn/chart.js + figs-ta.js): illustrative price charts */
.lfig.lchart{max-height:520px}
.lfig .cbg{fill:var(--card)}.lfig .cfr{fill:none;stroke:var(--line2);stroke-width:1}
.lfig .gl{stroke:var(--line);stroke-width:1}
.lfig .ttl{font-weight:700;fill:var(--ink2)}
.lfig .ob{stroke-width:1.8;fill:none}.lfig .ob.up{stroke:var(--up)}.lfig .ob.dn{stroke:var(--down)}.lfig .ob.big{stroke-width:3}
.lfig .zs{fill:var(--down);fill-opacity:.12;stroke:var(--down);stroke-opacity:.5;stroke-dasharray:4 3}
.lfig .zd{fill:var(--up);fill-opacity:.13;stroke:var(--up);stroke-opacity:.55;stroke-dasharray:4 3}
.lfig .zl{font-weight:700;fill:var(--ink2)}.lfig .al{font-weight:700;fill:var(--ink2)}
.lfig .tl{stroke:#2563eb;stroke-width:2.2;fill:none}.lfig .tl2{stroke:#2563eb;stroke-width:1.6;stroke-dasharray:7 4;fill:none}
.lfig .tlq{stroke:var(--ink2);stroke-width:1.8;fill:none}.lfig .dim{opacity:.3}
.lfig .bos{stroke:var(--ink2);stroke-width:1.4;stroke-dasharray:5 3}.lfig .choch{stroke:var(--gold);stroke-width:2.2;stroke-dasharray:6 3}
.lfig .pd{fill:var(--ink2)}.lfig .pl{font-weight:700;fill:var(--ink2)}
.lfig .qc{fill:var(--gold);stroke:var(--card);stroke-width:2}.lfig .qt{font-weight:800;font-size:12px;fill:#fff}
.lfig .qbox{fill:var(--gold);fill-opacity:.1;stroke:var(--gold);stroke-width:1.6;stroke-dasharray:5 3}
.lfig .ok-t{fill:var(--up);font-weight:700;font-size:12px}
.lfig .fb{stroke:var(--mute);stroke-width:1;stroke-dasharray:3 3}.lfig .fbk{stroke:var(--gold);stroke-width:1.6;stroke-dasharray:none}
.lfig .fbt{fill:var(--ink2)}.lfig .fbd{stroke:var(--mute);stroke-width:1;stroke-dasharray:2 4}
.lfig .ma1{stroke:#2563eb;stroke-width:1.8;fill:none}.lfig .ma2{stroke:var(--gold);stroke-width:1.8;fill:none}
.lfig .ma1-t{fill:#2563eb;font-weight:700}.lfig .ma2-t{fill:var(--gold);font-weight:700}
.lfig .ind{stroke:#7c3aed;stroke-width:1.6;fill:none}.lfig .lvl2{stroke:var(--line2);stroke-width:1;stroke-dasharray:4 3}
.lfig .vl{stroke:var(--mute);stroke-width:1;stroke-dasharray:4 3}.lfig .pc{stroke:var(--mute);stroke-width:1.2;stroke-dasharray:5 4}
.lfig .alr{stroke:var(--down);stroke-width:1.8;stroke-dasharray:8 3}.lfig .alr-t{fill:var(--down);font-weight:700}
.lfig .tip{fill:var(--card);stroke:var(--line2);stroke-width:1}.lfig .b{font-weight:700}
.lfig .lastp{fill:var(--teal)}.lfig .tagt{font-weight:700;fill:var(--teal)}
.lfig .cn{fill:var(--teal)}.lfig .cnt{font-weight:800;font-size:11px;fill:#fff}
/* Academy: practice + mark-this-chart */
.lp-body .lx-prac{border:1px solid var(--line2);border-radius:12px;padding:12px 16px;margin:18px 0;background:var(--bg2)}
.lp-body .lx-prac h2,.lp-body .lx-mark h2{margin-top:0}
.lp-body .lx-mark{border:1px solid var(--gold2);border-radius:12px;padding:12px 16px;margin:18px 0}
.lp-illus{font-size:12px;color:var(--mute);margin:4px 0 0}
.lp-ta{margin-top:26px}

/* Academy items that exist only in English for now (steering: no English-only shells in the Arabic nav). */
html[lang="ar"] [data-en-only]{display:none}
.lfig .fbt{paint-order:stroke;stroke:var(--card);stroke-width:3.5px;stroke-linejoin:round}
.lfig .vu{fill:var(--up);fill-opacity:.5}.lfig .vd{fill:var(--down);fill-opacity:.5}.lfig .vhi{fill:var(--gold);fill-opacity:.9}
.lfig .bbf{fill:#7c3aed;fill-opacity:.07}.lfig .bbl{stroke:#7c3aed;stroke-width:1.3;stroke-opacity:.75;fill:none}
.lfig .pc{fill:none}
.lfig .bbm{stroke:#7c3aed;stroke-width:1;stroke-dasharray:4 3;stroke-opacity:.6;fill:none}

/* ---------- Regulators (/<lang>/regulators, src/regulators/page.js): fully server-rendered, fixed-size rows = no layout shift ---------- */
.regs-pg{padding-top:14px;padding-bottom:32px}
.regs-pg .pagehead .sub{max-width:860px}
.rg-off{margin:6px 0 0;font-size:13px;color:var(--ink2)}
.rg-filters{display:flex;flex-direction:column;gap:8px;margin:4px 0 12px}
.rg-row{display:flex;flex-wrap:nowrap;gap:6px;align-items:center;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:4px;min-height:40px} /* one line per row: height never depends on web-font swap (CLS) */
.rg-row>*{flex:none}
.rg-grp{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);margin-inline:6px 0}
.rg-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--ink2);font-size:13px;font-weight:600;white-space:nowrap}
.rg-chip .num{font-size:11px;font-weight:600;color:var(--mute);font-variant-numeric:tabular-nums}
.rg-chip:hover{text-decoration:none;border-color:var(--gold2);color:var(--ink)}
.rg-chip.on{background:var(--ink);border-color:var(--ink);color:var(--card)}.rg-chip.on .num{color:inherit;opacity:.75}
.rg-count{margin:0 0 8px;font-size:12.5px}
.rg-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.rg-it{padding:12px 16px;border-top:1px solid var(--line);border-inline-start:3px solid transparent}
.rg-it:first-child{border-top:0}
.rg-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:12px;color:var(--mute);min-height:20px}
.rg-reg{font-weight:800;color:var(--ink);letter-spacing:.02em}
.rg-cat{font-weight:700;padding:1px 8px;border-radius:999px;background:var(--bg2);color:var(--ink2)}
.rg-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40ch}
.rg-t{display:block;margin-top:4px;font-size:15px;font-weight:650;line-height:1.4;color:var(--ink);overflow-wrap:anywhere}
.rg-t:hover{color:var(--teal);text-decoration:underline}
.rg-t[dir="ltr"]{text-align:start}
[dir="rtl"] .rg-t[dir="ltr"]{text-align:right}
.rg-s{margin:4px 0 0;font-size:13px;color:var(--ink2);overflow-wrap:anywhere}
[dir="rtl"] .rg-s[dir="ltr"]{text-align:right}
.rg-src{display:inline-block;margin-top:4px;font-size:11px;color:var(--mute)}
.rg-c-warning{border-inline-start-color:#d97706}.rg-c-warning .rg-cat,.rg-cw.rg-c-warning .rg-chip:not(.on){background:#fef3c7;color:#92400e;border-color:#fde68a}
.rg-c-enforcement{border-inline-start-color:#dc2626}.rg-c-enforcement .rg-cat,.rg-cw.rg-c-enforcement .rg-chip:not(.on){background:#fee2e2;color:#991b1b;border-color:#fecaca}
.rg-c-licence{border-inline-start-color:#059669}.rg-c-licence .rg-cat,.rg-cw.rg-c-licence .rg-chip:not(.on){background:#d1fae5;color:#065f46;border-color:#a7f3d0}
.rg-c-rules{border-inline-start-color:#2563eb}.rg-c-rules .rg-cat,.rg-cw.rg-c-rules .rg-chip:not(.on){background:#dbeafe;color:#1e40af;border-color:#bfdbfe}
[data-theme="dark"] .rg-c-warning .rg-cat,[data-theme="dark"] .rg-cw.rg-c-warning .rg-chip:not(.on){background:#3a2a0c;color:#fcd34d;border-color:#5a4214}
[data-theme="dark"] .rg-c-enforcement .rg-cat,[data-theme="dark"] .rg-cw.rg-c-enforcement .rg-chip:not(.on){background:#3b1416;color:#fca5a5;border-color:#5b2024}
[data-theme="dark"] .rg-c-licence .rg-cat,[data-theme="dark"] .rg-cw.rg-c-licence .rg-chip:not(.on){background:#0d3326;color:#6ee7b7;border-color:#165a41}
[data-theme="dark"] .rg-c-rules .rg-cat,[data-theme="dark"] .rg-cw.rg-c-rules .rg-chip:not(.on){background:#13254a;color:#93c5fd;border-color:#1e3a70}
.rg-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;font-size:13px;min-height:32px}
.rg-about{margin-top:18px;padding:16px 18px}.rg-about h2{margin:0 0 6px}.rg-about p{margin:0 0 8px;color:var(--ink2)}
.rg-srcs{margin:0;padding-inline-start:18px;columns:2;column-gap:28px;font-size:13px}
.rg-empty{padding:24px;border:1px dashed var(--line2);border-radius:12px;color:var(--mute)}
@media (max-width:640px){.rg-it{padding:11px 12px}.rg-t{font-size:14.5px}.rg-srcs{columns:1}.rg-sub{max-width:100%}.rg-chip{min-height:30px;font-size:12.5px;padding:3px 10px}}
/* Regulator notice on broker cards and broker pages: exact entity/brand/website matches only. */
.reg-flag{margin:10px 0;padding:10px 12px;border-radius:10px;border:1px solid #fde68a;background:#fffbeb;color:#78350f;font-size:13px;line-height:1.45}
.reg-flag b{display:block;margin-bottom:2px}.reg-flag ul{margin:0;padding-inline-start:18px}.reg-flag a{color:inherit;text-decoration:underline;font-weight:600}
[data-theme="dark"] .reg-flag{background:#2a2112;border-color:#5a4214;color:#fde68a}
/* Share bar + notice share popover (docs/SOCIAL.md). Fixed-size buttons; the bar is server-rendered on its page, so no layout shift. */
.share{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-height:44px;margin-block:18px 6px}
.share[hidden],.share:empty{display:none}
.sh-l{font-size:13px;font-weight:700;color:var(--ink2)}
.sh-ls{display:inline-flex;flex-wrap:wrap;gap:8px}
.sh-a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:10px;border:1px solid var(--line2);background:var(--card);color:var(--ink2);cursor:pointer;padding:0;transition:color .15s,border-color .15s,background .15s}
.sh-a:hover,.sh-a:focus-visible{text-decoration:none;color:var(--teal);border-color:var(--teal);background:var(--tealbg)}
.sh-a.ok{color:#fff;background:var(--teal);border-color:var(--teal)}
.sh-wa:hover{color:#128c4b}.sh-li:hover{color:#0a66c2}.sh-fb:hover{color:#1877f2}.sh-tg:hover{color:#229ed9}
.rg-sh{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--teal);margin-inline-start:auto;min-height:24px;padding:0 4px;border-radius:6px}
.rg-sh:hover{text-decoration:none;background:var(--tealbg)}
.share-pop{position:absolute;z-index:70;display:flex;gap:6px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px -12px rgba(0,0,0,.35)}
.rg-focus{margin-bottom:14px}.rg-focus h2{font-size:14px;color:var(--mute);margin:0 0 6px}.rg-focus .rg-list{border:2px solid var(--teal);border-radius:var(--r)}
@media (max-width:640px){.share{gap:8px}.sh-ls{gap:6px}.sh-a{width:42px;height:42px;flex-basis:42px}}
/* AI assistant (public/chat.js). Fixed/overlay only, so it never shifts layout. z: above .ad-sticky (60), below .consent (90). */
.ch-fab{position:fixed;bottom:18px;inset-inline-end:18px;z-index:70;width:54px;height:54px;border-radius:50%;border:0;display:grid;place-items:center;background:#0f766e;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.22);cursor:pointer}
.ch-fab:focus-visible{outline:3px solid var(--ink);outline-offset:2px}body:has(.ad-sticky:not([hidden])) .ch-fab{bottom:96px}html.ch-open .ch-fab{display:none}
.ch-panel{position:fixed;z-index:75;bottom:18px;inset-inline-end:18px;width:min(400px,calc(100vw - 36px));height:min(620px,calc(100vh - 36px));height:min(620px,calc(100dvh - 36px));display:none;flex-direction:column;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.25);overflow:hidden;font-size:14px;line-height:1.55}
.ch-panel.on{display:flex}.ch-hd{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0f766e;color:#fff}.ch-hd b{flex:1}.ch-beta{font-size:11px;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:0 7px}
.ch-x{background:none;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:0 4px}
.ch-log{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.ch-m{max-width:90%;padding:8px 11px;border-radius:12px;word-wrap:break-word}.ch-m p{margin:0 0 6px}.ch-m p:last-child{margin:0}.ch-m ul{margin:0 0 6px;padding-inline-start:18px}
.ch-user{align-self:flex-end;background:#0f766e;color:#fff;white-space:pre-wrap}.ch-assistant{align-self:flex-start;background:var(--bg2);border:1px solid var(--line)}.ch-wait{opacity:.7;font-style:italic}
.ch-src{margin-top:6px;font-size:12px;display:flex;flex-wrap:wrap;gap:4px 10px}.ch-src span{color:var(--mute)}.ch-note{font-size:11.5px;color:var(--mute);margin-top:6px!important}.ch-cite{font-size:11px;text-decoration:none}
.ch-sugg{display:flex;flex-wrap:wrap;gap:6px}.ch-sugg button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:5px 10px;font:inherit;font-size:12.5px;cursor:pointer}
.ch-offer,.ch-form{border:1px solid #0f766e;border-radius:12px;padding:10px;display:grid;gap:8px;background:var(--card)}.ch-offer p{margin:0;font-size:13px}
.ch-row{display:flex;gap:8px;flex-wrap:wrap}.ch-pri,.ch-ghost{border-radius:10px;padding:7px 12px;font:inherit;font-size:13px;cursor:pointer;border:1px solid #0f766e}.ch-pri{background:#0f766e;color:#fff}.ch-ghost{background:none;color:var(--ink);border-color:var(--line)}
.ch-pri:disabled{opacity:.6}.ch-f{display:grid;gap:3px;font-size:12.5px}.ch-f input,.ch-f select{border:1px solid var(--line);border-radius:8px;padding:7px 8px;font:inherit;font-size:16px;background:var(--card);color:var(--ink);min-width:0}
.ch-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.5}.ch-consent input{margin-top:3px;flex:none}.ch-err{margin:0;color:#b91c1c;font-size:12.5px}
.ch-foot{margin:0;padding:6px 12px;font-size:11px;color:var(--mute);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}
.ch-team{background:none;border:0;padding:0;color:#0f766e;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;text-decoration:underline;white-space:nowrap}
.ch-wait{font-style:normal;opacity:1;padding:10px 13px}.ch-dots{display:inline-flex;gap:4px;align-items:center;height:10px}.ch-dots i{width:7px;height:7px;border-radius:50%;background:var(--mute);opacity:.35;animation:chDot 1.2s infinite ease-in-out}.ch-dots i:nth-child(2){animation-delay:.15s}.ch-dots i:nth-child(3){animation-delay:.3s}
@keyframes chDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:.9;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.ch-dots i{animation:none;opacity:.6}}
.ch-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ch-note{font-size:10.5px!important;line-height:1.4}
.ch-in{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line)}.ch-in textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-size:16px;background:var(--card);color:var(--ink);max-height:120px}
.ch-in button{border:0;border-radius:10px;padding:0 14px;background:#0f766e;color:#fff;cursor:pointer;font-size:16px}[dir=rtl] .ch-in button{transform:scaleX(-1)}
.ch-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media (max-width:600px){.ch-panel{inset:0;width:100%;height:100%;height:100dvh;border-radius:0;border:0}.ch-fab{bottom:14px;inset-inline-end:14px}}
.ch-src1{display:inline-block;margin-top:4px;font-size:12px;text-decoration:none;color:#0f766e}.ch-src1:hover{text-decoration:underline}
.ch-empty{margin:auto 0;text-align:center;color:var(--mute);font-size:14px}
.ch-ok{border:1px solid var(--line);border-radius:12px;padding:8px 10px;display:grid;gap:6px;background:var(--card)}.ch-ok-v{margin:0;font-size:12.5px;font-weight:600;word-break:break-all}.ch-ok .ch-pri{justify-self:start}
/* Gentle looping motion for the alerts banner (transform/opacity only → no layout shift; off for reduced motion) */
@keyframes invBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes invRing{0%,100%{opacity:0;transform:scale(.96)}50%{opacity:.85;transform:scale(1.06)}}
.alert-cta-in{animation:invBob 2.4s ease-in-out infinite}
.mainnav .nav-alerts{position:relative}
.mainnav .nav-alerts::after{content:"";position:absolute;inset:-3px;border-radius:inherit;border:1px solid rgba(200,169,106,.7);opacity:0;pointer-events:none;animation:invRing 2.4s ease-in-out infinite}
.mainnav .nav-alerts[aria-current="page"]::after{animation:none;opacity:0}
/* mobile: the Alerts pill lives in the hamburger menu, so the visible header bell gets the same soft ring */
.alertbtn{position:relative;border-color:rgba(200,169,106,.45)}
.alertbtn::after{content:"";position:absolute;inset:-3px;border-radius:12px;border:1px solid rgba(200,169,106,.75);opacity:0;pointer-events:none;animation:invRing 2.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.alert-cta-in,.mainnav .nav-alerts::after,.alertbtn::after{animation:none}}

/* ---------- Explainer sections + FAQ (src/seo-extra.js guideHtml) ---------- */
.seo-guide{max-width:900px;margin:12px 0 0}
.seo-guide h2{font-size:1.05rem;margin:18px 0 6px}
.seo-guide p{line-height:1.75;margin:0 0 8px}
.seo-about .seo-guide p{font-size:.92rem}
.seo-guide.card{max-width:none;padding:16px 20px;margin:16px 0}
.seo-today{background:var(--chip,rgba(127,127,127,.08));border-radius:8px;padding:10px 12px;line-height:1.7;max-width:900px}
.seo-faq details{border-bottom:1px solid var(--line,rgba(127,127,127,.2));padding:8px 0}
.seo-faq summary{cursor:pointer;font-weight:600;line-height:1.6}
.seo-faq details p{margin:6px 0 2px}
.seo-links{display:flex;flex-wrap:wrap;gap:6px 14px;padding:0;margin:6px 0 12px;list-style:none;font-size:.92rem}

/* ---------- Oil prices (/<lang>/oil): fixed table layout so the 60 s refresh never shifts the page (CLS) ---------- */
.oil-pg{padding-bottom:24px}
.oil-pg .pagehead .sub{max-width:860px;line-height:1.7}
.oil-main{padding:14px 18px}
.oil-pg .tbl-scroll{overflow-x:auto}
.oil-pg .tbl,.ssr .oil-pg .tbl{display:table;max-width:none;width:100%;table-layout:fixed;min-width:680px}
.oil-pg .tbl th,.oil-pg .tbl td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oil-tbl th:nth-child(1){width:25%}.oil-tbl th:nth-child(2){width:17%}.oil-tbl th:nth-child(3){width:14%}.oil-tbl th:nth-child(4){width:24%}.oil-tbl th:nth-child(5){width:20%}
.oil-pg .tbl thead th,.oil-pg .oil-tbl tbody th{white-space:normal}.oil-pg .tbl thead th{vertical-align:bottom}
.oil-tbl td[data-f="price"]{font-size:1.15rem;font-weight:700}
.oil-st{display:inline-block;min-width:5.5em;font-size:.82rem;padding:1px 8px;border-radius:10px;background:var(--chip,rgba(127,127,127,.12))}
.oil-st-live{color:#0a7d3b}.oil-st-closed{color:var(--mute,#667)}
.oil-note{margin:10px 0 0;font-size:.9rem;color:var(--mute,#667)}
.oil-spread{margin:10px 0 0}
.oil-pg .fine{margin:8px 0 0}
/* Arabic web-font swap re-wraps the oil note from 3 lines to 2 on phones: reserve the 3 lines so the rows below don't jump */
@media (max-width: 640px) { .oil-pg .oil-note { min-height: 3lh; } }
/* Admin → Content (docs/ADMIN.md): top banner, custom pages, reordered homepage, draft preview ribbon */
.cms-banner{background:#0b5a54;color:#fff;font-size:14px;line-height:1.4}
.cms-banner-in{padding:8px 16px;text-align:center}.cms-banner a{color:#fff;text-decoration:underline}.cms-banner b{font-weight:700}
.home-grid.cms-ord{grid-auto-flow:row dense}
.cms-pg{max-width:780px}.cms-pg .cms-body{font-size:16px;line-height:1.7}.cms-pg .cms-body h2{font-size:20px;margin:1.4em 0 .4em}.cms-pg .cms-body ul,.cms-pg .cms-body ol{padding-inline-start:1.4em}
.cms-explain h2{font-size:18px}
.cms-pv{position:fixed;inset-inline-start:12px;bottom:12px;z-index:9999;background:#d97706;color:#fff;font:600 13px/1 system-ui,sans-serif;padding:8px 12px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.25);pointer-events:none}
.al-row[hidden]{display:none}
/* Converter sources + margin calculator (tools) */
.cv-src{min-height:64px;margin:0 0 10px;font-size:.86rem;color:var(--mute)}
.cv-src small{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.cv-src ul{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:2px}
.cv-src b{color:var(--ink,inherit);margin-inline-end:4px}
.cv-disc{margin-top:10px}
.k-pxrow{display:flex;gap:6px;align-items:center}
.k-pxrow input{flex:1;min-width:0}
.k-pxsrc{min-height:1.4em;margin:6px 0 0}
.calc .ctrl input,.calc .ctrl select{width:100%;box-sizing:border-box}
#kOut,#kOut2{min-height:84px}
.k-levask b{font-size:.95rem;font-weight:600}
.k-cap{font-size:.8rem}
.k-h{font-size:1rem;margin:18px 0 10px}
.k-risk{border-inline-start:3px solid var(--down,#c0392b);padding-inline-start:8px}
@media (max-width:560px){.calc{grid-template-columns:1fr 1fr}.calc-out{grid-template-columns:1fr 1fr}.calc-out b{font-size:17px}.conv input{width:140px}}
/* ---- XE-style converter, searchable pickers, calculator extras ---- */
.cf{display:inline-block;width:22px;height:16px;border-radius:3px;object-fit:cover;flex:none;background:var(--bg2);box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.cf.m{display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#3b2a00;background:linear-gradient(135deg,#f6dc8a,#c8a04a)}
.cf.m.xag{color:#222;background:linear-gradient(135deg,#f2f4f7,#a8b0ba)}
.xe-box{margin-top:8px;padding:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);display:grid;gap:14px}
.xe-amt input{height:56px;font-size:1.6rem;font-weight:700;border:1px solid var(--line2);border-radius:12px;background:var(--card);padding:0 14px;width:100%;box-sizing:border-box;min-width:0}
.xe-amt input:focus,.pick:focus-visible,.xl-a:focus,#kLevV:focus,#kTk:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,118,110,.15)}
.xe-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:end}
.xe-side{display:flex;flex-direction:column;gap:4px;min-width:0}
.pick{display:flex;align-items:center;gap:8px;height:52px;width:100%;padding:0 12px;border:1px solid var(--line2);border-radius:12px;background:var(--card);cursor:pointer;text-align:start;min-width:0}
.pick:hover{background:var(--bg2)}
.pick b{font-size:16px}.pick span{color:var(--mute);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pick::after{content:"▾";margin-inline-start:auto;color:var(--mute);font-size:12px}
.k-inst .pick{height:36px;border-radius:10px;padding:0 10px}.k-inst .pick b{font-size:14px}
.k-inst{grid-column:span 2}
.xe-swap{width:48px;height:48px;margin-bottom:2px;border-radius:50%;border:1px solid var(--line2);background:var(--tealbg);color:var(--teal);font-size:20px;cursor:pointer;transition:transform .25s}
.xe-swap:hover{filter:brightness(.97)}.xe-swap.spin{transform:rotate(180deg)}
.xe-res{min-height:112px;display:flex;flex-direction:column;justify-content:center;gap:2px}
.xe-res .a{color:var(--mute);font-weight:600}
.xe-res .b{font-size:clamp(1.6rem,5vw,2.3rem);font-weight:800;line-height:1.15;word-break:break-word}
.xe-res .b span{font-size:.55em;font-weight:600;color:var(--ink2)}
.xe-res .r{color:var(--mute);font-size:13px}
.cv-src{margin:10px 0 4px;font-size:12.5px;color:var(--mute)}.cv-src ul{margin:4px 0 0;padding-inline-start:18px}
.xl{display:grid;gap:8px;margin:6px 0 12px}
.xl-r{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.3fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.xl-r.base{border-color:var(--teal);background:var(--tealbg)}
.xl-n{display:flex;flex-direction:column;min-width:0}.xl-n small{color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xl-v{display:flex;flex-direction:column;gap:2px;min-width:0}
.xl-a{height:40px;font-size:1.1rem;font-weight:700;border:1px solid var(--line2);border-radius:10px;background:var(--card);padding:0 10px;min-width:0;width:100%;box-sizing:border-box;text-align:end}
.xl-1{color:var(--mute);font-size:11.5px;text-align:end;min-height:1.2em}
.xl-b{display:flex;gap:4px}.xl-b .iconbtn{height:32px;min-width:32px;padding:0;border-color:var(--line2);color:var(--ink2);justify-content:center}
.xl-b .iconbtn:disabled{opacity:.35}
html.pk-open{overflow:hidden}
.pk-ov{position:fixed;inset:0;z-index:1000;background:rgba(6,14,24,.45);display:flex;align-items:flex-start;justify-content:center;padding:8vh 12px 12px}
.pk{width:min(520px,100%);max-height:78vh;display:flex;flex-direction:column;background:var(--card);color:var(--ink);border-radius:16px;box-shadow:0 20px 60px -10px rgba(0,0,0,.4);overflow:hidden}
.pk-h{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line)}
.pk-q{flex:1;height:44px;font-size:16px;border:1px solid var(--line2);border-radius:10px;background:var(--bg2);padding:0 12px;min-width:0}
.pk-x{height:44px;min-width:44px;border-color:var(--line2);color:var(--ink2);justify-content:center}
.pk-l{overflow-y:auto;padding:4px 6px 10px;overscroll-behavior:contain}
.pk-g{position:sticky;top:0;background:var(--card);padding:10px 8px 4px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--mute)}
.pk-i{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 10px;border:0;border-radius:10px;background:transparent;cursor:pointer;text-align:start}
.pk-i:hover,.pk-i:focus-visible{background:var(--bg2);outline:none}.pk-i[aria-selected="true"]{background:var(--tealbg)}
.pk-i b{min-width:56px}.pk-i span{color:var(--mute);font-size:13.5px}
.pk-none{padding:18px 10px}
.k-pxrow{display:flex;gap:6px;align-items:center}.k-pxrow input{flex:1;min-width:0}
#kLevV,#kTk{height:36px;border:1px solid var(--line2);border-radius:10px;background:var(--card);padding:0 10px;min-width:0;box-sizing:border-box}
#kLevV{width:100%}
.k-levc .seg{flex:none}.k-levx{font-size:12px}
.k-spec{margin:8px 0 0;font-size:13px;color:var(--ink2)}
@media (max-width:560px){
  .pk-ov{align-items:flex-end;padding:0}
  .pk{width:100%;max-height:86vh;border-radius:18px 18px 0 0}
  .xe-box{padding:12px}
  .xe-pair{grid-template-columns:1fr;gap:8px}
  .xe-swap{justify-self:center;margin:0;transform:rotate(90deg)}.xe-swap.spin{transform:rotate(270deg)}
  .xl-r{grid-template-columns:auto minmax(0,1fr) auto;padding:10px}
  .xl-v{grid-column:1/-1;grid-row:2}
  .k-inst{grid-column:1/-1}
}
.calc [hidden],.tool [hidden]{display:none!important}
.k-levc{grid-column:span 2}
@media (max-width:560px){.k-levc{grid-column:1/-1}.xe-swap{width:40px;height:40px;font-size:17px;margin:-4px 0}.xe-box{gap:10px}}
/* tiered margin + share */
.k-tier{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
.k-tsw{display:flex;align-items:center;gap:8px;flex-wrap:wrap;cursor:pointer;font-size:14px}
.k-tsw input{width:18px;height:18px;accent-color:var(--teal);margin:0}
.k-tsw .mute{font-size:12px}
.k-tbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.k-tbar select{height:34px;border-radius:10px;border:1px solid var(--line2);background:var(--card);color:var(--ink);padding:0 8px;font-size:13px;max-width:100%}
.k-tmx{margin:8px 0}
.k-tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.k-tt td,.k-tt th{vertical-align:middle}
.k-tt th:not(:first-child),.k-tt td{text-align:start}
.k-tt input{width:100%;min-width:88px;max-width:150px;height:34px;border-radius:9px;border:1px solid var(--line2);background:var(--card);color:var(--ink);padding:0 8px;font:inherit;font-variant-numeric:tabular-nums}
.k-trate{display:inline-flex;gap:4px;align-items:center}
.k-trate input{min-width:64px;max-width:90px}
.k-trate select{height:34px;border-radius:9px;border:1px solid var(--line2);background:var(--card);color:var(--ink);font:inherit;font-size:12px}
.k-tt tr.bad input{border-color:var(--down,#d33)}
.k-trm{border:0;background:none;color:var(--mute);cursor:pointer;font-size:14px;width:32px;height:32px;border-radius:8px}
.k-trm:hover{background:var(--bg2);color:var(--ink)}
#kTierAdd{margin-top:8px}
#kTierAdd:disabled{opacity:.5;cursor:default}
#kTierErr{margin-inline-start:8px}
#kTierOut{margin-top:12px}
.k-tb tr.on td{background:var(--tealbg)}
.k-tb tr:not(.on) td{color:var(--mute)}
.k-tb tfoot th{font-size:13px;text-transform:none;letter-spacing:0;color:var(--ink);padding:10px 8px;border-bottom:0}
.k-tb tfoot th.num{text-align:end}
.k-teff{font-weight:600;color:var(--ink2)}
.k-sharebar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.k-sharebar .btn{margin:0}
@media (max-width:560px){.k-tt input{min-width:70px}.k-trate input{min-width:54px}.k-tbar .seg{width:100%}.k-tbar select{width:100%}.k-tb{font-size:12px}.k-tb td,.k-tb th{padding:7px 5px}}
.k-tt td.num{text-align:start}
.k-tb .nw,.k-tb td{white-space:nowrap}
.k-trate select{min-width:54px}
@media (max-width:560px){.k-tt td,.k-tt th{padding:7px 4px}.k-tt input{min-width:60px;max-width:96px}.k-trate input{min-width:48px;max-width:64px}.k-tb thead th:nth-child(4),.k-tb tbody td:nth-child(4),.k-tb tfoot .k-c4,.k-tb .k-tlev{display:none}.k-tb tfoot th[colspan]{}.k-trm{width:28px}}
@media (max-width:560px){.k-tb thead th{white-space:normal;vertical-align:bottom}.k-tb td,.k-tb th{padding:7px 4px}.k-tb{font-size:11.5px}}
@media (max-width:560px){.k-tb tbody .k-tcur{display:none}}

/* EAs & algos hub (src/algos.js). Cards are server-rendered; filtering only toggles [hidden], so nothing shifts on load. */
.algos-pg{padding-bottom:24px}
.algos-pg .pagehead .sub{max-width:860px;line-height:1.7}
.alg-risk{margin:12px 0 16px;padding:12px 14px;border-radius:var(--r);background:var(--warnbg);color:var(--ink);border:1px solid var(--line);line-height:1.6;font-size:14px;max-width:960px}
.alg-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 12px;align-items:end;margin-bottom:16px}
.alg-f{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--ink2);min-width:0}
.alg-f select{width:100%;min-width:0;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);font:inherit;font-size:14px;height:38px}
.alg-reset{margin-top:0;height:38px;justify-content:center;background:transparent;color:var(--teal)}
.alg-count{grid-column:1/-1;margin:0;font-size:13px;color:var(--ink2)}
.alg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;align-items:start}
.alg-grp{grid-column:1/-1;margin:14px 0 0;font-size:1.15rem}
.alg-grp:first-child{margin-top:0}
.alg-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:var(--sh);min-width:0;display:flex;flex-direction:column;gap:8px}
.alg-card[hidden],.alg-grp[hidden]{display:none}
.alg-name{margin:0;font-size:1.05rem}
.alg-cat{font-size:12px;color:var(--ink2);font-weight:600}
.alg-dl{display:flex;flex-direction:column;gap:5px;margin:0;font-size:13.5px;line-height:1.5}
.alg-dl>div{display:grid;grid-template-columns:92px 1fr;gap:10px}
.alg-dl dt{font-weight:600;color:var(--ink2)}
.alg-dl dd{margin:0;min-width:0;overflow-wrap:anywhere}
.alg-tags{display:inline-flex;flex-wrap:wrap;gap:4px;margin-inline-end:4px;vertical-align:middle}
.alg-tag{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--bg2);border:1px solid var(--line);color:var(--ink2)}
.alg-nv{display:inline-block;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--warnbg);color:var(--warn);margin-inline-start:4px;white-space:nowrap}
.alg-note{margin:0;font-size:13.5px;line-height:1.6;color:var(--ink)}
.alg-foot{margin:auto 0 0;font-size:12px;color:var(--ink2);line-height:1.6;overflow-wrap:anywhere}
.alg-none{padding:16px;text-align:center;color:var(--ink2)}
.alg-guide{margin-top:24px;max-width:960px}
.alg-vet,.alg-regs{line-height:1.7;padding-inline-start:22px}
.alg-regnote{padding:10px 12px;border-radius:10px;background:var(--bg2);border:1px solid var(--line);line-height:1.6}
.alg-gloss dt{font-weight:700;margin-top:8px}.alg-gloss dd{margin:2px 0 0;line-height:1.6}
@media (max-width:600px){.alg-filters{grid-template-columns:1fr 1fr}.alg-grid{grid-template-columns:1fr}.alg-dl>div{grid-template-columns:84px 1fr;gap:8px}}

/* Install-app card (public/pwa.js). z 65: above .ad-sticky (60), below the chat FAB (70) / panel (75) and .consent (90).
   Sits beside the chat button (inset-inline-end clears it) and is lifted above the sticky ad by pwa.js. */
.pwa-card{position:fixed;z-index:65;bottom:12px;inset-inline-start:12px;inset-inline-end:12px;max-width:400px;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);animation:pwaIn .25s ease-out}
.pwa-card.pwa-chat{inset-inline-end:84px}
.pwa-card img{width:40px;height:40px;border-radius:9px;flex:none}
.pwa-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.35}.pwa-txt b{font-size:14px}.pwa-txt small{font-size:12px;color:var(--mute)}
.pwa-card .btn{margin:0;flex:none}
.pwa-x{flex:none;align-self:flex-start;width:26px;height:26px;border-radius:50%;border:0;background:transparent;color:var(--mute);font-size:18px;line-height:1;cursor:pointer}.pwa-x:hover{background:var(--line)}
html.ch-open .pwa-card,html.cs-open .pwa-card{display:none}
@media (max-width:600px){.pwa-card.pwa-chat{inset-inline-end:78px}}
@media (prefers-reduced-motion:reduce){.pwa-card{animation:none}}
@keyframes pwaIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* ETFs section (src/etfs.js) */
.etf-warn{border:2px solid #d97706;background:rgba(217,119,6,.09);padding:14px 16px;margin:12px 0}
.etf-warn h2{margin:0 0 6px;font-size:16px;color:#b45309}
.etf-warn ul{margin:6px 0 0;padding-inline-start:20px;line-height:1.7}
.etf-note{border-inline-start:4px solid var(--mute);padding:10px 14px;margin:12px 0}
.etf-cats{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.etf-cats a{border:1px solid var(--line,#ddd);border-radius:999px;padding:5px 12px;font-size:13px}
.etf-ret dd .chip{font-variant-numeric:tabular-nums}
.etf-about{line-height:1.75}
.etf-about h3{font-size:15px;margin:16px 0 6px}
.etf-about p{margin:0 0 10px;max-width:72ch}
.mainnav .pwa-nav{color:var(--gold2)}.foot-links .pwa-foot{font-weight:600}
@media (min-width:821px){.mainnav .pwa-nav{display:none}}

/* Crawlable SSR block inside #view for JS shells (home/news/calendar/tools). SPA replaces #view for users. */
.ssr-body{max-width:900px;margin:16px 20px 28px;padding:0}
.ssr-body h2{font-size:1rem;margin:0 0 8px}
.ssr-body .ssr-intro,.ssr-body .ssr-more,.ssr-body .seo-guide p{margin:0 0 8px;color:var(--mute,#667);font-size:.92rem;line-height:1.7}
.ssr-body .seo-guide{margin-top:8px}
.ssr-body .seo-links{margin-top:10px}

/* Why is it moving? — editor note, not a headline list. */
.why-home{min-height:0}
.why-card,.why-slot{min-width:0}
.gold-grid>.why-slot{grid-column:1/-1}
.why-slot[hidden]{display:none}
.why{display:grid;gap:8px;max-width:72ch}
.why h3{font-size:1.15rem;margin:0}
.why h4{margin:8px 0 0}
.why-flag{margin:0;padding:8px 12px;border-radius:10px;background:var(--warnbg);color:var(--ink);border:1px solid var(--line)}
.why-dated{background:var(--bg2)}
.why-obs,.why-text,.why-focus{margin:0;line-height:1.65}
.why-k{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);margin-bottom:2px}
.why-rep,.why-con,.why-more{margin:0;padding-inline-start:1.15rem;display:grid;gap:8px}
.why-con li p{margin:0}
.why-src{font-size:12px;color:var(--mute);overflow-wrap:anywhere}
.why-src a{overflow-wrap:anywhere}
.why-empty{display:grid;gap:6px}
.why-empty h3,.why-empty p{margin:0}
.why-empty p{line-height:1.6;max-width:68ch}
.why-also{margin:12px 0 0}
.why-pick{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.why-slot, article.why, article.ins, #ins-pol, #ins-why{scroll-margin-top:168px}
.ins-slot,.ins-related{margin-top:12px}
.ins-src{font-size:.92rem}
.ins-prints{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ins-prints li{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}
.ins-why-list{margin:0;padding-inline-start:1.1rem}
.ins-home,.ins-card{display:grid;gap:14px}
@media (min-width:800px){.ins-home{grid-template-columns:1fr 1fr}.ins-home .ins-related{grid-column:1 / -1}}
.why-pick a{border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:var(--bg2)}
.why-cards{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.why-cards>li{border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-width:0}
.why-compact{max-width:none}
@media (min-width:800px){.why-cards{grid-template-columns:1fr 1fr}}
#whyInst{margin:12px 0 4px;padding-top:8px;border-top:1px solid var(--line)}
@media (max-width:820px){
  .why{max-width:none}
  .why h3{font-size:1.05rem}
  .why-obs{font-size:14px}
}