@font-face{font-family:'Roboto';font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto';font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Material Icons Round";font-display:swap;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsround/v65/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format("woff2")}.mir{font-family:"Material Icons Round";font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:liga;-webkit-font-smoothing:antialiased}@font-face{font-family:"PBT Icons";font-display:block;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsround/v65/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format("woff2")}
:root{
    --body-font:'Roboto', Arial, sans-serif;
    --menu-font:'Roboto', Arial, sans-serif;
    --title-font:'Roboto', Arial, sans-serif;
    --text-font:'Roboto', Arial, sans-serif;
    --body-bg-color:#f5f6f7;
    --body-bg:#f5f6f7 none repeat fixed top left;
    --outer-bg:#f5f6f7;
    --main-color:#cc2e0d;
    --title-color:#16161a;
    --title-hover-color:#cc2e0d;
    --meta-color:#6b7280;
    --text-color:#626262;
    --tag-bg:#cc2e0d;
    --tag-color:#ffffff;
    --topbar-bg:#16161a;
    --topbar-color:#ffffff;
    --topbar-hover-color:#fd3a13;
    --header-bg:#ffffff;
    --header-color:#16161a;
    --header-hover-color:#cc2e0d;
    --submenu-bg:#ffffff;
    --submenu-color:#16161a;
    --submenu-hover-color:#cc2e0d;
    --mega-bg:#ffffff;
    --mega-color:#16161a;
    --mega-hover-color:#cc2e0d;
    --mega-meta-color:#6b7280;
    --mobilemenu-bg:#ffffff;
    --mobilemenu-color:#16161a;
    --mobilemenu-hover-color:#cc2e0d;
    --ticker-title-color:#cc2e0d;
    --ticker-color:#16161a;
    --ticker-hover-color:#cc2e0d;
    --widget-bg:#ffffff;
    --widget-title-color:#16161a;
    --widget-dash-color:#cc2e0d;
    --video-widget-bg:#16161a;
    --video-widget-color:#ffffff;
    --video-widget-hover-color:#fd3a13;
    --video-widget-meta-color:#AAAAAA;
    --footer-bg:#16161a;
    --footer-color:#ffffff;
    --footer-hover-color:#fd3a13;
    --footer-meta-color:#AAAAAA;
    --footer-text-color:#AAAAAA;
    --footerbar-bg:#09090a;
    --footerbar-color:#ffffff;
    --footerbar-hover-color:#fd3a13;
    --cookie-bg:#ffffff;
    --cookie-color:#626262;
    --button-bg:#cc2e0d;
    --button-color:#ffffff;
    --button-hover-bg:#e33411;
    --button-hover-color:#ffffff;
    --light-weight:400;
    --title-weight: 700;
    --gray-bg:rgba(155,155,155,0.05);
    --border-color:rgba(155,155,155,0.1);
    --radius:2px;
    --widget-shadow: 0 0 5px rgba(0,0,0,0.01);
    --avatar-shadow:0px 1px 4px rgba(0,0,0,0.05);
}
html.is-dark{
    --body-bg-color:#27272b;
    --body-bg:#f5f6f7 none repeat fixed top left;
    --outer-bg:#16161a;
    --title-color:#f8f8fb;
    --title-hover-color:#cc2e0d;
    --meta-color:#aaa;
    --text-color:#c5c5c8;
    --tag-bg:#cc2e0d;
    --tag-color:#ffffff;
    --topbar-bg:#16161a;
    --topbar-color:#f8f8fb;
    --topbar-hover-color:#fd3a13;
    --header-bg:#202024;
    --header-color:#f8f8fb;
    --header-hover-color:#cc2e0d;
    --submenu-bg:#252529;
    --submenu-color:#f8f8fb;
    --submenu-hover-color:#cc2e0d;
    --mega-bg:#252529;
    --mega-color:#f8f8fb;
    --mega-hover-color:#cc2e0d;
    --mega-meta-color:#aaa;
    --mobilemenu-bg:#16161a;
    --mobilemenu-color:#f8f8fb;
    --mobilemenu-hover-color:#cc2e0d;
    --ticker-title-color:#cc2e0d;
    --ticker-color:#f8f8fb;
    --ticker-hover-color:#cc2e0d;
    --widget-bg:#202024;
    --widget-title-color:#f8f8fb;
    --widget-dash-color:#cc2e0d;
    --footer-bg:#202024;
    --footer-color:#f8f8fb;
    --footer-hover-color:#fd3a13;
    --footer-meta-color:#aaa;
    --footer-text-color:#c5c5c8;
    --footerbar-bg:#16161a;
    --footerbar-color:#f8f8fb;
    --footerbar-hover-color:#fd3a13;
    --cookie-bg:#202024;
    --cookie-color:#c5c5c8;
    --button-bg:#cc2e0d;
    --button-color:#fff;
    --button-hover-bg:#e33411;
    --button-hover-color:#ffffff;
    --gray-bg:rgba(255,255,255,0.03);
    --border-color:rgba(255,255,255,0.05);
}
html.rtl{
    --body-font:'Cairo',Arial,sans-serif;
    --menu-font:'Cairo',Arial,sans-serif;
    --title-font:'Cairo',Arial,sans-serif;
    --text-font:'Cairo',Arial,sans-serif;
}
html,body,a,abbr,acronym,address,applet,b,big,blockquote,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,input,button,h1,h2,h3,h4,h5,h6,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;margin:0;border:0;outline:none;vertical-align:baseline;background:0 0;text-decoration:none}dl,ul{list-style-position:inside;list-style:none}ul li{list-style:none}caption{text-align:center}img{border:none;position:relative}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0}a{color:var(--main-color)}a img{border:0}abbr{text-decoration:none}.separator a{text-decoration:none!important;clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}#Navbar1,#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}.center{display:table;margin:0 auto;position:relative}.widget > h2,.widget > h3{display:none}.widget iframe,.widget img{max-width:100%}button,input,select,textarea{background:transparent;font-family:var(--body-font);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:0}button{cursor:pointer}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
*{box-sizing:border-box}
html{position:relative;word-break:break-word;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
body{position:relative;background:var(--body-bg);background-color:var(--body-bg-color);font-family:var(--body-font);font-size:14px;color:var(--text-color);font-weight:400;font-style:normal;line-height:1.4em}
.rtl{direction:rtl}
.is-roboto{--light-weight:300}
.rtl .is-roboto{--light-weight:400}
h1,h2,h3,h4,h5,h6{font-family:var(--title-font);font-weight:700}
a,input,button{transition:all .0s ease}
#outer-wrapper{position:relative;overflow:hidden;width:100%;max-width:100%;background-color:var(--outer-bg);margin:0 auto;padding:0}
.is-boxed #outer-wrapper{width:1123px;max-width:100%;box-shadow:0 0 20px rgba(0,0,0,0.05)}
.is-dark .is-boxed #outer-wrapper{box-shadow:0 0 20px rgba(0,0,0,0.2)}
.container{position:relative}
.row-x1{width:1073px;max-width:100%}
.row-x2{width:100%}
.flex-c{display:flex;justify-content:center}
.flex-col{display:flex;flex-direction:column}
.flex-sb{display:flex;justify-content:space-between}
#content-wrapper{float:left;width:100%;overflow:hidden;padding:25px 0}
.is-left #content-wrapper > .container,.rtl .is-right #content-wrapper > .container{flex-direction:row-reverse}
.rtl .is-left #content-wrapper > .container{flex-direction:row}
.theiaStickySidebar:before,.theiaStickySidebar:after{content:'';display:table;clear:both}
#main-wrapper{position:relative;width:calc(100% - 345px)}
.no-sidebar #main-wrapper{width:100%}
#sidebar-wrapper{position:relative;width:320px}
.no-sidebar #sidebar-wrapper{display:none}
.entry-image-wrap,.author-avatar-wrap,.comments .avatar-image-container{display:block;position:relative;overflow:hidden;background-color:var(--gray-bg);z-index:5;color:transparent}
.entry-image,.author-avatar{display:block;position:relative;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1;transform-origin:center;opacity:0;transition:opacity .35s ease,transform .35s ease}
.entry-image.pbt-lazy,.author-avatar.pbt-lazy{opacity:1}
.entry-image-wrap:hover .entry-image,.cs:hover .entry-image-wrap .entry-image{transform:scale(1.05)}
.is-video:after{display:flex;position:absolute;content:'\e037';top:50%;right:50%;width:34px;height:34px;background-color:rgba(0,0,0,0.5);font-family:'Material Icons Round';font-size:25px;color:#fff;font-weight:400;align-items:center;justify-content:center;z-index:5;transform:translate(50%,-50%);box-sizing:border-box;padding:0 0 0 1px;border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1)}
.sz-1.is-video:after{transform:translate(50%,-50%) scale(.7)}
.sz-2.is-video:after{transform:translate(50%,-50%) scale(.85)}
.is-video:hover:after,.cs:hover .is-video:after{background-color:var(--main-color)}
.rtl .cs .is-video:after{left:15px;right:unset}
.entry-header{display:flex;flex-direction:column}
.entry-category{display:flex;align-items:center;height:17px;background-color:var(--tag-bg);font-size:10px;color:var(--tag-color);font-weight:500;text-transform:uppercase;line-height:0;padding:1px 7px 0;border-radius:var(--radius)}
.entry-image-wrap .entry-category{position:absolute;left:0;bottom:0;z-index:2;border-radius:0 var(--radius) 0 0}
.rtl .entry-image-wrap .entry-category{left:unset;right:0;border-radius:var(--radius) 0 0 0}
.entry-title{color:var(--title-color);font-weight:var(--title-weight);line-height:1.35em}
.entry-title a{display:block;color:var(--title-color)}
.entry-title a:hover{color:var(--title-hover-color)}
.entry-meta{display:flex;font-size:12px;color:var(--meta-color);font-weight:var(--light-weight);margin:4px 0 0}
.entry-meta .mi{display:flex}
.entry-meta .mi,.entry-meta .sp{margin:0 4px 0 0}
.rtl .entry-meta .mi,.rtl .entry-meta .sp{margin:0 0 0 4px}
.entry-meta .author-name{color:var(--main-color);font-weight:500}
.excerpt{font-family:var(--text-font);line-height:1.5em;font-weight:var(--light-weight)}
.cs .entry-inner{display:block;position:relative;width:100%;height:100%;overflow:hidden}
.before-mask:before{content:'';position:absolute;left:0;right:0;bottom:0;height:80%;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 25%,rgba(0,0,0,0.5));-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;opacity:1;margin:0;transition:opacity .25s ease}
.entry-info{position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.65));overflow:hidden;z-index:10;padding:15px}
.entry-info .entry-title{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.2)}
.entry-info .entry-meta{color:#c5c5ca;text-shadow:0 1px 2px rgba(0,0,0,0.1)}
.entry-info .entry-meta .author-name{color:#d5d5da}
.entry-info .entry-category{width:-moz-fit-content;width:fit-content;margin:0 0 10px}
.btn{position:relative;border-radius:var(--radius)}
.error-msg{display:flex;align-items:center;font-size:14px;color:var(--meta-color);padding:20px 0;font-weight:400}
.loader{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0}
.loader:after{content:'';display:block;width:30px;height:30px;box-sizing:border-box;margin:0;border:2px solid var(--main-color);border-right-color:var(--border-color);border-radius:100%;animation:spinner .65s infinite linear;transform-origin:center}
@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.social a:before{display:block;font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400}
.social .twitter a:before,.social .x a:before{content:'\e61b'}
.social .rss a:before,.social .share a:before,.social .email a:before,.social .external-link a:before{content:'\e0e5';font-family:'Material Icons Round'}
.social .share a:before{content:'\e80d'}
.social .email a:before{content:'\e0be'}
.social .external-link a:before{content:'\e89e'}
.sb-a .google a,.sb-h .google a:hover{background-color:#1a73e8}
.sb-a .blogger a,.sb-h .blogger a:hover{background-color:#ff5722}
.sb-a .apple a,.sb-h .apple a:hover{background-color:#333}
.sb-a .amazon a,.sb-h .amazon a:hover{background-color:#fe9800}
.sb-a .microsoft a,.sb-h .microsoft a:hover{background-color:#0067B8}
.sb-a .facebook a,.sb-a .facebook-f a,.sb-h .facebook a:hover,.sb-h .facebook-f a:hover{background-color:#3b5999}
.sb-a .twitter a,.sb-a .x-twitter a,.sb-a .x a,.sb-h .twitter a:hover,.sb-h .x-twitter a:hover,.sb-h .x a:hover{background-color:#000}
.sb-a .youtube a,.sb-h .youtube a:hover{background-color:#f50000}
.sb-a .instagram a,.sb-h .instagram a:hover{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)}
.sb-a .pinterest a,.sb-a .pinterest-p a,.sb-h .pinterest a:hover,.sb-h .pinterest-p a:hover{background-color:#ca2127}
.sb-a .dribbble a,.sb-h .dribbble a:hover{background-color:#ea4c89}
.sb-a .linkedin a,.sb-h .linkedin a:hover{background-color:#0077b5}
.sb-a .tumblr a,.sb-h .tumblr a:hover{background-color:#365069}
.sb-a .twitch a,.sb-h .twitch a:hover{background-color:#6441a5}
.sb-a .rss a,.sb-h .rss a:hover{background-color:#ffc200}
.sb-a .skype a,.sb-h .skype a:hover{background-color:#00aff0}
.sb-a .stumbleupon a,.sb-h .stumbleupon a:hover{background-color:#eb4823}
.sb-a .vk a,.sb-h .vk a:hover{background-color:#4a76a8}
.sb-a .stack-overflow a,.sb-h .stack-overflow a:hover{background-color:#f48024}
.sb-a .github a,.sb-h .github a:hover{background-color:#24292e}
.sb-a .soundcloud a,.sb-h .soundcloud a:hover{background:linear-gradient(#ff7400,#ff3400)}
.sb-a .behance a,.sb-h .behance a:hover{background-color:#191919}
.sb-a .digg a,.sb-h .digg a:hover{background-color:#1b1a19}
.sb-a .delicious a,.sb-h .delicious a:hover{background-color:#0076e8}
.sb-a .codepen a,.sb-h .codepen a:hover{background-color:#000}
.sb-a .flipboard a,.sb-h .flipboard a:hover{background-color:#f52828}
.sb-a .reddit a,.sb-h .reddit a:hover{background-color:#ff4500}
.sb-a .whatsapp a,.sb-h .whatsapp a:hover{background-color:#3fbb50}
.sb-a .messenger a,.sb-h .messenger a:hover{background-color:#0084ff}
.sb-a .snapchat a,.sb-h .snapchat a:hover{background-color:#ffe700}
.sb-a .telegram a,.sb-h .telegram a:hover{background-color:#179cde}
.sb-a .steam a,.sb-h .steam a:hover{background:linear-gradient(5deg,#0d89bc,#112c5b,#0d1c47)}
.sb-a .discord a,.sb-h .discord a:hover{background-color:#7289da}
.sb-a .quora a,.sb-h .quora a:hover{background-color:#b92b27}
.sb-a .tiktok a,.sb-h .tiktok a:hover{background-color:#fe2c55}
.sb-a .share a,.sb-h .share a:hover{background-color:var(--meta-color)}
.sb-a .email a,.sb-h .email a:hover{background-color:#888}
.sb-a .line a,.sb-h .line a:hover{background-color:#07b53b}
.sb-a .external-link a,.sb-h .external-link a:hover{background-color:var(--title-color)}
.sc-a .blogger a,.sc-h .blogger a:hover{color:#1a73e8}
.sc-a .blogger a,.sc-h .blogger a:hover{color:#ff5722}
.sc-a .apple a,.sc-h .apple a:hover{color:#333}
.sc-a .amazon a,.sc-h .amazon a:hover{color:#fe9800}
.sc-a .microsoft a,.sc-h .microsoft a:hover{color:#0067B8}
.sc-a .facebook a,.sc-a .facebook-f a,.sc-h .facebook a:hover,.sc-h .facebook-f a:hover{color:#3b5999}
.sc-a .twitter a,.sc-a .x-twitter a,.sc-a .x a,.sc-h .twitter a:hover,.sc-h .x-twitter a:hover,.sc-h .x a:hover{color:#000}
.sc-a .youtube a,.sc-h .youtube a:hover{color:#f50000}
.sc-a .instagram a,.sc-h .instagram a:hover{color:#dd277b}
.sc-a .pinterest a,.sc-a .pinterest-p a,.sc-h .pinterest a:hover,.sc-h .pinterest-p a:hover{color:#ca2127}
.sc-a .dribbble a,.sc-h .dribbble a:hover{color:#ea4c89}
.sc-a .linkedin a,.sc-h .linkedin a:hover{color:#0077b5}
.sc-a .tumblr a,.sc-h .tumblr a:hover{color:#365069}
.sc-a .twitch a,.sc-h .twitch a:hover{color:#6441a5}
.sc-a .rss a,.sc-h .rss a:hover{color:#ffc200}
.sc-a .skype a,.sc-h .skype a:hover{color:#00aff0}
.sc-a .stumbleupon a,.sc-h .stumbleupon a:hover{color:#eb4823}
.sc-a .vk a,.sc-h .vk a:hover{color:#4a76a8}
.sc-a .stack-overflow a,.sc-h .stack-overflow a:hover{color:#f48024}
.sc-a .github a,.sc-h .github a:hover{color:#24292e}
.sc-a .soundcloud a,.sc-h .soundcloud a:hover{color:#ff7400}
.sc-a .behance a,.sc-h .behance a:hover{color:#191919}
.sc-a .digg a,.sc-h .digg a:hover{color:#1b1a19}
.sc-a .delicious a,.sc-h .delicious a:hover{color:#0076e8}
.sc-a .codepen a,.sc-h .codepen a:hover{color:#000}
.sc-a .flipboard a,.sc-h .flipboard a:hover{color:#f52828}
.sc-a .reddit a,.sc-h .reddit a:hover{color:#ff4500}
.sc-a .whatsapp a,.sc-h .whatsapp a:hover{color:#3fbb50}
.sc-a .messenger a,.sc-h .messenger a:hover{color:#0084ff}
.sc-a .snapchat a,.sc-h .snapchat a:hover{color:#ffe700}
.sc-a .telegram a,.sc-h .telegram a:hover{color:#179cde}
.sc-a .steam a,.sc-h .steam a:hover{color:#112c5b}
.sc-a .discord a,.sc-h .discord a:hover{color:#7289da}
.sc-a .quora a,.sc-h .quora a:hover{color:#b92b27}
.sc-a .tiktok a,.sc-h .tiktok a:hover{color:#fe2c55}
.sc-a .share a,.sc-h .share a:hover{color:var(--meta-color)}
.sc-a .email a,.sc-h .email a:hover{color:#888}
.sc-a .line a,.sc-h .line a:hover{color:#07b53b}
.sc-a .external-link a,.sc-h .external-link a:hover{color:var(--title-color)}
#header-wrapper{float:left;width:100%;z-index:50}
.topbar-wrap{position:relative;float:left;width:100%;height:30px;background-color:var(--topbar-bg);z-index:1}
.topbar-wrap.has-border{border-bottom:1px solid var(--border-color)}
.is-dark .topbar-wrap.has-border{border:0}
.topbar .widget:last-child{display:flex;flex:1;justify-content:flex-end}
.topbar ul{display:flex;flex-wrap:wrap}
.topbar ul li + li{margin:0 0 0 18px}
.rtl .topbar ul li + li{margin:0 18px 0 0}
.topbar li a{display:block;font-size:12px;color:var(--topbar-color);line-height:30px}
.topbar li a:hover{color:var(--topbar-hover-color)}
.topbar li.rss a,.topbar li.email a,.topbar li.external-link a{font-size:15px}
.main-header,.header-inner,.header-header{float:left;width:100%;height:62px;background-color:var(--header-bg)}
.header-inner{background-color:rgba(0,0,0,0)}
.header-header{box-shadow:0 0 8px rgba(0,0,0,0.03)}
.header-inner.is-fixed .header-header{box-shadow:0 0 10px rgba(0,0,0,0.1)}
.header-inner.is-fixed{position:fixed;top:-124px;left:0;width:100%;z-index:990;backface-visibility:hidden;visibility:hidden;opacity:0;transform:translate3d(0,0,0);transition:all .25s ease}
.header-inner.is-fixed.show{visibility:visible;opacity:1;transform:translate3d(0,124px,0)}
.is-boxed .header-header{float:none;width:1123px;max-width:100%;margin:0 auto;padding:0}
.header-items{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between}
.flex-left{display:flex;align-items:center;z-index:15}
.flex-right{display:flex;align-items:center;position:absolute;top:0;right:0;height:62px;z-index:15}
.rtl .flex-right{left:0;right:unset}
.main-logo{display:flex;align-items:center;flex-shrink:0;height:62px;overflow:hidden;margin:0 14px 0 0}
.rtl .main-logo{margin:0 0 0 14px}
.main-logo img{display:block;width:auto;height:auto;max-height:40px}
.main-logo .title{max-width:100%;font-size:25px;color:var(--header-color);line-height:40px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.main-logo .title a{color:var(--header-color)}
.main-logo .title a:hover{color:var(--header-hover-color)}
.main-logo #h1-off{display:none;visibility:hidden}
#magspot-main-menu{z-index:10}
#magspot-main-menu .widget,#magspot-main-menu .widget > .widget-title{display:none}
#magspot-main-menu .show-menu{display:block}
.main-nav{display:flex;height:62px}
.main-nav > li{position:relative;display:flex;flex-shrink:0}
.main-nav > li > a{display:flex;font-family:var(--menu-font);font-size:14px;color:var(--header-color);font-weight:700;align-items:center;text-transform:uppercase;padding:0 14px}
.main-nav > li:hover > a{color:var(--header-hover-color)}
.main-nav .has-sub > a:after{display:inline-block;content:'\e5cf';font-family:'Material Icons Round';font-size:16px;font-weight:400;margin:-4px 0 0 2px}
.rtl .main-nav .has-sub > a:after{margin:-4px 2px 0 0}
.main-nav .sub-menu,.main-nav .ul{position:absolute;left:0;top:62px;width:180px;background-color:var(--submenu-bg);z-index:99999;padding:6px 0;backface-visibility:hidden;visibility:hidden;opacity:0;box-shadow:0 1px 2px rgba(0,0,0,0.05),0 5px 10px 0 rgba(0,0,0,0.05)}
.rtl .main-nav .sub-menu,.rtl .main-nav .ul{left:auto;right:0}
.main-nav .sub-menu.sm-2{top:-6px;left:100%}
.rtl .main-nav .sub-menu.sm-2{left:unset;right:100%}
.main-nav .sub-menu li{position:relative;display:block}
.main-nav .sub-menu li a{display:flex;justify-content:space-between;font-size:14px;color:var(--submenu-color);padding:8px 15px}
.main-nav .sub-menu li:hover > a{color:var(--submenu-hover-color)}
.main-nav .sub-menu > .has-sub > a:after{content:'\e5cc';margin:0 -5px}
.rtl .main-nav .sub-menu > .has-sub > a:after{content:'\e5cb'}
.main-nav .sub-menu,.main-nav .ul{transition:all .17s ease}
.main-nav li:hover > .sub-menu,.main-nav li:hover .ul{backface-visibility:inherit;visibility:visible;opacity:1}
.main-nav .mega-menu{position:static!important}
.main-nav .mega-menu > .ul{width:100%;background-color:var(--mega-bg);overflow:hidden}
.mega-menu .mega-items{display:grid;grid-template-columns:repeat(5,1fr);column-gap:20px;padding:20px}
.mega-items .mega-item{--title-color:var(--mega-color);--title-hover-color:var(--mega-hover-color);--meta-color:var(--mega-meta-color);width:100%;display:flex;flex-direction:column}
.mega-item .entry-image-wrap{width:100%;height:125px;z-index:1;margin:0 0 8px}
.mega-item .entry-title{font-size:14px}
.mega-menu .mega-tabs{display:grid;grid-template-columns:calc(1053px / 5) 1fr;padding:0}
.mega-menu .mega-tabs .tab-items{background-color:var(--gray-bg);padding:20px 0}
.mega-menu .mega-tabs li a{display:flex;justify-content:space-between;font-size:14px;color:var(--mega-color);padding:8px 20px;transition:background .17s ease}
.mega-menu .mega-tabs li.active a:after{content:'\e5cc';font-family:'Material Icons Round';font-weight:400;font-size:16px;margin:0 -5px}
.rtl .mega-menu .mega-tabs li.active a:after{content:'\e5cb'}
.mega-menu .mega-tabs li.active a{background-color:var(--mega-bg);color:var(--mega-hover-color)}
.mega-tab{display:none;position:relative;padding:20px}
.mega-tab.active{display:block}
@keyframes megaFadeIn{0%{opacity:.1}100%{opacity:1}}
.mega-tab.fadeIn{animation:megaFadeIn .5s ease}
.mega-menu .mega-tabs .mega-items{grid-template-columns:repeat(4,1fr);padding:0}
.mega-tabs .mega-item .entry-image{width:calc(953px / 5);height:125px}
.mega-menu .mega-items.on-load,.mega-menu .mega-items.no-items{grid-template-columns:1fr}
.mega-tab .mega-items.on-load,.mega-tab .mega-items.no-items{height:100%;padding:0}
.mega-menu .error-msg{justify-content:center;padding:40px 0}
.mega-menu .loader{height:120px}
.mega-tab .loader{height:100%}
.mobile-menu-toggle{display:none;height:34px;font-size:26px;color:var(--header-color);align-items:center;padding:0 13px 0 16px}
.rtl .mobile-menu-toggle{padding:0 16px 0 13px}
.mobile-menu-toggle:after{content:'\e5d2';font-family:'Material Icons Round';font-weight:400}
.mobile-menu-toggle:hover{color:var(--header-hover-color)}
.toggle-wrap{background-color:var(--header-bg);display:flex;align-items:center;z-index:20}
.darkmode-toggle{display:flex;align-items:center;position:relative;width:34px;height:20px;background-color:var(--gray-bg);font-size:12px;color:var(--header-color);margin:0 15px 0 10px;border-radius:20px}
.rtl .darkmode-toggle{margin:0 10px 0 15px}
.darkmode-toggle:before{position:absolute;left:2px;content:'\e518';font-family:'PBT Icons';width:16px;height:16px;background-color:var(--header-bg);flex-shrink:0;font-weight:400;line-height:16px;text-align:center;z-index:2;border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,0.1);transition:left .17s ease}
.is-dark .darkmode-toggle:before{content:'\ea46';left:16px}
.rtl .darkmode-toggle:before{left:16px}
.rtl.is-dark .darkmode-toggle:before{left:2px}
.darkmode-toggle:after{position:absolute;right:4px;content:'\ea46';font-family:'Material Icons Round';width:10px;flex-shrink:0;font-size:8px;font-weight:400;line-height:1;text-align:center;opacity:.5;transition:right .17s ease}
.is-dark .darkmode-toggle:after{content:'\e518';right:20px}
.rtl .darkmode-toggle:after{right:20px}
.rtl.is-dark .darkmode-toggle:after{right:4px}
.darkmode-toggle:hover:before{color:var(--header-hover-color)}
.search-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background-color:var(--gray-bg);color:var(--header-color);font-size:24px;cursor:pointer;border-radius:var(--radius)}
.search-toggle:before{display:block;content:'\e8b6';font-family:'Material Icons Round';font-weight:400}
.search-toggle:hover{color:var(--header-hover-color)}
#main-search-wrap{display:none;position:absolute;top:0;right:0;width:100%;height:62px;background-color:var(--header-bg);z-index:25}
.rtl #main-search-wrap{left:0;right:unset}
.main-search{position:relative;float:right;width:100%;height:100%;display:flex;align-items:center}
.rtl .main-search{float:left}
.main-search .search-form{display:flex;flex:1;height:34px}
.main-search .search-input{width:100%;flex:1;font-family:inherit;font-size:16px;color:var(--header-color);font-weight:var(--light-weight);text-align:left}
.rtl .main-search .search-input{text-align:right}
.main-search .search-input::placeholder{color:var(--header-color);opacity:.65;outline:none}
.main-search .search-toggle:before{content:'\e5cd'}
.overlay{visibility:hidden;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(22,22,26,.5);z-index:1000;-webkit-backdrop-filter:saturate(100%) blur(3px);-ms-backdrop-filter:saturate(100%) blur(3px);-o-backdrop-filter:saturate(100%) blur(3px);backdrop-filter:saturate(100%) blur(3px);margin:0;transition:all .25s ease}
#slide-menu{display:none;position:fixed;width:300px;height:100%;top:0;left:0;bottom:0;background-color:var(--mobilemenu-bg);overflow:hidden;z-index:1010;left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden;box-shadow:3px 0 10px rgba(0,0,0,0.1);transition:all .25s ease}
.rtl #slide-menu{left:unset;right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.nav-active #slide-menu,.rtl .nav-active #slide-menu{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}
.slide-menu-header{height:62px;background-color:var(--header-bg);overflow:hidden;display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.is-dark .slide-menu-header{box-shadow:0 0 8px rgba(0,0,0,0.03)}
.mobile-logo{display:flex;flex:1;width:100%;overflow:hidden;padding:0 0 0 20px}
.rtl .mobile-logo{padding:0 20px 0 0}
.mobile-logo .homepage{max-width:100%;font-size:25px;color:var(--header-color);line-height:40px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mobile-logo .homepage:hover{color:var(--header-hover-color)}
.mobile-logo .logo-img img{display:block;width:auto;max-width:100%;height:auto;max-height:40px}
.hide-mobile-menu{display:flex;height:100%;color:var(--header-color);font-size:26px;align-items:center;z-index:20;padding:0 15px}
.hide-mobile-menu:before{content:'\e5cd';font-family:'Material Icons Round';font-weight:400}
.hide-mobile-menu:hover{color:var(--header-hover-color)}
.slide-menu-flex{display:flex;height:calc(100% - 62px);flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mobile-menu{padding:20px}
.mobile-menu .sub-menu{display:none;grid-column:1/3;overflow:hidden}
.mobile-menu ul li a{display:block;font-size:14px;color:var(--mobilemenu-color);font-weight:400;padding:10px 0}
.mobile-menu > ul > li > a{font-family:var(--menu-font);font-weight:700;text-transform:uppercase}
.mobile-menu li.has-sub{display:grid;grid-template-columns:1fr 34px}
.mobile-menu .submenu-toggle{display:flex;align-self:center;justify-content:flex-end;font-size:24px;color:var(--mobilemenu-color)}
.mobile-menu .submenu-toggle:before{content:'\e5cf';font-family:'Material Icons Round';font-weight:400}
.mobile-menu .expanded > .submenu-toggle:before{content:'\e5ce'}
.mobile-menu ul li a:hover,.mobile-menu .submenu-toggle:hover{color:var(--mobilemenu-hover-color)}
.mobile-menu li.has-sub li a{font-size:14px;opacity:.75;padding:10px 13px}
.mobile-menu li.has-sub li li a{padding:10px 23px}
.mm-footer{padding:20px}
.mm-footer ul{display:flex;flex-wrap:wrap}
.mm-footer li{margin:0 15px 0 0}
.rtl .mm-footer li{margin:0 0 0 15px}
.mm-footer li:last-child{margin:0}
.mm-footer .link-list{margin:10px 0 0}
.mm-footer .link-list li{margin-top:5px}
.mm-footer a{display:block;font-size:14px;color:var(--mobilemenu-color)}
.mm-footer .rss a,.mm-footer .email a,.mm-footer .external-link a{font-size:18px}
.mm-footer a:hover{color:var(--mobilemenu-hover-color)}
#header-ads-wrap{float:left;width:100%}
.header-ads .widget{position:relative;margin:25px 0 0}
#ticker-wrapper,#ticker .widget{float:left;width:100%}
#ticker .widget{--title-color:var(--ticker-color);--title-hover-color:var(--ticker-hover-color);display:none;align-items:flex-start;background-color:var(--widget-bg);padding:10px 13px 10px 20px;margin:25px 0 0;border-radius:var(--radius);box-shadow:var(--widget-shadow)}
.rtl #ticker .widget{padding:10px 20px 10px 13px}
#ticker .widget.is-visible,#ticker .widget.PopularPosts{display:flex}
.ticker .widget-title{display:flex;align-items:center;position:relative;height:20px;color:var(--ticker-title-color);padding:0 6px 0 12px}
.rtl .ticker .widget-title{padding:0 12px 0 6px}
@keyframes pulse{0%{opacity:.8;transform:scale(0.8)}100%{opacity:0;transform:scale(4)}}
.ticker .widget-title:before,.ticker .widget-title:after{content:'';position:absolute;left:0;width:4px;height:4px;background-color:currentColor;border-radius:50%}
.ticker .widget-title:before{animation:pulse 2s infinite}
.rtl .ticker .widget-title:before,.rtl .ticker .widget-title:after{left:unset;right:0}
.ticker .widget-title .title{display:flex;align-items:center;font-size:13px;font-weight:700;text-transform:uppercase}
.ticker .widget-title .title:after{content:'\e5cc';font-family:'Material Icons Round';font-weight:400;font-size:16px;margin:0 -2px}
.rtl .ticker .widget-title .title:after{content:'\e5cb'}
.ticker .widget-content{display:flex;justify-content:space-between;flex:1;height:20px}
.ticker .loader{justify-content:flex-start;padding:0 1px}
.ticker .loader:after{width:14px;height:14px;border-width:1.5px}
.ticker .error-msg{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0}
.ticker-items{position:relative;flex:1;overflow:hidden}
.ticker-item{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transform:translate3d(5px,0,0);pointer-events:none;transition:all .85s ease}
.rtl .ticker-item{left:unset;right:0;transform:translate3d(-10px,0,0)}
.ticker-item.active{opacity:1;visibility:visible;transform:translate3d(0,0,0);pointer-events:initial}
.ticker-item .entry-title{display:flex;align-items:center;height:20px;font-size:14px;font-weight:400}
.ticker-item .entry-title a{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ticker-nav{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;padding:0 0 0 10px}
.rtl .ticker-nav{padding:0 10px 0 0}
.ticker-nav button{display:flex;width:20px;height:20px;background-color:var(--gray-bg);font-size:18px;color:var(--title-color);align-items:center;justify-content:center;border-radius:var(--radius)}
.ticker-nav button:hover{color:var(--title-hover-color)}
.ticker-nav button:before{display:block;font-family:'Material Icons Round'}
.ticker-nav .tn-prev:before,.rtl .ticker-nav .tn-next:before{content:'\e5cb'}
.ticker-nav .tn-next:before,.rtl .ticker-nav .tn-prev:before{content:'\e5cc'}
#featured-wrapper,#featured .widget,#featured .widget-content{float:left;width:100%;margin:0}
#featured .widget{display:none;background-color:var(--widget-bg);padding:20px;margin:25px 0 0;border-radius:var(--radius);box-shadow:var(--widget-shadow)}
#featured .widget.is-visible,#featured .widget.PopularPosts{display:block}
#featured .widget-content{display:flex;align-items:center;justify-content:center;min-height:402px;margin:0}
#featured .error-msg{padding:0}
.featured-items{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2px}
.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2px}
.featured-item{width:100%;height:200px}
.featured-item.item-0{height:100%}
.featured-item .entry-image-wrap{width:100%;height:100%}
.featured-item.item-0 .entry-info{padding:20px}
.featured-item .entry-title{font-size:15px}
.featured-item.item-0 .entry-title{font-size:25px}
.featured-item .entry-meta{flex-wrap:wrap}
.featured-items .cs.item-0 .entry-image-wrap.is-video:after{top:20px;right:20px}
.rtl .featured-items .cs.item-0 .entry-image-wrap.is-video:after{left:20px;right:unset}
.type-feat1 .featured-item.item-1{grid-column:1/3}
.type-feat1 .featured-item.item-1 .entry-title{font-size:19px}
.type-feat3 .featured-grid{grid-template-columns:1fr}
.type-feat3 .featured-item.item-0 .entry-info{padding:20px}
.type-feat3 .featured-item .entry-title{font-size:19px}
.type-feat3 .featured-item.item-0 .entry-title{font-size:25px}
.type-feat4 .featured-items{grid-template-columns:repeat(3, 1fr)}
.type-feat4 .featured-grid{grid-column:2/4}
.type-feat4 .featured-item.item-0 .entry-info{padding:15px}
.type-feat4 .featured-item .entry-title{font-size:17px}
.type-feat4 .featured-item.item-0 .entry-title{font-size:21px}
.type-feat5 .featured-items{grid-template-columns:repeat(3, 1fr)}
.type-feat5 .featured-grid{grid-column:2/4}
.type-feat5 .featured-item{height:402px}
.type-feat5 .featured-item .entry-title{font-size:21px}
.title-wrap{display:flex;justify-content:space-between;height:30px;margin:0 0 20px;border-bottom:2px solid var(--border-color)}
.title-wrap > *{display:flex;align-items:flex-start}
.title-wrap > .title{position:relative;height:30px;font-size:15px;color:var(--widget-title-color);font-weight:700;text-transform:uppercase;line-height:1;margin:0}
.title-wrap > .title:after{position:absolute;content:'';left:0;bottom:0;width:30px;height:2px;background-color:var(--widget-dash-color);margin:0}
.rtl .title-wrap > .title:after{left:unset;right:0}
.title-wrap > .title-link{font-size:13px;color:var(--meta-color);line-height:1;font-weight:var(--light-weight)}
.title-wrap > .title-link:hover{color:var(--main-color)}
.content-section,.content-section .content-block{float:left;width:100%}
.content-section .widget{display:none;float:left;width:100%;background-color:var(--widget-bg);padding:20px;margin:0 0 25px;border-radius:var(--radius);box-shadow:var(--widget-shadow)}
.content-section .widget.column-style{width:calc((100% - 25px) / 2)}
.content-section .widget[data-align="right"]{float:right}
.content-section .widget.is-visible{display:flex;flex-direction:column}
.content-section .widget.is-ad{display:block;background-color:transparent;padding:0;border-radius:0;box-shadow:none}
#content-section-2 .widget:last-child{margin:0}
.content-section .loader{height:180px}
.list1-items{display:grid;grid-template-columns:1fr;grid-gap:25px}
.list1-item{display:flex}
.list1-item .entry-image-wrap{width:235px;height:150px;margin:0 18px 0 0}
.rtl .list1-item .entry-image-wrap{margin:0 0 0 18px}
.list1-item .entry-header{flex:1}
.list1-item .entry-title{font-size:21px}
.list1-item .entry-excerpt{font-size:14px;margin:10px 0 0}
.list1-item .entry-meta{flex-wrap:wrap;margin:10px 0 0}
.block1-items{display:grid;grid-template-columns:repeat(2,1fr);align-items:start;grid-gap:25px}
.block1-items .cs .entry-inner{height:335px}
.block1-items .cs .entry-image-wrap{width:100%;height:100%}
.block1-items .cs .entry-title{font-size:21px}
.block1-items .cs .entry-meta{flex-wrap:wrap}
.block1-list{display:grid;grid-template-columns:1fr;grid-gap:25px}
.block1-list .block1-item{display:flex}
.block1-list .entry-header{flex:1}
.block1-list .entry-image-wrap{width:98px;height:65px;margin:0 13px 0 0}
.rtl .block1-list .entry-image-wrap{margin:0 0 0 13px}
.block1-list .entry-title{font-size:14px}
.block2-items{display:grid;grid-template-columns:1fr;align-items:start;grid-gap:25px}
.block2-items .cs .entry-inner{height:320px}
.block2-items .cs .entry-image-wrap{width:100%;height:100%}
.block2-items .cs .entry-title{font-size:23px}
.block2-items .cs .entry-meta{flex-wrap:wrap}
.block2-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px}
.block2-grid .block2-item{display:flex;flex-direction:column}
.block2-grid .entry-image-wrap{width:100%;height:135px;margin:0 0 10px}
.block2-grid .entry-title{font-size:15px}
.grid1-items{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:25px}
.grid1-item{display:flex;flex-direction:column}
.grid1-item .entry-image-wrap{width:100%;height:180px;margin:0 0 12px}
.grid1-item .entry-title{font-size:19px}
.grid1-item .entry-excerpt{font-size:14px;margin:7px 0 0}
.grid1-item .entry-meta{flex-wrap:wrap;margin:5px 0 0}
.grid1-item .entry-meta.has-snip{margin:8px 0 0}
.grid2-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px}
.grid2-item{display:flex;flex-direction:column}
.grid2-item .entry-image-wrap{width:100%;height:135px;margin:0 0 10px}
.grid2-item .entry-title{font-size:15px}
.column-items{display:grid;grid-template-columns:1fr;grid-gap:25px}
.col-item{display:flex}
.col-item .entry-inner{height:180px}
.col-item .entry-image-wrap{width:98px;height:65px;margin:0 13px 0 0}
.rtl .col-item .entry-image-wrap{margin:0 0 0 13px}
.col-item .entry-inner .entry-image-wrap{width:100%;height:100%;margin:0}
.col-item .entry-header:not(.entry-info){flex:1}
.col-item .entry-title{font-size:14px}
.col-item .entry-inner .entry-title{font-size:19px}
.col-item .entry-inner .entry-meta{flex-wrap:wrap}
html:not(.is-dark) .content-section .video-style{--widget-bg:var(--video-widget-bg);--widget-title-color:var(--video-widget-color);--title-color:var(--video-widget-color);--title-hover-color:var(--video-widget-hover-color);--meta-color:var(--video-widget-meta-color)}
.video-items{display:grid;grid-template-columns:repeat(2,1fr);align-items:start;grid-gap:25px}
.video-items .cs .entry-inner{height:413px}
.video-items .cs .entry-image-wrap{width:100%;height:100%}
.video-items .cs .is-video:after{top:50%;left:unset;right:50%;transform:translate(50%,-50%) scale(1.25)}
.video-items .cs .entry-title{font-size:21px}
.video-items .cs .entry-meta{flex-wrap:wrap}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:25px 20px}
.video-grid .video-item{display:flex;flex-direction:column}
.video-grid .entry-image-wrap{width:100%;height:105px;margin:0 0 10px}
.video-grid .entry-title{font-size:14px}
.video-items .is-video:after{background-color:var(--main-color)!important}
#main{float:left;width:100%}
.is-home .has-margin #main{margin:0 0 25px}
.index-blog{background-color:var(--widget-bg);padding:20px;border-radius:var(--radius);box-shadow:var(--widget-shadow)}
.queryMessage .query-info{display:flex;align-items:center;font-family:var(--title-font);font-size:15px;color:var(--title-color);font-weight:700;text-transform:uppercase;margin:0 0 20px}
.no-posts .queryMessage .query-info{margin:0}
.queryMessage .query-info:after{display:inline-block;content:'\e5cc';font-family:'Material Icons Round';font-size:20px;color:var(--main-color);font-weight:400;margin:0 0 0 -3px}
.rtl .queryMessage .query-info:after{content:'\e5cb';margin:0 -4px 0 0}
.queryEmpty{font-size:14px;color:var(--meta-color);text-align:center;margin:50px 0}
.index-post.ad-type{display:block}
@keyframes postFadeInUp{0%{opacity:0;transform:translate3d(0,10px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
.index-post.fadeInUp{animation:postFadeInUp .5s ease}
.item-post-inner{background-color:var(--widget-bg);padding:20px;border-radius:var(--radius);box-shadow:var(--widget-shadow)}
#breadcrumb{display:flex;font-size:14px;color:var(--meta-color);font-weight:var(--light-weight);line-height:1;margin:0 0 10px}
#breadcrumb a{color:var(--meta-color)}
#breadcrumb a.home,#breadcrumb a:hover{color:var(--main-color)}
#breadcrumb .separator:after{content:'\e5cc';font-family:'Material Icons Round';font-size:16px;font-weight:400;font-style:normal;vertical-align:middle}
.rtl #breadcrumb .separator:after{content:'\e5cb'}
.item-post h1.entry-title{font-size:34px;font-weight:700}
.p-eh .entry-meta{flex-wrap:wrap;justify-content:space-between;font-size:14px;margin:13px 0 0}
.p-eh .entry-meta .align-left,.p-eh .entry-meta .align-right{display:flex;flex-wrap:wrap;align-items:center}
.p-eh .entry-meta .mi,.p-eh .entry-meta .sp{margin:0 4px 0 0}
.rtl .p-eh .entry-meta .mi,.rtl .p-eh .entry-meta .sp{margin:0 0 0 4px}
.p-eh .entry-meta .entry-author{align-items:center}
.p-eh .entry-meta .entry-author:before{display:none}
.p-eh .entry-meta .author-avatar-wrap{overflow:visible;width:30px;height:30px;background-color:var(--widget-bg);padding:1px;margin:0 5px 0 0;border:1px solid var(--main-color);border-radius:100%}
.rtl .p-eh .entry-meta .author-avatar-wrap{margin:0 0 0 5px}
.p-eh .entry-meta .author-avatar-wrap:before{content:'';position:absolute;display:block;top:calc(50% - 6px);left:-1px;width:calc(100% + 2px);height:12px;background-color:var(--widget-bg);z-index:1;margin:0}
.p-eh .entry-meta .author-avatar{z-index:2;border-radius:50%}
.entry-meta .entry-comments-link{display:none;margin:0 0 0 10px}
.rlt .entry-meta .entry-comments-link{margin:0 10px 0 0}
.entry-meta .entry-comments-link:before{display:inline-block;content:'\e8af';font-family:'Material Icons Round';font-size:16px;color:var(--main-color);font-weight:400;margin:0 4px 0 0}
.rtl .entry-meta .entry-comments-link:before{margin:0 0 0 4px}
.entry-meta .entry-comments-link.show{display:flex}
#post-body{position:relative;float:left;width:100%;font-family:var(--text-font);font-size:15px;color:var(--text-color);line-height:1.6em;margin:25px 0 0}
.post-body p{margin-bottom:25px}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-size:17px;color:var(--title-color);line-height:1.3em;margin:0 0 20px}
.post-body h1{font-size:26px}
.post-body h2{font-size:23px}
.post-body h3{font-size:20px}
.post-body img{height:auto!important}
blockquote{position:relative;background-color:var(--gray-bg);color:var(--title-color);font-style:normal;padding:20px;margin:0;border-radius:var(--radius)}
blockquote:before{position:absolute;top:0;left:5px;content:'\e244';font-family:'Material Icons Round';font-size:60px;color:var(--title-color);font-style:normal;font-weight:400;line-height:1;opacity:.05;margin:0}
.rtl blockquote:before{left:unset;right:5px}
.post-body ul{padding:0 0 0 20px;margin:10px 0}
.rtl .post-body ul{padding:0 20px 0 0}
.post-body li{margin:8px 0;padding:0}
.post-body ul li,.post-body ol ul li{list-style:none}
.post-body ul li:before,.post-body ul li ul li ul li:before{display:inline-block;content:'\ef4a';font-family:'Material Icons Round';font-size:5px;line-height:1;vertical-align:middle;margin:0 5px 0 0}
.post-body ul li ul li:before{content:'\e57b'}
.rtl .post-body ul li:before{margin:0 0 0 5px}
.post-body ol{counter-reset:pbt;padding:0 0 0 20px;margin:10px 0}
.rtl .post-body ol{padding:0 20px 0 0}
.post-body ol > li{counter-increment:pbt;list-style:none}
.post-body ol > li:before{display:inline-block;content:counters(pbt,'.')'.';margin:0 5px 0 0}
.rtl .post-body ol > li:before{margin:0 0 0 5px}
.post-body ol ol{counter-reset:pbt2}
.post-body ol ol > li{counter-increment:pbt2}
.post-body ol ol > li:before{content:counters(pbt2,'.')'.'}
.post-body ol ol ol{counter-reset:pbt3}
.post-body ol ol > li ol > li{counter-increment:pbt3}
.post-body ol ol > li ol > li:before{content:counters(pbt3,'.')'.'}
.post-body u{text-decoration:underline}
.post-body strike{text-decoration:line-through}
.post-body sup{vertical-align:super}
.post-body a{color:var(--main-color)}
.post-body a:hover{text-decoration:underline}
.post-body a.button{display:inline-block;height:34px;background-color:var(--button-bg);font-family:var(--body-font);font-size:15px;color:var(--button-color);font-weight:400;line-height:34px;text-align:center;text-decoration:none;cursor:pointer;padding:0 20px;margin:0 6px 8px 0}
.rtl .post-body a.button{margin:0 0 8px 6px}
.post-body a.button.x2{height:46px;font-size:18px;line-height:46px}
.post-body a.button.is-c,.rtl.post-body a.button.is-c{margin:0 3px 8px}
.post-body a.button.x2 span{display:inline-block;background-color:rgba(255,255,255,0.1);font-size:14px;line-height:14px;padding:6px;margin:0 0 0 20px;border-radius:var(--radius)}
.rtl .post-body a.button.x2 span{margin:0 20px 0 0}
.post-body .button:before{display:inline-block;font-family:'Material Icons Round';font-size:16px;font-weight:400;line-height:1;vertical-align:middle;margin:-1px 6px 0 0}
.rtl .post-body .button:before{margin:-1px 0 0 6px}
.post-body a.btn.x2:before{font-size:20px;margin:-2px 6px 0 0}
.rtl .post-body a.btn.x2:before{margin:-2px 0 0 6px}
.post-body .btn.preview:before{content:'\e8f4'}
.post-body .btn.download:before{content:'\f090'}
.post-body .btn.link:before{content:'\e157'}
.post-body .btn.cart:before{content:'\e8cc'}
.post-body .btn.info:before{content:'\e88e'}
.post-body .btn.share:before{content:'\e80d'}
.post-body .btn.contact:before{content:'\e0e1'}
.post-body .btn.whatsapp:before{content:'\f232';font-family:'Font Awesome 6 Brands';font-style:normal}
.post-body .btn.paypal:before{content:'\f1ed';font-family:'Font Awesome 6 Brands';font-style:normal}
.post-body .btn.gift:before{content:'\e8f6'}
.post-body a.button:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.post-body a.color{color:#fff}
.post-body a.color:hover{opacity:.9}
.alert-message{display:block;background-color:var(--gray-bg);padding:20px;border:1px solid var(--border-color);border-radius:var(--radius)}
.alert-message.alert-success{background-color:rgba(39,174,96,0.1);color:rgba(39,174,96,1);border-color:rgba(39,174,96,0.1)}
.alert-message.alert-info{background-color:rgba(41,128,185,0.1);color:rgba(41,128,185,1);border-color:rgba(41,128,185,0.1)}
.alert-message.alert-warning{background-color:rgba(243,156,18,0.1);color:rgba(243,156,18,1);border-color:rgba(243,156,18,0.1)}
.alert-message.alert-error{background-color:rgba(231,76,60,0.1);color:rgba(231,76,60,1);border-color:rgba(231,76,60,0.1)}
.alert-message:before{display:inline-block;font-family:'Material Icons Round';font-size:18px;line-height:1;font-weight:400;vertical-align:middle;margin:0 5px 0 0}
.rtl .alert-message:before{margin:0 0 0 5px}
.alert-message.alert-success:before{content:'\e86c'}
.alert-message.alert-info:before{content:'\e88e'}
.alert-message.alert-warning:before{content:'\e000'}
.alert-message.alert-error:before{content:'\e5c9'}
.post-body table{width:100%;overflow-x:auto;text-align:left;margin:0;border-collapse:collapse;border:1px solid var(--border-color)}
.rtl .post-body table{text-align:right}
.post-body table td,.post-body table th{padding:6px 12px;border:1px solid var(--border-color)}
.post-body table thead th{color:var(--title-color);vertical-align:bottom}
table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{line-height:1;padding:0;border:0}
table.tr-caption-container td.tr-caption{font-size:12px;color:var(--meta-color);font-style:italic;padding:6px 0 0}
.pbt-toc-wrap{display:flex;width:100%;clear:both;margin:0}
.pbt-toc-inner{position:relative;max-width:100%;background-color:var(--gray-bg);display:flex;flex-direction:column;overflow:hidden;font-size:14px;color:var(--title-color);line-height:1.6em;border:1px solid var(--border-color);border-radius:var(--radius)}
a.pbt-toc-title{position:relative;height:40px;font-size:16px;color:var(--title-color);font-weight:var(--title-weight);display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 18px}
.rtl a.pbt-toc-title{padding:0 18px 0 13px}
.pbt-toc-title-text{display:flex}
.pbt-toc-title-text:before{content:'\e242';font-family:'Material Icons Round';font-size:20px;font-weight:400;margin:0 6px 0 0}
.rtl .pbt-toc-title-text:before{margin:0 0 0 6px}
.pbt-toc-title:after{content:'\e5cf';font-family:'Material Icons Round';font-size:24px;font-weight:400;margin:0 0 0 20px}
.rtl .pbt-toc-title:after{margin:0 20px 0 0}
.pbt-toc-title.is-expanded:after{content:'\e5ce'}
a.pbt-toc-title:hover{text-decoration:none}
#pbt-toc{display:none;padding:0 20px 10px;margin:0}
#pbt-toc ol{counter-reset:pbtToc;padding:0 0 0 20px}
.rtl #pbt-toc ol{padding:0 20px 0 0}
#pbt-toc li{counter-increment:pbtToc;font-size:14px;margin:10px 0}
#pbt-toc li:before{content:counters(pbtToc,'.')'.'}
#pbt-toc li a{color:var(--main-color)}
#pbt-toc li a:hover{color:var(--main-color);text-decoration:underline}
.post-body .contact-form-widget{display:table;width:100%;font-family:var(--body-font)}
.post-body .contact-form-widget .cf-s{font-size:15px}
.post-body .contact-form-name.cf-s{width:calc(50% - 5px)}
.rtl .post-body .contact-form-name{float:right}
.post-body .contact-form-email.cf-s{float:right;width:calc(50% - 5px)}
.rtl .post-body .contact-form-email{float:left}
.post-body .contact-form-button-submit{font-size:15px}
.post-body pre,pre.code-box{display:block;background-color:var(--gray-bg);font-family:Monospace;font-size:13px;color:var(--title-color);white-space:pre-wrap;line-height:1.4em;padding:20px;border:1px solid var(--border-color);border-radius:var(--radius)}
.post-body .google-auto-placed{margin:25px 0}
.youtube-video{position:relative;width:100%;padding:0;padding-top:56%}
.youtube-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.entry-labels{display:flex;flex-wrap:wrap;margin:20px 0 0}
.entry-labels > *{display:flex;align-items:center;height:20px;background-color:var(--gray-bg);font-size:12px;color:var(--title-color);padding:0 6px;margin:5px 5px 0 0}
.rtl .entry-labels > *{margin:5px 0 0 5px}
.entry-labels span{background-color:var(--title-color);color:var(--widget-bg)}
.is-dark .entry-labels span{background-color:var(--outer-bg);color:var(--title-color)}
.entry-labels a:hover{color:var(--title-hover-color)}
.post-share{margin:20px 0 0}
.share-links{display:flex;flex-wrap:wrap;align-items:flex-start}
.share-links li a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:16px;color:#fff;font-weight:400;overflow:hidden;margin:5px 5px 0 0}
.rtl .share-links li a{margin:5px 0 0 5px}
.share-links .email a{font-size:20px}
.share-links .has-span a{width:auto;justify-content:space-between}
.share-links .has-span a:before{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:100%;width:34px;background-color:rgba(255,255,255,0.08)}
.share-links span{font-size:14px;padding:0 20px}
.share-links li a:hover{opacity:.9}
.share-links .show-hid a{background-color:var(--gray-bg);font-size:28px;color:rgba(155,155,155,0.8)}
.share-links .show-hid a:before{content:'\e145';font-family:'Material Icons Round';font-weight:400}
.post-share .expanded .show-hid a:before{content:'\e15b'}
.share-links .reddit,.share-links .linkedin,.share-links .tumblr,.share-links .telegram{display:none}
.post-share .expanded li[class]{display:inline-block}
.post-widget{margin:25px 0 0}
.about-author{display:flex;background-color:var(--widget-bg);padding:20px;border-radius:var(--radius);box-shadow:var(--widget-shadow)}
.about-author .author-avatar-wrap{width:60px;height:60px;margin:0 15px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)}
.rtl .about-author .author-avatar-wrap{margin:0 0 0 15px}
.about-author .author-title{font-size:18px;color:var(--title-color);font-weight:var(--title-weight);margin:0 0 10px}
.about-author .author-title a{color:var(--title-color)}
.about-author .author-title a:hover{color:var(--title-hover-color)}
.author-description{flex:1}
.author-description .author-text{display:block;font-size:14px;font-weight:400}
.author-description .author-text br,.author-description .author-text a{display:none}
ul.author-links{display:flex;flex-wrap:wrap;padding:0}
.author-links li{margin:10px 12px 0 0}
.rtl .author-links li{margin:10px 0 0 12px}
.author-links li a{display:block;font-size:14px;color:var(--text-color);padding:0}
.author-links li.email a,.author-links li.external-link a{font-size:16px}
.author-links li a:hover{opacity:.9}
#magspot-related-posts{display:none}
#related-wrap{background-color:var(--widget-bg);padding:20px;border-radius:var(--radius);box-shadow:var(--widget-shadow)}
.related-content .loader{height:180px}
.magspot-blog-post-comments{display:none;flex-direction:column;background-color:var(--widget-bg);padding:20px;border-radius:var(--radius);box-shadow:var(--widget-shadow)}
.magspot-blog-post-comments.is-visible{display:flex}
.magspot-blog-post-comments:not(.comments-system-blogger){padding:10px 20px}
.magspot-blog-post-comments .fb_iframe_widget_fluid_desktop{float:left;display:block!important;width:calc(100% + 16px)!important;max-width:calc(100% + 16px)!important;margin:0 -8px}
.magspot-blog-post-comments .fb_iframe_widget_fluid_desktop span,.magspot-blog-post-comments .fb_iframe_widget_fluid_desktop iframe{float:left;display:block!important;width:100%!important}
#disqus_thread,.fb-comments{clear:both;padding:0}
#comments h4#comment-post-message{display:none;float:none}
.comments-title{margin:0}
.has-comments .comments-title.no-message{margin:0 0 5px}
.comments .comment-content{display:block;font-family:var(--text-font);font-size:14px;color:var(--text-color);line-height:1.5em;margin:10px 0 0}
.comments .comment-content > a:hover{text-decoration:underline}
.comment-thread .comment{position:relative;list-style:none;padding:20px 0 0;margin:20px 0 0;border-top:1px solid var(--border-color)}
.comment-thread .comment .comment{background-color:var(--gray-bg);padding:20px;border:0;border-radius:var(--radius)}
.comment-thread ol{padding:0;margin:0}
.comment-thread .comment-replies ol{padding:0 0 4px}
.toplevel-thread ol > li:first-child{margin:0;border:0}
.toplevel-thread ol > li:first-child > .comment-block{padding-top:0;margin:0;border:0}
.comment-thread ol ol .comment:before{position:absolute;content:'\f060';left:-30px;top:-5px;font-family:'Material Icons Round';font-size:20px;color:var(--border-color);font-weight:400}
.rtl .comment-thread ol ol .comment:before{left:unset;right:-30px;transform:rotate(-180deg)}
.comments .comment-replybox-single iframe{padding:0 0 0 48px;margin:10px 0 -5px}
.rtl .comments .comment-replybox-single iframe{padding:0 48px 0 0}
.comment-thread .avatar-image-container{position:absolute;top:20px;left:0;width:35px;height:35px;overflow:hidden;border-radius:50%;box-shadow:var(--avatar-shadow)}
.rtl .comment-thread .avatar-image-container{left:auto;right:0}
.comment-thread .comment .comment .avatar-image-container{left:20px}
.rtl .comment-thread .comment .comment .avatar-image-container{left:unset;right:20px}
.avatar-image-container img{display:block;width:100%;height:100%}
.comments .comment-header{padding:0 0 0 48px}
.rtl .comments .comment-header{padding:0 48px 0 0}
.comments .comment-header .user{display:inline-block;font-family:var(--title-font);font-size:16px;color:var(--title-color);font-weight:var(--title-weight);font-style:normal}
.comments .comment-header .user a{color:var(--title-color)}
.comments .comment-header .user a:hover{color:var(--title-hover-color)}
.comments .comment-header .icon.user{display:none}
.comments .comment-header .icon.blog-author{display:inline-block;font-size:14px;color:var(--main-color);vertical-align:top;margin:-5px 0 0 4px}
.rtl .comments .comment-header .icon.blog-author{margin:-5px 4px 0 0}
.comments .comment-header .icon.blog-author:before{content:'\ef76';font-family:'Material Icons Round';font-weight:400}
.comments .comment-header .datetime{display:block;font-size:12px;font-weight:var(--light-weight);margin:1px 0 0}
.comment-header .datetime a{color:var(--meta-color)}
.comments .comment-actions{display:block;margin:0}
.comments .comment-actions a{display:inline-block;font-size:14px;color:var(--main-color);font-weight:400;font-style:normal;margin:10px 15px 0 0}
.rtl .comments .comment-actions a{margin:10px 0 0 15px}
.comments .comment-actions a:hover{text-decoration:underline}
.item-control{display:none}
.loadmore.loaded a{display:inline-block;border-bottom:1px solid rgba(155,155,155,.51);text-decoration:none;margin-top:15px}
.comments .continue{display:none}
.comments .comment-replies{padding:0 0 0 48px}
.rtl .comments .comment-replies{padding:0 48px 0 0}
.thread-expanded .thread-count a,.loadmore.hidden{display:none}
.comments .footer{float:left;width:100%;font-size:13px;margin:0}
p.comments-message{font-size:14px;color:var(--meta-color);font-style:italic;padding:0 0 15px;margin:15px 0 0;border-bottom:1px solid var(--border-color)}
p.comments-message.no-new-comments{padding:0;border:0}
.no-comments .comments-message{margin:0;border:0}
p.comments-message > a{color:var(--main-color)}
p.comments-message > a:hover{color:var(--title-color)}
p.comments-message > em{color:#ff3f34;font-style:normal;margin:0 3px}
#comments[data-embed='false'] p.comments-message > i{color:var(--main-color);font-style:normal}
.comment-form > p{display:none}
.show-cf,.comments #top-continue a{display:flex;align-items:center;justify-content:center;width:100%;height:34px;font-size:14px;color:var(--title-color);font-weight:500;margin:20px 0 0;border:1px solid var(--border-color);border-radius:var(--radius)}
.no-comments .show-cf{margin:0}
.show-cf:hover,.comments #top-continue a:hover{color:var(--title-hover-color)}
.cf-on .show-cf{display:none}
.comments .comment-replybox-thread,.no-comments .comment-form{display:none}
.cf-on .comments .comment-replybox-thread,.cf-on .no-comments .comment-form{display:block}
#comment-editor{min-height:67px}
#top-ce #comment-editor{margin:20px 0 0}
#custom-ads,#magspot-post-footer-ads{position:relative;float:left;width:100%;opacity:0;visibility:hidden}
#custom-ads{padding:0 20px}
#before-ad .widget-title,#after-ad .widget-title{display:block}
#before-ad .widget-title > .title,#after-ad .widget-title > .title{font-size:10px;color:var(--meta-color);font-weight:400;line-height:1;margin:0 0 6px}
#before-ad .widget,#after-ad .widget{position:relative;margin:25px 0 0}
#magspot-new-before-ad #before-ad,#magspot-new-after-ad #after-ad{display:block}
#magspot-new-before-ad #before-ad .widget,#magspot-new-after-ad #after-ad .widget{margin:0}
#post-footer-ads .widget{position:relative}
.post-nav{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:14px;font-weight:var(--light-weight)}
.post-nav > *{display:flex;align-items:center;color:var(--meta-color);margin:0 -4px}
.post-nav a:hover{color:var(--main-color)}
.post-nav span{color:var(--meta-color);cursor:no-drop;opacity:.65}
.post-nav .post-nav-link:before,.post-nav .post-nav-link:after{font-family:'Material Icons Round';font-size:16px;line-height:1;font-weight:400}
.post-nav-newer-link:before,.rtl .post-nav-older-link:after{content:'\e5cb'}
.post-nav-older-link:after,.rtl .post-nav-newer-link:before{content:'\e5cc'}
#blog-pager{display:flex;justify-content:center;margin:25px 0 0}
#blog-pager .load-more{display:flex;align-items:center;justify-content:center;width:100%;height:34px;font-size:14px;color:var(--title-color);font-weight:500;padding:0 20px;border:1px solid var(--border-color)}
#blog-pager #magspot-load-more-link:after{content:'\e5cf';display:inline-block;font-family:'Material Icons Round';font-size:20px;font-weight:400;margin:-1px 0 0}
#blog-pager #magspot-load-more-link:hover{color:var(--title-hover-color)}
#blog-pager .no-more.show{display:flex;background-color:var(--gray-bg);color:var(--meta-color);font-weight:400;cursor:not-allowed;padding:0 25px;border:0}
#blog-pager .loading,#blog-pager .no-more{display:none}
#blog-pager .loading .loader{height:34px}
#blog-pager .loader:after{width:28px;height:28px}
.sidebar{position:relative;float:left;width:100%;display:grid;grid-template-columns:100%;grid-gap:25px}
.sidebar > .widget{display:flex;flex-direction:column;background-color:var(--widget-bg);padding:20px;border-radius:var(--radius);box-shadow:var(--widget-shadow)}
.sidebar .widget.is-ad{background-color:transparent;padding:0;border-radius:0;box-shadow:none}
.sidebar .widget.is-ad > .widget-title{display:none}
.sidebar ul.social-icons{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px}
.sidebar .social-icons li{display:block;margin:0}
.sidebar .social-icons a{display:flex;align-items:center;justify-content:space-between;height:34px;font-size:16px;color:#fff;font-weight:400;overflow:hidden}
.sidebar .social-icons .rss a,.sidebar .social-icons .email a,.sidebar .social-icons .external-link a{font-size:18px}
.sidebar .social-icons a:before{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:100%;width:34px;background-color:rgba(255,255,255,0.08)}
.sidebar .social-icons span{font-size:14px;padding:0 10px}
.sidebar .social-icons a:hover{opacity:.9}
.pbt-section .loader{height:180px}
.side-items{display:grid;grid-template-columns:1fr;grid-gap:25px}
.side-item{display:flex}
.side-item .entry-inner{height:180px}
.side-item .entry-image-wrap{width:98px;height:65px;margin:0 13px 0 0}
.rtl .side-item .entry-image-wrap{margin:0 0 0 13px}
.side-item .entry-inner .entry-image-wrap{width:100%;height:100%;margin:0}
.side-item .entry-header:not(.entry-info){flex:1}
.side-item .entry-title{font-size:14px}
.side-item .entry-inner .entry-title{font-size:19px}
.side-item .entry-inner .entry-meta{flex-wrap:wrap}
.side3-items{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px}
.side3-item{display:flex;flex-direction:column}
.side3-item .entry-image-wrap{width:100%;height:90px;margin:0 0 10px}
.side3-item .entry-title{font-size:14px}
.cmm1-items{display:grid;grid-template-columns:1fr;grid-gap:25px}
.cmm1-items .entry-inner{display:flex;align-items:center}
.cmm1-items .entry-image-wrap{width:45px;height:45px;z-index:1;margin:0 13px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)}
.rtl .cmm1-items .entry-image-wrap{margin:0 0 0 13px}
.cmm1-items .entry-header{flex:1}
.cmm1-items .entry-title{font-size:14px}
.cmm1-items .entry-inner:hover .entry-title{color:var(--title-hover-color)}
.cmm1-items .cmm-snippet{font-size:12px;color:var(--text-color);line-height:1.3em;margin:4px 0 0}
.FeaturedPost .entry-inner{height:180px}
.featured-post .entry-image-wrap{width:100%;height:100%}
.featured-post .entry-title{font-size:19px}
.featured-post .entry-meta{flex-wrap:wrap}
.pbt-section .list-style li{font-size:14px}
.pbt-section .list-style li a,.pbt-section .text-list li{display:block;color:var(--title-color);padding:8px 0}
.pbt-section .list-style li a.has-count{display:flex;justify-content:space-between}
.pbt-section .list-style li:first-child a,.pbt-section .text-list li:first-child{padding:0 0 8px}
.pbt-section .list-style li:last-child a,.pbt-section .text-list li:last-child{padding:8px 0 0}
.pbt-section .list-style li a:hover{color:var(--title-hover-color)}
.pbt-section .list-style .count-style{display:inline-block;color:var(--meta-color)}
.cloud-label ul{display:flex;flex-wrap:wrap;margin:-6px 0 0}
.cloud-label li{margin:6px 5px 0 0}
.rtl .cloud-label li{margin:6px 0 0 5px}
.cloud-label li a{display:flex;height:28px;background-color:var(--gray-bg);color:var(--title-color);font-size:14px;font-weight:400;align-items:center;padding:0 12px}
.cloud-label li a:hover{color:var(--title-hover-color)}
.cloud-label .label-count{display:inline-block;margin:0 0 0 6px}
.rtl .cloud-label .label-count{margin:0 6px 0 0}
.BlogSearch .search-form{display:flex;height:36px;overflow:hidden;padding:2px;border:1px solid var(--border-color);border-radius:var(--radius)}
.is-dark .BlogSearch .search-form{background-color:var(--gray-bg)}
.BlogSearch .search-input{width:100%;flex:1;font-size:14px;color:var(--text-color);padding:0 8px}
.BlogSearch .search-input::placeholder{color:var(--text-color);opacity:.65}
.BlogSearch .search-action{background-color:var(--button-bg);font-size:14px;color:var(--button-color);cursor:pointer;padding:0 13px;border-radius:var(--radius)}
.BlogSearch .search-action:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.widget.MailChimp{position:relative;overflow:hidden;padding:3px 0 0}
.widget.MailChimp:before{position:absolute;content:'';left:0;top:0;right:0;background-color:var(--widget-title-color);height:4px;z-index:2;margin:-1px}
.is-dark .widget.MailChimp:before{background-color:var(--border-color)}
.MailChimp .widget-content{position:relative;overflow:hidden;padding:20px}
.MailChimp .widget-content:before{display:block;position:absolute;content:'\e0e1';font-family:'Material Icons Round';top:0;right:0;font-size:48px;color:var(--border-color);font-weight:400;line-height:1;z-index:1;margin:8px;transform:rotate(35deg)}
.rtl .MailChimp .widget-content:before{left:0;right:unset;transform:rotate(-35deg)}
.MailChimp .mailchimp-title{font-size:18px;color:var(--title-color);font-weight:var(--title-weight);margin:0 0 15px}
.MailChimp .mailchimp-text{font-size:14px;color:var(--text-color);margin:0 0 15px}
.MailChimp .mailchimp-email-address{width:100%;height:34px;font-size:14px;color:var(--text-color);padding:0 10px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:var(--radius)}
.is-dark .MailChimp .mailchimp-email-address{background-color:var(--gray-bg)}
.MailChimp .mailchimp-email-address::placeholder{color:var(--text-color);opacity:.65}
.MailChimp .mailchimp-email-address:focus{border-color:var(--button-bg)}
.MailChimp .mailchimp-submit{width:100%;height:34px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;cursor:pointer;padding:0 20px}
.MailChimp .mailchimp-submit:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.Profile ul li{float:left;width:100%;padding:20px 0 0;margin:20px 0 0;border-top:1px solid var(--border-color)}
.Profile ul li:first-child{padding:0;margin:0;border:0}
.Profile .individual,.Profile .team-member{display:flex;align-items:center}
.Profile .profile-img{width:45px;height:45px;background-color:var(--gray-bg);overflow:hidden;color:transparent!important;margin:0 13px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)}
.rtl .Profile .profile-img{margin:0 0 0 13px}
.Profile .profile-info{flex:1}
.Profile .profile-name{display:block;font-family:var(--title-font);font-size:15px;color:var(--title-color);font-weight:var(--title-weight)}
.Profile .profile-name:hover{color:var(--title-hover-color)}
.Profile .profile-link{display:block;font-size:12px;color:var(--meta-color)}
.Profile .profile-link:hover{color:var(--main-color)}
.Text .widget-content{font-family:var(--text-font);font-size:14px;color:var(--text-color)}
.Image .image-caption{font-family:var(--text-font);font-size:14px;margin:6px 0 0}
.contact-form-widget .cf-s{float:left;width:100%;height:34px;font-size:14px;color:var(--text-color);padding:0 10px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:var(--radius)}
.is-dark .contact-form-widget .cf-s{background-color:var(--gray-bg)}
.contact-form-email-message.cf-s{float:left;width:100%;height:auto;resize:vertical;padding:10px}
.contact-form-widget .cf-s::placeholder{color:var(--text-color);opacity:.9}
.contact-form-widget .cf-s:focus{border-color:var(--button-bg)}
.contact-form-button-submit{float:left;width:100%;height:34px;background-color:var(--button-bg);font-family:inherit;font-size:14px;color:var(--button-color);font-weight:400;cursor:pointer;padding:0 20px;border:0;border-radius:var(--radius)}
.contact-form-button-submit:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.contact-form-widget p{margin:0}
.contact-form-widget .contact-form-error-message-with-border,.contact-form-widget .contact-form-success-message-with-border{float:left;width:100%;background-color:rgba(0,0,0,0);font-size:13px;color:#e74c3c;text-align:left;line-height:1;margin:10px 0 0;border:0}
.contact-form-widget .contact-form-success-message-with-border{color:#27ae60}
.rtl .contact-form-error-message-with-border,.rtl .contact-form-success-message-with-border{text-align:right}
.contact-form-cross{cursor:pointer;margin:0 0 0 3px}
.rtl .contact-form-cross{margin:0 3px 0 0}
.Attribution a{display:flex;align-items:center;font-size:14px;color:var(--title-color);font-weight:var(--title-weight)}
.Attribution a > svg{width:16px;height:16px;fill:var(--main-color);margin:0 4px 0 0}
.rtl .Attribution a > svg{margin:0 0 0 4px}
.Attribution a:hover{color:var(--title-hover-color)}
.Attribution .copyright{font-size:12px;color:var(--meta-color);padding:0 20px;margin:2px 0 0}
#google_translate_element{position:relative;overflow:hidden}
.Stats .text-counter-wrapper{display:flex;align-items:center;font-size:18px;color:var(--meta-color);font-weight:700;text-transform:uppercase;line-height:1;margin:0}
.Stats .text-counter-wrapper:before{content:'\e202';font-family:'Material Icons Round';font-size:22px;color:var(--title-color);font-weight:400;margin:0 4px 0 0}
.rtl .Stats .text-counter-wrapper:before{margin:0 0 0 4px}
.ReportAbuse > h3{display:flex;font-size:14px;font-weight:400}
.ReportAbuse > h3:before{content:'\e002';font-family:'Material Icons Round';font-size:18px;color:var(--main-color);margin:0 3px 0 0}
.rtl .ReportAbuse > h3:before{margin:0 0 0 3px}
.ReportAbuse > h3 a:hover{text-decoration:underline}
#footer-ads-wrap{float:left;width:100%}
.footer-ads .widget{position:relative;margin:0 0 25px}
#footer-wrapper{position:relative;float:left;width:100%;background-color:var(--footer-bg);box-shadow:0 0 5px rgba(0,0,0,0.01)}
.primary-footer{--title-color:var(--footer-color);--title-hover-color:var(--footer-hover-color);--meta-color:var(--footer-meta-color);--text-color:var(--footer-text-color)}
.footer-widgets{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;padding:40px 0}
.footer-widgets.has-border{border-bottom:1px solid var(--border-color)}
.footer-section{display:grid;grid-template-columns:1fr;align-content:start;grid-gap:30px}
.footer-section > .widget{display:flex;flex-direction:column}
.footer-section > .widget.MailChimp{border:1px solid var(--border-color);border-top:0;border-radius:var(--radius)}
.footer-section .widget > .widget-title{margin:0 0 20px}
.footer-section .widget-title > .title{font-size:15px;color:var(--title-color);font-weight:700;text-transform:uppercase}
.footer-section .contact-form-widget .cf-s,.footer-section .BlogSearch .search-form,.footer-section .MailChimp .mailchimp-email-address{background-color:var(--gray-bg)}
.footer-section .widget.MailChimp:before{background-color:var(--border-color)}
.footer-section ul.social-icons{display:flex;flex-wrap:wrap}
.footer-section .social-icons li + li{margin:0 0 0 10px}
.rtl .footer-section .social-icons li + li{margin:0 10px 0 0}
.footer-section .social-icons a{display:flex;width:34px;height:34px;background-color:var(--gray-bg);font-size:16px;color:var(--title-color);align-items:center;justify-content:center}
.footer-section .social-icons .rss a,.footer-section .social-icons .email a,.footer-section .social-icons .external-link a{font-size:20px}
.footer-section .social-icons a:hover{color:#fff}
#magspot-about-section{flex-wrap:wrap;padding:40px 0}
.about-section .Image{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 350px)}
.footer-info{flex:1}
.footer-info .title{font-size:15px;color:var(--title-color);font-weight:700;text-transform:uppercase;margin:0 0 10px}
.footer-logo{padding:0 30px 0 0}
.rtl .footer-logo{padding:0 0 0 30px}
.footer-logo img{display:block;width:auto;height:auto;max-height:40px}
.footer-info .image-caption{font-size:14px;color:var(--text-color);margin:0}
.footer-info .image-caption a{color:var(--ftitle-color)}
.footer-info .image-caption a:hover{color:var(--title-hover-color)}
.about-section .LinkList{width:320px;display:flex;align-items:center;justify-content:flex-end;margin:0}
.about-section ul.social-icons{display:flex;flex-wrap:wrap}
.about-section .social-icons li{margin:0 0 0 10px}
.rtl .about-section .social-icons li{margin:0 10px 0 0}
.about-section .social-icons a{display:flex;width:34px;height:34px;background-color:var(--gray-bg);font-size:16px;color:var(--title-color);align-items:center;justify-content:center}
.about-section .social-icons .rss a,.about-section .social-icons .email a,.about-section .social-icons .external-link a{font-size:20px}
.about-section .social-icons a:hover{color:#fff}
.footer-bar{background-color:var(--footerbar-bg);color:var(--footerbar-color);padding:20px 0}
.footer-bar.has-border{border-top:1px solid var(--border-color)}
.footer-bar .footer-copyright{font-size:14px;font-weight:400;margin:0}
.footer-bar .footer-copyright a{color:var(--footerbar-color)}
.footer-bar .footer-copyright a:hover{color:var(--footerbar-hover-color)}
#footer-menu{position:relative;display:block;margin:0}
.footer-menu ul{display:flex;flex-wrap:wrap}
.footer-menu ul li a{font-size:14px;color:var(--footerbar-color);padding:0;margin:0 0 0 25px}
.rtl .footer-menu ul li a{margin:0 25px 0 0}
#footer-menu ul li a:hover{color:var(--footerbar-hover-color)}
.is-error #main-wrapper{width:100%}
.is-error #sidebar-wrapper{display:none}
.errorWrap{color:var(--title-color);text-align:center;padding:60px 0}
.errorWrap h3{font-size:160px;color:var(--title-color);line-height:1;margin:0 0 25px}
.errorWrap h4{font-size:27px;color:var(--title-color);margin:0 0 25px}
.errorWrap p{color:var(--text-color);font-size:15px;margin:0 0 15px}
.errorWrap a{display:inline-block;height:34px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;line-height:34px;padding:0 30px;margin:15px 0 0}
.errorWrap a:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.cookie-choices-info{display:none;visibility:hidden;opacity:0}
.cookie-consent{display:none;position:fixed;bottom:20px;left:20px;width:300px;background-color:var(--cookie-bg);z-index:1020;padding:20px;visibility:hidden;opacity:0;border-radius:var(--radius);box-shadow:0 0 10px rgba(0,0,0,0.1);transition:visibility .35s ease,opacity .35s ease,transform .35s ease}
.rtl .cookie-consent{left:unset;right:20px}
.cookie-consent.is-visible{visibility:visible;opacity:1}
.consent-text{font-size:14px;color:var(--cookie-color);margin:0 0 15px}
.consent-text a{color:var(--main-color);text-decoration:underline}
.consent-button{display:inline-block;height:34px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;line-height:34px;padding:0 20px}
.consent-button:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
#back-top{display:flex;align-items:center;justify-content:center;position:fixed;bottom:20px;right:20px;width:34px;height:34px;background-color:var(--button-bg);font-size:24px;color:var(--button-color);z-index:50;opacity:0;visibility:hidden;transition:visibility .17s ease,opacity .17s ease}
.rtl #back-top{right:auto;left:20px}
#back-top:before{content:'\e5ce';font-family:'Material Icons Round';font-weight:400}
#back-top.show{opacity:1;visibility:visible}
#back-top:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
ins.adsbygoogle-noablate[data-anchor-shown="true"]{z-index:990!important}
#content-wrapper > .google-auto-placed,#content-wrapper .container > .google-auto-placed{display:none!important}
#hidden-widgets{display:none;visibility:hidden}
.CSS_LIGHTBOX{z-index:999999!important}
.CSS_LIGHTBOX_BG_MASK{background-color:rgba(0,0,0,0.9)!important;opacity:1!important;backdrop-filter:blur(1px)}
.CSS_LIGHTBOX_BTN_CLOSE{background:transparent!important;top:10px!important;right:15px!important}
.CSS_LIGHTBOX_BTN_CLOSE:before{content:'\e5cd';font-family:'Material Icons Round';color:#fff;font-size:24px;font-weight:400}
.CSS_LIGHTBOX_BTN_CLOSE:hover:before{opacity:.85}
.rtl .CSS_LIGHTBOX_BTN_CLOSE{right:unset!important;left:15px}
.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}
.pbt-ad{display:flex;align-items:center;justify-content:center}
@media only screen and (max-width: 1123px) {
    #outer-wrapper,.is-boxed #outer-wrapper,.is-boxed .header-header{width:100%;max-width:100%;margin:0}
    .row-x1{width:100%}
    #header-wrapper .container,#header-ads-wrap .container,#ticker-wrapper .container,#featured-wrapper .container,#content-wrapper .container,#footer-ads-wrap .container,#footer-wrapper .container{padding:0 20px}
    #main-wrapper{width:calc(70% - 30px)}
    #sidebar-wrapper{width:30%}
}
@media only screen and (max-width: 980px) {
    #header-wrapper .container{padding:0}
    .topbar-wrap{display:none}
    .header-items{flex-wrap:nowrap}
    .mobile-menu-toggle{display:flex}
    #main-menu{display:none}
    #slide-menu,.overlay{display:block}
    .nav-active .overlay{visibility:visible;opacity:1}
    .flex-left{overflow:hidden}
    .main-logo{flex-shrink:1}
    .flex-right{padding:0 0 0 10px}
    .rtl .flex-right{padding:0 10px 0 0}
    .flex-right,.rtl .flex-right{position:relative;top:unset;left:unset;right:unset}
    .darkmode-toggle{margin:0!important}
    .search-toggle{width:auto;background-color:var(--header-bg);font-size:26px;padding:0 16px}
    #main-search-wrap{padding:0 0 0 20px}
    .rtl #main-search-wrap{padding:0 20px 0 0}
}
@media only screen and (max-width: 880px) {
    #content-wrapper > .container,.is-left #content-wrapper > .container{flex-direction:column!important;justify-content:flex-start}
    #main-wrapper,#sidebar-wrapper{width:100%}
    #sidebar-wrapper{margin:25px 0 0}
    .sidebar ul.social-icons{grid-template-columns:repeat(4,1fr)}
    .footer-widgets{grid-template-columns:1fr;grid-gap:40px}
    #magspot-about-section{flex-wrap:wrap;flex-direction:column}
    .about-section .Image{width:100%;flex-direction:column;justify-content:center;text-align:center}
    .footer-info{text-align:center;margin:25px 0 0}
    .footer-info .title{display:none}
    .footer-logo{padding:0!important}
    .about-section .LinkList{width:100%;justify-content:center;margin:20px 0 0}
    .about-section ul.social-icons{justify-content:center}
    .about-section .social-icons li{margin:10px 5px 0!important}
    .footer-bar{height:auto;line-height:inherit;padding:25px 0}
    .footer-bar .container{flex-direction:column-reverse;justify-content:center}
    .footer-bar .footer-copyright,#footer-menu{width:100%;text-align:center}
    #footer-menu{padding:0 0 15px}
    .footer-menu ul{justify-content:center}
    .footer-menu ul li a{display:block;margin:5px 10px 0!important}
    .nav-active #back-top{opacity:0!important}
}
@media only screen and (max-width: 680px) {
    .sz-2.is-video:after{transform:translate(50%,-50%) scale(1)}
    #header-ads-wrap .container,#ticker-wrapper .container,#content-wrapper .container,#footer-ads-wrap .container{padding:0 10px}
    .ticker .widget-title .title{display:none}
    #ticker-wrapper.has-feat .container{padding:0}
    .has-feat #ticker .widget{padding:10px 20px;border-radius:0}
    #featured-wrapper .container{padding:0}
    #featured .widget{padding:0;border-radius:0}
    .has-ticker #featured .widget{margin:0}
    #featured .widget-content{min-height:220px}
    .featured-items{grid-template-columns:1fr!important}
    .featured-item.item-0{height:220px}
    .featured-item.item-0 .entry-info{padding:15px!important}
    .featured-grid{display:flex;grid-template-columns:unset;grid-gap:0;grid-column:unset!important;width:100%;height:140px;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}
    .featured-grid .featured-item{width:70%;height:100%;flex-shrink:0}
    .featured-grid > div + div{margin:0 0 0 2px}
    .rtl .featured-grid > div + div{margin:0 2px 0 0}
    .type-feat1 .featured-item.item-1{grid-column:unset}
    .featured-items .cs .entry-inner,.featured-item .entry-image-wrap{border-radius:0}
    .featured-item .entry-title{font-size:15px!important}
    .featured-item.item-0 .entry-title{font-size:25px!important}
    .featured-grid .entry-meta{display:none}
    @keyframes slideToLeft{0%{transform:translate3d(10px,0,0)}100%{transform:translate3d(0,0,0)}}
    @keyframes slideToRight {0%{transform:translate3d(-10px,0,0)}100%{transform:translate3d(0,0,0)}}
    .featured-grid .featured-item{animation:slideToLeft .5s ease}
    .rtl .featured-grid .featured-item{animation:slideToRight .5s ease}
    .content-section .widget.column-style{width:100%}
    .list1-item{flex-direction:column}
    .list1-item .entry-image-wrap{width:100%;height:200px;margin:0 0 12px!important}
    .list1-item .entry-header{flex:unset}
    .list1-item .entry-excerpt{margin:7px 0 0}
    .list1-item .entry-meta{margin:8px 0 0}
    .block1-items{grid-template-columns:1fr}
    .block1-items .cs .entry-inner{height:200px}
    .block1-items .cs .entry-title{font-size:19px}
    .block1-list .entry-image-wrap{width:118px;height:78px}
    .block2-items{grid-template-columns:1f}
    .block2-items .cs .entry-inner{height:200px}
    .block2-items .cs .entry-title{font-size:19px}
    .block2-grid{grid-template-columns:repeat(2,1fr);grid-gap:25px 20px}
    .block2-grid .entry-image-wrap{height:130px}
    .grid1-items{grid-template-columns:1fr}
    .grid1-item .entry-image-wrap{height:200px}
    .grid1-item .entry-title{font-size:21px}
    .grid2-items{grid-template-columns:repeat(2,1fr);grid-gap:25px 20px}
    .grid2-item .entry-image-wrap{height:130px;margin:0 0 10px}
    .col-item .entry-inner{height:200px}
    .col-item:not(.cs) .entry-image-wrap{width:118px;height:78px}
    .video-items{grid-template-columns:1fr}
    .video-items .cs .entry-inner{height:200px}
    .video-items .cs .entry-title{font-size:19px}
    .video-grid{grid-template-columns:repeat(2,1fr);grid-gap:25px 20px}
    .video-grid .entry-image-wrap{height:130px}
    .type-video:not(.video-style) .video-grid .entry-title{font-size:15px}
    .video-items .cs .is-video:after{top:15px;right:15px;transform:scale(1)}
    .rtl .video-items .cs .is-video:after{left:15px;right:unset}
    .p-eh .entry-meta{margin:15px 0 0}
    .item-post h1.entry-title{font-size:31px}
    .post-body table{display:block}
    .share-links li:not(.has-span) a,.share-links .has-span a:before{width:40px}
    .share-links .twitter.has-span a{width:40px;justify-content:center}
    .share-links .twitter.has-span a:before{width:100%;background-color:transparent}
    .share-links .twitter span{display:none}
    .share-links .pinterest-p{display:none}
    .author-description .author-text,.comments .comment-content{font-size:15px}
    #blog-pager{margin:25px 0 2px}
    .sidebar ul.social-icons{grid-template-columns:repeat(2,1fr)}
    .FeaturedPost .entry-inner{height:200px}
    .side-item .entry-inner{height:200px}
    .side-item:not(.cs) .entry-image-wrap{width:118px;height:78px}
    .side3-items{grid-template-columns:repeat(2,1fr);grid-gap:25px 20px}
    .side3-item .entry-image-wrap{height:130px}
    .side3-item .entry-title{font-size:15px}
    .errorWrap{padding:15px 15px 30px}
    .errorWrap h3{font-size:130px}
    .errorWrap h4{line-height:initial}
    .cookie-consent{right:0!important;left:0!important;bottom:0;width:100%;padding:20px;border-radius:0}
    a.ads-here{height:65px}
    .sidebar a.ads-here{height:180px}
}
@media only screen and (max-width: 480px) {
    .block2-grid .entry-image-wrap{height:115px}
    .block2-grid .entry-title{font-size:14px}
    .grid2-item .entry-image-wrap{height:115px}
    .grid2-item .entry-title{font-size:14px}
    .video-grid .entry-image-wrap{height:115px}
    .type-video:not(.video-style) .video-grid .entry-title{font-size:14px}
    .item-post h1.entry-title{font-size:28px}
    .side3-item .entry-title{font-size:14px}
    .side3-item .entry-image-wrap{height:115px}
    .side3-item .entry-title{font-size:14px}
}
@media only screen and (max-width: 380px) {
    #featured .widget-content{min-height:220px}
    .featured-item.item-0{height:200px}
    .featured-item .entry-title{font-size:14px!important}
    .featured-item.item-0 .entry-title{font-size:21px!important}
    .featured-grid{height:130px}
    .list1-item .entry-image-wrap{height:180px}
    .block1-items .cs .entry-inner{height:180px}
    .block2-items .cs .entry-inner{height:180px}
    .block2-grid .entry-image-wrap{height:100px}
    .grid1-item .entry-image-wrap{height:180px}
    .grid2-item .entry-image-wrap{height:100px}
    .col-item .entry-inner{height:180px}
    .video-items .cs .entry-inner{height:180px}
    .video-grid .entry-image-wrap{height:100px}
    .item-post h1.entry-title{font-size:26px}
    .item-post .entry-meta .align-right{display:none}
    .pbt-toc-inner{min-width:100%}
    .share-links span{display:none}
    .share-links .has-span a{width:40px;justify-content:center}
    .share-links .has-span a:before{width:100%;background-color:transparent}
    .FeaturedPost .entry-inner{height:180px}
    .side-item .entry-inner{height:180px}
    .side3-item .entry-image-wrap{height:100px}
    .share-links .pinterest-p{display:block}
}
@media only screen and (max-width: 340px) {
    .featured-grid .featured-item{width:75%}
    #slide-menu{width:100%}
    .errorWrap h3{font-size:110px}
    .errorWrap h4{font-size:27px}
}
@media only screen and (max-width: 980px) {
    .main-header {
        position: fixed;
        z-index: 5000;
        top: 0px;
    }
    #main_content{
        margin-top: 50px;
    }
}
:root {
    --video-widget-bg : #3c4043 !important;
}
.topbar-wrap {
    background-color: #000 !important;
}
.footer-bar {
    background-color: #000 !important;
    padding : 14px 0px !important;
}
.entry-image {
    border-radius:6px;
}
.widget {
    border-radius:10px !important;
}
.widget.HTML {
    box-shadow: 0px 2px 10px rgba(0,0,0,.08)  !important;
    border-bottom: 1px solid rgba(100,100,0,.15)  !important;
}
.imageActu {
    display: block;
    max-width: 1280px !important;
    width: 100% !important;
    margin: auto;
    height: auto;
    margin-bottom: 0px;
}
.CPD {
    margin-top: 15px;
    text-align: center;
    margin-bottom: 26px;
    line-height: 1em;
    font-size: 0.8em;
    color: #777;
    font-weight: normal !important;
}
.CPG {
    width:100%;
    margin-top: 15px;
    text-align: center;
    margin-bottom: 26px;
    line-height: 1em;
    font-size: 0.8em;
    color: #777;
    font-weight: normal !important;
}
.DDP {
    font-weight: bold;
    color: #1d4371;
}
.TI {
    font-weight: bold;
    color: #630400;
}
.ST {
    margin-top: 18px;
    font-size: 1.3em;
    font-weight: bold;
    color: #630400;
    border-bottom: 1px dotted #4974b4 !important;
    text-transform: uppercase;
}
.STTD {
}
.SC1 {
}
.STTD2 {
    width: 0% !important;
}
.N {
    text-align: justify !important;
    line-height: 1.5em;
}
.S {
    text-align: justify;
}
.CT {
    margin-top: 6px;
    background-color: #F5F5F5;
    border-radius: 14px;
    padding: 19px;
    box-shadow: 0px 0px 10px #EEE;
}
.actu-container table {
    width: 100% !important;
    text-align: justify;
    border:0px;
}
.actu-container table tr td {
    border:0px;
}
.actu-container {
    padding: 10px;
    font-family: Roboto;
    font-size: 16px;
    text-align: justify;
    line-height: 1.4em;
    color: #132a44;
}
.pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}
.page-item {
}
.page-item:last-child {
    margin-right: 0;
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: var(--main-color);
    background-color: #fff;
    border: 1px solid #dee2e6;
    text-decoration: none;
}
.page-link:hover {
    z-index: 2;
    color: var(--main-color);
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.page-link:focus {
    z-index: 2;
    color: var(--main-color);
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color:      var(--main-color);
;
    border-color:var(--main-color);
}
.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}
table, tr, th, td, tbody {
    border:0px !important;
}
.excerpt {
    color:#132a44;
}
.post-body p {
    color:#132a44 !important;
    line-height: 1.6em !important; 
}
:root {
    --meta-color: #132a44 !important;
}
h3 a:hover {
    color:var(--tag-bg) !important;
}
html::-webkit-scrollbar {
    width: 10px ; 
}
html::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05); 
    border-radius: 5px; 
}
html::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2); 
    border-radius: 5px; 
}
html::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.6); 
}
html {
    scrollbar-color: rgba(26, 56, 96, 0.7) transparent; 
}
.is-video2:after {
    background-color: #FFF !important;
}
.is-video2:after {
    display: flex;
    position: absolute;
    content: '\e037';
    top: calc(0% + 25px);
    right: calc(0% + 25px);
    width: 34px;
    height: 34px;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: 'Material Icons Round';
    font-size: 25px;
    color: #333;
    font-weight: 400;
    align-items: center;
    justify-content: center;
    z-index: 5;
    transform: translate(50%, -50%);
    box-sizing: border-box;
    padding: 0 0 0 1px;
    border-radius: 25%;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
blockquote {
    border-left:3px solid rgba(0,0,0,0.2) !important;
    margin-left: 10px;
    font-style: italic !important;
    margin-bottom: 20px !important;
}
blockquote:before {
    display: none;
}
blockquote p {
    margin-bottom: 0px !important;
}
.section-header {
    margin-bottom: 24px;
    padding: 20px;
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}
.section-header h1 {
    font-size: 1.8rem;
    margin: 0 0 10px 0;
    color: #163860;
    line-height: 1.2;
}
.section-header h1 .sep {
    opacity: 0.25;
    margin: 0 0.4em;
    font-weight: 400;
}
.section-header p {
    margin: 0;
    color: #555;
    line-height: 1.5;
    font-size: 0.95rem;
}
.entry-image > img,
.short-thumb > img,
.tehilim-card-img > img,
.cal-tool-card-img .cal-tool-card-cover > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: inherit;
}
.short-thumb > img {
    transition: transform .3s ease;
}
.entry-image-wrap,
.short-thumb-wrap,
.tehilim-card-img,
.cal-tool-card-img .cal-tool-card-cover {
    position: relative;
    background-color: #ebebeb;
    overflow: hidden;
}
.entry-image-wrap::before,
.short-thumb-wrap::before,
.tehilim-card-img::before,
.cal-tool-card-img .cal-tool-card-cover::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.6) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: translateX(-100%);
    animation: ut-shimmer 1.6s ease-in-out infinite;
    pointer-events: none;
    z-index: 0;
    will-change: transform;
    border-radius: inherit;
}
@keyframes ut-shimmer {
    100% { transform: translateX(100%); }
}
.entry-image-wrap > .entry-image,
.short-thumb-wrap > .short-thumb,
.tehilim-card-img > img,
.cal-tool-card-img .cal-tool-card-cover > img {
    position: relative;
    z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
    .entry-image-wrap::before,
    .short-thumb-wrap::before,
    .tehilim-card-img::before,
    .cal-tool-card-img .cal-tool-card-cover::before {
        animation: none;
    }
}
.entry-category {
    background-color: #cc2e0d !important;
}
.donate-button {
    background-color: #cc2e0d !important;
}
.skip-link {
    position: absolute;
    top: -50px;
    left: 0;
    z-index: 100000;
    background: #000;
    color: #fff;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    border-radius: 0 0 4px 0;
    transition: top 0.2s ease;
}
.skip-link:focus {
    top: 0;
    outline: 2px solid #fd3a13;
    outline-offset: -2px;
}
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%}}}@layer theme{:root,:host{--font-sans:"Roboto", Arial, system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-300:oklch(89.7% .196 126.665);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-700:oklch(53.2% .157 131.589);--color-lime-800:oklch(45.3% .124 130.933);--color-lime-900:oklch(40.5% .101 131.063);--color-lime-950:oklch(27.4% .072 132.109);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-900:oklch(38.6% .063 188.416);--color-teal-950:oklch(27.7% .046 192.524);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-900:oklch(39.8% .07 227.392);--color-cyan-950:oklch(30.2% .056 229.695);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-sky-800:oklch(44.3% .11 240.79);--color-sky-900:oklch(39.1% .09 240.876);--color-sky-950:oklch(29.3% .066 243.157);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-indigo-950:oklch(25.7% .09 281.288);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-violet-950:oklch(28.3% .141 291.089);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-fuchsia-50:oklch(97.7% .017 320.058);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-400:oklch(74% .238 322.16);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-900:oklch(40.1% .17 325.612);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-800:oklch(45.9% .187 3.815);--color-pink-900:oklch(40.8% .153 2.432);--color-pink-950:oklch(28.4% .109 3.907);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-100:oklch(97% .001 106.424);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-800:oklch(26.8% .007 34.298);--color-stone-900:oklch(21.6% .006 56.043);--color-stone-950:oklch(14.7% .004 49.25);--color-mauve-50:oklch(98.5% 0 0);--color-mauve-100:oklch(96% .003 325.6);--color-mauve-200:oklch(92.2% .005 325.62);--color-mauve-300:oklch(86.5% .012 325.68);--color-mauve-400:oklch(71.1% .019 323.02);--color-mauve-500:oklch(54.2% .034 322.5);--color-mauve-600:oklch(43.5% .029 321.78);--color-mauve-700:oklch(36.4% .029 323.89);--color-mauve-800:oklch(26.3% .024 320.12);--color-mauve-900:oklch(21.2% .019 322.12);--color-mauve-950:oklch(14.5% .008 326);--color-olive-50:oklch(98.8% .003 106.5);--color-olive-100:oklch(96.6% .005 106.5);--color-olive-200:oklch(93% .007 106.5);--color-olive-300:oklch(88% .011 106.6);--color-olive-400:oklch(73.7% .021 106.9);--color-olive-500:oklch(58% .031 107.3);--color-olive-600:oklch(46.6% .025 107.3);--color-olive-700:oklch(39.4% .023 107.4);--color-olive-800:oklch(28.6% .016 107.4);--color-olive-900:oklch(22.8% .013 107.4);--color-olive-950:oklch(15.3% .006 107.1);--color-mist-50:oklch(98.7% .002 197.1);--color-mist-100:oklch(96.3% .002 197.1);--color-mist-200:oklch(92.5% .005 214.3);--color-mist-300:oklch(87.2% .007 219.6);--color-mist-400:oklch(72.3% .014 214.4);--color-mist-500:oklch(56% .021 213.5);--color-mist-600:oklch(45% .017 213.2);--color-mist-700:oklch(37.8% .015 216);--color-mist-800:oklch(27.5% .011 216.9);--color-mist-900:oklch(21.8% .008 223.9);--color-mist-950:oklch(14.8% .004 228.8);--color-taupe-50:oklch(98.6% .002 67.8);--color-taupe-100:oklch(96% .002 17.2);--color-taupe-200:oklch(92.2% .005 34.3);--color-taupe-300:oklch(86.8% .007 39.5);--color-taupe-400:oklch(71.4% .014 41.2);--color-taupe-500:oklch(54.7% .021 43.1);--color-taupe-600:oklch(43.8% .017 39.3);--color-taupe-700:oklch(36.7% .016 35.7);--color-taupe-800:oklch(26.8% .011 36.5);--color-taupe-900:oklch(21.4% .009 43.1);--color-taupe-950:oklch(14.7% .004 49.3);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--text-shadow-2xs:0px 1px 0px #00000026;--text-shadow-xs:0px 1px 1px #0003;--text-shadow-sm:0px 1px 0px #00000013, 0px 1px 1px #00000013, 0px 2px 2px #00000013;--text-shadow-md:0px 1px 1px #0000001a, 0px 1px 2px #0000001a, 0px 2px 4px #0000001a;--text-shadow-lg:0px 1px 2px #0000001a, 0px 3px 2px #0000001a, 0px 4px 8px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-marine-800:#163860;--color-marine-900:#0b2442;--color-accent-500:#fd3a13;--color-ink-900:#16161a;--color-page:#f5f6f7}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{font-family:var(--font-sans);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}h1,h2,h3,h4,h5,h6{color:var(--color-ink-900);letter-spacing:-.005em;font-weight:700}a{color:var(--color-ink-900);text-decoration:none}a:hover{color:var(--color-accent-500)}:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px;border-radius:2px}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}}@layer components{.skip-link{z-index:1000;background-color:var(--color-marine-800);color:#fff;border-bottom-right-radius:.5rem;padding:.75rem 1rem;font-weight:600;transition:transform .15s;position:absolute;top:0;left:0;transform:translateY(-100%)}.skip-link:focus-visible{transform:translateY(0)}}@layer utilities{.\@container\/card-header{container:card-header/inline-size}.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-4{inset:calc(var(--spacing) * -4)}.inset-0{inset:calc(var(--spacing) * 0)}.inset-\[6px\]{inset:6px}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-1{top:calc(var(--spacing) * -1)}.-top-3{top:calc(var(--spacing) * -3)}.-top-10{top:calc(var(--spacing) * -10)}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:calc(var(--spacing) * 0)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-8{top:calc(var(--spacing) * 8)}.top-\[-10\%\]{top:-10%}.top-full{top:100%}.-right-0\.5{right:calc(var(--spacing) * -.5)}.-right-1{right:calc(var(--spacing) * -1)}.-right-6{right:calc(var(--spacing) * -6)}.-right-10{right:calc(var(--spacing) * -10)}.-right-12{right:calc(var(--spacing) * -12)}.-right-20{right:calc(var(--spacing) * -20)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.right-7{right:calc(var(--spacing) * 7)}.right-8{right:calc(var(--spacing) * 8)}.right-11{right:calc(var(--spacing) * 11)}.right-\[-10\%\]{right:-10%}.-bottom-6{bottom:calc(var(--spacing) * -6)}.-bottom-10{bottom:calc(var(--spacing) * -10)}.-bottom-12{bottom:calc(var(--spacing) * -12)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-24{bottom:calc(var(--spacing) * 24)}.bottom-\[-10\%\]{bottom:-10%}.bottom-full{bottom:100%}.\!left-3{left:calc(var(--spacing) * 3)!important}.-left-6{left:calc(var(--spacing) * -6)}.-left-10{left:calc(var(--spacing) * -10)}.-left-12{left:calc(var(--spacing) * -12)}.-left-20{left:calc(var(--spacing) * -20)}.left-0{left:calc(var(--spacing) * 0)}.left-1\.5{left:calc(var(--spacing) * 1.5)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-8{left:calc(var(--spacing) * 8)}.left-9{left:calc(var(--spacing) * 9)}.left-16{left:calc(var(--spacing) * 16)}.left-20{left:calc(var(--spacing) * 20)}.left-\[-10\%\]{left:-10%}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.-z-10{z-index:calc(10 * -1)}.-z-20{z-index:calc(20 * -1)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.order-0,.order-none{order:0}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.float-end{float:inline-end}.float-left{float:left}.float-none{float:none}.float-right{float:right}.float-start{float:inline-start}.clear-both{clear:both}.clear-end{clear:inline-end}.clear-left{clear:left}.clear-none{clear:none}.clear-right{clear:right}.clear-start{clear:inline-start}.container{width:100%}@media (min-width:1920px){.container{max-width:1920px}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.container\!{width:100%!important}@media (min-width:1920px){.container\!{max-width:1920px!important}}@media (min-width:40rem){.container\!{max-width:40rem!important}}@media (min-width:48rem){.container\!{max-width:48rem!important}}@media (min-width:64rem){.container\!{max-width:64rem!important}}@media (min-width:80rem){.container\!{max-width:80rem!important}}@media (min-width:96rem){.container\!{max-width:96rem!important}}.m-0{margin:calc(var(--spacing) * 0)}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-auto{margin-block:auto}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-11{margin-left:calc(var(--spacing) * 11)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.field-sizing-content{field-sizing:content}.field-sizing-fixed{field-sizing:fixed}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-auto{width:auto;height:auto}.h-0{height:calc(var(--spacing) * 0)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-64{height:calc(var(--spacing) * 64)}.h-2009{height:calc(var(--spacing) * 2009)}.h-\[2px\]{height:2px}.h-\[3px\]{height:3px}.h-\[18px\]{height:18px}.h-\[20px\]{height:20px}.h-\[40rem\]{height:40rem}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-lh{height:1lh}.h-px{height:1px}.h-screen{height:100vh}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[75vh\]{max-height:75vh}.max-h-\[200px\]{max-height:200px}.max-h-\[250px\]{max-height:250px}.max-h-\[320px\]{max-height:320px}.max-h-\[400px\]{max-height:400px}.max-h-\[600px\]{max-height:600px}.max-h-lh{max-height:1lh}.max-h-none{max-height:none}.max-h-screen{max-height:100vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-\[1\.5rem\]{min-height:1.5rem}.min-h-\[18px\]{min-height:18px}.min-h-\[36px\]{min-height:36px}.min-h-\[70vh\]{min-height:70vh}.min-h-\[140px\]{min-height:140px}.min-h-auto{min-height:auto}.min-h-lh{min-height:1lh}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-\[2px\]{width:2px}.w-\[40rem\]{width:40rem}.w-\[100px\]{width:100px}.w-\[260px\]{width:260px}.w-\[420px\]{width:420px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-\(--thread-content-max-width\){max-width:var(--thread-content-max-width)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[80px\]{max-width:80px}.max-w-\[95vw\]{max-width:95vw}.max-w-\[120px\]{max-width:120px}.max-w-\[200px\]{max-width:200px}.max-w-\[280px\]{max-width:280px}.max-w-\[320px\]{max-width:320px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-screen{max-width:100vw}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[0px\]{min-width:0}.min-w-\[8rem\]{min-width:8rem}.min-w-\[16px\]{min-width:16px}.min-w-\[18px\]{min-width:18px}.min-w-\[20px\]{min-width:20px}.min-w-\[22px\]{min-width:22px}.min-w-\[24px\]{min-width:24px}.min-w-\[28px\]{min-width:28px}.min-w-\[34px\]{min-width:34px}.min-w-\[36px\]{min-width:36px}.min-w-\[40px\]{min-width:40px}.min-w-\[160px\]{min-width:160px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[320px\]{min-width:320px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-auto{min-width:auto}.min-w-full{min-width:100%}.min-w-screen{min-width:100vw}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-auto{flex-basis:auto}.basis-full{flex-basis:100%}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.caption-bottom{caption-side:bottom}.caption-top{caption-side:top}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-left{transform-origin:0}.-translate-full{--tw-translate-x:-100%;--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-full{--tw-translate-x:100%;--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-8{--tw-translate-x:calc(var(--spacing) * -8);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-8{--tw-translate-x:calc(var(--spacing) * 8);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-8{--tw-translate-y:calc(var(--spacing) * 8);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-3d{translate:var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z)}.translate-none{translate:none}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-120{--tw-scale-x:120%;--tw-scale-y:120%;--tw-scale-z:120%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.scale-none{scale:none}.rotate-180{rotate:180deg}.rotate-none{rotate:none}.transform,.transform-cpu{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-none{transform:none}.\[animation\:spin_20s_linear_infinite\],.animate-\[spin_20s_linear_infinite\]{animation:20s linear infinite spin}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.\!cursor-pointer{cursor:pointer!important}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.cursor-wait{cursor:wait}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.resize-none{resize:none}.resize-x{resize:horizontal}.resize-y{resize:vertical}.snap-none{scroll-snap-type:none}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-proximity{--tw-scroll-snap-strictness:proximity}.snap-align-none{scroll-snap-align:none}.snap-center{scroll-snap-align:center}.snap-end{scroll-snap-align:end}.snap-start{scroll-snap-align:start}.snap-always{scroll-snap-stop:always}.snap-normal{scroll-snap-stop:normal}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.scroll-mt-\[calc\(var\(--header-height\)\+min\(200px\,max\(70px\,20svh\)\)\)\]{scroll-margin-top:calc(var(--header-height) + min(200px, max(70px, 20svh)))}.scrollbar-auto{scrollbar-width:auto}.scrollbar-none{scrollbar-width:none}.scrollbar-thin{scrollbar-width:thin}.scrollbar-gutter-auto{scrollbar-gutter:auto}.scrollbar-gutter-both{scrollbar-gutter:stable both-edges}.scrollbar-gutter-stable{scrollbar-gutter:stable}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-disc{list-style-type:disc}.appearance-auto{appearance:auto}.appearance-none{appearance:none}.grid-flow-col{grid-auto-flow:column}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row{grid-auto-flow:row}.grid-flow-row-dense{grid-auto-flow:dense}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.place-content-around{place-content:space-around}.place-content-baseline{place-content:baseline start}.place-content-between{place-content:space-between}.place-content-center{place-content:center}.place-content-center-safe{place-content:safe center}.place-content-end{place-content:end}.place-content-end-safe{place-content:safe end}.place-content-evenly{place-content:space-evenly}.place-content-start{place-content:start}.place-content-stretch{place-content:stretch}.place-items-baseline{place-items:baseline}.place-items-center{place-items:center}.place-items-center-safe{place-items:safe center}.place-items-end{place-items:end}.place-items-end-safe{place-items:safe end}.place-items-start{place-items:start}.place-items-stretch{place-items:stretch stretch}.content-around{align-content:space-around}.content-baseline{align-content:baseline}.content-between{align-content:space-between}.content-center{align-content:center}.content-center-safe{align-content:safe center}.content-end{align-content:flex-end}.content-end-safe{align-content:safe flex-end}.content-evenly{align-content:space-evenly}.content-normal{align-content:normal}.content-start{align-content:flex-start}.content-stretch{align-content:stretch}.items-baseline{align-items:baseline}.items-baseline-last{align-items:last baseline}.items-center{align-items:center}.items-center-safe{align-items:safe center}.items-end{align-items:flex-end}.items-end-safe{align-items:safe flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-baseline{justify-content:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-center-safe{justify-content:safe center}.justify-end{justify-content:flex-end}.justify-end-safe{justify-content:safe flex-end}.justify-evenly{justify-content:space-evenly}.justify-normal{justify-content:normal}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.justify-items-center{justify-items:center}.justify-items-center-safe{justify-items:safe center}.justify-items-end{justify-items:end}.justify-items-end-safe{justify-items:safe end}.justify-items-normal{justify-items:normal}.justify-items-start{justify-items:start}.justify-items-stretch{justify-items:stretch}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-reverse>:not(:last-child)){--tw-space-y-reverse:1}.gap-x-8{column-gap:calc(var(--spacing) * 8)}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}.gap-y-4{row-gap:calc(var(--spacing) * 4)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-y-reverse>:not(:last-child)){--tw-divide-y-reverse:1}:where(.divide-white\/\[0\.04\]>:not(:last-child)){border-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){:where(.divide-white\/\[0\.04\]>:not(:last-child)){border-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.place-self-auto{place-self:auto}.place-self-center{place-self:center}.place-self-center-safe{place-self:safe center}.place-self-end{place-self:end}.place-self-end-safe{place-self:safe end}.place-self-start{place-self:start}.place-self-stretch{place-self:stretch stretch}.self-auto{align-self:auto}.self-baseline{align-self:baseline}.self-baseline-last{align-self:last baseline}.self-center{align-self:center}.self-center-safe{align-self:safe center}.self-end{align-self:flex-end}.self-end-safe{align-self:safe flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-auto{justify-self:auto}.justify-self-center{justify-self:center}.justify-self-center-safe{justify-self:safe center}.justify-self-end{justify-self:flex-end}.justify-self-end-safe{justify-self:safe flex-end}.justify-self-start{justify-self:flex-start}.justify-self-stretch{justify-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.scroll-auto{scroll-behavior:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-ss{border-start-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-se{border-start-end-radius:.25rem}.rounded-ee{border-end-end-radius:.25rem}.rounded-es{border-end-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-sm{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.rounded-tl{border-top-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-bs{border-block-start-style:var(--tw-border-style);border-block-start-width:1px}.border-be{border-block-end-style:var(--tw-border-style);border-block-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-double{--tw-border-style:double;border-style:double}.border-hidden{--tw-border-style:hidden;border-style:hidden}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.\!border-indigo-500\/40{border-color:#625fff66!important}@supports (color:color-mix(in lab, red, red)){.\!border-indigo-500\/40{border-color:color-mix(in oklab, var(--color-indigo-500) 40%, transparent)!important}}.border-\[\#fbf0df\]{border-color:#fbf0df}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/20{border-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.border-amber-500\/25{border-color:#f99c0040}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/25{border-color:color-mix(in oklab, var(--color-amber-500) 25%, transparent)}}.border-amber-500\/30{border-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/30{border-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.border-amber-500\/40{border-color:#f99c0066}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/40{border-color:color-mix(in oklab, var(--color-amber-500) 40%, transparent)}}.border-blue-500\/25{border-color:#3080ff40}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/25{border-color:color-mix(in oklab, var(--color-blue-500) 25%, transparent)}}.border-blue-500\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/30{border-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.border-cyan-400\/70{border-color:#00d2efb3}@supports (color:color-mix(in lab, red, red)){.border-cyan-400\/70{border-color:color-mix(in oklab, var(--color-cyan-400) 70%, transparent)}}.border-cyan-500\/25{border-color:#00b7d740}@supports (color:color-mix(in lab, red, red)){.border-cyan-500\/25{border-color:color-mix(in oklab, var(--color-cyan-500) 25%, transparent)}}.border-cyan-500\/30{border-color:#00b7d74d}@supports (color:color-mix(in lab, red, red)){.border-cyan-500\/30{border-color:color-mix(in oklab, var(--color-cyan-500) 30%, transparent)}}.border-cyan-500\/40{border-color:#00b7d766}@supports (color:color-mix(in lab, red, red)){.border-cyan-500\/40{border-color:color-mix(in oklab, var(--color-cyan-500) 40%, transparent)}}.border-cyan-500\/\[0\.15\]{border-color:#00b7d726}@supports (color:color-mix(in lab, red, red)){.border-cyan-500\/\[0\.15\]{border-color:color-mix(in oklab, var(--color-cyan-500) 15%, transparent)}}.border-emerald-500\/25{border-color:#00bb7f40}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/25{border-color:color-mix(in oklab, var(--color-emerald-500) 25%, transparent)}}.border-emerald-500\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/30{border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.border-emerald-500\/40{border-color:#00bb7f66}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/40{border-color:color-mix(in oklab, var(--color-emerald-500) 40%, transparent)}}.border-fuchsia-500\/30{border-color:#e12afb4d}@supports (color:color-mix(in lab, red, red)){.border-fuchsia-500\/30{border-color:color-mix(in oklab, var(--color-fuchsia-500) 30%, transparent)}}.border-green-500\/30{border-color:#00c7584d}@supports (color:color-mix(in lab, red, red)){.border-green-500\/30{border-color:color-mix(in oklab, var(--color-green-500) 30%, transparent)}}.border-indigo-400{border-color:var(--color-indigo-400)}.border-indigo-400\/40{border-color:#7d87ff66}@supports (color:color-mix(in lab, red, red)){.border-indigo-400\/40{border-color:color-mix(in oklab, var(--color-indigo-400) 40%, transparent)}}.border-indigo-500\/15{border-color:#625fff26}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/15{border-color:color-mix(in oklab, var(--color-indigo-500) 15%, transparent)}}.border-indigo-500\/25{border-color:#625fff40}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/25{border-color:color-mix(in oklab, var(--color-indigo-500) 25%, transparent)}}.border-indigo-500\/30{border-color:#625fff4d}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/30{border-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)}}.border-indigo-500\/40{border-color:#625fff66}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/40{border-color:color-mix(in oklab, var(--color-indigo-500) 40%, transparent)}}.border-indigo-500\/50{border-color:#625fff80}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/50{border-color:color-mix(in oklab, var(--color-indigo-500) 50%, transparent)}}.border-lime-500\/30{border-color:#80cd004d}@supports (color:color-mix(in lab, red, red)){.border-lime-500\/30{border-color:color-mix(in oklab, var(--color-lime-500) 30%, transparent)}}.border-orange-500\/30{border-color:#fe6e004d}@supports (color:color-mix(in lab, red, red)){.border-orange-500\/30{border-color:color-mix(in oklab, var(--color-orange-500) 30%, transparent)}}.border-pink-500\/30{border-color:#f6339a4d}@supports (color:color-mix(in lab, red, red)){.border-pink-500\/30{border-color:color-mix(in oklab, var(--color-pink-500) 30%, transparent)}}.border-purple-500\/25{border-color:#ac4bff40}@supports (color:color-mix(in lab, red, red)){.border-purple-500\/25{border-color:color-mix(in oklab, var(--color-purple-500) 25%, transparent)}}.border-purple-500\/30{border-color:#ac4bff4d}@supports (color:color-mix(in lab, red, red)){.border-purple-500\/30{border-color:color-mix(in oklab, var(--color-purple-500) 30%, transparent)}}.border-red-500\/25{border-color:#fb2c3640}@supports (color:color-mix(in lab, red, red)){.border-red-500\/25{border-color:color-mix(in oklab, var(--color-red-500) 25%, transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.border-red-500\/30{border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.border-red-500\/40{border-color:#fb2c3666}@supports (color:color-mix(in lab, red, red)){.border-red-500\/40{border-color:color-mix(in oklab, var(--color-red-500) 40%, transparent)}}.border-rose-500\/30{border-color:#ff23574d}@supports (color:color-mix(in lab, red, red)){.border-rose-500\/30{border-color:color-mix(in oklab, var(--color-rose-500) 30%, transparent)}}.border-sky-500\/30{border-color:#00a5ef4d}@supports (color:color-mix(in lab, red, red)){.border-sky-500\/30{border-color:color-mix(in oklab, var(--color-sky-500) 30%, transparent)}}.border-stone-500\/30{border-color:#79716b4d}@supports (color:color-mix(in lab, red, red)){.border-stone-500\/30{border-color:color-mix(in oklab, var(--color-stone-500) 30%, transparent)}}.border-teal-500\/30{border-color:#00baa74d}@supports (color:color-mix(in lab, red, red)){.border-teal-500\/30{border-color:color-mix(in oklab, var(--color-teal-500) 30%, transparent)}}.border-transparent{border-color:#0000}.border-violet-400\/40{border-color:#a685ff66}@supports (color:color-mix(in lab, red, red)){.border-violet-400\/40{border-color:color-mix(in oklab, var(--color-violet-400) 40%, transparent)}}.border-violet-500\/30{border-color:#8d54ff4d}@supports (color:color-mix(in lab, red, red)){.border-violet-500\/30{border-color:color-mix(in oklab, var(--color-violet-500) 30%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/25{border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.border-white\/25{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-white\/\[0\.04\]{border-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.04\]{border-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.border-white\/\[0\.05\]{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.05\]{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/\[0\.06\]{border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.06\]{border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.border-white\/\[0\.07\]{border-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.07\]{border-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)}}.border-white\/\[0\.08\]{border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.08\]{border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.border-white\/\[0\.10\]{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.10\]{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/\[0\.12\]{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.12\]{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.border-white\/\[0\.15\]{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.15\]{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-yellow-500\/30{border-color:#edb2004d}@supports (color:color-mix(in lab, red, red)){.border-yellow-500\/30{border-color:color-mix(in oklab, var(--color-yellow-500) 30%, transparent)}}.border-b-transparent{border-bottom-color:#0000}.\!bg-indigo-500\/25{background-color:#625fff40!important}@supports (color:color-mix(in lab, red, red)){.\!bg-indigo-500\/25{background-color:color-mix(in oklab, var(--color-indigo-500) 25%, transparent)!important}}.bg-\[\#0c1425\]{background-color:#0c1425}.bg-\[\#1a1a1a\]{background-color:#1a1a1a}.bg-\[\#25D366\]{background-color:#25d366}.bg-\[\#242424\]{background-color:#242424}.bg-\[\#fbf0df\]{background-color:#fbf0df}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/5{background-color:#f99c000d}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/5{background-color:color-mix(in oklab, var(--color-amber-500) 5%, transparent)}}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/10{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/15{background-color:color-mix(in oklab, var(--color-amber-500) 15%, transparent)}}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/20{background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.bg-amber-500\/90{background-color:#f99c00e6}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/90{background-color:color-mix(in oklab, var(--color-amber-500) 90%, transparent)}}.bg-black\/0{background-color:#0000}@supports (color:color-mix(in lab, red, red)){.bg-black\/0{background-color:color-mix(in oklab, var(--color-black) 0%, transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-black\/65{background-color:#000000a6}@supports (color:color-mix(in lab, red, red)){.bg-black\/65{background-color:color-mix(in oklab, var(--color-black) 65%, transparent)}}.bg-blue-500\/15{background-color:#3080ff26}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/15{background-color:color-mix(in oklab, var(--color-blue-500) 15%, transparent)}}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/20{background-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.bg-current{background-color:currentColor}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-cyan-500\/10{background-color:#00b7d71a}@supports (color:color-mix(in lab, red, red)){.bg-cyan-500\/10{background-color:color-mix(in oklab, var(--color-cyan-500) 10%, transparent)}}.bg-cyan-500\/15{background-color:#00b7d726}@supports (color:color-mix(in lab, red, red)){.bg-cyan-500\/15{background-color:color-mix(in oklab, var(--color-cyan-500) 15%, transparent)}}.bg-cyan-500\/20{background-color:#00b7d733}@supports (color:color-mix(in lab, red, red)){.bg-cyan-500\/20{background-color:color-mix(in oklab, var(--color-cyan-500) 20%, transparent)}}.bg-cyan-500\/\[0\.06\]{background-color:#00b7d70f}@supports (color:color-mix(in lab, red, red)){.bg-cyan-500\/\[0\.06\]{background-color:color-mix(in oklab, var(--color-cyan-500) 6%, transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/10{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/15{background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)}}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/20{background-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.bg-emerald-500\/90{background-color:#00bb7fe6}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/90{background-color:color-mix(in oklab, var(--color-emerald-500) 90%, transparent)}}.bg-emerald-500\/\[0\.04\]{background-color:#00bb7f0a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-emerald-500) 4%, transparent)}}.bg-fuchsia-500\/15{background-color:#e12afb26}@supports (color:color-mix(in lab, red, red)){.bg-fuchsia-500\/15{background-color:color-mix(in oklab, var(--color-fuchsia-500) 15%, transparent)}}.bg-gray-500\/20{background-color:#6a728233}@supports (color:color-mix(in lab, red, red)){.bg-gray-500\/20{background-color:color-mix(in oklab, var(--color-gray-500) 20%, transparent)}}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500\/15{background-color:#00c75826}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/15{background-color:color-mix(in oklab, var(--color-green-500) 15%, transparent)}}.bg-green-500\/20{background-color:#00c75833}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/20{background-color:color-mix(in oklab, var(--color-green-500) 20%, transparent)}}.bg-indigo-400{background-color:var(--color-indigo-400)}.bg-indigo-400\/60{background-color:#7d87ff99}@supports (color:color-mix(in lab, red, red)){.bg-indigo-400\/60{background-color:color-mix(in oklab, var(--color-indigo-400) 60%, transparent)}}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-500\/10{background-color:#625fff1a}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/10{background-color:color-mix(in oklab, var(--color-indigo-500) 10%, transparent)}}.bg-indigo-500\/15{background-color:#625fff26}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/15{background-color:color-mix(in oklab, var(--color-indigo-500) 15%, transparent)}}.bg-indigo-500\/20{background-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/20{background-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.bg-indigo-500\/25{background-color:#625fff40}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/25{background-color:color-mix(in oklab, var(--color-indigo-500) 25%, transparent)}}.bg-indigo-500\/30{background-color:#625fff4d}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/30{background-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)}}.bg-indigo-500\/80{background-color:#625fffcc}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/80{background-color:color-mix(in oklab, var(--color-indigo-500) 80%, transparent)}}.bg-indigo-500\/90{background-color:#625fffe6}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/90{background-color:color-mix(in oklab, var(--color-indigo-500) 90%, transparent)}}.bg-indigo-500\/\[0\.06\]{background-color:#625fff0f}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/\[0\.06\]{background-color:color-mix(in oklab, var(--color-indigo-500) 6%, transparent)}}.bg-lime-500\/15{background-color:#80cd0026}@supports (color:color-mix(in lab, red, red)){.bg-lime-500\/15{background-color:color-mix(in oklab, var(--color-lime-500) 15%, transparent)}}.bg-orange-500\/15{background-color:#fe6e0026}@supports (color:color-mix(in lab, red, red)){.bg-orange-500\/15{background-color:color-mix(in oklab, var(--color-orange-500) 15%, transparent)}}.bg-pink-500\/15{background-color:#f6339a26}@supports (color:color-mix(in lab, red, red)){.bg-pink-500\/15{background-color:color-mix(in oklab, var(--color-pink-500) 15%, transparent)}}.bg-pink-500\/20{background-color:#f6339a33}@supports (color:color-mix(in lab, red, red)){.bg-pink-500\/20{background-color:color-mix(in oklab, var(--color-pink-500) 20%, transparent)}}.bg-purple-500\/15{background-color:#ac4bff26}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/15{background-color:color-mix(in oklab, var(--color-purple-500) 15%, transparent)}}.bg-purple-500\/20{background-color:#ac4bff33}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/20{background-color:color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-red-500\/15{background-color:#fb2c3626}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/15{background-color:color-mix(in oklab, var(--color-red-500) 15%, transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/20{background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.bg-red-500\/90{background-color:#fb2c36e6}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/90{background-color:color-mix(in oklab, var(--color-red-500) 90%, transparent)}}.bg-rose-400{background-color:var(--color-rose-400)}.bg-rose-500\/15{background-color:#ff235726}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/15{background-color:color-mix(in oklab, var(--color-rose-500) 15%, transparent)}}.bg-rose-500\/20{background-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/20{background-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.bg-sky-400{background-color:var(--color-sky-400)}.bg-sky-500\/10{background-color:#00a5ef1a}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/10{background-color:color-mix(in oklab, var(--color-sky-500) 10%, transparent)}}.bg-sky-500\/15{background-color:#00a5ef26}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/15{background-color:color-mix(in oklab, var(--color-sky-500) 15%, transparent)}}.bg-sky-500\/20{background-color:#00a5ef33}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/20{background-color:color-mix(in oklab, var(--color-sky-500) 20%, transparent)}}.bg-slate-500\/15{background-color:#62748e26}@supports (color:color-mix(in lab, red, red)){.bg-slate-500\/15{background-color:color-mix(in oklab, var(--color-slate-500) 15%, transparent)}}.bg-slate-900\/95{background-color:#0f172bf2}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/95{background-color:color-mix(in oklab, var(--color-slate-900) 95%, transparent)}}.bg-stone-500\/15{background-color:#79716b26}@supports (color:color-mix(in lab, red, red)){.bg-stone-500\/15{background-color:color-mix(in oklab, var(--color-stone-500) 15%, transparent)}}.bg-teal-500\/15{background-color:#00baa726}@supports (color:color-mix(in lab, red, red)){.bg-teal-500\/15{background-color:color-mix(in oklab, var(--color-teal-500) 15%, transparent)}}.bg-teal-500\/20{background-color:#00baa733}@supports (color:color-mix(in lab, red, red)){.bg-teal-500\/20{background-color:color-mix(in oklab, var(--color-teal-500) 20%, transparent)}}.bg-transparent{background-color:#0000}.bg-violet-400{background-color:var(--color-violet-400)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-violet-500\/15{background-color:#8d54ff26}@supports (color:color-mix(in lab, red, red)){.bg-violet-500\/15{background-color:color-mix(in oklab, var(--color-violet-500) 15%, transparent)}}.bg-violet-500\/20{background-color:#8d54ff33}@supports (color:color-mix(in lab, red, red)){.bg-violet-500\/20{background-color:color-mix(in oklab, var(--color-violet-500) 20%, transparent)}}.bg-violet-500\/90{background-color:#8d54ffe6}@supports (color:color-mix(in lab, red, red)){.bg-violet-500\/90{background-color:color-mix(in oklab, var(--color-violet-500) 90%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-white\/30{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.bg-white\/35{background-color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.bg-white\/35{background-color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-white\/\[0\.02\]{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.02\]{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.bg-white\/\[0\.05\]{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.05\]{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/\[0\.06\]{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.06\]{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.bg-white\/\[0\.07\]{background-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.07\]{background-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)}}.bg-white\/\[0\.08\]{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.08\]{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.bg-white\/\[0\.12\]{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.12\]{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.bg-yellow-500\/15{background-color:#edb20026}@supports (color:color-mix(in lab, red, red)){.bg-yellow-500\/15{background-color:color-mix(in oklab, var(--color-yellow-500) 15%, transparent)}}.-bg-conic,.bg-conic{--tw-gradient-position:in oklab;background-image:conic-gradient(var(--tw-gradient-stops))}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-radial{--tw-gradient-position:in oklab;background-image:radial-gradient(var(--tw-gradient-stops))}.bg-none{background-image:none}.via-none{--tw-gradient-via-stops:initial}.from-amber-500\/60{--tw-gradient-from:#f99c0099}@supports (color:color-mix(in lab, red, red)){.from-amber-500\/60{--tw-gradient-from:color-mix(in oklab, var(--color-amber-500) 60%, transparent)}}.from-amber-500\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white\/30{--tw-gradient-from:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.from-white\/30{--tw-gradient-from:color-mix(in oklab, var(--color-white) 30%, transparent)}}.from-white\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-amber-400{--tw-gradient-to:var(--color-amber-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.mask-none{-webkit-mask-image:none;mask-image:none}.mask-circle{--tw-mask-radial-shape:circle}.mask-ellipse{--tw-mask-radial-shape:ellipse}.mask-radial-closest-corner{--tw-mask-radial-size:closest-corner}.mask-radial-closest-side{--tw-mask-radial-size:closest-side}.mask-radial-farthest-corner{--tw-mask-radial-size:farthest-corner}.mask-radial-farthest-side{--tw-mask-radial-size:farthest-side}.mask-radial-at-bottom{--tw-mask-radial-position:bottom}.mask-radial-at-bottom-left{--tw-mask-radial-position:bottom left}.mask-radial-at-bottom-right{--tw-mask-radial-position:bottom right}.mask-radial-at-center{--tw-mask-radial-position:center}.mask-radial-at-left{--tw-mask-radial-position:left}.mask-radial-at-right{--tw-mask-radial-position:right}.mask-radial-at-top{--tw-mask-radial-position:top}.mask-radial-at-top-left{--tw-mask-radial-position:top left}.mask-radial-at-top-right{--tw-mask-radial-position:top right}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.box-decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.bg-auto{background-size:auto}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-fixed{background-attachment:fixed}.bg-local{background-attachment:local}.bg-scroll{background-attachment:scroll}.bg-clip-border{background-clip:border-box}.bg-clip-content{background-clip:content-box}.bg-clip-padding{background-clip:padding-box}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-bottom{background-position:bottom}.bg-bottom-left{background-position:0 100%}.bg-bottom-right{background-position:100% 100%}.bg-center{background-position:50%}.bg-left{background-position:0}.bg-left-bottom{background-position:0 100%}.bg-left-top{background-position:0 0}.bg-right{background-position:100%}.bg-right-bottom{background-position:100% 100%}.bg-right-top{background-position:100% 0}.bg-top{background-position:top}.bg-top-left{background-position:0 0}.bg-top-right{background-position:100% 0}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat{background-repeat:repeat}.bg-repeat-round{background-repeat:round}.bg-repeat-space{background-repeat:space}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}.bg-origin-border{background-origin:border-box}.bg-origin-content{background-origin:content-box}.bg-origin-padding{background-origin:padding-box}.mask-add{-webkit-mask-composite:source-over;-webkit-mask-composite:source-over;mask-composite:add}.mask-exclude{-webkit-mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude}.mask-intersect{-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.mask-subtract{-webkit-mask-composite:source-out;-webkit-mask-composite:source-out;mask-composite:subtract}.mask-alpha{-webkit-mask-source-type:alpha;-webkit-mask-source-type:alpha;mask-mode:alpha}.mask-luminance{-webkit-mask-source-type:luminance;-webkit-mask-source-type:luminance;mask-mode:luminance}.mask-match{-webkit-mask-source-type:auto;-webkit-mask-source-type:auto;mask-mode:match-source}.mask-type-alpha{mask-type:alpha}.mask-type-luminance{mask-type:luminance}.mask-auto{-webkit-mask-size:auto;mask-size:auto}.mask-contain{-webkit-mask-size:contain;mask-size:contain}.mask-cover{-webkit-mask-size:cover;mask-size:cover}.mask-clip-border{-webkit-mask-clip:border-box;mask-clip:border-box}.mask-clip-content{-webkit-mask-clip:content-box;mask-clip:content-box}.mask-clip-fill{-webkit-mask-clip:fill-box;mask-clip:fill-box}.mask-clip-padding{-webkit-mask-clip:padding-box;mask-clip:padding-box}.mask-clip-stroke{-webkit-mask-clip:stroke-box;mask-clip:stroke-box}.mask-clip-view{-webkit-mask-clip:view-box;mask-clip:view-box}.mask-no-clip{-webkit-mask-clip:no-clip;mask-clip:no-clip}.mask-bottom{-webkit-mask-position:bottom;mask-position:bottom}.mask-bottom-left{-webkit-mask-position:0 100%;mask-position:0 100%}.mask-bottom-right{-webkit-mask-position:100% 100%;mask-position:100% 100%}.mask-center{-webkit-mask-position:50%;mask-position:50%}.mask-left{-webkit-mask-position:0;mask-position:0}.mask-right{-webkit-mask-position:100%;mask-position:100%}.mask-top{-webkit-mask-position:top;mask-position:top}.mask-top-left{-webkit-mask-position:0 0;mask-position:0 0}.mask-top-right{-webkit-mask-position:100% 0;mask-position:100% 0}.mask-no-repeat{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.mask-repeat-round{-webkit-mask-repeat:round;mask-repeat:round}.mask-repeat-space{-webkit-mask-repeat:space;mask-repeat:space}.mask-repeat-x{-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.mask-repeat-y{-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y}.mask-origin-border{-webkit-mask-origin:border-box;mask-origin:border-box}.mask-origin-content{-webkit-mask-origin:content-box;mask-origin:content-box}.mask-origin-fill{-webkit-mask-origin:fill-box;mask-origin:fill-box}.mask-origin-padding{-webkit-mask-origin:padding-box;mask-origin:padding-box}.mask-origin-stroke{-webkit-mask-origin:stroke-box;mask-origin:stroke-box}.mask-origin-view{-webkit-mask-origin:view-box;mask-origin:view-box}.fill-none{fill:none}.stroke-none{stroke:none}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.object-left-bottom{object-position:left bottom}.object-left-top{object-position:left top}.object-right-bottom{object-position:right bottom}.object-right-top{object-position:right top}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-\(--thread-content-margin\){padding-inline:var(--thread-content-margin)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[0\.3rem\]{padding-inline:.3rem}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-\[0\.2rem\]{padding-block:.2rem}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-32{padding-top:calc(var(--spacing) * 32)}.pt-36{padding-top:calc(var(--spacing) * 36)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-7{padding-right:calc(var(--spacing) * 7)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pr-14{padding-right:calc(var(--spacing) * 14)}.pr-16{padding-right:calc(var(--spacing) * 16)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-14{padding-left:calc(var(--spacing) * 14)}.text-center{text-align:center}.text-end{text-align:end}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-baseline{vertical-align:baseline}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-sub{vertical-align:sub}.align-super{vertical-align:super}.align-text-bottom{vertical-align:text-bottom}.align-text-top{vertical-align:text-top}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16\.5px\]{font-size:16.5px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.text-\[42px\]{font-size:42px}.text-\[44px\]{font-size:44px}.text-\[48px\]{font-size:48px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.wrap-anywhere{overflow-wrap:anywhere}.wrap-break-word{overflow-wrap:break-word}.wrap-normal{overflow-wrap:normal}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.overflow-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.text-ellipsis{text-overflow:ellipsis}.hyphens-auto{-webkit-hyphens:auto;hyphens:auto}.hyphens-manual{-webkit-hyphens:manual;hyphens:manual}.hyphens-none{-webkit-hyphens:none;hyphens:none}.whitespace-break-spaces{white-space:break-spaces}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-indigo-300{color:var(--color-indigo-300)!important}.text-\[\#1a1a1a\]{color:#1a1a1a}.text-\[\#fbf0df\]{color:#fbf0df}.text-\[rgba\(255\,255\,255\,0\.87\)\]{color:#ffffffde}.text-amber-100{color:var(--color-amber-100)}.text-amber-200{color:var(--color-amber-200)}.text-amber-300{color:var(--color-amber-300)}.text-amber-300\/75{color:#ffd236bf}@supports (color:color-mix(in lab, red, red)){.text-amber-300\/75{color:color-mix(in oklab, var(--color-amber-300) 75%, transparent)}}.text-amber-300\/80{color:#ffd236cc}@supports (color:color-mix(in lab, red, red)){.text-amber-300\/80{color:color-mix(in oklab, var(--color-amber-300) 80%, transparent)}}.text-amber-300\/85{color:#ffd236d9}@supports (color:color-mix(in lab, red, red)){.text-amber-300\/85{color:color-mix(in oklab, var(--color-amber-300) 85%, transparent)}}.text-amber-400{color:var(--color-amber-400)}.text-amber-400\/60{color:#fcbb0099}@supports (color:color-mix(in lab, red, red)){.text-amber-400\/60{color:color-mix(in oklab, var(--color-amber-400) 60%, transparent)}}.text-amber-400\/70{color:#fcbb00b3}@supports (color:color-mix(in lab, red, red)){.text-amber-400\/70{color:color-mix(in oklab, var(--color-amber-400) 70%, transparent)}}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-current{color:currentColor}.text-cyan-100{color:var(--color-cyan-100)}.text-cyan-200{color:var(--color-cyan-200)}.text-cyan-300{color:var(--color-cyan-300)}.text-cyan-300\/80{color:#53eafdcc}@supports (color:color-mix(in lab, red, red)){.text-cyan-300\/80{color:color-mix(in oklab, var(--color-cyan-300) 80%, transparent)}}.text-cyan-300\/85{color:#53eafdd9}@supports (color:color-mix(in lab, red, red)){.text-cyan-300\/85{color:color-mix(in oklab, var(--color-cyan-300) 85%, transparent)}}.text-cyan-400{color:var(--color-cyan-400)}.text-emerald-200{color:var(--color-emerald-200)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-300\/70{color:#5ee9b5b3}@supports (color:color-mix(in lab, red, red)){.text-emerald-300\/70{color:color-mix(in oklab, var(--color-emerald-300) 70%, transparent)}}.text-emerald-400{color:var(--color-emerald-400)}.text-fuchsia-300{color:var(--color-fuchsia-300)}.text-fuchsia-400{color:var(--color-fuchsia-400)}.text-gray-400{color:var(--color-gray-400)}.text-green-400{color:var(--color-green-400)}.text-indigo-200{color:var(--color-indigo-200)}.text-indigo-300{color:var(--color-indigo-300)}.text-indigo-300\/50{color:#a4b3ff80}@supports (color:color-mix(in lab, red, red)){.text-indigo-300\/50{color:color-mix(in oklab, var(--color-indigo-300) 50%, transparent)}}.text-indigo-300\/60{color:#a4b3ff99}@supports (color:color-mix(in lab, red, red)){.text-indigo-300\/60{color:color-mix(in oklab, var(--color-indigo-300) 60%, transparent)}}.text-indigo-300\/80{color:#a4b3ffcc}@supports (color:color-mix(in lab, red, red)){.text-indigo-300\/80{color:color-mix(in oklab, var(--color-indigo-300) 80%, transparent)}}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-400\/50{color:#7d87ff80}@supports (color:color-mix(in lab, red, red)){.text-indigo-400\/50{color:color-mix(in oklab, var(--color-indigo-400) 50%, transparent)}}.text-indigo-400\/70{color:#7d87ffb3}@supports (color:color-mix(in lab, red, red)){.text-indigo-400\/70{color:color-mix(in oklab, var(--color-indigo-400) 70%, transparent)}}.text-indigo-400\/80{color:#7d87ffcc}@supports (color:color-mix(in lab, red, red)){.text-indigo-400\/80{color:color-mix(in oklab, var(--color-indigo-400) 80%, transparent)}}.text-indigo-500{color:var(--color-indigo-500)}.text-lime-300{color:var(--color-lime-300)}.text-lime-400{color:var(--color-lime-400)}.text-orange-300{color:var(--color-orange-300)}.text-orange-400{color:var(--color-orange-400)}.text-pink-300{color:var(--color-pink-300)}.text-pink-400{color:var(--color-pink-400)}.text-purple-300{color:var(--color-purple-300)}.text-purple-400{color:var(--color-purple-400)}.text-red-200{color:var(--color-red-200)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-400\/50{color:#ff656880}@supports (color:color-mix(in lab, red, red)){.text-red-400\/50{color:color-mix(in oklab, var(--color-red-400) 50%, transparent)}}.text-red-400\/60{color:#ff656899}@supports (color:color-mix(in lab, red, red)){.text-red-400\/60{color:color-mix(in oklab, var(--color-red-400) 60%, transparent)}}.text-red-400\/70{color:#ff6568b3}@supports (color:color-mix(in lab, red, red)){.text-red-400\/70{color:color-mix(in oklab, var(--color-red-400) 70%, transparent)}}.text-rose-300{color:var(--color-rose-300)}.text-rose-300\/70{color:#ffa2aeb3}@supports (color:color-mix(in lab, red, red)){.text-rose-300\/70{color:color-mix(in oklab, var(--color-rose-300) 70%, transparent)}}.text-rose-400{color:var(--color-rose-400)}.text-sky-300{color:var(--color-sky-300)}.text-sky-300\/80{color:#77d4ffcc}@supports (color:color-mix(in lab, red, red)){.text-sky-300\/80{color:color-mix(in oklab, var(--color-sky-300) 80%, transparent)}}.text-sky-400{color:var(--color-sky-400)}.text-slate-300{color:var(--color-slate-300)}.text-stone-300{color:var(--color-stone-300)}.text-stone-400{color:var(--color-stone-400)}.text-teal-300{color:var(--color-teal-300)}.text-teal-400{color:var(--color-teal-400)}.text-violet-300{color:var(--color-violet-300)}.text-violet-400{color:var(--color-violet-400)}.text-white{color:var(--color-white)}.text-white\/0{color:#0000}@supports (color:color-mix(in lab, red, red)){.text-white\/0{color:color-mix(in oklab, var(--color-white) 0%, transparent)}}.text-white\/10{color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.text-white\/10{color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.text-white\/15{color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.text-white\/15{color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.text-white\/20{color:#fff3}@supports (color:color-mix(in lab, red, red)){.text-white\/20{color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.text-white\/25{color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.text-white\/25{color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.text-white\/30{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.text-white\/35{color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.text-white\/35{color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.text-white\/45{color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.text-white\/55{color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.text-white\/65{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.text-white\/95{color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.text-white\/95{color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.text-white\/\[0\.05\]{color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.text-white\/\[0\.05\]{color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.font-stretch-condensed{font-stretch:75%}.font-stretch-expanded{font-stretch:125%}.font-stretch-extra-condensed{font-stretch:62.5%}.font-stretch-extra-expanded{font-stretch:150%}.font-stretch-normal{font-stretch:100%}.font-stretch-semi-condensed{font-stretch:87.5%}.font-stretch-semi-expanded{font-stretch:112.5%}.font-stretch-ultra-condensed{font-stretch:50%}.font-stretch-ultra-expanded{font-stretch:200%}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.normal-nums{font-variant-numeric:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.decoration-dashed{text-decoration-style:dashed}.decoration-dotted{text-decoration-style:dotted}.decoration-double{text-decoration-style:double}.decoration-solid{text-decoration-style:solid}.decoration-wavy{text-decoration-style:wavy}.decoration-auto{text-decoration-thickness:auto}.decoration-from-font{text-decoration-thickness:from-font}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.placeholder-\[\#fbf0df\]\/40::placeholder{color:oklab(95.9232% .00488412 .0249393/.4)}.placeholder-white\/25::placeholder{color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.placeholder-white\/25::placeholder{color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.placeholder-white\/30::placeholder{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.placeholder-white\/30::placeholder{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.accent-auto{accent-color:auto}.scheme-dark{color-scheme:dark}.scheme-light{color-scheme:light}.scheme-light-dark{color-scheme:light dark}.scheme-normal{color-scheme:normal}.scheme-only-dark{color-scheme:dark only}.scheme-only-light{color-scheme:light only}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-65{opacity:.65}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-100{opacity:1}.mix-blend-plus-darker{mix-blend-mode:plus-darker}.mix-blend-plus-lighter{mix-blend-mode:plus-lighter}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-8px_24px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 -8px 24px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-amber-500\/10{--tw-shadow-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.shadow-amber-500\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-500\/10{--tw-shadow-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.shadow-emerald-500\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-500\/10{--tw-shadow-color:#625fff1a}@supports (color:color-mix(in lab, red, red)){.shadow-indigo-500\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-500\/20{--tw-shadow-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.shadow-indigo-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-500\/25{--tw-shadow-color:#625fff40}@supports (color:color-mix(in lab, red, red)){.shadow-indigo-500\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-initial{--tw-shadow-color:initial}.shadow-red-500\/10{--tw-shadow-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.shadow-red-500\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-\[\#25D366\]\/20{--tw-ring-color:oklab(76.0953% -.174012 .10152/.2)}.ring-amber-400\/60{--tw-ring-color:#fcbb0099}@supports (color:color-mix(in lab, red, red)){.ring-amber-400\/60{--tw-ring-color:color-mix(in oklab, var(--color-amber-400) 60%, transparent)}}.ring-amber-500\/20{--tw-ring-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.ring-amber-500\/20{--tw-ring-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.ring-amber-500\/30{--tw-ring-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.ring-amber-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.ring-amber-500\/40{--tw-ring-color:#f99c0066}@supports (color:color-mix(in lab, red, red)){.ring-amber-500\/40{--tw-ring-color:color-mix(in oklab, var(--color-amber-500) 40%, transparent)}}.ring-blue-500\/30{--tw-ring-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.ring-blue-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.ring-cyan-500\/30{--tw-ring-color:#00b7d74d}@supports (color:color-mix(in lab, red, red)){.ring-cyan-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-cyan-500) 30%, transparent)}}.ring-emerald-500\/25{--tw-ring-color:#00bb7f40}@supports (color:color-mix(in lab, red, red)){.ring-emerald-500\/25{--tw-ring-color:color-mix(in oklab, var(--color-emerald-500) 25%, transparent)}}.ring-emerald-500\/30{--tw-ring-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.ring-emerald-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.ring-fuchsia-500\/30{--tw-ring-color:#e12afb4d}@supports (color:color-mix(in lab, red, red)){.ring-fuchsia-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-fuchsia-500) 30%, transparent)}}.ring-indigo-500\/25{--tw-ring-color:#625fff40}@supports (color:color-mix(in lab, red, red)){.ring-indigo-500\/25{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 25%, transparent)}}.ring-indigo-500\/30{--tw-ring-color:#625fff4d}@supports (color:color-mix(in lab, red, red)){.ring-indigo-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)}}.ring-indigo-500\/40{--tw-ring-color:#625fff66}@supports (color:color-mix(in lab, red, red)){.ring-indigo-500\/40{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 40%, transparent)}}.ring-lime-500\/30{--tw-ring-color:#80cd004d}@supports (color:color-mix(in lab, red, red)){.ring-lime-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-lime-500) 30%, transparent)}}.ring-orange-500\/30{--tw-ring-color:#fe6e004d}@supports (color:color-mix(in lab, red, red)){.ring-orange-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-orange-500) 30%, transparent)}}.ring-pink-500\/30{--tw-ring-color:#f6339a4d}@supports (color:color-mix(in lab, red, red)){.ring-pink-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-pink-500) 30%, transparent)}}.ring-purple-500\/30{--tw-ring-color:#ac4bff4d}@supports (color:color-mix(in lab, red, red)){.ring-purple-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-purple-500) 30%, transparent)}}.ring-red-500\/30{--tw-ring-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.ring-red-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.ring-red-500\/35{--tw-ring-color:#fb2c3659}@supports (color:color-mix(in lab, red, red)){.ring-red-500\/35{--tw-ring-color:color-mix(in oklab, var(--color-red-500) 35%, transparent)}}.ring-rose-500\/30{--tw-ring-color:#ff23574d}@supports (color:color-mix(in lab, red, red)){.ring-rose-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-rose-500) 30%, transparent)}}.ring-sky-400{--tw-ring-color:var(--color-sky-400)}.ring-sky-500\/25{--tw-ring-color:#00a5ef40}@supports (color:color-mix(in lab, red, red)){.ring-sky-500\/25{--tw-ring-color:color-mix(in oklab, var(--color-sky-500) 25%, transparent)}}.ring-sky-500\/30{--tw-ring-color:#00a5ef4d}@supports (color:color-mix(in lab, red, red)){.ring-sky-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-sky-500) 30%, transparent)}}.ring-slate-500\/30{--tw-ring-color:#62748e4d}@supports (color:color-mix(in lab, red, red)){.ring-slate-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-slate-500) 30%, transparent)}}.ring-stone-500\/30{--tw-ring-color:#79716b4d}@supports (color:color-mix(in lab, red, red)){.ring-stone-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-stone-500) 30%, transparent)}}.ring-teal-500\/30{--tw-ring-color:#00baa74d}@supports (color:color-mix(in lab, red, red)){.ring-teal-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-teal-500) 30%, transparent)}}.ring-violet-500\/25{--tw-ring-color:#8d54ff40}@supports (color:color-mix(in lab, red, red)){.ring-violet-500\/25{--tw-ring-color:color-mix(in oklab, var(--color-violet-500) 25%, transparent)}}.ring-violet-500\/30{--tw-ring-color:#8d54ff4d}@supports (color:color-mix(in lab, red, red)){.ring-violet-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-violet-500) 30%, transparent)}}.ring-white\/5{--tw-ring-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.ring-white\/5{--tw-ring-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.ring-white\/10{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.ring-white\/10{--tw-ring-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.ring-white\/40{--tw-ring-color:#fff6}@supports (color:color-mix(in lab, red, red)){.ring-white\/40{--tw-ring-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.ring-white\/\[0\.06\]{--tw-ring-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.ring-white\/\[0\.06\]{--tw-ring-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.ring-white\/\[0\.08\]{--tw-ring-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.ring-white\/\[0\.08\]{--tw-ring-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.ring-white\/\[0\.10\]{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.ring-white\/\[0\.10\]{--tw-ring-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.ring-yellow-500\/30{--tw-ring-color:#edb2004d}@supports (color:color-mix(in lab, red, red)){.ring-yellow-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-yellow-500) 30%, transparent)}}.inset-shadow-initial{--tw-inset-shadow-color:initial}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-lg{--tw-blur:blur(var(--blur-lg));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.brightness-0{--tw-brightness:brightness(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-none{--tw-drop-shadow: ;filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-invert{--tw-backdrop-invert:invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-saturate-150{--tw-backdrop-saturate:saturate(150%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-sepia{--tw-backdrop-sepia:sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-discrete{transition-behavior:allow-discrete}.transition-normal{transition-behavior:normal}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-\[900ms\]{--tw-duration:.9s;transition-duration:.9s}.duration-\[1500ms\]{--tw-duration:1.5s;transition-duration:1.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-auto{will-change:auto}.will-change-contents{will-change:contents}.will-change-scroll{will-change:scroll-position}.will-change-transform{will-change:transform}.contain-inline-size{--tw-contain-size:inline-size;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-paint{--tw-contain-paint:paint;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-size{--tw-contain-size:size;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-style{--tw-contain-style:style;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-content{contain:content}.contain-none{contain:none}.contain-strict{contain:strict}.content-none{--tw-content:none;content:none}.forced-color-adjust-auto{forced-color-adjust:auto}.forced-color-adjust-none{forced-color-adjust:none}.outline-dashed{--tw-outline-style:dashed;outline-style:dashed}.outline-dotted{--tw-outline-style:dotted;outline-style:dotted}.outline-double{--tw-outline-style:double;outline-style:double}.outline-none{--tw-outline-style:none;outline-style:none}.outline-solid{--tw-outline-style:solid;outline-style:solid}.select-none{-webkit-user-select:none;user-select:none}.\[--thread-content-margin\:--spacing\(4\)\]{--thread-content-margin:calc(var(--spacing) * 4)}.\[--thread-content-max-width\:32rem\]{--thread-content-max-width:32rem}.\[code\:102\]{code:102}.\[code\:216\]{code:216}.\[code\:247\]{code:247}.\[code\:286\]{code:286}.\[code\:668\]{code:668}.\[omer\:21\]{omer:21}.\[omer\:22\]{omer:22}.\[omer\:23\]{omer:23}.\[omer\:24\]{omer:24}.\[omer\:25\]{omer:25}.\[omer\:39\]{omer:39}.backface-hidden{backface-visibility:hidden}.backface-visible{backface-visibility:visible}.block-auto{block-size:auto}.block-lh{block-size:1lh}.block-screen{block-size:100vh}:where(.divide-x-reverse>:not(:last-child)){--tw-divide-x-reverse:1}.duration-initial{--tw-duration:initial}.inline-auto{inline-size:auto}.inline-screen{inline-size:100vw}.max-block-lh{max-block-size:1lh}.max-block-none{max-block-size:none}.max-block-screen{max-block-size:100vh}.max-inline-none{max-inline-size:none}.max-inline-screen{max-inline-size:100vw}.min-block-auto{min-block-size:auto}.min-block-lh{min-block-size:1lh}.min-block-screen{min-block-size:100vh}.min-inline-auto{min-inline-size:auto}.min-inline-screen{min-inline-size:100vw}.ring-inset{--tw-ring-inset:inset}.text-shadow-initial{--tw-text-shadow-color:initial}.transform-3d{transform-style:preserve-3d}.transform-border{transform-box:border-box}.transform-content{transform-box:content-box}.transform-fill{transform-box:fill-box}.transform-flat{transform-style:flat}.transform-stroke{transform-box:stroke-box}.transform-view{transform-box:view-box}:is(.\*\:visible>*){visibility:visible}@media (hover:hover){.group-hover\:h-\[2px\]:is(:where(.group):hover *){height:2px}.group-hover\:h-full:is(:where(.group):hover *){height:100%}.group-hover\:w-16:is(:where(.group):hover *){width:calc(var(--spacing) * 16)}.group-hover\:w-20:is(:where(.group):hover *){width:calc(var(--spacing) * 20)}.group-hover\:w-full:is(:where(.group):hover *){width:100%}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-125:is(:where(.group):hover *){--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:-rotate-\[90deg\]:is(:where(.group):hover *){rotate:-90deg}.group-hover\:rotate-\[180deg\]:is(:where(.group):hover *){rotate:180deg}.group-hover\:border-indigo-500\/30:is(:where(.group):hover *){border-color:#625fff4d}@supports (color:color-mix(in lab, red, red)){.group-hover\:border-indigo-500\/30:is(:where(.group):hover *){border-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)}}.group-hover\:bg-black\/55:is(:where(.group):hover *){background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-black\/55:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.group-hover\:bg-emerald-500\/25:is(:where(.group):hover *){background-color:#00bb7f40}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-emerald-500\/25:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-emerald-500) 25%, transparent)}}.group-hover\:bg-indigo-500\/15:is(:where(.group):hover *){background-color:#625fff26}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-indigo-500\/15:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-indigo-500) 15%, transparent)}}.group-hover\:tracking-\[0\.3em\]:is(:where(.group):hover *){--tw-tracking:.3em;letter-spacing:.3em}.group-hover\:tracking-wider:is(:where(.group):hover *){--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.group-hover\:text-indigo-200:is(:where(.group):hover *){color:var(--color-indigo-200)}.group-hover\:text-indigo-300:is(:where(.group):hover *){color:var(--color-indigo-300)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.group-hover\:opacity-70:is(:where(.group):hover *){opacity:.7}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:shadow-\[0_0_20px_rgba\(212\,160\,41\,0\.5\)\]:is(:where(.group):hover *){--tw-shadow:0 0 20px var(--tw-shadow-color,#d4a02980);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-hover\:shadow-\[0_0_30px_rgba\(212\,160\,41\,0\.8\)\]:is(:where(.group):hover *){--tw-shadow:0 0 30px var(--tw-shadow-color,#d4a029cc);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-hover\:shadow-\[0_0_35px_rgba\(212\,160\,41\,0\.6\)\]:is(:where(.group):hover *){--tw-shadow:0 0 35px var(--tw-shadow-color,#d4a02999);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-hover\/row\:text-white\/80:is(:where(.group\/row):hover *){color:#fffc}@supports (color:color-mix(in lab, red, red)){.group-hover\/row\:text-white\/80:is(:where(.group\/row):hover *){color:color-mix(in oklab, var(--color-white) 80%, transparent)}}}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-\[\.is-highlighted\]\:w-16:is(:where(.group).is-highlighted *){width:calc(var(--spacing) * 16)}.group-\[\.is-highlighted\]\:scale-110:is(:where(.group).is-highlighted *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-\[\.is-highlighted\]\:text-white:is(:where(.group).is-highlighted *){color:var(--color-white)}.group-\[\.is-highlighted\]\:opacity-70:is(:where(.group).is-highlighted *){opacity:.7}.group-\[\.is-highlighted\]\:shadow-\[0_0_35px_rgba\(212\,160\,41\,0\.6\)\]:is(:where(.group).is-highlighted *){--tw-shadow:0 0 35px var(--tw-shadow-color,#d4a02999);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\:text-white\/30::placeholder{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-white\/30::placeholder{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.first\:pt-\[3px\]:first-child{padding-top:3px}.empty\:hidden:empty{display:none}.focus-within\:border-\[\#f3d5a3\]:focus-within{border-color:#f3d5a3}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-3:hover{--tw-translate-y:calc(var(--spacing) * -3);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-4:hover{--tw-translate-y:calc(var(--spacing) * -4);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:scale-\[1\.03\]:hover{scale:1.03}.hover\:border-cyan-400\/40:hover{border-color:#00d2ef66}@supports (color:color-mix(in lab, red, red)){.hover\:border-cyan-400\/40:hover{border-color:color-mix(in oklab, var(--color-cyan-400) 40%, transparent)}}.hover\:border-cyan-500\/30:hover{border-color:#00b7d74d}@supports (color:color-mix(in lab, red, red)){.hover\:border-cyan-500\/30:hover{border-color:color-mix(in oklab, var(--color-cyan-500) 30%, transparent)}}.hover\:border-indigo-400\/40:hover{border-color:#7d87ff66}@supports (color:color-mix(in lab, red, red)){.hover\:border-indigo-400\/40:hover{border-color:color-mix(in oklab, var(--color-indigo-400) 40%, transparent)}}.hover\:border-indigo-500\/30:hover{border-color:#625fff4d}@supports (color:color-mix(in lab, red, red)){.hover\:border-indigo-500\/30:hover{border-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)}}.hover\:border-white\/\[0\.12\]:hover{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/\[0\.12\]:hover{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.hover\:border-white\/\[0\.15\]:hover{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/\[0\.15\]:hover{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.hover\:\!bg-indigo-500\/35:hover{background-color:#625fff59!important}@supports (color:color-mix(in lab, red, red)){.hover\:\!bg-indigo-500\/35:hover{background-color:color-mix(in oklab, var(--color-indigo-500) 35%, transparent)!important}}.hover\:bg-\[\#20bd5a\]:hover{background-color:#20bd5a}.hover\:bg-\[\#f3d5a3\]:hover{background-color:#f3d5a3}.hover\:bg-amber-500\/10:hover{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-amber-500\/10:hover{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.hover\:bg-amber-500\/20:hover{background-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.hover\:bg-amber-500\/20:hover{background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.hover\:bg-amber-500\/25:hover{background-color:#f99c0040}@supports (color:color-mix(in lab, red, red)){.hover\:bg-amber-500\/25:hover{background-color:color-mix(in oklab, var(--color-amber-500) 25%, transparent)}}.hover\:bg-amber-500\/30:hover{background-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-amber-500\/30:hover{background-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.hover\:bg-black\/75:hover{background-color:#000000bf}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/75:hover{background-color:color-mix(in oklab, var(--color-black) 75%, transparent)}}.hover\:bg-blue-500\/20:hover{background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-500\/20:hover{background-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.hover\:bg-blue-500\/25:hover{background-color:#3080ff40}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-500\/25:hover{background-color:color-mix(in oklab, var(--color-blue-500) 25%, transparent)}}.hover\:bg-cyan-500\/15:hover{background-color:#00b7d726}@supports (color:color-mix(in lab, red, red)){.hover\:bg-cyan-500\/15:hover{background-color:color-mix(in oklab, var(--color-cyan-500) 15%, transparent)}}.hover\:bg-cyan-500\/20:hover{background-color:#00b7d733}@supports (color:color-mix(in lab, red, red)){.hover\:bg-cyan-500\/20:hover{background-color:color-mix(in oklab, var(--color-cyan-500) 20%, transparent)}}.hover\:bg-cyan-500\/30:hover{background-color:#00b7d74d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-cyan-500\/30:hover{background-color:color-mix(in oklab, var(--color-cyan-500) 30%, transparent)}}.hover\:bg-cyan-500\/\[0\.04\]:hover{background-color:#00b7d70a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-cyan-500\/\[0\.04\]:hover{background-color:color-mix(in oklab, var(--color-cyan-500) 4%, transparent)}}.hover\:bg-emerald-500\/25:hover{background-color:#00bb7f40}@supports (color:color-mix(in lab, red, red)){.hover\:bg-emerald-500\/25:hover{background-color:color-mix(in oklab, var(--color-emerald-500) 25%, transparent)}}.hover\:bg-emerald-500\/30:hover{background-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-emerald-500\/30:hover{background-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.hover\:bg-green-500\/20:hover{background-color:#00c75833}@supports (color:color-mix(in lab, red, red)){.hover\:bg-green-500\/20:hover{background-color:color-mix(in oklab, var(--color-green-500) 20%, transparent)}}.hover\:bg-indigo-500:hover{background-color:var(--color-indigo-500)}.hover\:bg-indigo-500\/20:hover{background-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-indigo-500\/20:hover{background-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.hover\:bg-indigo-500\/25:hover{background-color:#625fff40}@supports (color:color-mix(in lab, red, red)){.hover\:bg-indigo-500\/25:hover{background-color:color-mix(in oklab, var(--color-indigo-500) 25%, transparent)}}.hover\:bg-indigo-500\/30:hover{background-color:#625fff4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-indigo-500\/30:hover{background-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)}}.hover\:bg-indigo-600:hover{background-color:var(--color-indigo-600)}.hover\:bg-purple-500\/20:hover{background-color:#ac4bff33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-purple-500\/20:hover{background-color:color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.hover\:bg-red-500\/10:hover{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/10:hover{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.hover\:bg-red-500\/15:hover{background-color:#fb2c3626}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/15:hover{background-color:color-mix(in oklab, var(--color-red-500) 15%, transparent)}}.hover\:bg-red-500\/20:hover{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/20:hover{background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.hover\:bg-red-500\/25:hover{background-color:#fb2c3640}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/25:hover{background-color:color-mix(in oklab, var(--color-red-500) 25%, transparent)}}.hover\:bg-red-500\/30:hover{background-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/30:hover{background-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.hover\:bg-red-500\/\[0\.08\]:hover{background-color:#fb2c3614}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/\[0\.08\]:hover{background-color:color-mix(in oklab, var(--color-red-500) 8%, transparent)}}.hover\:bg-rose-500\/20:hover{background-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.hover\:bg-rose-500\/20:hover{background-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.hover\:bg-violet-500:hover{background-color:var(--color-violet-500)}.hover\:bg-violet-500\/30:hover{background-color:#8d54ff4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-violet-500\/30:hover{background-color:color-mix(in oklab, var(--color-violet-500) 30%, transparent)}}.hover\:bg-white\/60:hover{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/60:hover{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.hover\:bg-white\/\[0\.03\]:hover{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.03\]:hover{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.04\]:hover{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.hover\:bg-white\/\[0\.05\]:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.05\]:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-white\/\[0\.06\]:hover{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.06\]:hover{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.hover\:bg-white\/\[0\.07\]:hover{background-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.07\]:hover{background-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)}}.hover\:bg-white\/\[0\.08\]:hover{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.08\]:hover{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.hover\:bg-white\/\[0\.10\]:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.10\]:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-white\/\[0\.12\]:hover{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.12\]:hover{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.hover\:bg-white\/\[0\.14\]:hover{background-color:#ffffff24}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.14\]:hover{background-color:color-mix(in oklab, var(--color-white) 14.0%, transparent)}}.hover\:text-amber-100:hover{color:var(--color-amber-100)}.hover\:text-amber-200:hover{color:var(--color-amber-200)}.hover\:text-amber-400:hover{color:var(--color-amber-400)}.hover\:text-cyan-200:hover{color:var(--color-cyan-200)}.hover\:text-emerald-200:hover{color:var(--color-emerald-200)}.hover\:text-indigo-100:hover{color:var(--color-indigo-100)}.hover\:text-indigo-200:hover{color:var(--color-indigo-200)}.hover\:text-indigo-300:hover{color:var(--color-indigo-300)}.hover\:text-red-300:hover{color:var(--color-red-300)}.hover\:text-red-300\/70:hover{color:#ffa3a3b3}@supports (color:color-mix(in lab, red, red)){.hover\:text-red-300\/70:hover{color:color-mix(in oklab, var(--color-red-300) 70%, transparent)}}.hover\:text-red-400:hover{color:var(--color-red-400)}.hover\:text-sky-200:hover{color:var(--color-sky-200)}.hover\:text-violet-200:hover{color:var(--color-violet-200)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-white\/50:hover{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/50:hover{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\:text-white\/60:hover{color:#fff9}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/60:hover{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.hover\:text-white\/70:hover{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/70:hover{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.hover\:text-white\/80:hover{color:#fffc}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/80:hover{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.hover\:text-white\/85:hover{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/85:hover{color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.hover\:text-white\/90:hover{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/90:hover{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_0_25px_rgba\(212\,160\,41\,0\.5\)\]:hover{--tw-shadow:0 0 25px var(--tw-shadow-color,#d4a02980);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_0_35px_rgba\(212\,160\,41\,0\.6\)\]:hover{--tw-shadow:0 0 35px var(--tw-shadow-color,#d4a02999);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_25px_50px_-12px_rgba\(212\,160\,41\,0\.35\)\]:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#d4a02959);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-1:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-indigo-500\/20:hover{--tw-shadow-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-indigo-500\/20:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:ring-white\/30:hover{--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:ring-white\/30:hover{--tw-ring-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.hover\:drop-shadow-\[0_0_2em_\#61dafbaa\]:hover{--tw-drop-shadow-size:drop-shadow(0 0 2em var(--tw-drop-shadow-color,#61dafbaa));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.hover\:drop-shadow-\[0_0_2em_\#646cffaa\]:hover{--tw-drop-shadow-size:drop-shadow(0 0 2em var(--tw-drop-shadow-color,#646cffaa));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-\[\#f3d5a3\]:focus{border-color:#f3d5a3}.focus\:border-amber-400\/50:focus{border-color:#fcbb0080}@supports (color:color-mix(in lab, red, red)){.focus\:border-amber-400\/50:focus{border-color:color-mix(in oklab, var(--color-amber-400) 50%, transparent)}}.focus\:border-cyan-400\/50:focus{border-color:#00d2ef80}@supports (color:color-mix(in lab, red, red)){.focus\:border-cyan-400\/50:focus{border-color:color-mix(in oklab, var(--color-cyan-400) 50%, transparent)}}.focus\:border-emerald-400\/50:focus{border-color:#00d29480}@supports (color:color-mix(in lab, red, red)){.focus\:border-emerald-400\/50:focus{border-color:color-mix(in oklab, var(--color-emerald-400) 50%, transparent)}}.focus\:border-indigo-400\/40:focus{border-color:#7d87ff66}@supports (color:color-mix(in lab, red, red)){.focus\:border-indigo-400\/40:focus{border-color:color-mix(in oklab, var(--color-indigo-400) 40%, transparent)}}.focus\:border-indigo-400\/50:focus{border-color:#7d87ff80}@supports (color:color-mix(in lab, red, red)){.focus\:border-indigo-400\/50:focus{border-color:color-mix(in oklab, var(--color-indigo-400) 50%, transparent)}}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:border-indigo-500\/40:focus{border-color:#625fff66}@supports (color:color-mix(in lab, red, red)){.focus\:border-indigo-500\/40:focus{border-color:color-mix(in oklab, var(--color-indigo-500) 40%, transparent)}}.focus\:border-indigo-500\/50:focus{border-color:#625fff80}@supports (color:color-mix(in lab, red, red)){.focus\:border-indigo-500\/50:focus{border-color:color-mix(in oklab, var(--color-indigo-500) 50%, transparent)}}.focus\:border-purple-400\/50:focus{border-color:#c07eff80}@supports (color:color-mix(in lab, red, red)){.focus\:border-purple-400\/50:focus{border-color:color-mix(in oklab, var(--color-purple-400) 50%, transparent)}}.focus\:border-rose-400\/50:focus{border-color:#ff667f80}@supports (color:color-mix(in lab, red, red)){.focus\:border-rose-400\/50:focus{border-color:color-mix(in oklab, var(--color-rose-400) 50%, transparent)}}.focus\:border-stone-400\/50:focus{border-color:#a6a09b80}@supports (color:color-mix(in lab, red, red)){.focus\:border-stone-400\/50:focus{border-color:color-mix(in oklab, var(--color-stone-400) 50%, transparent)}}.focus\:border-transparent:focus{border-color:#0000}.focus\:border-violet-400\/50:focus{border-color:#a685ff80}@supports (color:color-mix(in lab, red, red)){.focus\:border-violet-400\/50:focus{border-color:color-mix(in oklab, var(--color-violet-400) 50%, transparent)}}.focus\:bg-white\/\[0\.05\]:focus{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.focus\:bg-white\/\[0\.05\]:focus{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.focus\:bg-white\/\[0\.06\]:focus{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.focus\:bg-white\/\[0\.06\]:focus{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.focus\:text-white:focus{color:var(--color-white)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-indigo-500\/50:focus{--tw-ring-color:#625fff80}@supports (color:color-mix(in lab, red, red)){.focus\:ring-indigo-500\/50:focus{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 50%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing) * 9)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}@media (min-width:981px){.min-\[981px\]\:hidden{display:none}}@media (min-width:40rem){.sm\:right-4{right:calc(var(--spacing) * 4)}.sm\:right-auto{right:auto}.sm\:bottom-6{bottom:calc(var(--spacing) * 6)}.sm\:bottom-28{bottom:calc(var(--spacing) * 28)}.sm\:left-4{left:calc(var(--spacing) * 4)}.sm\:left-auto{left:auto}.sm\:mt-2{margin-top:calc(var(--spacing) * 2)}.sm\:mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.sm\:mt-3{margin-top:calc(var(--spacing) * 3)}.sm\:mb-2{margin-bottom:calc(var(--spacing) * 2)}.sm\:mb-3{margin-bottom:calc(var(--spacing) * 3)}.sm\:mb-4{margin-bottom:calc(var(--spacing) * 4)}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:h-6{height:calc(var(--spacing) * 6)}.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:h-12{height:calc(var(--spacing) * 12)}.sm\:h-14{height:calc(var(--spacing) * 14)}.sm\:h-16{height:calc(var(--spacing) * 16)}.sm\:w-6{width:calc(var(--spacing) * 6)}.sm\:w-8{width:calc(var(--spacing) * 8)}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:w-12{width:calc(var(--spacing) * 12)}.sm\:w-14{width:calc(var(--spacing) * 14)}.sm\:w-16{width:calc(var(--spacing) * 16)}.sm\:w-auto{width:auto}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}:where(.sm\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.sm\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px * var(--tw-divide-y-reverse));border-bottom-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)))}.sm\:p-2\.5{padding:calc(var(--spacing) * 2.5)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-0{padding-block:calc(var(--spacing) * 0)}.sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.sm\:py-3{padding-block:calc(var(--spacing) * 3)}.sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:pt-6{padding-top:calc(var(--spacing) * 6)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-\[2\.75rem\]{font-size:2.75rem}.sm\:text-\[10px\]{font-size:10px}.sm\:text-\[13px\]{font-size:13px}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[20px\]{font-size:20px}.sm\:text-\[24px\]{font-size:24px}.sm\:text-\[28px\]{font-size:28px}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-start-2{grid-column-start:2}.md\:flex{display:flex}.md\:table-cell{display:table-cell}.md\:w-80{width:calc(var(--spacing) * 80)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:items-stretch{align-items:stretch}.md\:gap-0{gap:calc(var(--spacing) * 0)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:64rem){.lg\:left-\[260px\]{left:260px}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:col-start-2{grid-column-start:2}.lg\:col-start-4{grid-column-start:4}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:table-cell{display:table-cell}.lg\:w-auto{width:auto}.lg\:max-w-none{max-width:none}.lg\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:gap-12{gap:calc(var(--spacing) * 12)}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:p-14{padding:calc(var(--spacing) * 14)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:py-16{padding-block:calc(var(--spacing) * 16)}.lg\:py-20{padding-block:calc(var(--spacing) * 20)}.lg\:py-24{padding-block:calc(var(--spacing) * 24)}.lg\:py-28{padding-block:calc(var(--spacing) * 28)}.lg\:pt-40{padding-top:calc(var(--spacing) * 40)}.lg\:pb-28{padding-bottom:calc(var(--spacing) * 28)}.lg\:text-left{text-align:left}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}@media (hover:hover){.lg\:hover\:scale-\[1\.08\]:hover{scale:1.08}}}@media (min-width:80rem){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@container (min-width:34rem){.\@\[34rem\]\:\[--thread-content-max-width\:40rem\]{--thread-content-max-width:40rem}}@container (min-width:37rem){.\@\[37rem\]\:\[--thread-content-margin\:--spacing\(6\)\]{--thread-content-margin:calc(var(--spacing) * 6)}}@container (min-width:64rem){.\@\[64rem\]\:\[--thread-content-max-width\:48rem\]{--thread-content-max-width:48rem}}@container (min-width:72rem){.\@\[72rem\]\:\[--thread-content-margin\:--spacing\(16\)\]{--thread-content-margin:calc(var(--spacing) * 16)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\.is-highlighted\]\:-translate-y-2.is-highlighted{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing) * 6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/roboto/roboto-300.woff2)format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/roboto/roboto-400.woff2)format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/roboto/roboto-500.woff2)format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/roboto/roboto-700.woff2)format("woff2")}@font-face{font-family:Heebo;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/heebo/heebo-300.woff2)format("woff2")}@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/heebo/heebo-400.woff2)format("woff2")}@font-face{font-family:Heebo;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/heebo/heebo-700.woff2)format("woff2")}@font-face{font-family:Heebo;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/fonts/heebo/heebo-900.woff2)format("woff2")}body{zoom:var(--site-zoom);flex-direction:column;min-height:100vh;display:flex;float:none!important;width:auto!important}main{flex:1}.row-x1{width:var(--site-max-width);max-width:100%}.page-content{width:var(--site-max-width);max-width:100%;margin:0 auto}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@property --tw-text-shadow-color{syntax:"*";inherits:false}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
:root {
    --site-max-width: 1073px;
    --site-zoom: 1;
    
    --ut-radius-lg:     12px;
    --ut-gap:           10px;
    --ut-gap-section:   20px;
    --ut-shadow-card:   0 2px 6px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --ut-shadow-hover:  0 6px 20px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.04);
    --ut-overlay-dark:  linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0) 100%);
}
:root {
    --theme-page-bg: var(--color-page);
    --theme-text:    var(--color-ink-900);
    
    --theme-navbar-bg:           #ffffff;
    --theme-navbar-color:        #16161a;
    --theme-navbar-hover-color:  var(--color-accent-500);
    --theme-submenu-bg:          #ffffff;
    --theme-submenu-color:       #16161a;
    --theme-submenu-hover-color: var(--color-accent-500);
    --theme-navbar-shadow:       0 4px 6px -2px rgba(0, 0, 0, 0.06);
    --theme-submenu-shadow:      0 1px 2px rgba(0, 0, 0, 0.05), 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    --theme-gray-bg:             rgba(155, 155, 155, 0.05);
    --theme-search-border:       rgba(0, 0, 0, 0.2);    
    --theme-search-placeholder:  rgba(0, 0, 0, 0.45);
}
.dark {
    --ut-dark-marine: #06122a;
    --theme-page-bg: #1a1c20;
    --theme-text:    #e9e9e5;
    
    --gray-bg:       rgba(255, 255, 255, 0.015);  
    --border-color:  rgba(255, 255, 255, 0.05);
    --widget-bg:     #202024;
    --submenu-bg:    #252529;
    
    --theme-navbar-bg:           var(--ut-dark-marine);
    --theme-navbar-color:        #f8f8fb;
    --theme-navbar-hover-color:  var(--color-accent-500);
    --theme-submenu-bg:          var(--ut-dark-marine);
    --theme-submenu-color:       #f8f8fb;
    --theme-submenu-hover-color: var(--color-accent-500);
    --theme-navbar-shadow:       0 4px 6px -2px rgba(0, 0, 0, 0.4);
    --theme-submenu-shadow:      0 1px 2px rgba(0, 0, 0, 0.3), 0 5px 10px 0 rgba(0, 0, 0, 0.3);
    --theme-gray-bg:             rgba(255, 255, 255, 0.03);
    --theme-search-border:       rgba(255, 255, 255, 0.25);
    --theme-search-placeholder:  rgba(255, 255, 255, 0.5);
}
body {
    background-color: var(--theme-page-bg);
    color: var(--theme-text);
}
body, .ut-block, .ut-pub-top, .ut-pub-sidebar, .ut-header, .ut-header-logo,
.ut-topbar, .ut-navbar, .ut-card,
.entry-title, .entry-title a, .entry-category, .entry-image-wrap,
.widget, .widget-title, .widget-content, .sub-menu, a {
    transition: background-color 0.5s ease, color 0.5s ease,
                border-color 0.5s ease, box-shadow 0.5s ease;
}
.page-content {
    display: flex;
    flex-direction: column;
    gap: var(--ut-section-gap, 28px);
    padding-top:    var(--ut-section-gap, 28px);
    padding-bottom: var(--ut-section-gap, 28px);
}
@media (max-width: 768px) {
    .page-content {
        padding-top:    0;
        padding-bottom: var(--ut-section-gap, 10px);
    }
}
:root {
    --ut-section-gap: 20px;  
    --ut-content-gap: 20px;
    --ut-section-px:  20px;
    --ut-section-max: 1280px;
    --ut-radius:      12px;
}
@media (max-width: 768px) {
    :root {
        --ut-section-gap: 10px;
        --ut-content-gap: 10px;
        --ut-section-px:  0;
        --ut-radius:      0;
    }
}
.ut-section {
    display: block;
    width: 100%;
}
.ut-section--white { background: #ffffff; }
.ut-section--gray  { background: #f3f4f6; }
.ut-section--dark  { background: #111827; color: #f9fafb; }
.ut-section--mobile-only { display: none; }
@media (max-width: 768px) {
    .ut-section--mobile-only { display: block; }
}
.ut-section__inner {
    max-width: var(--ut-section-max);
    margin: 0 auto;          
}
.ut-section--white > .ut-section__inner,
.ut-section--gray  > .ut-section__inner,
.ut-section--dark  > .ut-section__inner {
    padding: 24px var(--ut-section-px, 20px);
}
@media (max-width: 768px) {
    .ut-section--white > .ut-section__inner,
    .ut-section--gray  > .ut-section__inner,
    .ut-section--dark  > .ut-section__inner {
        padding: 14px var(--ut-section-px, 0);
    }
}
.ut-stack {
    display: flex;
    flex-direction: column;
    gap: var(--ut-content-gap);
}
.ut-stack > .ut-block { margin-bottom: 0; }
.ut-search-header {
    background-color: #ffffff;
    padding: 20px 0;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
html.is-dark .ut-search-header {
    background-color: var(--widget-bg, #2a2c30);
}
.ut-search-header__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.ut-search-header__title {
    margin: 0;
    font-size: 1.25em;
    font-weight: 700;
    color: var(--title-color, #16161a);
    display: flex;
    align-items: center;
    gap: 12px;
}
html.is-dark .ut-search-header__title { color: #ffffff; }
.ut-search-header__title i {
    color: var(--main-color, #fd3a13);
}
.ut-search-header__query {
    background-color: #eeeeee;
    padding: 6px 16px;
    border-radius: 8px;
    font-weight: 600;
    color: var(--main-color, #fd3a13);
}
html.is-dark .ut-search-header__query {
    background-color: rgba(255,255,255,0.08);
}
.ut-search-header__meta {
    font-size: 0.9em;
    color: var(--meta-color, #666);
}
.ut-search-empty {
    text-align: center;
    padding: 50px 20px;
    color: var(--meta-color, #666);
    font-size: 1em;
    line-height: 1.6;
}
.ut-search-empty p { margin: 6px 0; }
.entry-category .entry-category__sep {
    opacity: 0.6;
    margin: 0 8px;
    font-weight: 400;
}
.ut-auteur-card .ut-auteur-card__main {
    display: flex;
    gap: 22px;
    align-items: flex-start;
}
.ut-auteur-card__photo {
    width: 128px;
    height: 128px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 3px solid rgba(255,255,255,0.18);
    box-shadow: 0 2px 12px rgba(0,0,0,0.20);
}
.ut-auteur-card__body { flex: 1; min-width: 0; padding-top: 4px; }
.ut-auteur-card .ut-rubrique-h1.ut-auteur-card__name { margin-bottom: 12px; }
.ut-auteur-card__bio {
    text-align: justify;
    line-height: 1.55;
    font-size: 0.95em;
}
@media (max-width: 640px) {
    .ut-auteur-card .ut-auteur-card__main {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .ut-auteur-card .ut-rubrique-h1.ut-auteur-card__name { text-align: center; }
    .ut-auteur-card__bio                                  { text-align: left; }
}
.ut-viejuive-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}
.ut-viejuive-tile {
    background: #ffffff;
    border-radius: 14px;
    padding: 24px 22px;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
html.is-dark .ut-viejuive-tile {
    background: var(--widget-bg, #2a2c30);
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.ut-viejuive-tile:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}
.ut-viejuive-tile__icon {
    font-size: 32px;
    color: var(--main-color, #fd3a13);
    margin-bottom: 4px;
}
.ut-viejuive-tile__title {
    font-weight: 700;
    font-size: 16px;
    color: var(--title-color, #16161a);
}
html.is-dark .ut-viejuive-tile__title { color: #ffffff; }
.ut-viejuive-tile__sub {
    font-size: 13px;
    color: var(--meta-color, #666);
    line-height: 1.4;
}
html.is-dark .ut-viejuive-tile__sub { color: rgba(255,255,255,0.65); }
.ut-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.ut-auteurs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 18px;
    margin-bottom: 20px;
}
.ut-auteurs-search {
    position: relative;
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: var(--ut-radius, 12px);
    padding: 10px 16px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    transition: box-shadow .15s, border-color .15s;
}
html.is-dark .ut-auteurs-search {
    background: #2a2a2a;
    border-color: rgba(255,255,255,0.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.ut-auteurs-search:focus-within {
    border-color: #f59e0b;
    box-shadow: 0 2px 10px rgba(245, 158, 11, 0.18);
}
.ut-auteurs-search__icon {
    color: rgba(0,0,0,0.4);
    margin-right: 10px;
    font-size: 14px;
}
html.is-dark .ut-auteurs-search__icon { color: rgba(255,255,255,0.5); }
.ut-auteurs-search__input {
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 15px;
    font-family: inherit;
    color: inherit;
    padding: 4px 0;
}
.ut-auteurs-search__input::-webkit-search-cancel-button { display: none; }
.ut-auteurs-search__clear {
    border: 0;
    background: rgba(0,0,0,0.06);
    color: rgba(0,0,0,0.55);
    border-radius: 50%;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    margin-right: 8px;
    padding: 0;
    font-size: 16px;
    transition: background .15s;
}
.ut-auteurs-search__clear:hover { background: rgba(0,0,0,0.12); }
html.is-dark .ut-auteurs-search__clear {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.7);
}
html.is-dark .ut-auteurs-search__clear:hover { background: rgba(255,255,255,0.15); }
.ut-auteurs-search__count {
    font-size: 13px;
    color: rgba(0,0,0,0.5);
    white-space: nowrap;
}
html.is-dark .ut-auteurs-search__count { color: rgba(255,255,255,0.55); }
.ut-auteurs-noresult {
    text-align: center;
    padding: 40px 20px;
    opacity: 0.7;
}
.ut-auteurs-noresult i {
    font-size: 32px;
    margin-bottom: 12px;
    display: block;
    opacity: 0.5;
}
.ut-auteurs-card {
    background: #ffffff;
    border-radius: var(--ut-radius, 14px);
    padding: 22px 16px 18px;
    text-align: center;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
html.is-dark .ut-auteurs-card {
    background: var(--widget-bg, #2a2c30);
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.ut-auteurs-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}
html.is-dark .ut-auteurs-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,0.45); }
.ut-auteurs-card__photo-wrap {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(0,0,0,0.04);
    border: 3px solid rgba(255,255,255,1);
    box-shadow: 0 2px 8px rgba(0,0,0,0.10);
}
html.is-dark .ut-auteurs-card__photo-wrap {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.1);
}
.ut-auteurs-card__photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ut-auteurs-card__name {
    font-weight: 700;
    font-size: 15px;
    color: var(--title-color, #16161a);
    line-height: 1.25;
}
html.is-dark .ut-auteurs-card__name { color: #ffffff; }
.ut-auteurs-card__badge {
    display: inline-block;
    background: var(--main-color, #fd3a13);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 4px 12px;
    border-radius: 999px;
}
.ut-auteur-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ut-rubrique-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
.ut-rubrique-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    background: #ffffff;
    border: 1.5px solid rgba(0, 0, 0, 0.06);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    color: var(--title-color, #333);
    text-decoration: none;
    transition: all 0.15s ease;
}
.ut-rubrique-pill__icon { font-size: 16px; line-height: 1; }
.ut-rubrique-pills--sub { gap: 6px; margin-top: 6px; }
.ut-rubrique-pills--sub .ut-rubrique-pill {
    padding: 3px 9px;
    font-size: 11px;
    border-width: 1px;
}
.ut-rubrique-pills--sub .ut-rubrique-pill__icon { font-size: 12px; }
.ut-rubrique-pills--sub .ut-rubrique-pill.is-active,
html.is-dark .ut-rubrique-pills--sub .ut-rubrique-pill.is-active {
    background: #3a4049;
    border-color: #3a4049;
    color: #fff;
}
.ut-rubrique-pill:hover {
    background: rgba(253, 58, 19, 0.06);
    border-color: var(--main-color, #fd3a13);
    color: var(--main-color, #fd3a13);
}
.ut-rubrique-pill.is-active {
    background: var(--main-color, #fd3a13);
    border-color: var(--main-color, #fd3a13);
    color: #fff;
}
html.is-dark .ut-rubrique-pill {
    background: var(--widget-bg, #2a2c30);
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.85);
}
html.is-dark .ut-rubrique-pill:hover {
    background: rgba(253, 58, 19, 0.12);
    border-color: var(--main-color, #fd3a13);
    color: var(--main-color, #fd3a13);
}
html.is-dark .ut-rubrique-pill.is-active {
    background: var(--main-color, #fd3a13);
    border-color: var(--main-color, #fd3a13);
    color: #fff;
}
.ut-auteur-filter {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    background: #ffffff;
    border: 1.5px solid rgba(0,0,0,0.06);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    color: var(--title-color, #333);
    text-decoration: none;
    transition: all 0.15s ease;
}
.ut-auteur-filter:hover {
    background: rgba(253, 58, 19, 0.06);
    border-color: var(--main-color, #fd3a13);
    color: var(--main-color, #fd3a13);
}
.ut-auteur-filter.is-active {
    background: var(--main-color, #fd3a13);
    border-color: var(--main-color, #fd3a13);
    color: #fff;
}
.ut-auteur-filter__count {
    display: inline-block;
    background: rgba(0,0,0,0.06);
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    min-width: 22px;
    text-align: center;
}
.ut-auteur-filter.is-active .ut-auteur-filter__count {
    background: rgba(255,255,255,0.22);
    color: #fff;
}
html.is-dark .ut-auteur-filter {
    background: var(--widget-bg, #2a2c30);
    border-color: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.85);
}
html.is-dark .ut-auteur-filter:hover {
    background: rgba(253, 58, 19, 0.12);
    border-color: var(--main-color, #fd3a13);
    color: var(--main-color, #fd3a13);
}
html.is-dark .ut-auteur-filter.is-active {
    background: var(--main-color, #fd3a13);
    border-color: var(--main-color, #fd3a13);
    color: #fff;
}
html.is-dark .ut-auteur-filter__count {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.7);
}
html.is-dark .ut-auteur-filter.is-active .ut-auteur-filter__count {
    background: rgba(255,255,255,0.22);
    color: #fff;
}
.ut-don-swiper {
    width: 100%;
    height: 400px;
    overflow: visible;
    margin-bottom: 10px;
    border: 0;
    outline: 0;
}
.ut-don-swiper .swiper-slide,
.ut-don-swiper .swiper-slide:focus,
.ut-don-swiper .swiper-slide:focus-visible {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    outline: 0;
    background: transparent;
}
.ut-don-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    border: 0;
    outline: 0;
}
.ut-don-form-wrap .donation-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
html.is-dark .ut-don-form-wrap .donation-card {
    background: var(--widget-bg, #2a2c30);
}
.ut-don-form-wrap .donation-header { text-align: center; margin-bottom: 14px; }
.ut-don-form-wrap .donation-header img {
    width: 70%;
    max-width: 220px;
    display: block;
    margin: 0 auto;
}
.ut-don-form-wrap .donation-amounts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 12px;
}
.ut-don-form-wrap .amount-button {
    background: #f5f5f5;
    border: 1.5px solid transparent;
    border-radius: 8px;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    transition: all 0.15s ease;
}
.ut-don-form-wrap .amount-button:hover { background: #ececec; }
.ut-don-form-wrap .amount-button.is-active {
    background: var(--main-color, #fd3a13);
    color: #fff;
    border-color: var(--main-color, #fd3a13);
}
html.is-dark .ut-don-form-wrap .amount-button { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.85); }
html.is-dark .ut-don-form-wrap .amount-button:hover { background: rgba(255,255,255,0.10); }
.ut-don-form-wrap .custom-amount {
    position: relative;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ut-don-form-wrap .custom-input {
    width: 100%;
    padding: 10px 30px 10px 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 18px;
    text-align: center;
    outline: none;
    background: #ffffff;
}
.ut-don-form-wrap .custom-input:focus { border-color: var(--main-color, #fd3a13); }
html.is-dark .ut-don-form-wrap .custom-input {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.1);
    color: #fff;
}
.ut-don-form-wrap .currency-symbol {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-weight: 600;
}
.ut-don-form-wrap .donation-modes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 14px 0 12px;
}
.ut-don-form-wrap .mode-button {
    background: #f5f5f5;
    border: 1.5px solid transparent;
    border-radius: 8px;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    transition: all 0.15s ease;
}
.ut-don-form-wrap .mode-button.is-active {
    background: var(--main-color, #fd3a13);
    color: #fff;
    border-color: var(--main-color, #fd3a13);
}
html.is-dark .ut-don-form-wrap .mode-button { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.85); }
.ut-don-form-wrap .bloc-mode-info {
    background: rgba(253, 58, 19, 0.05);
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 1.5;
    color: #333;
}
html.is-dark .ut-don-form-wrap .bloc-mode-info {
    background: rgba(253, 58, 19, 0.10);
    color: rgba(255,255,255,0.85);
}
.ut-don-form-wrap .bloc-mode-info p { margin: 4px 0; }
.ut-don-form-wrap .ut-don-section {
    color: var(--main-color, #fd3a13) !important;
    font-weight: 700 !important;
    margin: 0 0 6px !important;
}
.ut-don-form-wrap .donation-fields {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 14px;
}
.ut-don-form-wrap .donation-fields input {
    width: 100%;
    padding: 10px 12px;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    outline: none;
    background: #ffffff;
}
.ut-don-form-wrap .donation-fields input:focus { border-color: var(--main-color, #fd3a13); }
html.is-dark .ut-don-form-wrap .donation-fields input {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.1);
    color: #fff;
}
.ut-don-form__submit {
    width: 100%;
    padding: 12px;
    background: var(--main-color, #fd3a13);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ut-don-form__submit:hover  { opacity: 0.9; }
.ut-don-form__submit:active { opacity: 0.8; }
.ut-don-merci { max-width: 520px; margin: 0 auto; padding: 30px 20px; }
.ut-don-merci i {
    font-size: 56px;
    color: var(--main-color, #fd3a13);
    margin-bottom: 18px;
}
.ut-don-merci h1 { font-size: 1.8em; margin: 0 0 14px; }
.ut-don-merci p  { font-size: 1em; line-height: 1.5; margin: 6px 0; }
.ut-shorts {
    position: fixed;
    inset: 0;
    background: #000;
    z-index: 50;
    overflow: hidden;
}
.ut-shorts__topbar {
    position: absolute;
    top: 0; left: 0; right: 0;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    padding: 14px 18px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.45), transparent);
    pointer-events: none;
}
.ut-shorts__btn {
    width: 42px; height: 42px;
    background: rgba(255,255,255,0.12);
    border: none;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease;
    pointer-events: auto;
    text-decoration: none;
}
.ut-shorts__btn:hover { background: rgba(255,255,255,0.22); }
.ut-shorts__btn svg { width: 22px; height: 22px; }
.ut-shorts__swiper { width: 100%; height: 100%; }
.ut-shorts__slide {
    position: relative;
    width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
}
.ut-shorts__video {
    width: 100%; height: 100%;
    object-fit: contain;
    background: #000;
    cursor: pointer;
}
.ut-shorts__overlay {
    position: absolute;
    left: 0; right: 60px; bottom: 24px;
    padding: 16px 20px;
    color: #fff;
    background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
    pointer-events: none;
}
.ut-shorts__overlay > * { pointer-events: auto; }
.ut-shorts__author {
    display: flex; align-items: center; gap: 8px;
    font-weight: 600; font-size: 14px; margin-bottom: 8px;
}
.ut-shorts__author img {
    width: 32px; height: 32px;
    border-radius: 50%;
    object-fit: cover;
    border: 1.5px solid rgba(255,255,255,0.8);
}
.ut-shorts__title { font-size: 16px; font-weight: 700; margin-bottom: 6px; line-height: 1.3; }
.ut-shorts__desc { font-size: 13px; line-height: 1.4; opacity: 0.92; margin-bottom: 8px; }
.ut-shorts__cat {
    display: inline-block;
    font-size: 11px; text-transform: uppercase; font-weight: 700;
    background: var(--main-color, #fd3a13);
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    text-decoration: none;
}
.ut-shorts__mute {
    position: absolute;
    right: 18px; bottom: 24px;
    width: 42px; height: 42px;
    background: rgba(0,0,0,0.4);
    border: none;
    border-radius: 50%;
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; z-index: 5;
}
.ut-shorts__mute svg { width: 22px; height: 22px; }
.ut-topbar {
    display: none;
    justify-content: center;
    background-color: var(--color-marine-800) !important;
    height: 40px !important;
    line-height: 40px !important;
}
@media (min-width: 981px) {
    .ut-topbar { display: flex; }
}
.ut-topbar-inner {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white !important;
}
.ut-topbar-date {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    padding: 3px 9px;
    border-radius: 6px;
    transition: background 0.12s;
    flex-shrink: 0;   
}
.ut-topbar-date:hover { background: rgba(255,255,255,0.12); }
.ut-topbar-pourvous {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #f5c518;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 6px;
    transition: background 0.12s;
    flex-shrink: 0;
}
.ut-topbar-pourvous:hover { background: rgba(255,255,255,0.12); color: #f5c518; }
.ut-topbar-pourvous i { font-size: 16px; }
.ut-topbar-date span[dir="rtl"] { display: none; }
.ut-topbar-social {
    color: white !important;
    font-size: 16px;
}
.ut-topbar-actions {
    display: flex;
    align-items: center;
    gap: 0;
    flex-shrink: 0;   
}
.ut-topbar-actions .ut-zoom-group   { padding: 0 8px; }
.ut-topbar-actions .ut-theme-toggle {
    padding: 0;
    margin: 0 0 0 8px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.14);
    color: #fff !important;
    font-size: 16px;
    transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.ut-topbar-actions .ut-theme-toggle:hover {
    background: #f5c518;
    color: #16305a !important;
    transform: rotate(-18deg) scale(1.1);
    box-shadow: 0 0 0 3px rgba(245, 197, 24, 0.30);
}
.ut-theme-toggle {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    padding: 0;
}
.ut-theme-toggle--navbar {
    color: var(--theme-navbar-color) !important;
}
.ut-skiplink {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: var(--color-marine-800);
    color: #ffffff;
    padding: 0.75rem 1rem;
    border-bottom-right-radius: 0.5rem;
    font-weight: 600;
    transform: translateY(-100%);
    transition: transform 0.15s;
}
.ut-skiplink:focus-visible {
    transform: translateY(0);
}
.ut-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 50;
    transition: top 0.4s ease;
}
.ut-header--scrolled .ut-header-logo {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}
.ut-header-spacer {
    height: 184px;  
}
@media (max-width: 980px) {
    .ut-header-spacer { height: 62px; }
    .ut-header-logo { display: none !important; }
}
.ut-header-logo {
    background-color: white !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 82px;
    padding: 30px 13px 13px 13px;
    box-sizing: border-box;
    transition: height 0.35s ease, padding 0.35s ease;
}
body.ut-search-open .ut-header-logo { transition: none; }
.ut-header-logo-img {
    height: 70px;
}
.ut-header-logo-img--dark {
    display: none;
}
.dark .ut-header-logo {
    background-color: var(--ut-dark-marine) !important;
}
.dark .ut-header-logo-img--light {
    display: none;
}
.dark .ut-header-logo-img--dark {
    display: block;
}
.ut-ft {
    background: linear-gradient(180deg, #143562 0%, var(--color-marine-900, #0b2442) 100%);
    border-top: 1px solid rgba(126, 170, 224, 0.28);
}
.ut-ft > .row-x1 { margin-left: auto; margin-right: auto; }
.ut-ft-top {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 44px;
    padding: 48px 30px 40px;
}
.ut-ft-brand > a {
    display: block;
    line-height: 0;
    margin-top: -28px;    
}
.ut-ft-logo {
    display: block;
    width: 100%;          
    max-width: 340px;
    height: auto;
    margin-bottom: 14px;
}
.ut-ft-about {
    color: rgba(255, 255, 255, 0.70);
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    max-width: 380px;
}
.ut-ft-about p { margin: 0 0 12px; }
.ut-ft-about p:last-child { margin-bottom: 0; }
.ut-ft-about-link { color: #e6b95c; text-decoration: underline; text-underline-offset: 2px; transition: color .15s; }
.ut-ft-about-link:hover { color: #fff; }
.ut-ft-col-title {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}
.ut-ft-col-title::after {
    content: "";
    display: block;
    width: 34px;
    height: 3px;
    border-radius: 2px;
    background: #3d7fc4;
    margin-top: 9px;
}
.ut-ft-list {
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
}
.ut-ft-list li { margin: 0; }
.ut-ft-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.80) !important;
    font-size: 15px;
    line-height: 1.4;
    padding: 9px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    text-decoration: none;
    transition: color .15s, padding-left .15s;
}
.ut-ft-link:hover { color: #fff !important; padding-left: 4px; }
.ut-ft-link .ti,
.ut-ft-link i { color: #3d7fc4; font-size: 15px; width: 16px; text-align: center; flex-shrink: 0; }
.ut-ft-don {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 20px;
    padding: 11px 22px;
    border: 1.5px solid #cfa04a;
    border-radius: 10px;
    color: #e6b95c !important;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    transition: background .15s, color .15s;
}
.ut-ft-don:hover { background: #cfa04a; color: #0b2442 !important; }
.ut-ft-don .ti { font-size: 17px; }
.ut-ft-hommage {
    text-align: center;
    padding: 24px 30px 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.ut-ft-tagline {
    text-align: center;
    color: rgba(255, 255, 255, 0.72);
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}
.ut-ft-rabbanim {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 22px 16px;
    max-width: 1120px;
    margin: 24px auto 0;
}
.ut-ft-rav {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 11px;
}
.ut-ft-rav-av {
    position: relative;
    width: 122px;
    height: 122px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 50% 32%, #21456f 0%, #12294a 100%);
    border: 1px solid rgba(207, 160, 74, 0.55);
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.30), inset 0 0 0 3px rgba(255, 255, 255, 0.03);
    transition: transform .35s cubic-bezier(.175, .885, .32, 1.275),
                box-shadow .35s ease, border-color .35s ease, border-width .35s ease;
}
.ut-ft-rav:hover .ut-ft-rav-av {
    transform: scale(1.12);
    border-width: 3px;
    border-color: rgba(207, 160, 74, 0.95);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.38), 0 0 22px rgba(207, 160, 74, 0.20);
}
.ut-ft-rav-av::before {
    content: '';
    position: absolute;
    top: 0;
    left: -120%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 240, 214, 0.30), transparent);
    transition: left .55s ease;
    pointer-events: none;
    z-index: 2;
}
.ut-ft-rav:hover .ut-ft-rav-av::before { left: 120%; }
.ut-ft-rav-ini {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #e6b95c;
}
.ut-ft-rav-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.3);          
    transition: transform .45s ease;
}
.ut-ft-rav:hover .ut-ft-rav-img {
    transform: scale(1);            
}
.ut-ft-rav-nom {
    color: rgba(255, 255, 255, 0.82);
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
    white-space: nowrap;   
    transition: color .3s ease, transform .3s ease;
}
.ut-ft-rav:hover .ut-ft-rav-nom {
    color: #e6b95c;
    transform: translateY(5px) scale(1.06);
}
@media (max-width: 960px) {
    .ut-ft-rabbanim { grid-template-columns: repeat(3, 1fr); max-width: 480px; }
}
@media (max-width: 480px) {
    .ut-ft-rabbanim { grid-template-columns: repeat(2, 1fr); max-width: 320px; gap: 18px 8px; }
    .ut-ft-rav-nom { font-size: 12px; }
}
.ut-ft-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    padding: 18px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px 26px;
    flex-wrap: wrap;
}
.ut-ft-copy { color: rgba(255, 255, 255, 0.50); font-size: 14px; }
.ut-ft-legal { display: flex; align-items: center; flex-wrap: wrap; }
.ut-ft-legal a {
    color: rgba(255, 255, 255, 0.62) !important;
    font-size: 14px;
    text-decoration: none;
    padding: 0 16px;
    border-left: 1px solid rgba(255, 255, 255, 0.16);
    transition: color .15s;
}
.ut-ft-legal a:first-child { border-left: 0; padding-left: 0; }
.ut-ft-legal a:hover { color: #fff !important; }
.ut-ft-social { display: flex; align-items: center; gap: 12px; }
.ut-ft-social a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 17px;
    text-decoration: none;
    transition: transform .15s, filter .15s;
}
.ut-ft-social a:hover { transform: translateY(-2px); filter: brightness(1.1); }
.ut-ft-social .ut-ft-fb { background: #1877f2; }
.ut-ft-social .ut-ft-yt { background: #ff0000; }
.ut-ft-social .ut-ft-wa { background: #25d366; }
@media (max-width: 900px) {
    .ut-ft-top {
        grid-template-columns: 1fr 1fr;
        gap: 28px 24px;
        padding: 36px 20px 26px;
    }
    .ut-ft-brand { grid-column: 1 / -1; }
    .ut-ft-about { max-width: none; }
}
@media (max-width: 560px) {
    .ut-ft-top { grid-template-columns: 1fr; }
    .ut-ft-bottom {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 14px;
        padding: 18px 20px;
    }
    .ut-ft-legal { justify-content: center; gap: 6px 0; }
}
.ut-navbar {
    width: 100%;
    height: 62px;
    background-color: var(--theme-navbar-bg);
    box-shadow: 0 6px 6px -2px rgba(0, 0, 0, 0.015);
    display: flex;
    justify-content: center;
    position: relative;  
}
html.is-dark .ut-navbar {
    box-shadow: 0 6px 8px -3px rgba(0, 0, 0, 0.12);
}
.ut-navbar-inner {
    width: 100%;
    max-width: var(--site-max-width);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
.ut-navbar-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ut-nav {
    display: flex;
    align-items: center;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
.ut-nav-item {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}
.ut-nav-link {
    display: block;
    padding: 0 14px;
    font-size: 16px;
    font-weight: 700;  
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--theme-navbar-color);
    text-decoration: none;
    transition: color 0.15s;
}
.ut-nav-link:hover,
.ut-nav-link.is-active {
    color: var(--theme-navbar-hover-color);
}
.ut-nav-home { padding-right: 5px; margin-right: 3px; }
.ut-nav-home::after {
    content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%);
    width: 1px; height: 22px; background: currentColor; opacity: 0.18;
}
.ut-nav-home .ut-nav-link { display: flex; align-items: center; height: 100%; padding: 0 10px; }
.ut-nav-home .ut-nav-link i { font-size: 20px; }
.ut-nav-submenu {
    position: absolute;
    left: 0;
    top: 62px;
    min-width: 200px;
    background-color: var(--theme-submenu-bg);
    box-shadow: var(--theme-submenu-shadow);
    z-index: 99999;
    padding: 6px 0;
    list-style: none;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity 0.17s, transform 0.17s, visibility 0.17s;
}
.ut-nav-item:hover > .ut-nav-submenu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
.ut-nav-submenu li {
    list-style: none;
}
.ut-nav-submenu li a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 9px 15px;
    font-size: 16px;
    font-weight: 500;
    color: var(--theme-submenu-color);
    text-decoration: none;
    white-space: nowrap;
}
.ut-nav-submenu li a i {
    font-size: 18px;
    flex-shrink: 0;
    width: 20px;
    text-align: center;
    opacity: 0.4;
    transition: opacity 0.15s;
}
.ut-nav-submenu li a:hover i {
    opacity: 1;
}
.ut-nav-submenu li a:hover {
    color: var(--theme-submenu-hover-color);
}
.ut-burger {
    display: none;
    align-items: center;
    justify-content: center;
    height: 34px;
    font-size: 26px;
    color: var(--theme-navbar-color);
    padding: 0 13px 0 16px;
    background: transparent;
    border: 0;
    cursor: pointer;
    flex-shrink: 0;
}
.ut-burger::after,
.mobile-menu-toggle::after {
    content: none !important;
}
@media (max-width: 980px) {
    .ut-burger { display: flex; }
    .ut-nav { display: none; }
}
.ut-navbar-logo {
    display: none;
    align-items: center;
    height: 100%;
}
@media (max-width: 980px) {
    .ut-navbar-logo { display: flex; }
}
.ut-navbar-logo-img {
    height: 40px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}
.ut-navbar-logo-img--light { display: block; }
.ut-navbar-logo-img--dark  { display: none; }
.dark .ut-navbar-logo-img--light { display: none; }
.dark .ut-navbar-logo-img--dark  { display: block; }
.ut-search-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-color: var(--theme-gray-bg);
    color: var(--theme-navbar-color);
    font-size: 16px;
    cursor: pointer;
    border: 0;
    border-radius: 4px;
}
@media (max-width: 980px) {
    .ut-search-toggle {
        width: auto;
        background-color: transparent;
        font-size: 22px;
        padding: 0 12px;
    }
}
#main-search-wrap.ut-search-form,
.ut-search-form {
    position: absolute;
    inset: 0;
    background-color: var(--theme-navbar-bg);
    z-index: 100;
}
.ut-search-form form {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: var(--site-max-width);
    height: 100%;
    margin: 0 auto;
    padding-left: 24px;  
    gap: 12px;
}
.ut-search-form input {
    flex: 1;
    height: 42px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--theme-search-border);
    color: var(--theme-navbar-color);
    font-size: 18px;
    outline: none;
}
.ut-search-form input::placeholder {
    color: var(--theme-search-placeholder);
}
.ut-search-form .ut-search-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-color: var(--theme-gray-bg);
    color: var(--theme-navbar-color);
    font-size: 22px;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    line-height: 1;
    flex-shrink: 0;
}
.ut-mobile-menu {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: -100%;
    max-width: 80%;
    width: 280px;
    height: 100%;
    background-color: rgba(5, 47, 86, 0.94);
    backdrop-filter: blur(8px);
    color: white;
    transition: left 0.5s ease;
    z-index: 50;
    overflow-y: auto;
    box-shadow: 0 0 5px #000;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.2) rgba(255, 255, 255, 0.1);
}
.ut-mobile-menu.is-open {
    left: 0;
}
.ut-mobile-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.ut-author-bio__figure { margin: 0 0 16px; }
.ut-author-bio__img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}
.ut-author-bio__caption {
    margin-top: 8px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: var(--theme-text);
    opacity: 0.65;
}
.ut-author-bio__title {
    font-size: 20px;
    font-weight: 700;
    color: var(--title-color, #132a44);
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
html.is-dark .ut-author-bio__title { color: rgba(255, 255, 255, 0.92); border-bottom-color: rgba(255, 255, 255, 0.1); }
.ut-author-bio p {
    margin: 0 0 12px;
    line-height: 1.7;
    color: var(--theme-text);
    text-align: justify;
}
.ut-author-bio p:last-child { margin-bottom: 0; }
.ut-mobile-menu-logo {
    display: flex;
    justify-content: center;
    padding: 14px 0 14px;
}
.ut-mobile-menu-logo img {
    height: 30px;
    width: auto;
}
.ut-mobile-menu-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px;
    margin-bottom: 5px;
}
.ut-mobile-menu-item.has-sub { padding-top: 6px; padding-bottom: 6px; }
.ut-mobile-menu-item--accent:not(.has-sub) { padding-top: 10px; padding-bottom: 10px; }
.ut-mmenu-ic { margin-right: 10px; font-size: 17px; width: 20px; display: inline-block; text-align: center; vertical-align: -2px; opacity: .9; }
.mm-shabbat { margin: 12px 14px 20px; padding: 14px; border-radius: 12px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); }
.mm-shabbat__head { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 10px; }
.mm-shabbat__kicker { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.6); display: inline-flex; align-items: center; gap: 6px; }
.mm-shabbat__kicker i { color: #c9a84c; }
.mm-shabbat__foot { display: flex; justify-content: center; margin-top: 14px; }
.mm-shabbat__ville { display: inline-flex; align-items: center; gap: 5px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); color: #e9e9e5; font-family: inherit; font-size: 10.5px; padding: 3px 9px; border-radius: 999px; cursor: pointer; max-width: 90%; }
.mm-shabbat__ville span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mm-shabbat__ville i.fa-map-marker-alt { color: #c9a84c; }
.mm-shabbat__ville i.fa-chevron-down { font-size: 9px; opacity: .6; }
.mm-shabbat__date { display: block; font-size: 12px; color: rgba(255,255,255,.6); text-align: center; margin-top: 2px; text-decoration: none; }
a.mm-shabbat__date:hover { color: #f1d98a; text-decoration: underline; }
.mm-shabbat__imgwrap { display: block; margin: 10px 0 2px; border-radius: 8px; overflow: hidden; }
.mm-shabbat__img { width: 100%; height: 76px; object-fit: cover; display: block; }
.mm-shabbat__times { display: flex; justify-content: center; gap: 36px; margin-top: 12px; }
.mm-shabbat__t { text-align: center; }
.mm-shabbat__tl { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: rgba(255,255,255,.6); }
.mm-shabbat__t i { color: #f1d98a; font-size: 15px; margin: 5px 0; display: block; }
.mm-shabbat__tv { font-size: 20px; font-weight: 700; color: #fff; }
.mm-shabbat__loading { text-align: center; font-size: 12px; color: rgba(255,255,255,.5); padding: 8px 0; }
.ut-mobile-menu-item--accent .ut-mobile-menu-title,
.ut-mobile-menu-item--accent .ut-mobile-menu-arrow { color: #ffd24d; }
.ut-mobile-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.ut-mobile-menu-title {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    flex: 1 1 auto;
}
.ut-mobile-menu-arrow {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: -6px -6px -6px 0;     
    background: none;
    border: 0;
    color: #ffffff;
    font-size: 22px;
    cursor: pointer;
    transition: transform 0.2s ease;
}
.ut-mobile-menu-item.is-open .ut-mobile-menu-arrow { transform: rotate(180deg); }
.ut-mobile-menu-sub {
    display: none;
    padding-left: 5px;
}
.ut-mobile-menu-item.is-open .ut-mobile-menu-sub {
    display: block;
    margin-top: 14px;
}
.ut-mobile-menu-sub li {
    margin-bottom: 11px;
}
.ut-mobile-menu-sub a {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
}
.ut-mobile-menu-sub a i {
    opacity: 0.4;
    font-size: 18px;
    flex-shrink: 0;
    width: 20px;
    text-align: center;
}
body.no-scroll {
    overflow: hidden;
}
.ut-block--don {
    position: relative;
    overflow: hidden;
}
.ut-block--don::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background-color: var(--color-accent-500, #fd3a13);
    z-index: 2;
}
.ut-don__title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 12px;
    color: var(--theme-text, #222);
}
.ut-don__text {
    font-size: 14px;
    margin: 0 0 16px;
    color: var(--theme-text, #444);
    opacity: 0.85;
}
.ut-don__btn {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #cc2e0d; 
    color: #ffffff !important;
    border: 0;
    border-radius: 5px;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.12s ease;
}
.ut-don__btn:hover {
    background-color: #b32a0c;
    transform: translateY(-1px);
    color: #ffffff !important;
    text-decoration: none;
}
html.is-dark .ut-block--don::before {
    background-color: var(--color-accent-500, #fd3a13);
}
.ut-grid-full__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.ut-grid-full__item {
    display: flex;
    flex-direction: column;
}
.ut-grid-full__item .entry-image-wrap {
    width: 100%;
    aspect-ratio: 16 / 9;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}
.ut-grid-full__item .entry-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ut-grid-full__item .entry-title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
}
.ut-grid-full__item .entry-category {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
@media (max-width: 980px) {
    .ut-grid-full__items { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 540px) {
    .ut-grid-full__items { grid-template-columns: 1fr; }
}
.list1--zebra .list1-item--alt {
    background-color: #eeeeee;
    border: 1px solid #ffffff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 5px #cccccc;
}
html.is-dark .list1--zebra .list1-item--alt {
    background-color: #2a2c30;
    border-color: #1a1c20;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.ut-tools-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.ut-tool-card {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: var(--ut-radius, 10px);
    text-decoration: none;
    color: #333333;
    overflow: hidden;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.ut-tool-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}
.ut-tool-card-img {
    width: 100%;
    height: 100px;
    overflow: hidden;
}
.ut-tool-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ut-tool-card-body {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
}
.ut-tool-card-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 17px;
}
.ut-tool-card-text {
    display: flex;
    flex-direction: column;
}
.ut-tool-card-title {
    font-weight: 700;
    font-size: 13px;
    color: #222222;
    line-height: 1.3;
}
.ut-tool-card-sub {
    font-size: 11px;
    color: #666666;
    margin-top: 2px;
}
html.is-dark .ut-tool-card {
    background: #1f2126;
    border-color: #2e3037;
    color: #e9e9e5;
}
html.is-dark .ut-tool-card-title { color: #f0f0f0; }
html.is-dark .ut-tool-card-sub   { color: #aaaaaa; }
@media (max-width: 768px) {
    .ut-tools-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .ut-tool-card-img { height: 80px; }
    .ut-tool-card-body { padding: 10px; gap: 8px; }
    .ut-tool-card-icon { width: 34px; height: 34px; min-width: 34px; font-size: 15px; }
    .ut-tool-card-title { font-size: 12px; }
}
.ut-video-player {
    display: block;
    width: 100%;
    max-height: 300px;
    border-radius: 7px;
    box-shadow: 0 0 10px #000;
    background-color: #000;
}
.content-section .widget.type-video.block-home {
}
.content-section .widget {
    border-radius: var(--ut-radius, 12px) !important;
    margin-bottom: 0 !important;
}
.content-section .widget.type-video .entry-author .author-name,
.content-section .widget.video-style .entry-author .author-name {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
}
html.is-dark .content-section .video-style {
    --widget-bg: #000000;
}
.ut-pagination {
    display: flex;
    justify-content: center;
    margin: 15px 0;
}
.ut-pagination__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.ut-pagination__item a,
.ut-pagination__item span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 6px;
    color: var(--theme-text, #1f2937);
    background-color: var(--widget-bg, #ffffff);
    border: 1px solid var(--border-color, #e5e7eb);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.ut-pagination__item a:hover {
    background-color: var(--gray-bg, #f3f4f6);
}
.ut-pagination__item.is-active span {
    background-color: var(--color-accent-500, #fd3a13);
    border-color: var(--color-accent-500, #fd3a13);
    color: #ffffff;
}
.ut-pagination__item--gap {
    display: inline-flex;
    align-items: center;
    padding: 0 6px;
    color: var(--theme-text, #1f2937);
    opacity: 0.5;
}
html.is-dark .post-body,
html.is-dark .post-body *,
html.is-dark .actu-container,
html.is-dark .actu-container *,
html.is-dark .entry-content,
html.is-dark .entry-content * {
    color: rgba(255, 255, 255, 0.85) !important;
}
html.is-dark {
    --meta-color: rgba(255, 255, 255, 0.55) !important;
}
.item-post-inner .entry-header {
    margin-bottom: 18px;
}
.item-post-inner .entry-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3em;
    color: var(--title-color, #16161a);
    margin: 0 0 4px;          
}
html.is-dark .item-post-inner .entry-title {
    color: #ffffff !important;
}
.ut-chapo {
    font-size: 16px;
    line-height: 1.55;
    font-weight: 400;
    color: #4b5563;
    margin: 9px 0 14px;
    padding-left: 13px;
    border-left: 3px solid #eab308;
}
html.is-dark .ut-chapo {
    color: #c9ced6;
    border-left-color: #ca8a04;
}
@media (max-width: 768px) {
    .ut-chapo { font-size: 15px; padding-left: 11px; }
}
.ut-yt {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 22px 0;
    border-radius: 10px;
    overflow: hidden;
    background: #000;
}
.ut-yt__btn {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: #000;
    display: block;
}
.ut-yt__thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.2s ease, transform 0.35s ease;
}
.ut-yt__btn:hover .ut-yt__thumb { opacity: 0.82; transform: scale(1.03); }
.ut-yt__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 48px;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.55);
    transition: background 0.2s ease;
    pointer-events: none;
}
.ut-yt__btn:hover .ut-yt__play { background: #ff0000; }
.ut-yt__play::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-42%, -50%);
    border-style: solid;
    border-width: 11px 0 11px 19px;
    border-color: transparent transparent transparent #ffffff;
}
.ut-yt iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
.ut-byline {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 6px 0 12px;
}
.ut-byline__meta { min-width: 0; }
.ut-byline .entry-meta2 { margin: 0; }
.ut-avatar {
    position: relative;
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
    background: #eef0f3;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
    display: block;
    cursor: pointer;
    transition: box-shadow 0.15s ease;
}
a.ut-avatar:hover {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06), 0 0 0 2px rgba(234, 179, 8, 0.55);
}
html.is-dark a.ut-avatar:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 0 0 2px rgba(234, 179, 8, 0.6);
}
.ut-avatar__initials {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15.5px;
    font-weight: 700;
    letter-spacing: 0.2px;
    color: #6b7280;
    user-select: none;
}
.ut-avatar__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
html.is-dark .ut-avatar {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
html.is-dark .ut-avatar__initials { color: #c9ced6; }
.item-post-inner .entry-meta2,
.item-post-inner .entry-meta2 a,
.item-post-inner .entry-meta2 b {
    color: var(--title-color, #16161a) !important;
    text-decoration: none;
}
html.is-dark .item-post-inner .entry-meta2,
html.is-dark .item-post-inner .entry-meta2 a,
html.is-dark .item-post-inner .entry-meta2 b {
    color: #ffffff !important;
}
.item-post-inner .entry-meta2 {
    font-size: 1.05rem;
}
.item-post-inner .entry-meta2 b,
.item-post-inner .entry-meta2 .ut-author-link {
    font-size: 1.22rem;
    line-height: 1.35;
}
.item-post-inner .entry-meta .ut-author-link {
    font-size: 15px;
    font-weight: 600;
}
.item-post-inner #post-body,
.item-post-inner .post-body {
    margin-top: 0;
}
.ut-chiour-otherrav .ut-block {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.ut-chiour-otherrav .widget.HTML {
    background-color: #ffffff;
    border-radius: var(--ut-radius-lg, 12px);
    box-shadow: var(--ut-shadow-card) !important;
    padding: 18px 20px 22px !important;
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.ut-chiour-otherrav { margin-bottom: 0 !important; }
html.is-dark .ut-chiour-otherrav .widget.HTML {
    background-color: var(--widget-bg, #2a2c30);
}
.ut-chiour-otherrav .grid1-items {
    grid-template-columns: repeat(3, 1fr) !important;
}
.ut-chiour-otherrav .grid1-item .entry-image-wrap {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
}
.ut-chiour-otherrav .grid1-item .entry-image-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.ut-chiour-otherrav .grid1-item .entry-title {
    font-size: 15px !important;
    line-height: 1.3 !important;
}
@media (max-width: 880px) {
    .ut-chiour-otherrav .grid1-items {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 540px) {
    .ut-chiour-otherrav .grid1-items {
        grid-template-columns: 1fr !important;
    }
}
.chiour-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%;   
}
.chiour-container video,
.chiour-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--ut-radius, 10px);
}
.ut-chiour-audio { width: 100%; }
.ut-chiour-audio__bg,
.ut-chiour-audio__canvas {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    border: 1px solid #cccccc;
    border-radius: 10px;
    padding: 10px;
    display: block;
}
.ut-chiour-audio__canvas {
    background-color: #ffffff;
    background-image:
        linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8)),
        url("/assets/images/bg-audio.jpg");
}
html.is-dark .ut-chiour-audio__canvas {
    background-color: #1a1a1a;
    background-image:
        linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
        url("/assets/images/bg-audio.jpg");
    border-color: rgba(255,255,255,0.15);
}
.ut-chiour-audio audio { width: 100%; margin-top: 6px; }
.ut-tag-families-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}
.ut-tag-family-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 18px;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    text-decoration: none;
    color: inherit;
    border-top: 4px solid #6366f1;
    transition: transform .15s, box-shadow .15s;
}
.ut-tag-family-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
html.is-dark .ut-tag-family-card {
    background: #2a2c30;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
.ut-tag-family-card__icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    background: rgba(99, 102, 241, 0.12);
    color: #4f46e5;
}
.ut-tag-family-card__name {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
}
html.is-dark .ut-tag-family-card__name { color: #ffffff; }
.ut-tag-family-card__desc {
    font-size: 12px;
    color: #6b7280;
    line-height: 1.4;
}
html.is-dark .ut-tag-family-card__desc { color: rgba(255,255,255,0.6); }
.ut-tag-family-card__count {
    margin-top: auto;
    padding-top: 6px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #4f46e5;
}
html.is-dark .ut-tag-family-card__count { color: #a5b4fc; }
.ut-tag-family-card--amber  { border-top-color: #f59e0b; }
.ut-tag-family-card--amber  .ut-tag-family-card__icon { background: rgba(245,158,11,0.12); color: #b45309; }
.ut-tag-family-card--amber  .ut-tag-family-card__count { color: #b45309; }
.ut-tag-family-card--yellow { border-top-color: #eab308; }
.ut-tag-family-card--yellow .ut-tag-family-card__icon { background: rgba(234,179,8,0.12); color: #a16207; }
.ut-tag-family-card--yellow .ut-tag-family-card__count { color: #a16207; }
.ut-tag-family-card--indigo { border-top-color: #6366f1; }
.ut-tag-family-card--violet { border-top-color: #8b5cf6; }
.ut-tag-family-card--violet .ut-tag-family-card__icon { background: rgba(139,92,246,0.12); color: #6d28d9; }
.ut-tag-family-card--violet .ut-tag-family-card__count { color: #6d28d9; }
.ut-tag-family-card--purple { border-top-color: #a855f7; }
.ut-tag-family-card--emerald{ border-top-color: #10b981; }
.ut-tag-family-card--emerald .ut-tag-family-card__icon { background: rgba(16,185,129,0.12); color: #047857; }
.ut-tag-family-card--emerald .ut-tag-family-card__count { color: #047857; }
.ut-tag-family-card--sky    { border-top-color: #0ea5e9; }
.ut-tag-family-card--sky    .ut-tag-family-card__icon { background: rgba(14,165,233,0.12); color: #0369a1; }
.ut-tag-family-card--sky    .ut-tag-family-card__count { color: #0369a1; }
.ut-tag-family-card--teal   { border-top-color: #14b8a6; }
.ut-tag-family-card--rose   { border-top-color: #f43f5e; }
.ut-tag-family-card--cyan   { border-top-color: #06b6d4; }
.ut-tag-family-card--red    { border-top-color: #ef4444; }
.ut-tag-family-card--red    .ut-tag-family-card__icon { background: rgba(239,68,68,0.12); color: #b91c1c; }
.ut-tag-family-card--red    .ut-tag-family-card__count { color: #b91c1c; }
.ut-tag-family-card--blue   { border-top-color: #3b82f6; }
.ut-tag-family-card--lime   { border-top-color: #84cc16; }
.ut-tag-family-card--orange { border-top-color: #f97316; }
.ut-tag-family-card--fuchsia{ border-top-color: #d946ef; }
.ut-tag-family-card--stone  { border-top-color: #78716c; }
.ut-tag-family-card--pink   { border-top-color: #ec4899; }
.ut-tag-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}
.ut-tag-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    text-decoration: none;
    color: inherit;
    border-top: 4px solid #6366f1;
    transition: transform .15s, box-shadow .15s;
}
.ut-tag-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.ut-tag-card__img {
    display: block;
    width: calc(100% + 32px);
    max-width: none;
    margin: auto -16px -16px;
    aspect-ratio: 1200 / 630;
    object-fit: cover;
}
html.is-dark .ut-tag-card {
    background: #2a2c30;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
.ut-tag-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.ut-tag-card__icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    background: rgba(99, 102, 241, 0.12);
    color: #4f46e5;
}
.ut-tag-card__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    background: rgba(99, 102, 241, 0.10);
    color: #4f46e5;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;
}
.ut-tag-card__name {
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.3;
}
html.is-dark .ut-tag-card__name { color: #ffffff; }
.ut-tag-card__family {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #4f46e5;
    margin-top: -2px;
}
html.is-dark .ut-tag-card__family { color: #a5b4fc; }
.ut-tag-card__desc {
    font-size: 12px;
    color: #6b7280;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
html.is-dark .ut-tag-card__desc { color: rgba(255,255,255,0.6); }
.ut-tag-card__meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: auto; padding-top: 4px; }
.ut-rt-card__meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 12px 0 0; }
.ut-tag-meta {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
    text-align: center; line-height: 1.15;
    font-size: 9px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase;
    padding: 7px 3px; border-radius: 8px;
    border: 1px solid rgba(0,0,0,.08); background: rgba(0,0,0,.02);
    color: #9ca3af; opacity: .5;
}
.ut-tag-meta i { font-size: 16px; }
.ut-tag-meta b { font-weight: 800; }
.ut-tag-meta__lbl { display: block; }
.ut-tag-meta.is-on { opacity: 1; }
.ut-tag-meta--content.is-on { color: #1d4ed8; border-color: rgba(59,130,246,.35); background: rgba(59,130,246,.10); }
.ut-tag-meta--halakha.is-on { color: #b45309; border-color: rgba(245,158,11,.40); background: rgba(245,158,11,.12); }
.ut-tag-meta--quiz.is-on    { color: #6d28d9; border-color: rgba(139,92,246,.40); background: rgba(139,92,246,.12); }
html.is-dark .ut-tag-meta { border-color: rgba(255,255,255,.09); background: rgba(255,255,255,.03); color: #6b7280; }
html.is-dark .ut-tag-meta--content.is-on { color: #93c5fd; border-color: rgba(59,130,246,.40); background: rgba(59,130,246,.14); }
html.is-dark .ut-tag-meta--halakha.is-on { color: #fcd34d; border-color: rgba(245,158,11,.40); background: rgba(245,158,11,.14); }
html.is-dark .ut-tag-meta--quiz.is-on    { color: #c4b5fd; border-color: rgba(139,92,246,.40); background: rgba(139,92,246,.16); }
.ut-tag-card--amber   { border-top-color: #f59e0b; }
.ut-tag-card--amber .ut-tag-card__icon  { background: rgba(245,158,11,0.12); color: #b45309; }
.ut-tag-card--amber .ut-tag-card__count { background: rgba(245,158,11,0.10); color: #b45309; }
.ut-tag-card--yellow  { border-top-color: #eab308; }
.ut-tag-card--yellow .ut-tag-card__icon  { background: rgba(234,179,8,0.12); color: #a16207; }
.ut-tag-card--yellow .ut-tag-card__count { background: rgba(234,179,8,0.10); color: #a16207; }
.ut-tag-card--violet  { border-top-color: #8b5cf6; }
.ut-tag-card--violet .ut-tag-card__icon  { background: rgba(139,92,246,0.12); color: #6d28d9; }
.ut-tag-card--violet .ut-tag-card__count { background: rgba(139,92,246,0.10); color: #6d28d9; }
.ut-tag-card--purple  { border-top-color: #a855f7; }
.ut-tag-card--purple .ut-tag-card__icon  { background: rgba(168,85,247,0.12); color: #7e22ce; }
.ut-tag-card--purple .ut-tag-card__count { background: rgba(168,85,247,0.10); color: #7e22ce; }
.ut-tag-card--emerald { border-top-color: #10b981; }
.ut-tag-card--emerald .ut-tag-card__icon  { background: rgba(16,185,129,0.12); color: #047857; }
.ut-tag-card--emerald .ut-tag-card__count { background: rgba(16,185,129,0.10); color: #047857; }
.ut-tag-card--sky     { border-top-color: #0ea5e9; }
.ut-tag-card--sky .ut-tag-card__icon  { background: rgba(14,165,233,0.12); color: #0369a1; }
.ut-tag-card--sky .ut-tag-card__count { background: rgba(14,165,233,0.10); color: #0369a1; }
.ut-tag-card--teal    { border-top-color: #14b8a6; }
.ut-tag-card--teal .ut-tag-card__icon  { background: rgba(20,184,166,0.12); color: #0f766e; }
.ut-tag-card--teal .ut-tag-card__count { background: rgba(20,184,166,0.10); color: #0f766e; }
.ut-tag-card--rose    { border-top-color: #f43f5e; }
.ut-tag-card--rose .ut-tag-card__icon  { background: rgba(244,63,94,0.12); color: #be123c; }
.ut-tag-card--rose .ut-tag-card__count { background: rgba(244,63,94,0.10); color: #be123c; }
.ut-tag-card--cyan    { border-top-color: #06b6d4; }
.ut-tag-card--cyan .ut-tag-card__icon  { background: rgba(6,182,212,0.12); color: #0e7490; }
.ut-tag-card--cyan .ut-tag-card__count { background: rgba(6,182,212,0.10); color: #0e7490; }
.ut-tag-card--red     { border-top-color: #ef4444; }
.ut-tag-card--red .ut-tag-card__icon  { background: rgba(239,68,68,0.12); color: #b91c1c; }
.ut-tag-card--red .ut-tag-card__count { background: rgba(239,68,68,0.10); color: #b91c1c; }
.ut-tag-card--blue    { border-top-color: #3b82f6; }
.ut-tag-card--blue .ut-tag-card__icon  { background: rgba(59,130,246,0.12); color: #1d4ed8; }
.ut-tag-card--blue .ut-tag-card__count { background: rgba(59,130,246,0.10); color: #1d4ed8; }
.ut-tag-card--lime    { border-top-color: #84cc16; }
.ut-tag-card--lime .ut-tag-card__icon  { background: rgba(132,204,22,0.12); color: #4d7c0f; }
.ut-tag-card--lime .ut-tag-card__count { background: rgba(132,204,22,0.10); color: #4d7c0f; }
.ut-tag-card--orange  { border-top-color: #f97316; }
.ut-tag-card--orange .ut-tag-card__icon  { background: rgba(249,115,22,0.12); color: #c2410c; }
.ut-tag-card--orange .ut-tag-card__count { background: rgba(249,115,22,0.10); color: #c2410c; }
.ut-tag-card--fuchsia { border-top-color: #d946ef; }
.ut-tag-card--fuchsia .ut-tag-card__icon  { background: rgba(217,70,239,0.12); color: #a21caf; }
.ut-tag-card--fuchsia .ut-tag-card__count { background: rgba(217,70,239,0.10); color: #a21caf; }
.ut-tag-card--stone   { border-top-color: #78716c; }
.ut-tag-card--stone .ut-tag-card__icon  { background: rgba(120,113,108,0.12); color: #44403c; }
.ut-tag-card--stone .ut-tag-card__count { background: rgba(120,113,108,0.10); color: #44403c; }
.ut-tag-card--pink    { border-top-color: #ec4899; }
.ut-tag-card--pink .ut-tag-card__icon  { background: rgba(236,72,153,0.12); color: #be185d; }
.ut-tag-card--pink .ut-tag-card__count { background: rgba(236,72,153,0.10); color: #be185d; }
.ut-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}
.ut-tag-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 6px 6px 14px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.08);
    color: #1a1a1a;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: transform .15s, box-shadow .15s, border-color .15s;
}
.ut-tag-pill:hover {
    transform: translateY(-1px);
    border-color: #6366f1;
    color: #4f46e5;
    box-shadow: 0 2px 6px rgba(99,102,241,0.15);
}
.ut-tag-pill__name {
    line-height: 1.2;
}
.ut-tag-pill__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(99, 102, 241, 0.10);
    color: #4f46e5;
    font-size: 11px;
    font-weight: 700;
}
html.is-dark .ut-tag-pill {
    background: #2a2c30;
    border-color: rgba(255,255,255,0.10);
    color: #ffffff;
}
html.is-dark .ut-tag-pill:hover {
    border-color: #818cf8;
    color: #a5b4fc;
}
html.is-dark .ut-tag-pill__count {
    background: rgba(129, 140, 248, 0.18);
    color: #a5b4fc;
}
.ut-tag-contents-count {
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 16px;
    text-align: right;
}
html.is-dark .ut-tag-contents-count { color: rgba(255,255,255,0.55); }
.ut-article-themes {
    margin-top: 0;
}
html.is-dark .ut-article-themes {
    background: #2a2c30;
    box-shadow: 0 1px 3px rgba(0,0,0,0.20);
}
.ut-article-themes__title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 14px;
    color: #1a1a1a;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
html.is-dark .ut-article-themes__title { color: #ffffff; }
.ut-article-themes__icon {
    color: #6366f1;
    font-size: 18px;
}
.ut-article-themes__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ut-article-theme-pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    transition: transform .15s, box-shadow .15s, border-color .15s, background .15s;
    line-height: 1.2;
}
.ut-article-theme-pill:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.ut-article-theme-pill--central {
    background: linear-gradient(90deg, rgba(220,38,38,0.10), rgba(245,158,11,0.10));
    border-color: rgba(220,38,38,0.30);
    color: #b91c1c;
}
.ut-article-theme-pill--central:hover {
    background: linear-gradient(90deg, rgba(220,38,38,0.18), rgba(245,158,11,0.18));
    color: #991b1b;
}
.ut-article-theme-pill--important {
    background: rgba(245,158,11,0.12);
    border-color: rgba(245,158,11,0.30);
    color: #b45309;
}
.ut-article-theme-pill--important:hover {
    background: rgba(245,158,11,0.20);
    color: #92400e;
}
.ut-article-theme-pill--aborde {
    background: rgba(139,92,246,0.10);
    border-color: rgba(139,92,246,0.28);
    color: #6d28d9;
}
.ut-article-theme-pill--aborde:hover {
    background: rgba(139,92,246,0.18);
    color: #5b21b6;
}
.ut-article-theme-pill--mention {
    background: rgba(59,130,246,0.08);
    border-color: rgba(59,130,246,0.25);
    color: #1d4ed8;
}
.ut-article-theme-pill--mention:hover {
    background: rgba(59,130,246,0.15);
    color: #1e40af;
}
.ut-article-theme-pill--passant {
    background: rgba(148,163,184,0.10);
    border-color: rgba(148,163,184,0.30);
    color: #475569;
}
.ut-article-theme-pill--passant:hover {
    background: rgba(148,163,184,0.18);
    color: #334155;
}
html.is-dark .ut-article-theme-pill--central {
    background: linear-gradient(90deg, rgba(248,113,113,0.15), rgba(251,191,36,0.15));
    border-color: rgba(248,113,113,0.40);
    color: #fca5a5;
}
html.is-dark .ut-article-theme-pill--important {
    background: rgba(251,191,36,0.15);
    border-color: rgba(251,191,36,0.40);
    color: #fcd34d;
}
html.is-dark .ut-article-theme-pill--aborde {
    background: rgba(167,139,250,0.15);
    border-color: rgba(167,139,250,0.40);
    color: #c4b5fd;
}
html.is-dark .ut-article-theme-pill--mention {
    background: rgba(96,165,250,0.12);
    border-color: rgba(96,165,250,0.35);
    color: #93c5fd;
}
html.is-dark .ut-article-theme-pill--passant {
    background: rgba(203,213,225,0.10);
    border-color: rgba(203,213,225,0.30);
    color: #cbd5e1;
}
.ut-theme-grid .grid1-item .entry-image-wrap {
    margin-bottom: 0;
}
.ut-theme-grid .entry-image-wrap .entry-category.ut-theme-cat-chain {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: auto;
    line-height: 1.2;
    padding: 4px 9px;
    max-width: calc(100% - 16px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ut-theme-cat-chain__parent {
    font-size: 0.88em;
    opacity: 0.78;
    font-weight: 500;
    text-transform: uppercase;
}
.ut-theme-cat-chain__sep {
    font-size: 0.85em;
    opacity: 0.6;
    flex-shrink: 0;
}
.ut-theme-cat-chain__child {
    font-weight: 700;
    text-transform: uppercase;
}
.ut-weight-bar {
    position: relative;
    display: flex;
    align-items: center;
    height: 6px;
    margin: 6px 0 8px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 999px;
    overflow: hidden;
}
.ut-weight-bar__fill {
    height: 100%;
    border-radius: 999px;
    transition: width .25s ease;
}
html.is-dark .ut-weight-bar {
    background: rgba(255, 255, 255, 0.08);
}
.ut-weight-bar--central .ut-weight-bar__fill {
    width: 95%;
    background: linear-gradient(90deg, #dc2626 0%, #ea580c 60%, #f59e0b 100%);
    box-shadow: 0 0 10px rgba(220, 38, 38, 0.40);
}
.ut-weight-bar--important .ut-weight-bar__fill {
    width: 75%;
    background: linear-gradient(90deg, #f59e0b 0%, #fb923c 60%, #fbbf24 100%);
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.35);
}
.ut-weight-bar--aborde .ut-weight-bar__fill {
    width: 50%;
    background: linear-gradient(90deg, #6366f1 0%, #8b5cf6 60%, #a855f7 100%);
    box-shadow: 0 0 6px rgba(139, 92, 246, 0.28);
}
.ut-weight-bar--mention .ut-weight-bar__fill {
    width: 30%;
    background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);
    box-shadow: 0 0 4px rgba(59, 130, 246, 0.22);
}
.ut-weight-bar--passant .ut-weight-bar__fill {
    width: 15%;
    background: linear-gradient(90deg, #94a3b8 0%, #cbd5e1 100%);
}
.home-grid .sidebar {
    height: 100%;
    align-content: start;
}
.ut-similar-tags {
    padding: 16px;
    position: sticky;
    top: 80px;
    align-self: start;
    overflow: visible;
}
.sidebar .ut-block.ut-similar-tags {
    margin-top: 0;
    margin-bottom: 0;  
}
.ut-similar-tags__title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--theme-text, #1f2937);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ut-similar-tags__icon {
    font-size: 20px;
    color: var(--main-color, #fd3a13);
}
.ut-similar-tags__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.ut-similar-tags__item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-decoration: none;
    color: inherit;
    border-radius: 6px;
    padding: 4px;
    transition: background 0.15s;
}
.ut-similar-tags__item:hover {
    background: rgba(0, 0, 0, 0.04);
}
.ut-similar-tags__thumb {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 5px;
    background: #f1f5f9;
}
.ut-similar-tags__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ut-similar-tags__thumb.is-video::after,
.ut-similar-tags__thumb.is-video2::after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 26px; height: 26px;
    border-radius: 50%;
    background: rgba(0,0,0,0.65) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M8 5v14l11-7z'/></svg>") center/14px no-repeat;
}
.ut-similar-tags__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.ut-similar-tags__name {
    font-size: 14px;
    line-height: 1.35;
    color: var(--theme-text, #1f2937);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 500;
}
.ut-similar-tags__item:hover .ut-similar-tags__name {
    color: var(--main-color, #fd3a13);
}
.ut-similar-tags__bar {
    height: 4px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 999px;
    overflow: hidden;
}
.ut-similar-tags__bar-fill {
    height: 100%;
    border-radius: 999px;
    transition: width .25s;
}
.ut-similar-tags__bar--central .ut-similar-tags__bar-fill {
    background: linear-gradient(90deg, #dc2626 0%, #ea580c 60%, #f59e0b 100%);
}
.ut-similar-tags__bar--important .ut-similar-tags__bar-fill {
    background: linear-gradient(90deg, #f59e0b 0%, #fb923c 60%, #fbbf24 100%);
}
.ut-similar-tags__bar--aborde .ut-similar-tags__bar-fill {
    background: linear-gradient(90deg, #6366f1 0%, #8b5cf6 60%, #a855f7 100%);
}
.ut-similar-tags__bar--mention .ut-similar-tags__bar-fill {
    background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);
}
.ut-similar-tags__bar--passant .ut-similar-tags__bar-fill {
    background: linear-gradient(90deg, #94a3b8 0%, #cbd5e1 100%);
}
html.is-dark .ut-similar-tags__item:hover {
    background: rgba(255, 255, 255, 0.05);
}
html.is-dark .ut-similar-tags__bar {
    background: rgba(255, 255, 255, 0.08);
}
.ut-similar-tags__item {
    position: relative;
}
.ut-similar-tags__tooltip {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    width: max-content;
    max-width: 260px;
    padding: 10px 12px;
    background: #1f2937;
    color: #f9fafb;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.15s, transform 0.15s, visibility 0s 0.15s;
    z-index: 50;
}
.ut-similar-tags__tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #1f2937;
}
.ut-similar-tags__item:hover .ut-similar-tags__tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    transition: opacity 0.15s, transform 0.15s;
}
@media (max-width: 768px), (hover: none) and (pointer: coarse) {
    .ut-similar-tags__tooltip { display: none !important; }
}
.ut-similar-tags__tooltip-title {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #94a3b8;
    margin-bottom: 6px;
    font-weight: 600;
}
.ut-similar-tags__tooltip-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.ut-similar-tags__pill {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
}
.ut-similar-tags__pill--central {
    background: rgba(220, 38, 38, 0.25);
    color: #fca5a5;
}
.ut-similar-tags__pill--important {
    background: rgba(245, 158, 11, 0.25);
    color: #fde68a;
}
.ut-similar-tags__pill--aborde {
    background: rgba(139, 92, 246, 0.25);
    color: #d8b4fe;
}
.ut-similar-tags__pill--mention {
    background: rgba(59, 130, 246, 0.25);
    color: #bfdbfe;
}
.ut-similar-tags__pill--passant {
    background: rgba(148, 163, 184, 0.25);
    color: #e2e8f0;
}
.ut-video-split {
    display: grid;
    grid-template-columns: 1fr 2fr;  
    gap: var(--ut-content-gap, 25px);
    align-items: start;
}
.ut-video-split__main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--ut-content-gap, 20px);
}
.ut-video-split__side {
    min-width: 0;
    align-self: stretch;
}
.ut-video-split__side .ut-similar-tags {
    margin-top: 0;
}
@media (max-width: 880px) {
    .ut-video-split {
        grid-template-columns: 1fr;
    }
}
.ut-resume-ia {
    background: linear-gradient(135deg, #fff7e6 0%, #fff3d6 100%);
    border-left: 4px solid #f59e0b;
    border-radius: 0 10px 10px 0;
    padding: 16px 20px;
    margin: 20px 0;
    box-shadow: 0 1px 3px rgba(245, 158, 11, 0.08);
}
.ut-resume-ia__title {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #b45309;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.ut-resume-ia__title i { font-size: 16px; color: #d97706; }
.ut-resume-ia__list {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #78350f;
    font-size: 14px;
    line-height: 1.6;
}
.ut-resume-ia__list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 6px;
}
.ut-resume-ia__list li::before,
.post-body .ut-resume-ia__list li::before {
    content: "▸" !important;
    position: absolute;
    left: 4px;
    color: #f59e0b;
    font-weight: 700;
    font-family: inherit !important;
    font-size: inherit !important;
    margin: 0 !important;
}
.ut-resume-ia__list li:last-child { margin-bottom: 0; }
html.is-dark .ut-resume-ia {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.12) 0%, rgba(245, 158, 11, 0.05) 100%);
    border-left-color: #f59e0b;
    box-shadow: none;
}
html.is-dark .ut-resume-ia__title { color: #fbbf24; }
html.is-dark .ut-resume-ia__title i { color: #fbbf24; }
html.is-dark .ut-resume-ia__list { color: rgba(255, 255, 255, 0.85); }
html.is-dark .ut-resume-ia__list li::before { color: #fbbf24; }
.ut-resume__body em,
html.is-dark .ut-resume__body em,
.ut-service-carousel { margin: 4px 0 6px; }
.ut-service-carousel__head { margin-bottom: 10px; }
.ut-service-carousel__title {
    font-size: 15px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase;
    color: var(--title-color, #16161a); margin: 0;
}
.ut-service-carousel__body { position: relative; }
.ut-service-swiper { overflow: hidden; }
.ut-service-slide-wrap { height: auto; }
.ut-service-slide {
    position: relative; overflow: hidden;
    display: flex; align-items: center; gap: 12px;
    height: 84px; padding: 0 16px;
    background: #fff; border: 1px solid #e6e9ef; border-radius: 12px;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    transition: background-color .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.ut-service-slide::after {
    content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
    background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, .5) 50%, transparent 65%);
    transform: translateX(-130%);
}
.ut-service-slide:hover {
    background: rgba(var(--svc-rgb, 37, 99, 235), .08);
    box-shadow: 0 6px 18px rgba(var(--svc-rgb, 37, 99, 235), .18);
    border-color: rgba(var(--svc-rgb, 37, 99, 235), .6);
}
.ut-service-slide:hover::after { animation: ut-service-shimmer .9s ease; }
@keyframes ut-service-shimmer {
    from { transform: translateX(-130%); }
    to   { transform: translateX(130%); }
}
html.is-dark .ut-service-slide::after {
    background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, .28) 50%, transparent 65%);
}
.ut-service-slide__icon {
    flex: 0 0 auto; width: 48px; height: 48px; border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    background: rgba(var(--svc-rgb, 37, 99, 235), .12);
    color: rgb(var(--svc-rgb, 37, 99, 235));
    font-size: 22px; overflow: hidden;
}
.ut-service-slide__icon img { width: 100%; height: 100%; object-fit: cover; }
.ut-service-slide__body { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.ut-service-slide__title {
    font-size: 15px; font-weight: 700; color: var(--title-color, #16161a); line-height: 1.2;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ut-service-slide__desc {
    font-size: 12px; color: #6b7280; line-height: 1.3; margin-top: 2px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ut-service-nav {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 34px; height: 34px; border-radius: 50%;
    background: #fff; border: 1px solid #e6e9ef;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; box-shadow: 0 2px 6px rgba(0, 0, 0, .1); z-index: 5; color: #16161a;
}
.ut-service-nav--prev { left: -8px; }
.ut-service-nav--next { right: -8px; }
.ut-service-nav.swiper-button-disabled { opacity: 0; pointer-events: none; }
@media (max-width: 560px) {
    .ut-service-nav { display: none; }
}
html.is-dark .ut-service-carousel__title { color: #fff; }
html.is-dark .ut-service-slide {
    background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .09); box-shadow: none;
}
html.is-dark .ut-service-slide:hover {
    background: rgba(var(--svc-rgb, 37, 99, 235), .18);
    border-color: rgba(var(--svc-rgb, 37, 99, 235), .55);
}
html.is-dark .ut-service-slide__title { color: #fff; }
html.is-dark .ut-service-slide__desc { color: rgba(255, 255, 255, .55); }
html.is-dark .ut-service-nav {
    background: #1b1d24; border-color: rgba(255, 255, 255, .12); color: #fff;
}
.ut-gd-shell { display: flex; flex-direction: column; gap: 22px; }
.ut-gd-search { position: relative; margin: 0 0 24px; }
.ut-gd-search__icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: 18px; pointer-events: none; }
.ut-gd-search input {
    width: 100%; padding: 14px 18px 14px 46px; font-size: 15px; color: var(--title-color, #16161a);
    background: #fff; border: 1.5px solid #e6e9ef; border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .04); transition: border-color .15s ease, box-shadow .15s ease;
}
.ut-gd-search input:focus { outline: none; border-color: #f59e0b; box-shadow: 0 6px 18px rgba(245, 158, 11, .14); }
.ut-gd-search__results {
    position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 30;
    background: #fff; border: 1px solid #e6e9ef; border-radius: 12px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .12); overflow: hidden; max-height: 420px; overflow-y: auto;
}
.ut-gd-search__grp { padding: 10px 16px 4px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .6px; color: #b45309; }
.ut-gd-search__item { display: flex; gap: 10px; align-items: flex-start; padding: 9px 16px; text-decoration: none; }
.ut-gd-search__item:hover { background: rgba(245, 158, 11, .08); }
.ut-gd-search__item i { flex: 0 0 auto; margin-top: 2px; color: #d97706; font-size: 15px; }
.ut-gd-search__item span { display: flex; flex-direction: column; min-width: 0; }
.ut-gd-search__item b { font-size: 14px; font-weight: 700; color: var(--title-color, #16161a); line-height: 1.3; }
.ut-gd-search__item small { font-size: 12px; color: #6b7280; line-height: 1.35; }
.ut-gd-search__empty { padding: 16px; font-size: 13.5px; color: #6b7280; text-align: center; }
html.is-dark .ut-gd-search input { background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .12); color: #fff; }
html.is-dark .ut-gd-search__results { background: #1b1d24; border-color: rgba(255, 255, 255, .12); }
html.is-dark .ut-gd-search__item b { color: #fff; }
html.is-dark .ut-gd-search__item small { color: rgba(255, 255, 255, .6); }
html.is-dark .ut-gd-search__item:hover { background: rgba(245, 158, 11, .14); }
.ut-side-fmt { padding: 16px; }
.ut-side-fmt__title { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 15px; font-weight: 800; color: var(--title-color, #16161a); }
.ut-side-fmt__title i { color: #d97706; }
.ut-side-fmt__guide { display: flex; gap: 10px; align-items: center; padding: 8px; border-radius: 10px; text-decoration: none; transition: background .15s; }
.ut-side-fmt__guide:hover { background: rgba(245, 158, 11, .08); }
.ut-side-fmt__thumb { position: relative; flex: 0 0 auto; width: 54px; height: 40px; border-radius: 8px; overflow: hidden; background: linear-gradient(135deg, #f59e0b, #d97706); display: flex; align-items: center; justify-content: center; }
.ut-side-fmt__thumb i { color: #fff; font-size: 18px; }
.ut-side-fmt__thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ut-side-fmt__gbody { display: flex; flex-direction: column; min-width: 0; }
.ut-side-fmt__gtitle { font-size: 14px; font-weight: 700; color: var(--title-color, #16161a); line-height: 1.3; }
.ut-side-fmt__gniveau { font-size: 11.5px; font-weight: 600; color: #d97706; text-transform: uppercase; letter-spacing: .02em; }
.ut-side-fmt__chaps { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(0, 0, 0, .07); }
.ut-side-fmt__chapslabel { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #9ca3af; margin: 0 0 6px 2px; }
.ut-side-fmt__chap { display: flex; gap: 8px; align-items: flex-start; padding: 6px 8px; border-radius: 8px; text-decoration: none; transition: background .15s; }
.ut-side-fmt__chap:hover { background: rgba(245, 158, 11, .08); }
.ut-side-fmt__chap i { flex: 0 0 auto; margin-top: 2px; color: #d97706; font-size: 14px; }
.ut-side-fmt__chap span { display: flex; flex-direction: column; min-width: 0; }
.ut-side-fmt__chap b { font-size: 13px; font-weight: 700; color: var(--title-color, #16161a); line-height: 1.3; }
.ut-side-fmt__chap small { font-size: 11.5px; color: #6b7280; line-height: 1.3; }
html.is-dark .ut-side-fmt__title,
html.is-dark .ut-side-fmt__gtitle,
html.is-dark .ut-side-fmt__chap b { color: #fff; }
html.is-dark .ut-side-fmt__chap small { color: rgba(255, 255, 255, .6); }
html.is-dark .ut-side-fmt__chaps { border-top-color: rgba(255, 255, 255, .1); }
html.is-dark .ut-side-fmt__guide:hover,
html.is-dark .ut-side-fmt__chap:hover { background: rgba(245, 158, 11, .14); }
.ut-gd-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 25px; }
@media (max-width: 768px) {
    .ut-gd-card,
    .ut-gd-search input,
    .ut-gd-search__results { border-radius: 0; }
}
.ut-gd-card {
    display: flex; flex-direction: column; overflow: hidden; text-decoration: none;
    background: #fff; border: 1px solid #e6e9ef; border-radius: 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    transition: box-shadow .15s ease, border-color .15s ease;
}
.ut-gd-card:hover { box-shadow: 0 8px 24px rgba(245, 158, 11, .18); border-color: rgba(245, 158, 11, .45); }
.ut-gd-card__visual {
    position: relative; display: flex; align-items: center; justify-content: center;
    aspect-ratio: 1200 / 630; background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #b45309; font-size: 44px; overflow: hidden;
}
.ut-gd-card__visual img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ut-gd-card__img { position: absolute; inset: 0; }
.ut-gd-card__niveau {
    position: absolute; top: 10px; left: 10px; padding: 3px 10px; border-radius: 999px;
    background: rgba(255, 255, 255, .92); color: #92400e; font-size: 11.5px; font-weight: 700;
    text-transform: uppercase; letter-spacing: .5px;
}
.ut-gd-card__body { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 18px; }
.ut-gd-card__title { font-size: 17px; font-weight: 800; color: var(--title-color, #16161a); line-height: 1.25; }
.ut-gd-card__desc { font-size: 13px; color: #6b7280; line-height: 1.45; }
.ut-gd-card__meta { display: flex; flex-wrap: wrap; gap: 12px; font-size: 12px; color: #6b7280; }
.ut-gd-card__meta i { margin-right: 3px; color: #d97706; }
.ut-gd-card__cta { margin-top: 4px; font-size: 13.5px; font-weight: 700; color: #b45309; }
.ut-gd-progress { display: block; height: 8px; border-radius: 999px; background: #eef1f6; overflow: hidden; }
.ut-gd-progress--thin { height: 5px; }
.ut-gd-progress__bar { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #f59e0b, #d97706); transition: width .3s ease; }
.ut-gd-progresswrap { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
.ut-gd-progresswrap .ut-gd-progress { flex: 1 1 auto; }
.ut-gd-progresswrap__label { font-size: 12.5px; font-weight: 600; color: #6b7280; white-space: nowrap; }
.ut-gd-head { padding: 0; overflow: hidden; }
.ut-gd-head__grid { display: flex; align-items: stretch; }
.ut-gd-head__main { flex: 1 1 auto; min-width: 0; padding: 22px 24px; }
.ut-gd-head__visual { flex: 0 0 38%; min-width: 260px; position: relative; }
.ut-gd-head__visual img {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; display: block;
}
@media (max-width: 800px) {
    .ut-gd-head__grid { flex-direction: column; }
    .ut-gd-head__visual { flex-basis: auto; min-width: 0; width: 100%; position: static; aspect-ratio: 1200 / 630; }
    .ut-gd-head__visual img { position: static; height: 100%; }
}
.ut-gd-head__objectif { font-size: 15.5px; font-weight: 700; color: var(--title-color, #16161a); margin: 0 0 8px; }
.ut-gd-head__objectif i { color: #d97706; margin-right: 4px; }
.ut-gd-head__desc { font-size: 14px; color: #4b5563; line-height: 1.6; margin-bottom: 8px; }
.ut-gd-head__meta { display: flex; flex-wrap: wrap; gap: 16px; font-size: 13px; color: #6b7280; margin-top: 6px; }
.ut-gd-head__meta i { color: #d97706; margin-right: 4px; }
.ut-gd-loginhint { margin: 14px 0 0; font-size: 13px; color: #6b7280; }
.ut-gd-loginhint a { color: #b45309; font-weight: 700; text-decoration: underline; }
.ut-gd-finished { margin: 14px 0 0; font-weight: 700; color: #15803d; }
.ut-gd-cta {
    display: inline-flex; align-items: center; gap: 8px; margin-top: 16px;
    padding: 13px 26px; border: 0; border-radius: 10px; cursor: pointer;
    background: linear-gradient(90deg, #f59e0b, #d97706); color: #fff !important;
    font-size: 15px; font-weight: 700; text-decoration: none;
    box-shadow: 0 4px 14px rgba(217, 119, 6, .35);
}
.ut-gd-cta:hover { filter: brightness(1.06); }
.ut-gd-cta--small { margin-top: 12px; padding: 10px 20px; font-size: 13.5px; }
.ut-gd-path { list-style: none; margin: 0; padding: 0 0 0 8px; position: relative; }
.ut-gd-path::before {
    content: ""; position: absolute; left: 27px; top: 10px; bottom: 10px; width: 3px;
    background: #e6e9ef; border-radius: 3px;
}
.ut-gd-step { position: relative; display: flex; gap: 16px; padding: 9px 0; }
.ut-gd-step__dot {
    position: relative; z-index: 1; flex: 0 0 auto; width: 40px; height: 40px; margin-top: 6px;
    display: flex; align-items: center; justify-content: center; border-radius: 50%;
    background: #fff; border: 2px solid #d3d9e3; color: #6b7280; font-weight: 800; font-size: 15px;
}
.ut-gd-step.is-done .ut-gd-step__dot { background: #16a34a; border-color: #16a34a; color: #fff; }
.ut-gd-step.is-current .ut-gd-step__dot { background: #f59e0b; border-color: #f59e0b; color: #fff; box-shadow: 0 0 0 5px rgba(245, 158, 11, .18); }
.ut-gd-step__card {
    flex: 1 1 auto; display: block; text-decoration: none;
    background: #fff; border: 1px solid #e6e9ef; border-radius: 12px; padding: 14px 18px;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.ut-gd-step__card:hover { border-color: rgba(245, 158, 11, .5); box-shadow: 0 4px 14px rgba(245, 158, 11, .12); }
.ut-gd-step.is-current .ut-gd-step__card { border-color: rgba(245, 158, 11, .55); }
.ut-gd-step__title { display: block; font-size: 15.5px; font-weight: 700; color: var(--title-color, #16161a); line-height: 1.3; }
.ut-gd-step__meta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; font-size: 12px; color: #6b7280; }
.ut-gd-step__meta i { margin-right: 3px; }
.ut-gd-step__done { color: #16a34a; font-weight: 700; }
.ut-gd-step__now { color: #b45309; font-weight: 700; }
.ut-gd-chapnav { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.ut-gd-chapnav__pos { display: flex; align-items: center; gap: 12px; flex: 1 1 220px; min-width: 200px; }
.ut-gd-chapnav__pos .ut-gd-progress { flex: 1 1 auto; }
.ut-gd-chapnav__count { font-size: 13px; font-weight: 700; color: #6b7280; white-space: nowrap; }
.ut-gd-chapnav__links { display: flex; gap: 8px; }
.ut-gd-navbtn {
    display: inline-flex; align-items: center; gap: 5px; padding: 8px 14px;
    border: 1px solid #e6e9ef; border-radius: 9px; background: #fff;
    font-size: 13px; font-weight: 600; color: var(--title-color, #16161a); text-decoration: none;
}
.ut-gd-navbtn:hover { border-color: rgba(245, 158, 11, .5); color: #b45309; }
.ut-gd-chap { padding: 26px 28px; }
.ut-gd-chap__title { font-size: 29px; font-weight: 800; color: var(--title-color, #16161a); margin: 0 0 16px; line-height: 1.25; }
.ut-gd-chap__badge {
    display: inline-flex; align-items: center; gap: 4px; vertical-align: middle; margin-left: 10px;
    padding: 4px 12px; border-radius: 999px; background: rgba(22, 163, 74, .12); color: #15803d;
    font-size: 12.5px; font-weight: 700;
}
.ut-gd-chap__intro { font-size: 14.5px; color: #374151; line-height: 1.65; margin-bottom: 8px; }
.ut-gd-chap__intro p { margin: 0 0 10px; }
.ut-gd-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.ut-gd-items--main { grid-template-columns: 1fr; }
.ut-gd-item {
    display: flex; flex-direction: column; overflow: hidden; text-decoration: none;
    border: 1px solid #e6e9ef; border-radius: 12px; background: #fff;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.ut-gd-item:hover { border-color: rgba(245, 158, 11, .5); box-shadow: 0 4px 14px rgba(245, 158, 11, .12); }
.ut-gd-items--main .ut-gd-item { flex-direction: row; }
.ut-gd-item__thumb { position: relative; flex: 0 0 auto; aspect-ratio: 1200 / 630; overflow: hidden; background: #eef1f6; }
.ut-gd-items--main .ut-gd-item__thumb { width: 42%; min-width: 220px; aspect-ratio: auto; }
.ut-gd-item__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ut-gd-item__play {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 26px; background: rgba(0, 0, 0, .22);
}
.ut-gd-item__body { display: flex; flex-direction: column; gap: 5px; padding: 12px 14px 14px; }
.ut-gd-item__type { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .6px; color: #b45309; }
.ut-gd-item__title { font-size: 14.5px; font-weight: 700; color: var(--title-color, #16161a); line-height: 1.3; }
.ut-gd-item__desc { font-size: 12.5px; color: #6b7280; line-height: 1.45; }
.ut-gd-lesson { font-size: 15px; color: #374151; line-height: 1.7; }
.ut-gd-lesson h2 {
    font-size: 23px; font-weight: 700; line-height: 1.3;
    margin: 28px 0 14px;
}
.ut-gd-lesson h2:first-child { margin-top: 6px; }
.ut-gd-lesson h3 { font-size: 16.5px; font-weight: 700; color: var(--title-color, #16161a); margin: 20px 0 8px; }
.ut-gd-lesson p { margin: 0 0 12px; }
.ut-gd-lesson ul, .ut-gd-lesson ol { margin: 0 0 14px; padding-left: 24px; }
.ut-gd-lesson li { margin-bottom: 6px; }
.ut-gd-lesson b, .ut-gd-lesson strong { color: var(--title-color, #16161a); }
.ut-alert {
    display: flex; gap: 12px; align-items: flex-start;
    padding: 14px 18px; margin: 18px 0; border-radius: 10px;
    border: 1px solid; border-left-width: 4px; font-size: 14px; line-height: 1.6;
}
.ut-alert > i { flex: 0 0 auto; font-size: 20px; margin-top: 2px; }
.ut-alert > div { flex: 1 1 auto; min-width: 0; }
.ut-alert p { margin: 0 0 8px; }
.ut-alert p:last-child { margin-bottom: 0; }
.ut-alert__title { display: block; font-weight: 800; margin-bottom: 4px; }
.ut-alert--info    { background: #eff6ff; border-color: #bfdbfe; border-left-color: #2563eb; color: #1e3a8a; }
.ut-alert--info > i    { color: #2563eb; }
.ut-alert--astuce  { background: #f0fdf4; border-color: #bbf7d0; border-left-color: #16a34a; color: #14532d; }
.ut-alert--astuce > i  { color: #16a34a; }
.ut-alert--warning { background: #fffbeb; border-color: #fde68a; border-left-color: #d97706; color: #78350f; }
.ut-alert--warning > i { color: #d97706; }
.ut-alert--danger  { background: #fef2f2; border-color: #fecaca; border-left-color: #dc2626; color: #7f1d1d; }
.ut-alert--danger > i  { color: #dc2626; }
.ut-gd-enrich { padding: 24px 28px; }
.ut-gd-enrich__title { font-size: 18px; font-weight: 800; color: var(--title-color, #16161a); margin: 0 0 4px; }
.ut-gd-enrich__title i { color: #d97706; margin-right: 6px; }
.ut-gd-enrich__sub { font-size: 13px; color: #6b7280; margin: 0 0 16px; }
.ut-gd-embed {
    display: flex; align-items: stretch; overflow: hidden; text-decoration: none;
    max-width: 720px; margin: 22px auto;
    background: #fff; border: 1px solid #e6e9ef; border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    transition: border-color .15s ease, box-shadow .15s ease;
}
.ut-gd-embed:hover { border-color: rgba(245, 158, 11, .55); box-shadow: 0 4px 14px rgba(245, 158, 11, .14); }
.ut-gd-embed__thumb { position: relative; flex: 0 0 44%; min-width: 200px; background: #000; display: block; }
.ut-gd-embed__thumb[data-gd-video] { cursor: pointer; }
.ut-gd-embed__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ut-gd-embed__play {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 22px; background: rgba(0, 0, 0, .22); transition: background-color .15s ease;
}
.ut-gd-embed__play i {
    width: 52px; height: 52px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: rgba(0, 0, 0, .55); padding-left: 4px;
}
.ut-gd-embed__thumb[data-gd-video]:hover .ut-gd-embed__play { background: rgba(0, 0, 0, .35); }
.ut-gd-embed__player { width: 100%; height: 100%; display: block; background: #000; object-fit: contain; }
.ut-gd-embed__thumb.is-playing { aspect-ratio: 16 / 9; }
.ut-gd-embed__body { display: flex; flex-direction: column; justify-content: flex-start; gap: 6px; padding: 14px 18px; min-width: 0; flex: 1 1 auto; }
.ut-gd-embed__type { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .6px; color: #b45309; }
.ut-gd-embed__title { font-size: 15px; font-weight: 700; color: var(--title-color, #16161a); line-height: 1.3; text-decoration: none; }
.ut-gd-embed__title:hover { color: #b45309; }
.ut-gd-embed__desc { font-size: 13px; color: #6b7280; line-height: 1.5; }
.ut-gd-embed__cta { font-size: 12.5px; font-weight: 600; color: #b45309; text-decoration: none; }
.ut-gd-embed__cta:hover { text-decoration: underline; }
.ut-gd-embed__cta i { font-size: 12px; vertical-align: middle; }
@media (max-width: 560px) {
    .ut-gd-embed { flex-direction: column; }
    .ut-gd-embed__thumb { flex-basis: auto; aspect-ratio: 1200 / 630; }
}
html.is-dark .ut-gd-embed { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .1); box-shadow: none; }
html.is-dark .ut-gd-embed__title { color: #fff; }
html.is-dark .ut-gd-embed__title:hover { color: #fbbf24; }
html.is-dark .ut-gd-embed__desc { color: rgba(255, 255, 255, .6); }
html.is-dark .ut-gd-embed__type, html.is-dark .ut-gd-embed__cta { color: #fbbf24; }
.ut-gd-lib__section {
    display: flex; align-items: center; gap: 10px;
    font-size: 19px; font-weight: 800; margin: 26px 0 14px;
}
.ut-gd-lib__count {
    font-size: 12px; font-weight: 700; color: #b45309;
    background: rgba(245, 158, 11, .14); border-radius: 999px; padding: 2px 10px;
}
.ut-gd-lib { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px 14px; }
.ut-gd-lib-card { display: flex; flex-direction: column; gap: 6px; text-decoration: none; min-width: 0; }
.ut-gd-lib-card__thumb {
    position: relative; aspect-ratio: 1200 / 630; overflow: hidden;
    border-radius: 10px; background: #eef1f6;
}
.ut-gd-lib-card__thumb img {
    width: 100%; height: 100%; object-fit: cover; display: block;
    transition: transform .2s ease;
}
.ut-gd-lib-card:hover .ut-gd-lib-card__thumb img { transform: scale(1.05); }
.ut-gd-lib-card__title {
    font-size: 13px; font-weight: 600; color: var(--title-color, #16161a); line-height: 1.35;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ut-gd-lib-card:hover .ut-gd-lib-card__title { color: #b45309; }
.ut-gd-lib-card__author { font-size: 11.5px; color: #6b7280; }
@media (max-width: 560px) {
    .ut-gd-lib { grid-template-columns: repeat(2, 1fr); gap: 14px 10px; }
}
html.is-dark .ut-gd-lib-card__title { color: #fff; }
html.is-dark .ut-gd-lib-card:hover .ut-gd-lib-card__title { color: #fbbf24; }
html.is-dark .ut-gd-lib-card__author { color: rgba(255, 255, 255, .55); }
html.is-dark .ut-gd-lib__count { color: #fbbf24; }
.ut-gd-step--lib .ut-gd-step__dot { background: #f59e0b; border-color: #f59e0b; color: #fff; }
.ut-gd-hl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 18px 0 4px; }
@media (max-width: 700px) { .ut-gd-hl { grid-template-columns: 1fr; } }
.ut-gd-hl__card {
    display: flex; gap: 14px; align-items: flex-start;
    padding: 16px 18px; border-radius: 12px; text-decoration: none;
    border: 1px solid; transition: box-shadow .15s ease, border-color .15s ease;
}
.ut-gd-hl__card--theme { background: #fffbeb; border-color: #fde68a; }
.ut-gd-hl__card--theme:hover { border-color: #f59e0b; box-shadow: 0 6px 18px rgba(245, 158, 11, .18); }
.ut-gd-hl__card--theme .ut-gd-hl__icon { background: rgba(245, 158, 11, .16); color: #b45309; }
.ut-gd-hl__card--theme .ut-gd-hl__cta { color: #b45309; }
.ut-gd-hl__card--quiz { background: #f5f3ff; border-color: #ddd6fe; }
.ut-gd-hl__card--quiz:hover { border-color: #8b5cf6; box-shadow: 0 6px 18px rgba(139, 92, 246, .18); }
.ut-gd-hl__card--yy { background: #f0f9ff; border-color: #bae6fd; }
.ut-gd-hl__card--yy:hover { border-color: #0ea5e9; box-shadow: 0 6px 18px rgba(14, 165, 233, .18); }
.ut-gd-hl__icon {
    flex: 0 0 auto; width: 44px; height: 44px; border-radius: 12px;
    display: flex; align-items: center; justify-content: center; font-size: 24px;
}
.ut-gd-hl__card--quiz .ut-gd-hl__icon { background: rgba(139, 92, 246, .15); color: #7c3aed; }
.ut-gd-hl__card--yy .ut-gd-hl__icon { background: rgba(14, 165, 233, .15); color: #0284c7; }
.ut-gd-hl__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ut-gd-hl__title { font-size: 15.5px; font-weight: 800; color: var(--title-color, #16161a); }
.ut-gd-hl__desc { font-size: 13px; color: #4b5563; line-height: 1.45; }
.ut-gd-hl__cta { font-size: 12.5px; font-weight: 700; margin-top: 2px; }
.ut-gd-hl__card--quiz .ut-gd-hl__cta { color: #7c3aed; }
.ut-gd-hl__card--yy .ut-gd-hl__cta { color: #0284c7; }
html.is-dark .ut-gd-hl__card--theme { background: rgba(245, 158, 11, .12); border-color: rgba(245, 158, 11, .35); }
html.is-dark .ut-gd-hl__card--theme .ut-gd-hl__cta, html.is-dark .ut-gd-hl__card--theme .ut-gd-hl__icon { color: #fbbf24; }
html.is-dark .ut-gd-hl__card--quiz { background: rgba(139, 92, 246, .12); border-color: rgba(139, 92, 246, .35); }
html.is-dark .ut-gd-hl__card--yy { background: rgba(14, 165, 233, .12); border-color: rgba(14, 165, 233, .35); }
html.is-dark .ut-gd-hl__title { color: #fff; }
html.is-dark .ut-gd-hl__desc { color: rgba(255, 255, 255, .7); }
html.is-dark .ut-gd-hl__card--quiz .ut-gd-hl__cta, html.is-dark .ut-gd-hl__card--quiz .ut-gd-hl__icon { color: #c4b5fd; }
html.is-dark .ut-gd-hl__card--yy .ut-gd-hl__cta, html.is-dark .ut-gd-hl__card--yy .ut-gd-hl__icon { color: #7dd3fc; }
.ut-gd-lib__pills { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 18px 0 20px; }
.ut-gd-lib__pill {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 14px; border-radius: 999px; text-decoration: none;
    border: 1px solid #e6e9ef; background: #fff;
    font-size: 13px; font-weight: 600; color: #4b5563;
    transition: border-color .12s ease, background-color .12s ease, color .12s ease;
}
.ut-gd-lib__pill span { font-size: 11px; font-weight: 800; color: #9ca3af; }
.ut-gd-lib__pill:hover { border-color: rgba(245, 158, 11, .55); color: #b45309; }
.ut-gd-lib__pill.is-active { background: #f59e0b; border-color: #f59e0b; color: #fff; }
.ut-gd-lib__pill.is-active span { color: rgba(255, 255, 255, .85); }
.ut-gd-lib-card__type { font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: #b45309; margin-top: 2px; }
.ut-gd-pgn { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 26px; }
.ut-gd-pgn__btn {
    min-width: 36px; height: 36px; padding: 0 10px; border-radius: 9px;
    display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid #e6e9ef; background: #fff; text-decoration: none;
    font-size: 13.5px; font-weight: 700; color: #4b5563;
}
.ut-gd-pgn__btn:hover { border-color: rgba(245, 158, 11, .55); color: #b45309; }
.ut-gd-pgn__btn.is-active { background: #f59e0b; border-color: #f59e0b; color: #fff; }
.ut-gd-pgn__dots { align-self: center; color: #9ca3af; padding: 0 2px; }
html.is-dark .ut-gd-lib__pill, html.is-dark .ut-gd-pgn__btn {
    background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .12); color: rgba(255, 255, 255, .75);
}
html.is-dark .ut-gd-lib__pill.is-active, html.is-dark .ut-gd-pgn__btn.is-active {
    background: #f59e0b; border-color: #f59e0b; color: #fff;
}
html.is-dark .ut-gd-lib-card__type { color: #fbbf24; }
.ut-gd-toc { padding: 18px 20px; }
.ut-gd-toc__title { font-size: 15px; font-weight: 800; color: var(--title-color, #16161a); margin: 0 0 12px; }
.ut-gd-toc__title i { color: #d97706; margin-right: 5px; }
.ut-gd-toc__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.ut-gd-toc__item a {
    display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 8px;
    text-decoration: none; font-size: 13px; color: #4b5563; line-height: 1.3;
}
.ut-gd-toc__item a:hover { background: rgba(245, 158, 11, .08); color: #b45309; }
.ut-gd-toc__num {
    flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; font-size: 11px; font-weight: 800;
    display: flex; align-items: center; justify-content: center;
    background: #eef1f6; color: #6b7280;
}
.ut-gd-toc__item.is-done .ut-gd-toc__num { background: #16a34a; color: #fff; }
.ut-gd-toc__item.is-current a { background: rgba(245, 158, 11, .12); color: #92400e; font-weight: 700; }
.ut-gd-toc__item.is-current .ut-gd-toc__num { background: #f59e0b; color: #fff; }
html.is-dark .ut-gd-toc__title { color: #fff; }
html.is-dark .ut-gd-toc__item a { color: rgba(255, 255, 255, .72); }
html.is-dark .ut-gd-toc__item a:hover { background: rgba(245, 158, 11, .14); color: #fbbf24; }
html.is-dark .ut-gd-toc__num { background: rgba(255, 255, 255, .12); color: rgba(255, 255, 255, .7); }
html.is-dark .ut-gd-toc__item.is-current a { background: rgba(245, 158, 11, .18); color: #fbbf24; }
.ut-gd-finish { padding: 20px 28px; }
.ut-gd-finish__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.ut-gd-finish .ut-gd-cta { margin-top: 0; }
.ut-gd-finish .ut-gd-cta:disabled { opacity: .75; cursor: default; filter: none; }
.ut-gd-finish__msg { font-size: 13px; color: #15803d; font-weight: 600; margin: 0; flex-basis: 100%; }
.ut-gd-finish .ut-gd-loginhint { margin: 0; }
.ut-gd-navbtn--next { padding: 12px 18px; font-size: 14px; }
@media (max-width: 700px) {
    .ut-gd-chap { padding: 20px 16px; }
    .ut-gd-enrich, .ut-gd-finish { padding: 18px 16px; }
    .ut-gd-chap__title { font-size: 20px; }
    .ut-gd-items--main .ut-gd-item { flex-direction: column; }
    .ut-gd-items--main .ut-gd-item__thumb { width: 100%; aspect-ratio: 1200 / 630; }
    .ut-gd-path::before { left: 23px; }
    .ut-gd-step { gap: 12px; }
    .ut-gd-step__dot { width: 32px; height: 32px; font-size: 13px; }
    .ut-gd-chapnav__links { width: 100%; justify-content: space-between; }
}
html.is-dark .ut-gd-card,
html.is-dark .ut-gd-step__card,
html.is-dark .ut-gd-item,
html.is-dark .ut-gd-navbtn {
    background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .1); box-shadow: none;
}
html.is-dark .ut-gd-card__title, html.is-dark .ut-gd-step__title, html.is-dark .ut-gd-item__title,
html.is-dark .ut-gd-chap__title, html.is-dark .ut-gd-enrich__title,
html.is-dark .ut-gd-head__objectif, html.is-dark .ut-gd-navbtn,
html.is-dark .ut-gd-lesson h3,
html.is-dark .ut-gd-lesson b, html.is-dark .ut-gd-lesson strong { color: #fff; }
html.is-dark .ut-gd-card__desc, html.is-dark .ut-gd-card__meta, html.is-dark .ut-gd-step__meta,
html.is-dark .ut-gd-item__desc, html.is-dark .ut-gd-head__desc, html.is-dark .ut-gd-head__meta,
html.is-dark .ut-gd-chap__intro, html.is-dark .ut-gd-lesson, html.is-dark .ut-gd-enrich__sub,
html.is-dark .ut-gd-loginhint,
html.is-dark .ut-gd-chapnav__count, html.is-dark .ut-gd-progresswrap__label { color: rgba(255, 255, 255, .72); }
html.is-dark .ut-gd-card__visual { background: linear-gradient(135deg, rgba(245, 158, 11, .25), rgba(245, 158, 11, .1)); color: #fbbf24; }
html.is-dark .ut-gd-card__cta, html.is-dark .ut-gd-item__type, html.is-dark .ut-gd-enrich__title i,
html.is-dark .ut-gd-step__now { color: #fbbf24; }
html.is-dark .ut-gd-progress { background: rgba(255, 255, 255, .1); }
html.is-dark .ut-gd-path::before { background: rgba(255, 255, 255, .12); }
html.is-dark .ut-gd-step__dot { background: #1b1d24; border-color: rgba(255, 255, 255, .25); color: rgba(255, 255, 255, .7); }
html.is-dark .ut-gd-step.is-done .ut-gd-step__done { color: #4ade80; }
html.is-dark .ut-gd-finish__msg { color: #4ade80; }
html.is-dark .ut-alert--info    { background: rgba(37, 99, 235, .14);  border-color: rgba(37, 99, 235, .35);  color: #cfe0ff; }
html.is-dark .ut-alert--astuce  { background: rgba(22, 163, 74, .14);  border-color: rgba(22, 163, 74, .35);  color: #cdeed8; }
html.is-dark .ut-alert--warning { background: rgba(217, 119, 6, .14);  border-color: rgba(217, 119, 6, .35);  color: #fbe3bd; }
html.is-dark .ut-alert--danger  { background: rgba(220, 38, 38, .14);  border-color: rgba(220, 38, 38, .35);  color: #fbd2d2; }
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/PlayfairDisplay-Bold.ttf) format('truetype');
}
.ut-question-list { display: flex; flex-direction: column; gap: 16px; }
.ut-question-list__item {
    display: flex;
    gap: 15px;
    padding: 15px;
    border: 1px solid #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 5px #cccccc;
    background-color: #ffffff;
}
.ut-question-list__item.is-even {
    background-color: #eeeeee;
}
html.is-dark .ut-question-list__item {
    background-color: var(--widget-bg, #2a2c30);
    border-color: rgba(255,255,255,0.06);
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
html.is-dark .ut-question-list__item.is-even {
    background-color: rgba(255,255,255,0.04);
}
.ut-question-list__thumb {
    position: relative;
    flex-shrink: 0;
    width: 170px;
    aspect-ratio: 1200 / 630;
    display: block;
}
.ut-question-list__cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 9px;
    border: 1px solid #cccccc;
    box-shadow: 0 0 8px #bbbbbb;
    display: block;
    background-color: #f0f0f0;
}
html.is-dark .ut-question-list__cover {
    border-color: rgba(255,255,255,0.08);
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
}
@media (max-width: 600px) {
    .ut-question-list__thumb { width: 120px; }
}
.ut-question-list__body { flex: 1; min-width: 0; }
.ut-question-list__title {
    display: block;
    font-weight: 700;
    color: var(--title-color, #16161a);
    text-decoration: none;
    margin-bottom: 4px;
    font-size: 1.15em;
    line-height: 1.3;
}
.ut-question-list__title:hover { color: var(--main-color, #fd3a13); }
html.is-dark .ut-question-list__title { color: #ffffff; }
.ut-question-list__rav-name {
    font-size: 12pt;
    font-weight: 500;
    color: var(--meta-color, #555);
    margin-bottom: 4px;
}
.ut-question-list__excerpt {
    font-size: 12pt;
    text-align: justify;
    color: var(--text-color, #333);
    margin: 0;
    line-height: 1.4;
}
html.is-dark .ut-question-list__excerpt { color: rgba(255,255,255,0.7); }
.ut-question-card {
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
}
html.is-dark .ut-question-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
}
.ut-question-card--enonce .actu-container {
    font-weight: 600;
    font-size: 1.2em;
    line-height: 1.5;
    padding-top: 18px;
}
.ut-question__rav {
    float: left;
    width: 30%;
    max-width: 140px;
    margin-right: 21px;
    margin-bottom: 13px;
    text-align: center;
}
.ut-question__rav img {
    width: 100%;
    margin-bottom: 5px;
    border-radius: 10px;
}
.ut-question__rav-name {
    font-size: 11pt;
    color: var(--title-color, #132a44);
}
html.is-dark .ut-question__rav-name { color: rgba(255,255,255,0.85); }
.ut-question-card-header .entry-header { margin-bottom: 0 !important; }
.ut-question-card-header .entry-header .entry-meta { margin-bottom: 0 !important; }
.ut-question-card {
    position: relative;
    overflow: visible;
}
.ut-qr-badge {
    position: absolute;
    top: -14px;
    left: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    background: #3a4049; 
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
    z-index: 3;
    pointer-events: none;
}
html.is-dark .ut-qr-badge { background: #3a4049; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22); }
.ut-qr-badge--q { font-size: 32px; }
@media (max-width: 600px) {
    .ut-qr-badge {
        top: -12px;
        left: 12px;
        width: 34px;
        height: 34px;
        font-size: 14px;
    }
    .ut-qr-badge--q { font-size: 27px; }
}
.ut-question__section-title {
    font-weight: 700;
    font-size: 0.95em;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--main-color, #fd3a13);
    margin-bottom: 8px;
}
html.is-dark .ut-question__section-title { color: #ff7a4a; }
.ut-question__sikoum {
    background-color: #eeeeee;
    padding: 20px;
    margin: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}
html.is-dark .ut-question__sikoum { background-color: rgba(255,255,255,0.06); }
.ut-question__related {
    background-color: #fff8e1;
    padding: 20px;
    margin: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    border: 1px solid #ffe082;
}
html.is-dark .ut-question__related {
    background-color: rgba(255, 224, 130, 0.08);
    border-color: rgba(255, 224, 130, 0.25);
}
.ut-question__related a {
    color: #5d4037;
    text-decoration: none;
    transition: color 0.15s ease;
}
.ut-question__related a:hover { color: #f57c00; }
html.is-dark .ut-question__related a { color: rgba(255, 200, 130, 0.9); }
html.is-dark .ut-question__related a:hover { color: #ffb74d; }
.ut-question__sources {
    border-top: 1px solid #cccccc;
    padding-top: 10px;
    font-size: 0.9em;
}
html.is-dark .ut-question__sources { border-top-color: rgba(255,255,255,0.15); }
.ut-photo-gallery { display: flex; flex-direction: column; gap: 20px; margin: 16px 0; }
.ut-photo-item {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.ut-photo-item img {
    width: 100%;
    display: block;
    cursor: zoom-in;
    border-radius: 10px 10px 0 0;
    transition: opacity 0.15s ease;
}
.ut-photo-item img:hover { opacity: 0.92; }
.ut-photo-caption {
    background-color: #0b214b;
    color: #ffffff;
    padding: 8px 12px;
    font-size: 0.8em;
    text-align: justify;
    text-align-last: center;
    border-radius: 0 0 10px 10px;
    line-height: 1.4;
}
html.is-dark .ut-photo-caption { background-color: #1a3361; }
.ut-saveur-box {
    margin-top: 10px;
    padding: 15px;
    border-radius: 10px;
    background-color: #eeeeee;
    line-height: 1.5;
}
html.is-dark .ut-saveur-box {
    background-color: rgba(255, 255, 255, 0.06);
}
.ut-saveur-box--final {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
html.is-dark .ut-saveur-box--final {
    background-color: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.18);
}
.ut-saveur-box h2,
.ut-saveur-box h3 {
    color: var(--title-color, #16161a) !important;
}
html.is-dark .ut-saveur-box h2,
html.is-dark .ut-saveur-box h3 {
    color: #ffffff !important;
}
.ut-saveur-box i.fa-star {
    color: #f5a623;
}
.ut-commentaires__empty {
    font-size: 0.9em;
    text-align: center;
    padding: 20px 0;
    color: #000;
}
html.is-dark .ut-commentaires__empty { color: rgba(255,255,255,0.75); }
.ut-commentaires__count {
    font-size: 0.65em;
    background-color: #e85a14;
    color: #fff;
    padding: 2px 8px;
    border-radius: 12px;
    margin-left: 8px;
    vertical-align: middle;
}
.ut-commentaire {
    display: flex;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #f5f5f5;
}
html.is-dark .ut-commentaire { border-bottom-color: rgba(255,255,255,0.08); }
.ut-commentaire__avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #e8e8e8;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-weight: bold;
    color: #666;
    font-size: 1em;
}
html.is-dark .ut-commentaire__avatar {
    background-color: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.8);
}
.ut-commentaire__body { flex: 1; min-width: 0; }
.ut-commentaire__header {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 4px;
}
.ut-commentaire__header strong { font-size: 0.9em; color: #132a44; }
html.is-dark .ut-commentaire__header strong { color: #ffffff; }
.ut-commentaire__date { font-size: 0.8em; color: #6b7280; }
html.is-dark .ut-commentaire__date { color: rgba(255,255,255,0.5); }
.ut-commentaire__content {
    font-size: 14px;
    color: #000;
    line-height: 1.6;
}
html.is-dark .ut-commentaire__content { color: rgba(255,255,255,0.85); }
.ut-commentaire__reponse {
    margin-top: 10px;
    padding: 10px 14px;
    background-color: #f8f9fa;
    border-left: 3px solid var(--main-color, #fd3a13);
    border-radius: 0 8px 8px 0;
    font-size: 0.88em;
}
html.is-dark .ut-commentaire__reponse {
    background-color: rgba(255,255,255,0.04);
}
.ut-commentaire__reponse-title {
    color: var(--main-color, #fd3a13);
    font-size: 0.85em;
}
.ut-commentaire__reponse-date { color: #999; font-size: 0.8em; }
.ut-commentaires__form-wrap {
    border-top: 1px solid #f0f0f0;
    margin: 20px 0 0;
    padding-top: 20px;
}
html.is-dark .ut-commentaires__form-wrap { border-top-color: rgba(255,255,255,0.1); }
.ut-commentaires__form-wrap h4 { color: var(--title-color, #132a44) !important; }
html.is-dark .ut-commentaires__form-wrap h4 { color: #ffffff !important; }
.ut-commentaires__form-wrap label { color: var(--title-color, #132a44); }
html.is-dark .ut-commentaires__form-wrap label { color: rgba(255,255,255,0.85); }
.ut-commentaires__form-wrap input,
.ut-commentaires__form-wrap textarea {
    background: #fff;
    color: #16161a;
}
html.is-dark .ut-commentaires__form-wrap input,
html.is-dark .ut-commentaires__form-wrap textarea {
    background: rgba(255,255,255,0.06);
    color: #ffffff;
    border-color: rgba(255,255,255,0.15) !important;
}
.ut-commentaires__submit {
    background-color: var(--main-color, #fd3a13);
    color: #ffffff;
    border: none;
    padding: 10px 28px;
    border-radius: 8px;
    font-size: 0.95em;
    font-weight: 600;
    letter-spacing: 0.01em;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(253, 58, 19, 0.25);
    transition: background-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease, opacity 0.18s ease;
}
.ut-commentaires__submit:hover {
    background-color: #e0330f;
    box-shadow: 0 4px 12px rgba(253, 58, 19, 0.35);
    transform: translateY(-1px);
}
.ut-commentaires__submit:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(253, 58, 19, 0.25);
}
.ut-commentaires__submit:disabled,
.ut-commentaires__submit.is-loading {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
}
html.is-dark .ut-commentaires__submit { box-shadow: 0 2px 6px rgba(253, 58, 19, 0.45); }
.ut-commentaires__message.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}
.ut-commentaires__message.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}
.note-card {
    position: relative;
    width: 160px;
    height: 150px;
    border-radius: 12px;
    background: rgba(232, 90, 20, 0.05);
    border: 1.5px solid rgba(232, 90, 20, 0.25);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 10px;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.8s ease, border-color 0.8s ease;
    user-select: none;
    opacity: 0;
    animation: noteCardFadeIn 0.4s ease forwards;
}
.note-card:hover {
    transform: translateY(-4px) scale(1.03);
    box-shadow: 0 8px 20px rgba(0,0,0,0.10);
    border-color: rgba(232, 90, 20, 0.4);
}
.note-card:hover .note-icon {
    opacity: 0.7;
    transform: scale(1.12);
}
.note-icon {
    font-size: 36px;
    color: #e85a14;
    opacity: 0.35;
    margin-bottom: 6px;
    transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}
.note-card:active { transform: scale(0.95); }
.note-card.voted {
    background: rgba(232, 90, 20, 0.08);
    border-color: #e85a14;
}
.note-card.voted .note-icon { color: #e85a14; opacity: 0.8; }
.note-card.voted .note-titre { color: #e85a14; }
.note-card.disabled { pointer-events: none; opacity: 0.7; }
.note-titre {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #132a44;
    text-align: center;
    line-height: 1.25;
    max-height: 2.5em;
    overflow: hidden;
    transition: color 0.8s ease;
}
html.is-dark .note-titre { color: rgba(255, 255, 255, 0.85); }
.note-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    background: transparent;
    color: rgba(232, 90, 20, 0.45);
    border: 2px solid rgba(232, 90, 20, 0.35);
    font-size: 1.05em;
    font-weight: 700;
    min-width: 28px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    border-radius: 14px;
    padding: 0 7px;
    transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
}
.note-card.voted .note-badge {
    background: #e85a14;
    color: #fff;
    border-color: #e85a14;
}
.note-badge.zero { display: none; }
.note-badge.popping { animation: noteBadgePop 0.3s ease; }
html.is-dark .note-card {
    background: rgba(232, 90, 20, 0.10);  
    border-color: rgba(232, 90, 20, 0.45);
}
html.is-dark .note-card:hover {
    background: rgba(232, 90, 20, 0.16);
    border-color: rgba(232, 90, 20, 0.65);
}
html.is-dark .note-card.voted {
    background: rgba(232, 90, 20, 0.18);
    border-color: #f17b3a;
}
html.is-dark .note-card.voted .note-icon,
html.is-dark .note-card.voted .note-titre {
    color: #ffaa70 !important;
}
html.is-dark .note-icon {
    color: #ffaa70;
    opacity: 0.6;
}
html.is-dark .note-badge {
    color: rgba(255, 170, 112, 0.85);
    border-color: rgba(255, 170, 112, 0.6);
}
html.is-dark .note-card.voted .note-badge {
    background: #e85a14;
    color: #ffffff;
    border-color: #e85a14;
}
@keyframes noteCardFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes noteBadgePop {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.3); }
    100% { transform: scale(1); }
}
@media (max-width: 600px) {
    #notes-cards { flex-direction: column; align-items: center; }
    .note-card {
        width: 100%;
        height: auto;
        flex-direction: row;
        padding: 14px 16px;
        gap: 12px;
        justify-content: flex-start;
    }
    .note-badge { position: static; flex-shrink: 0; order: 3; margin-left: auto; }
    .note-icon { font-size: 28px; margin-bottom: 0; flex-shrink: 0; order: 1; }
    .note-titre { order: 2; text-align: left; max-height: none; }
}
.playertts {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    margin: 10px 0;
}
.playertts * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.playertts-audio-player {
    display: flex;
    flex-direction: column;
    padding: 12px 16px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
html.is-dark .playertts-audio-player {
    background-color: var(--widget-bg, #2a2c30);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: none;
}
.playertts-player-top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}
.playertts-play-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #06658d;
    background: #0d4e69;
    background: linear-gradient(180deg, rgba(13, 78, 105, 1) 0%, rgba(87, 177, 199, 1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}
.playertts-play-button:hover {
    background: linear-gradient(180deg, rgb(10, 117, 161) 0%, rgb(96, 223, 255) 100%);
}
.playertts-play-button svg {
    width: 16px;
    height: 16px;
    fill: #ffffff;
}
.playertts-audio-info {
    flex: 1;
}
.playertts-audio-title {
    font-size: 14px;
    color: #000000;
    margin-bottom: 2px;
    font-weight: bold;
}
html.is-dark .playertts-audio-title { color: #ffffff !important; }
.playertts-audio-powered {
    font-size: 11px;
    color: #666666;
}
html.is-dark .playertts-audio-powered { color: rgba(255, 255, 255, 0.55) !important; }
.playertts-audio-powered span { font-weight: 600; }
.playertts-time-display {
    font-size: 12px;
    color: #666666;
    font-variant-numeric: tabular-nums;
}
html.is-dark .playertts-time-display { color: rgba(255, 255, 255, 0.6) !important; }
.playertts-progress-bar-container {
    width: 100%;
    height: 4px;
    background: #e0e0e0;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
}
html.is-dark .playertts-progress-bar-container {
    background: rgba(255, 255, 255, 0.12);
}
.playertts-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, rgba(13, 78, 105, 1) 0%, rgba(87, 177, 199, 1) 100%);
    border-radius: 2px;
    width: 0%;
    transition: width 0.1s linear;
}
.playertts audio { display: none; }
.actu-container h2,
.post-body h2,
.entry-content h2,
.ut-gd-lesson h2 {
    color: #003366 !important;     
}
html.is-dark .actu-container h2,
html.is-dark .post-body h2,
html.is-dark .entry-content h2,
html.is-dark .ut-gd-lesson h2 {
    color: #9cc5f5 !important;     
}
.actu-container blockquote,
.post-body blockquote,
.entry-content blockquote {
    border-left: 4px solid #C7AFA9 !important;     
    border-radius: 8px !important;
    background-color: #f6f6f7 !important;          
}
html.is-dark .actu-container blockquote,
html.is-dark .post-body blockquote,
html.is-dark .entry-content blockquote {
    border-left-color: #D6BFB9 !important;         
    background-color: #2d2f34 !important;          
}
.ut-share {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px;
    background-color: var(--widget-bg, #ffffff);
}
.ut-share__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    padding: 0;
    cursor: pointer;
    background: transparent;
    color: var(--theme-text, #1f2937);
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
    transition: opacity 0.15s ease;
}
.ut-share__btn:hover { opacity: 0.7; }
.ut-share__toast {
    position: absolute;
    right: 14px;
    top: 100%;
    margin-top: 6px;
    padding: 6px 12px;
    background-color: rgba(0, 0, 0, 0.85);
    color: #ffffff;
    font-size: 13px;
    border-radius: 6px;
    z-index: 50;
    pointer-events: none;
}
.ut-rubrique-card {
    color: #ffffff;
}
.ut-rubrique-card .ut-rubrique-h1,
.ut-rubrique-card .ut-rubrique-meta {
    color: #ffffff;
}
.ut-rubrique-card .ut-rubrique-icon {
    color: #ffffff;
}
.ut-block.ut-rubrique-card {
    --ut-rubrique-card-end: #374151;     
    --ut-rubrique-card-alpha: 0.4;       
    background-color: var(--ut-rubrique-card-end);
}
.ut-block.ut-rubrique-card--indigo,  html.is-dark .ut-block.ut-rubrique-card--indigo  { background: linear-gradient(to right, rgba(49, 46, 129,  var(--ut-rubrique-card-alpha)), transparent), var(--ut-rubrique-card-end); }
.ut-block.ut-rubrique-card--sky,     html.is-dark .ut-block.ut-rubrique-card--sky     { background: linear-gradient(to right, rgba(12, 74, 110,  var(--ut-rubrique-card-alpha)), transparent), var(--ut-rubrique-card-end); }
.ut-block.ut-rubrique-card--purple,  html.is-dark .ut-block.ut-rubrique-card--purple  { background: linear-gradient(to right, rgba(88, 28, 135,  var(--ut-rubrique-card-alpha)), transparent), var(--ut-rubrique-card-end); }
.ut-block.ut-rubrique-card--amber,   html.is-dark .ut-block.ut-rubrique-card--amber   { background: linear-gradient(to right, rgba(120, 53, 15,  var(--ut-rubrique-card-alpha)), transparent), var(--ut-rubrique-card-end); }
.ut-block.ut-rubrique-card--emerald, html.is-dark .ut-block.ut-rubrique-card--emerald { background: linear-gradient(to right, rgba(6, 78, 59,    var(--ut-rubrique-card-alpha)), transparent), var(--ut-rubrique-card-end); }
.ut-block.ut-rubrique-card--rose,    html.is-dark .ut-block.ut-rubrique-card--rose    { background: linear-gradient(to right, rgba(136, 19, 55,  var(--ut-rubrique-card-alpha)), transparent), var(--ut-rubrique-card-end); }
.ut-block.ut-rubrique-card--teal,    html.is-dark .ut-block.ut-rubrique-card--teal    { background: linear-gradient(to right, rgba(19, 78, 74,   var(--ut-rubrique-card-alpha)), transparent), var(--ut-rubrique-card-end); }
.ut-block.ut-rubrique-card--orange,  html.is-dark .ut-block.ut-rubrique-card--orange  { background: linear-gradient(to right, rgba(124, 45, 18,  var(--ut-rubrique-card-alpha)), transparent), var(--ut-rubrique-card-end); }
.ut-block.ut-rubrique-card--lime,    html.is-dark .ut-block.ut-rubrique-card--lime    { background: linear-gradient(to right, rgba(54, 83, 20,   var(--ut-rubrique-card-alpha)), transparent), var(--ut-rubrique-card-end); }
.ut-block.ut-rubrique-card--cyan,    html.is-dark .ut-block.ut-rubrique-card--cyan    { background: linear-gradient(to right, rgba(22, 78, 99,   var(--ut-rubrique-card-alpha)), transparent), var(--ut-rubrique-card-end); }
.ut-rubrique-h1__col { display: flex; flex-direction: column; }
.ut-rubrique-h1__title { font-size: 28px; line-height: 1.2; }
.ut-rubrique-hub {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 1px;
    line-height: 1.2;
}
.ut-rubrique-h1 {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 32px;
    font-weight: 700;
    color: var(--theme-text);
    margin: 0 0 10px;
    line-height: 1.2;
}
.ut-rubrique-icon {
    font-size: 36px;
    color: var(--color-accent-500, #fd3a13);
    flex-shrink: 0;
}
.ut-rubrique-meta {
    font-size: 15px;
    color: var(--theme-text);
    opacity: 0.75;
    line-height: 1.55;
    margin: 0 0 16px;
    max-width: 820px;
}
.ut-grid1-excerpt {
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--theme-text);
    opacity: 0.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ut-rubrique-card .ut-rubrique-breadcrumb {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.75);
    margin: 16px -20px -20px;             
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0 0 var(--ut-radius-lg, 12px) var(--ut-radius-lg, 12px);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .ut-rubrique-card .ut-rubrique-breadcrumb { border-radius: 0; }
}
.ut-rubrique-card .ut-rubrique-breadcrumb a {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
}
.ut-rubrique-card .ut-rubrique-breadcrumb a:hover {
    color: #ffffff;
    text-decoration: underline;
}
.ut-rubrique-card .ut-rubrique-breadcrumb [aria-current="page"] {
    color: #ffffff;
    font-weight: 600;
    opacity: 1;
}
.ut-rubrique-breadcrumb a {
    color: inherit;
    text-decoration: none;
}
.ut-rubrique-breadcrumb a:hover { text-decoration: underline; }
.ut-rubrique-breadcrumb [aria-current="page"] {
    color: var(--color-marine-800, #163860);
    font-weight: 600;
    opacity: 1;
}
.ut-rubrique-card--has-image {
    position: relative;
    overflow: hidden;
    min-height: 220px;   
    display: flex;
    flex-direction: column;
}
.ut-rubrique-card--has-image .ut-rubrique-breadcrumb {
    margin-top: auto;
}
.ut-rubrique-card--has-image .ut-rubrique-h1,
.ut-rubrique-card--has-image .ut-rubrique-meta {
    max-width: 50%;
}
.ut-rubrique-card--has-image > :not(.ut-rubrique-card__image) {
    position: relative;
    z-index: 2;
}
.ut-rubrique-card__image {
    position: absolute;
    inset: 0 0 0 auto;
    width: 48%;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}
.ut-rubrique-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 62%);
            mask-image: linear-gradient(to right, transparent, #000 62%);
}
@media only screen and (max-width: 680px) {
    .ut-rubrique-card--has-image {
        overflow: visible;
        min-height: 0;
        display: block;
    }
    .ut-rubrique-card--has-image .ut-rubrique-h1,
    .ut-rubrique-card--has-image .ut-rubrique-meta {
        max-width: none;
    }
    .ut-rubrique-card__image {
        display: none;
    }
}
.ut-rubrique-pagination {
    margin: 30px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    font-size: 14px;
}
.ut-rubrique-pagination a {
    color: var(--color-marine-800, #163860);
    font-weight: 600;
    text-decoration: none;
    padding: 8px 16px;
    border: 1px solid var(--border-color, #ddd);
    border-radius: 6px;
    transition: background-color 0.15s ease;
}
.ut-rubrique-pagination a:hover {
    background-color: var(--color-marine-800, #163860);
    color: #ffffff;
}
.ut-rubrique-pagination span {
    color: var(--theme-text);
    opacity: 0.7;
}
.home-grid {
    gap: var(--ut-content-gap, 25px);
    clear: both;  
}
.content-section {
    clear: both;
}
@media (max-width: 980px) {
    .home-grid {
        flex-direction: column !important;
    }
    .home-grid #main-wrapper,
    .home-grid #sidebar-wrapper {
        width: 100% !important;
    }
}
@media (max-width: 880px) {
    #sidebar-wrapper { margin: 0 !important; }
}
.dark .entry-image-wrap {
    background-color: transparent !important;
}
html.is-dark {
    --title-hover-color: #ff7a4a;
}
.entry-image-wrap {
    border-radius: 6px;
}
@media (max-width: 680px) {
    .grid2-items > .grid2-item:last-child:nth-child(odd) { display: none; }
}
.ut-block {
    background-color: #ffffff;
    border-radius: var(--ut-radius, 12px);
    box-shadow: var(--ut-shadow-card);
    padding: 20px;
    clear: both;  
}
.dark .ut-block {
    background-color: #2a2c30;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.ut-block--flat {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}
.dark .ut-block--flat {
    background-color: transparent;
}
.ut-block .widget.HTML {
    box-shadow: none !important;
    border-bottom: 0 !important;
}
.sidebar .ut-block {
    margin-bottom: 0;
}
.sidebar > .widget { border-radius: var(--ut-radius, 12px); }
.ut-short {
}
.ut-short__iframe {
    display: block;
    width: 100%;
    height: 569px;
    border: 0;
    border-radius: 11px;
    box-shadow: var(--ut-shadow-card);
}
.ut-short__cta {
    display: none;  
    appearance: none;
    text-align: center;
    padding: 14px 20px;
    border-radius: var(--ut-radius, 14px);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.2px;
    color: #ffffff;
    text-decoration: none;
    background: linear-gradient(135deg, #7c3aed 0%, #ec4899 55%, #f59e0b 100%);
    box-shadow: 0 10px 26px rgba(124, 58, 237, 0.35), 0 6px 14px rgba(236, 72, 153, 0.25);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
}
.ut-short__cta:hover {
    transform: translateY(-1px) scale(1.01);
    filter: saturate(1.05);
    box-shadow: 0 14px 34px rgba(124, 58, 237, 0.38), 0 10px 20px rgba(236, 72, 153, 0.28);
}
.ut-short__cta:active {
    transform: translateY(0) scale(0.98);
}
.ut-short__cta-spark {
    margin-right: 6px;
}
@media (max-width: 980px) {
    .ut-short__iframe { display: none; }
    .ut-short__cta    { display: block; }
}
.ut-pub-sidebar {
    border-radius: var(--ut-radius, 12px);
    overflow: hidden;
}
.ut-pub-sidebar a {
    display: block;
    line-height: 0;
}
.ut-pub-sidebar img {
    display: block;
    width: 100%;
    height: auto;
}
.ut-pub-top {
    background-color: #dddddd;
    border-radius: var(--ut-radius, 12px);
    overflow: hidden;
}
.type-feat1,
.type-feat1 .widget,
.type-feat1 .widget-content,
.type-feat1 .featured-items,
.type-feat1 .featured-item,
.type-feat1 .featured-item .entry-inner,
.type-feat1 .featured-item .entry-image-wrap,
.type-feat1 .featured-item .entry-image {
    border-radius: 0 !important;
}
.dark .ut-pub-top {
    background-color: #2a2c30;
}
.ut-pub-top a {
    display: block;
    line-height: 0;  
}
.ut-pub-top img {
    display: block;
    width: 100%;
    height: auto;
}
.ut-card {
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.ut-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.04);
}
.dark .ut-card {
    background-color: #2a2c30;
}
.ut-card__link {
    display: block;
    color: inherit;
    text-decoration: none;
}
.ut-card__media {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
.ut-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.ut-card:hover .ut-card__media img {
    transform: scale(1.04);
}
.ut-card__duration {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-color: rgba(0, 0, 0, 0.75);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
}
.ut-card__body {
    padding: 16px;
}
.ut-card__category {
    display: inline-block;
    background-color: var(--color-accent-500);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 3px 8px;
    border-radius: 3px;
    margin-bottom: 10px;
}
.ut-card__title {
    margin: 0 0 8px 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--theme-text);
    line-height: 1.35;
}
.ut-card__excerpt {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: var(--theme-text);
    opacity: 0.75;
    line-height: 1.5;
}
.ut-card__date {
    display: block;
    font-size: 12px;
    color: var(--theme-text);
    opacity: 0.55;
}
.ut-cookies-banner {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 560px;
    width: calc(100% - 40px);
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    padding: 20px 24px;
    z-index: 9999;
    font-family: Roboto, Arial, sans-serif;
}
.dark .ut-cookies-banner {
    background-color: #1a1c20;
    color: #e9e9e5;
}
.ut-cookies-title {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 700;
    color: #16161a;
}
.dark .ut-cookies-title {
    color: #e9e9e5;
}
.ut-cookies-desc {
    margin: 0 0 16px 0;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 1.5;
}
.dark .ut-cookies-desc {
    color: #b8b8b8;
}
.ut-cookies-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.ut-cookies-btn {
    padding: 10px 20px;
    border: 0;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
.ut-cookies-btn--refuse {
    background-color: #f3f4f6;
    color: #16161a;
}
.dark .ut-cookies-btn--refuse {
    background-color: #2a2c30;
    color: #e9e9e5;
}
.ut-cookies-btn--accept {
    background-color: #cc2e0d; 
    color: #ffffff;
}
[x-cloak] { display: none !important; }
.ut-whatsapp-floating {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: block;
    width: 60px;
    z-index: 100000000;
}
.ut-whatsapp-img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 10px #009900;
}
.ut-tag-resume {
    background: #fff;
    border-radius: var(--ut-radius, 12px);
    padding: 24px 28px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    color: #1f2937;
    font-size: 15px;
    line-height: 1.6;
}
.ut-tag-resume h2 {
    font-size: 22px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 16px 0;
    padding-bottom: 12px;
    border-bottom: 2px solid #f3f4f6;
}
.ut-tag-resume__h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 16px 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #f3f4f6;
}
.ut-tag-resume__h2 i {
    color: var(--main-color, #fd3a13);
    font-size: 22px;
}
html.is-dark .ut-tag-resume__h2 { color: #f9fafb; border-bottom-color: rgba(255,255,255,0.08); }
.ut-tag-resume h3 {
    font-size: 17px;
    font-weight: 600;
    color: #374151;
    margin: 0 0 8px 0;
}
.ut-tag-resume h3 + p + h3,
.ut-tag-resume h3 ~ h3 { margin-top: 20px; }
.ut-tag-resume p {
    margin: 0 0 12px 0;
}
.ut-tag-resume strong {
    color: #111827;
    font-weight: 600;
}
.ut-tag-resume em {
    font-style: italic;
    color: #4b5563;
}
html.is-dark .ut-tag-resume {
    background: rgba(255, 255, 255, 0.04);
    color: #e5e7eb;
}
html.is-dark .ut-tag-resume h2 {
    color: #f9fafb;
    border-bottom-color: rgba(255, 255, 255, 0.08);
}
html.is-dark .ut-tag-resume h3 {
    color: #d1d5db;
}
html.is-dark .ut-tag-resume strong {
    color: #f9fafb;
}
.ut-tag-resume .ut-tag-link,
.post-body .ut-tag-link,
.entry-content .ut-tag-link {
    color: var(--main-color, #fd3a13);
    text-decoration: none;
    border-bottom: 1px dotted var(--main-color, #fd3a13);
    transition: color 0.15s, border-color 0.15s;
}
.ut-tag-resume .ut-tag-link:hover,
.post-body .ut-tag-link:hover,
.entry-content .ut-tag-link:hover {
    color: var(--main-color, #fd3a13);
    border-bottom: 1px solid var(--main-color, #fd3a13);
}
html.is-dark .ut-tag-resume .ut-tag-link,
html.is-dark .post-body .ut-tag-link,
html.is-dark .entry-content .ut-tag-link {
    color: #fb923c !important;
    border-bottom-color: #fb923c;
}
html.is-dark .ut-tag-resume .ut-tag-link:hover,
html.is-dark .post-body .ut-tag-link:hover,
html.is-dark .entry-content .ut-tag-link:hover {
    color: #fb923c !important;
    border-bottom-color: #fb923c;
}
.ut-tag-hovercard {
    position: absolute;
    z-index: 9999;
    max-width: 360px;
    min-width: 260px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.08);
    padding: 0;
    font-size: 14px;
    line-height: 1.45;
    color: #1f2937;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity 0.15s, transform 0.15s;
}
.ut-tag-hovercard.is-open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.ut-tag-hovercard__img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1200 / 630;
    object-fit: cover;
}
.ut-tag-hovercard__body {
    padding: 16px 18px;
}
.ut-tag-hovercard__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}
.ut-tag-hovercard__names { flex: 1; min-width: 0; }
.ut-tag-hovercard__name {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--main-color, #fd3a13);
    text-decoration: none;
    line-height: 1.2;
}
.ut-tag-hovercard__name:hover {
    text-decoration: underline;
}
.ut-tag-hovercard__family {
    font-size: 11.5px;
    font-style: italic;
    color: #9ca3af;
    opacity: 0.8;
    margin-top: 2px;
}
.ut-tag-hovercard__family:empty { display: none; }
html.is-dark .ut-tag-hovercard__family { color: #94a3b8; }
.ut-tag-hovercard__count {
    background: #f1f5f9;
    color: #475569;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 999px;
    white-space: nowrap;
}
.ut-tag-hovercard__desc {
    font-size: 13px;
    color: #4b5563;
    line-height: 1.4;
}
.ut-tag-hovercard__desc:empty { display: none; }
.ut-tag-hovercard__titre {
    font-size: 12.5px;
    color: #6b7280;
    opacity: 0.7;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(0,0,0,0.06);
}
.ut-tag-hovercard__titre:empty { display: none; }
.ut-tag-hovercard__titre-source {
    font-weight: 700;
    font-style: italic;
    color: var(--main-color, #fd3a13);
}
html.is-dark .ut-tag-hovercard__titre-source { color: #fb923c; }
html.is-dark .ut-tag-hovercard {
    background: #1a2335;
    color: #e6edf5;
    box-shadow: 0 8px 28px rgba(0,0,0,0.4);
}
html.is-dark .ut-tag-hovercard__name { color: #fb923c; }
html.is-dark .ut-tag-hovercard__count { background: #2a3548; color: #cbd5e1; }
html.is-dark .ut-tag-hovercard__titre { color: #cbd5e1; border-top-color: rgba(255,255,255,0.08); }
html.is-dark .ut-tag-hovercard__desc { color: #94a3b8; }
.ut-related-themes {
    background: #fff;
    border-radius: var(--ut-radius, 10px);
    padding: 14px 14px 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.ut-related-themes__title {
    display: flex; align-items: center; gap: 6px;
    font-size: 13px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.5px; color: #374151;
    padding-bottom: 8px; margin-bottom: 10px;
    border-bottom: 1px solid #f3f4f6;
}
.ut-related-themes__title i { color: var(--main-color, #fd3a13); font-size: 15px; }
.ut-fam-nav {
    background: #fff;
    border-radius: var(--ut-radius, 10px);
    padding: 14px 14px 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
html.is-dark .ut-fam-nav { background: rgba(255,255,255,0.04); }
.ut-fam-nav__title {
    display: flex; align-items: center; gap: 6px;
    font-size: 13px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.5px; color: #374151;
    padding-bottom: 8px; margin-bottom: 10px;
    border-bottom: 1px solid #f3f4f6;
}
.ut-fam-nav__title i { color: var(--main-color, #fd3a13); font-size: 15px; }
html.is-dark .ut-fam-nav__title { color: rgba(255,255,255,0.85); border-bottom-color: rgba(255,255,255,0.08); }
.ut-fam-nav__list { display: flex; flex-direction: column; gap: 6px; }
.ut-fam-card {
    display: flex; align-items: center; gap: 9px;
    padding: 8px 10px;
    border-radius: 8px;
    border-left: 3px solid var(--rt-color, #6366f1);
    background: #f9fafb;
    text-decoration: none; color: #1f2937;
    transition: background .15s, transform .15s;
}
html.is-dark .ut-fam-card { background: rgba(255,255,255,0.03); color: #e5e7eb; }
.ut-fam-card:hover { background: #eef2f7; transform: translateX(2px); }
.ut-fam-card.is-active {
    background: color-mix(in srgb, var(--rt-color, #6366f1) 13%, #fff);
    font-weight: 700;
}
html.is-dark .ut-fam-card.is-active { background: color-mix(in srgb, var(--rt-color, #6366f1) 28%, #1f2127); }
.ut-fam-card__icon { color: var(--rt-color, #6366f1); font-size: 16px; flex-shrink: 0; }
.ut-fam-card__name { font-size: 13px; line-height: 1.2; }
.ut-themes-fam { margin-bottom: 22px; }
.ut-themes-sep {
    display: flex; align-items: center; gap: 11px;
    margin: 6px 0 14px;
    padding: 11px 16px;
    border-radius: 10px;
    border-left: 4px solid var(--rt-color, #6366f1);
    background: color-mix(in srgb, var(--rt-color, #6366f1) 7%, #fff);
    text-decoration: none; color: #1f2937;
    transition: background .15s;
}
.ut-themes-sep:hover { background: color-mix(in srgb, var(--rt-color, #6366f1) 14%, #fff); }
html.is-dark .ut-themes-sep { background: color-mix(in srgb, var(--rt-color, #6366f1) 22%, #1a1c22); color: #f1f5f9; }
.ut-themes-sep__icon { color: var(--rt-color, #6366f1); font-size: 21px; flex-shrink: 0; }
.ut-themes-sep__name { font-size: 17px; font-weight: 700; flex: 1; min-width: 0; color: var(--rt-color, #6366f1); }
html.is-dark .ut-themes-sep__name { color: #fff; }
.ut-themes-sep__arrow { color: var(--rt-color, #6366f1); font-size: 17px; opacity: 0; transform: translateX(-4px); transition: opacity .15s, transform .15s; }
.ut-themes-sep:hover .ut-themes-sep__arrow { opacity: 1; transform: translateX(0); }
.ut-related-themes--grid {
    background: none;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
}
html.is-dark .ut-related-themes--grid { background: none; }
.ut-related-themes--grid .ut-related-themes__cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
    align-items: stretch;
}
.ut-related-themes--grid .ut-rt-card {
    margin-bottom: 0;          
    height: 100%;
    display: flex;
    flex-direction: column;
}
.ut-related-themes--grid .ut-rt-card__more {
    margin-top: auto;          
}
.ut-rt-card {
    background: #f9fafb;
    border-radius: 8px;
    overflow: hidden;
    padding: 10px 12px;
    margin-bottom: 10px;
    border-left: 3px solid var(--rt-color, #6366f1);
}
.ut-rt-card__img-link { display: block; }
.ut-rt-card__img-link:hover .ut-rt-card__img { opacity: 0.92; }
.ut-rt-card__img {
    display: block;
    width: calc(100% + 24px);
    max-width: none;
    margin: -10px -12px 8px -12px;
    aspect-ratio: 1200 / 630;
    object-fit: cover;
}
.ut-rt-card__img--inset {
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px 0;
    border-radius: 8px;
}
.ut-rt-card:last-child { margin-bottom: 0; }
.ut-rt-card__head {
    display: flex; align-items: center; gap: 8px;
    text-decoration: none; color: inherit;
    margin-bottom: 6px;
}
.ut-rt-card__icon {
    color: var(--rt-color, #6366f1);
    font-size: 16px; flex-shrink: 0;
}
.ut-rt-card__names { flex: 1; min-width: 0; }
.ut-rt-card__name {
    display: block;
    font-size: 17px; font-weight: 700;
    color: #1f2937; line-height: 1.3;
    text-decoration: none;
}
.ut-rt-card__name:hover { color: var(--rt-color, #6366f1); }
.ut-rt-card__family {
    display: inline-block;
    font-size: 13px; font-style: italic; color: #6b7280;
    opacity: 1; line-height: 1.3; margin-top: 2px;
    text-decoration: none;
}
.ut-rt-card__family:hover { color: var(--rt-color, #6366f1); opacity: 1; text-decoration: underline; }
html.is-dark .ut-rt-card__family { color: #94a3b8; }
.ut-rt-card__chevron-link { display: flex; align-items: center; flex-shrink: 0; color: inherit; text-decoration: none; }
.ut-rt-card__desc {
    font-size: 12px; color: #6b7280; line-height: 1.4;
    margin-bottom: 8px;
}
.ut-rt-card__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    border-top: 1px solid #e5e7eb;
    padding-top: 8px;
}
.ut-rt-card__thumb {
    display: flex; flex-direction: column; gap: 4px;
    text-decoration: none; color: inherit;
    border-radius: 6px;
    padding: 3px;
    transition: background 0.15s;
}
.ut-rt-card__thumb:hover { background: rgba(0,0,0,0.04); }
.ut-rt-card__thumb-img {
    position: relative; display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 4px;
    background: #f1f5f9;
}
.ut-rt-card__thumb-img img {
    width: 100%; height: 100%; object-fit: cover;
}
.ut-rt-card__thumb-title {
    font-size: 11px; line-height: 1.3; color: #4b5563;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
}
.ut-rt-card__thumb:hover .ut-rt-card__thumb-title {
    color: var(--rt-color, #6366f1);
}
.ut-rt-card--indigo { --rt-color: #6366f1; }
.ut-rt-card--red    { --rt-color: #dc2626; }
.ut-rt-card--orange { --rt-color: #ea580c; }
.ut-rt-card--amber  { --rt-color: #d97706; }
.ut-rt-card--yellow { --rt-color: #ca8a04; }
.ut-rt-card--green  { --rt-color: #16a34a; }
.ut-rt-card--teal   { --rt-color: #0d9488; }
.ut-rt-card--blue   { --rt-color: #2563eb; }
.ut-rt-card--purple { --rt-color: #9333ea; }
.ut-rt-card--pink   { --rt-color: #db2777; }
.ut-rt-card--gray   { --rt-color: #4b5563; }
.ut-rt-card--cyan    { --rt-color: #0891b2; }
.ut-rt-card--emerald { --rt-color: #059669; }
.ut-rt-card--fuchsia { --rt-color: #c026d3; }
.ut-rt-card--gold    { --rt-color: #b8860b; }
.ut-rt-card--lime    { --rt-color: #65a30d; }
.ut-rt-card--rose    { --rt-color: #e11d48; }
.ut-rt-card--sky     { --rt-color: #0284c7; }
.ut-rt-card--stone   { --rt-color: #57534e; }
.ut-rt-card--violet  { --rt-color: #7c3aed; }
html.is-dark .ut-related-themes { background: rgba(255,255,255,0.04); }
html.is-dark .ut-related-themes__title { color: #e5e7eb; border-bottom-color: rgba(255,255,255,0.08); }
html.is-dark .ut-rt-card { background: rgba(255,255,255,0.03); }
html.is-dark .ut-rt-card__name { color: #f9fafb; }
html.is-dark .ut-rt-card__desc { color: #94a3b8; }
html.is-dark .ut-rt-card__grid { border-top-color: rgba(255,255,255,0.08); }
html.is-dark .ut-rt-card__thumb:hover { background: rgba(255,255,255,0.05); }
html.is-dark .ut-rt-card__thumb-title { color: #cbd5e1; }
html.is-dark .ut-rt-card__thumb-img { background: rgba(255,255,255,0.04); }
.ut-related-pills {
    background: #fff;
    border-radius: var(--ut-radius, 10px);
    padding: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.ut-related-pills__title {
    display: flex; align-items: center; gap: 6px;
    font-size: 13px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.5px; color: #374151;
    padding-bottom: 8px; margin-bottom: 10px;
    border-bottom: 1px solid #f3f4f6;
}
.ut-related-pills__title i { color: var(--main-color, #fd3a13); font-size: 15px; }
.ut-related-pills__list {
    display: flex; flex-wrap: wrap; gap: 5px;
    justify-content: center;
}
.ut-related-pill {
    display: inline-flex; align-items: center;
    font-size: 12px; line-height: 1.2;
    padding: 4px 9px; border-radius: 999px;
    background: rgba(99,102,241,0.1);
    color: var(--rp-color, #6366f1);
    text-decoration: none;
    transition: background 0.15s;
    border: 1px solid rgba(99,102,241,0.15);
}
.ut-related-pill:hover {
    background: var(--rp-color, #6366f1);
    color: #fff;
}
.ut-related-pill--indigo { --rp-color: #6366f1; }
.ut-related-pill--red    { --rp-color: #dc2626; }
.ut-related-pill--orange { --rp-color: #ea580c; }
.ut-related-pill--amber  { --rp-color: #d97706; }
.ut-related-pill--yellow { --rp-color: #ca8a04; }
.ut-related-pill--green  { --rp-color: #16a34a; }
.ut-related-pill--teal   { --rp-color: #0d9488; }
.ut-related-pill--blue   { --rp-color: #2563eb; }
.ut-related-pill--purple { --rp-color: #9333ea; }
.ut-related-pill--pink   { --rp-color: #db2777; }
.ut-related-pill--gray   { --rp-color: #4b5563; }
html.is-dark .ut-related-pills { background: rgba(255,255,255,0.04); }
html.is-dark .ut-related-pills__title { color: #e5e7eb; border-bottom-color: rgba(255,255,255,0.08); }
html.is-dark .ut-related-pill { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.05); }
.ut-themesv2-hero {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #db2777 100%);
    padding: 50px 20px 40px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
}
.ut-themesv2-hero::before {
    content: ''; position: absolute; inset: 0;
    background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.08) 0%, transparent 40%),
                      radial-gradient(circle at 80% 70%, rgba(255,255,255,0.08) 0%, transparent 40%);
    pointer-events: none;
}
.ut-themesv2-hero__inner {
    position: relative; z-index: 1;
    max-width: 900px; margin: 0 auto;
}
.ut-themesv2-hero__title {
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 800; margin: 0 0 8px;
    display: inline-flex; align-items: center; gap: 14px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.ut-themesv2-hero__title i { font-size: 0.9em; }
.ut-themesv2-hero__subtitle {
    font-size: clamp(15px, 1.6vw, 17px);
    opacity: 0.95; margin: 0 0 30px;
    font-weight: 400; line-height: 1.5;
}
.ut-themesv2-hero__stats {
    display: flex; justify-content: center; flex-wrap: wrap;
    gap: 30px 60px; margin-bottom: 30px;
}
.ut-themesv2-stat { text-align: center; }
.ut-themesv2-stat__value {
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 800; line-height: 1;
    color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
.ut-themesv2-stat__label {
    font-size: 12px; text-transform: uppercase;
    letter-spacing: 1.2px; opacity: 0.85;
    margin-top: 6px;
}
.ut-themesv2-search {
    position: relative;
    max-width: 540px; margin: 0 auto;
    display: flex; align-items: center;
    background: rgba(255,255,255,0.95);
    border-radius: 999px;
    padding: 4px 8px 4px 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
.ut-themesv2-search__icon { color: #6366f1; font-size: 16px; flex-shrink: 0; }
.ut-themesv2-search__input {
    flex: 1; border: none; outline: none; background: transparent;
    padding: 12px 12px; font-size: 15px; color: #1f2937;
}
.ut-themesv2-search__input::placeholder { color: #9ca3af; }
.ut-themesv2-search__clear {
    background: #e5e7eb; border: none; cursor: pointer;
    width: 30px; height: 30px; border-radius: 50%;
    font-size: 20px; line-height: 1; color: #4b5563;
    display: flex; align-items: center; justify-content: center;
}
.ut-themesv2-search__clear:hover { background: #d1d5db; }
.ut-themesv2-body {
    max-width: 1280px; margin: 0 auto; padding: 0 20px 60px;
}
.ut-themesv2-section { margin-bottom: 50px; }
.ut-themesv2-section__head { margin-bottom: 18px; }
.ut-themesv2-section__title {
    font-size: 22px; font-weight: 700;
    color: #1f2937; margin: 0;
    display: flex; align-items: center; gap: 10px;
}
.ut-themesv2-section__title i { color: var(--sec-color, #fd3a13); font-size: 22px; }
.ut-themesv2-section__count {
    font-size: 12px; font-weight: 600;
    background: #f3f4f6; color: #6b7280;
    padding: 3px 9px; border-radius: 999px;
    margin-left: 4px;
}
.ut-themesv2-section__intro {
    margin: 6px 0 0; color: #6b7280; font-size: 14px;
}
.ut-themesv2-section--indigo .ut-themesv2-section__title i { color: #6366f1; }
.ut-themesv2-section--red    .ut-themesv2-section__title i { color: #dc2626; }
.ut-themesv2-section--orange .ut-themesv2-section__title i { color: #ea580c; }
.ut-themesv2-section--amber  .ut-themesv2-section__title i { color: #d97706; }
.ut-themesv2-section--yellow .ut-themesv2-section__title i { color: #ca8a04; }
.ut-themesv2-section--green  .ut-themesv2-section__title i { color: #16a34a; }
.ut-themesv2-section--teal   .ut-themesv2-section__title i { color: #0d9488; }
.ut-themesv2-section--blue   .ut-themesv2-section__title i { color: #2563eb; }
.ut-themesv2-section--purple .ut-themesv2-section__title i { color: #9333ea; }
.ut-themesv2-section--pink   .ut-themesv2-section__title i { color: #db2777; }
.ut-themesv2-section--gray   .ut-themesv2-section__title i { color: #4b5563; }
.ut-themesv2-marquee {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 14px;
}
.ut-themesv2-featured {
    background: #fff;
    border-radius: 14px;
    padding: 22px 16px 18px;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    border-top: 4px solid var(--ft-color, #6366f1);
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex; flex-direction: column; align-items: center;
    gap: 8px;
}
.ut-themesv2-featured:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}
.ut-themesv2-featured__icon {
    width: 48px; height: 48px; border-radius: 50%;
    background: var(--ft-color-soft, rgba(99,102,241,0.12));
    color: var(--ft-color, #6366f1);
    display: flex; align-items: center; justify-content: center;
    font-size: 22px; margin-bottom: 4px;
}
.ut-themesv2-featured__name {
    font-size: 16px; font-weight: 700;
    color: #1f2937; line-height: 1.25;
}
.ut-themesv2-featured__family {
    font-size: 11px; text-transform: uppercase;
    letter-spacing: 0.6px; color: #9ca3af;
    font-weight: 600;
}
.ut-themesv2-featured__count {
    font-size: 12px; color: var(--ft-color, #6366f1);
    font-weight: 600;
}
.ut-themesv2-featured--indigo { --ft-color: #6366f1; --ft-color-soft: rgba(99,102,241,0.12); }
.ut-themesv2-featured--red    { --ft-color: #dc2626; --ft-color-soft: rgba(220,38,38,0.12); }
.ut-themesv2-featured--orange { --ft-color: #ea580c; --ft-color-soft: rgba(234,88,12,0.12); }
.ut-themesv2-featured--amber  { --ft-color: #d97706; --ft-color-soft: rgba(217,119,6,0.12); }
.ut-themesv2-featured--yellow { --ft-color: #ca8a04; --ft-color-soft: rgba(202,138,4,0.12); }
.ut-themesv2-featured--green  { --ft-color: #16a34a; --ft-color-soft: rgba(22,163,74,0.12); }
.ut-themesv2-featured--teal   { --ft-color: #0d9488; --ft-color-soft: rgba(13,148,136,0.12); }
.ut-themesv2-featured--blue   { --ft-color: #2563eb; --ft-color-soft: rgba(37,99,235,0.12); }
.ut-themesv2-featured--purple { --ft-color: #9333ea; --ft-color-soft: rgba(147,51,234,0.12); }
.ut-themesv2-featured--pink   { --ft-color: #db2777; --ft-color-soft: rgba(219,39,119,0.12); }
.ut-themesv2-featured--gray   { --ft-color: #4b5563; --ft-color-soft: rgba(75,85,99,0.12); }
.ut-themesv2-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 10px;
}
.ut-themesv2-card {
    background: #fff;
    border-radius: 10px;
    padding: 12px 14px;
    text-decoration: none;
    display: flex; align-items: center; justify-content: space-between;
    gap: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    border-left: 3px solid transparent;
    transition: all 0.15s;
}
.ut-themesv2-card:hover {
    transform: translateX(2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}
.ut-themesv2-section--indigo .ut-themesv2-card { border-left-color: rgba(99,102,241,0.4); }
.ut-themesv2-section--red    .ut-themesv2-card { border-left-color: rgba(220,38,38,0.4); }
.ut-themesv2-section--orange .ut-themesv2-card { border-left-color: rgba(234,88,12,0.4); }
.ut-themesv2-section--amber  .ut-themesv2-card { border-left-color: rgba(217,119,6,0.4); }
.ut-themesv2-section--yellow .ut-themesv2-card { border-left-color: rgba(202,138,4,0.4); }
.ut-themesv2-section--green  .ut-themesv2-card { border-left-color: rgba(22,163,74,0.4); }
.ut-themesv2-section--teal   .ut-themesv2-card { border-left-color: rgba(13,148,136,0.4); }
.ut-themesv2-section--blue   .ut-themesv2-card { border-left-color: rgba(37,99,235,0.4); }
.ut-themesv2-section--purple .ut-themesv2-card { border-left-color: rgba(147,51,234,0.4); }
.ut-themesv2-section--pink   .ut-themesv2-card { border-left-color: rgba(219,39,119,0.4); }
.ut-themesv2-section--gray   .ut-themesv2-card { border-left-color: rgba(75,85,99,0.4); }
.ut-themesv2-card__name {
    font-size: 14px; font-weight: 600; color: #1f2937;
    line-height: 1.25;
}
.ut-themesv2-card__count {
    font-size: 12px; font-weight: 700;
    background: #f3f4f6; color: #6b7280;
    padding: 2px 8px; border-radius: 999px;
    flex-shrink: 0;
}
.ut-themesv2-noresult {
    text-align: center; padding: 80px 20px; color: #9ca3af;
}
.ut-themesv2-noresult i { font-size: 48px; opacity: 0.4; margin-bottom: 16px; }
.ut-themesv2-noresult p { font-size: 16px; margin: 0; }
html.is-dark .ut-themesv2-section__title { color: #f9fafb; }
html.is-dark .ut-themesv2-section__count { background: rgba(255,255,255,0.08); color: #d1d5db; }
html.is-dark .ut-themesv2-featured { background: rgba(255,255,255,0.04); }
html.is-dark .ut-themesv2-featured__name { color: #f9fafb; }
html.is-dark .ut-themesv2-card { background: rgba(255,255,255,0.04); }
html.is-dark .ut-themesv2-card__name { color: #e5e7eb; }
html.is-dark .ut-themesv2-card__count { background: rgba(255,255,255,0.08); color: #d1d5db; }
html.is-dark .ut-themesv2-search { background: rgba(255,255,255,0.1); box-shadow: none; }
html.is-dark .ut-themesv2-search__input { color: #f9fafb; }
@media (max-width: 640px) {
    .ut-themesv2-hero__stats { gap: 20px 30px; }
    .ut-themesv2-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
}
.entry-meta2 .ut-author-link,
.entry-meta2 .ut-author-link b,
.item-post-inner .entry-meta2 .ut-author-link,
.item-post-inner .entry-meta2 .ut-author-link b {
    color: var(--main-color, #fd3a13) !important;
}
.ut-author-link:hover { text-decoration: underline !important; }
html.is-dark .entry-meta2 .ut-author-link,
html.is-dark .entry-meta2 .ut-author-link b {
    color: var(--main-color, #fd3a13) !important;
}
body { zoom: var(--site-zoom, 1); }
.ut-zoom-group { display: inline-flex; gap: 2px; align-items: center; }
.ut-zoom-btn {
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1;
    cursor: pointer;
    transition: opacity 0.15s, color 0.15s;
}
.ut-zoom-btn--small { font-size: 18px; }
.ut-zoom-btn--big   { font-size: 24px; font-weight: 600; }
.ut-zoom-btn[disabled],
.ut-zoom-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}
.ut-search-sugg {
    position: absolute;       
    top: 100%;
    left: 0;
    right: 0;
    height: calc(100vh - 100% - var(--ut-topbar-h, 40px));  
    background: #fff;
    border-top: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 12px 28px rgba(0,0,0,0.10);
    z-index: 1000;
    display: flex;
    flex-direction: column;
}
.ut-search-form { position: relative; }
.ut-search-sugg {
    position: fixed;
    top: auto;            
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    border-top: none;     
    box-shadow: 0 12px 28px rgba(0,0,0,0.10);
    z-index: 100000001;
}
.ut-search-sugg__scroll {
    flex: 1;
    overflow-y: auto;
    padding: 6px 0;
    -webkit-overflow-scrolling: touch;
}
html.is-dark .ut-search-sugg {
    background: #1f2937;
    border-color: rgba(255,255,255,0.06);
    box-shadow: 0 12px 28px rgba(0,0,0,0.6);
}
.ut-search-sugg[hidden] { display: none !important; }
.ut-search-sugg__group { padding: 4px 0; border-bottom: 1px solid rgba(0,0,0,0.04); }
.ut-search-sugg__group:last-of-type { border-bottom: none; }
html.is-dark .ut-search-sugg__group { border-bottom-color: rgba(255,255,255,0.05); }
.ut-search-sugg__cols {
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: 0 22px;
    align-items: start;
}
.ut-search-sugg__col--meta { border-right: 1px solid rgba(0,0,0,0.06); padding-right: 22px; }
html.is-dark .ut-search-sugg__col--meta { border-right-color: rgba(255,255,255,0.07); }
.ut-search-sugg__col .ut-search-sugg__group:last-of-type { border-bottom: none; }
@media (max-width: 768px) {
    .ut-search-sugg__cols { grid-template-columns: 1fr; gap: 0; }
    .ut-search-sugg__col--meta { border-right: none; padding-right: 0; }
}
.ut-search-sugg__title {
    display: flex; align-items: center; gap: 8px;
    font-size: 11px; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.5px;
    color: #6b7280;
    padding: 6px 16px 4px;
}
.ut-search-sugg__title i { font-size: 11px; color: var(--main-color, #fd3a13); }
html.is-dark .ut-search-sugg__title { color: rgba(255,255,255,0.55); }
.ut-search-sugg__item {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 16px;
    font-size: 14px;
    color: #1f2937;
    text-decoration: none;
    transition: background 0.1s;
    border-left: 3px solid transparent;
}
.ut-search-sugg__item:hover,
.ut-search-sugg__item:focus {
    background: rgba(253, 58, 19, 0.06);
    border-left-color: var(--main-color, #fd3a13);
    color: #1f2937;
}
html.is-dark .ut-search-sugg__item { color: rgba(255,255,255,0.9); }
html.is-dark .ut-search-sugg__item:hover,
html.is-dark .ut-search-sugg__item:focus {
    background: rgba(253, 58, 19, 0.12);
    color: #ffffff;
}
.ut-search-sugg__txt { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ut-search-sugg__txt mark {
    background: rgba(253, 58, 19, 0.18);
    color: inherit;
    padding: 0 2px;
    border-radius: 2px;
    font-weight: 600;
}
.ut-search-sugg__type {
    display: inline-block;
    min-width: 70px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--main-color, #fd3a13);
    background: rgba(253, 58, 19, 0.08);
    padding: 3px 8px;
    border-radius: 4px;
    text-align: center;
}
html.is-dark .ut-search-sugg__type { background: rgba(253, 58, 19, 0.18); }
.ut-search-sugg__icon { width: 16px; color: #9ca3af; font-size: 13px; flex-shrink: 0; }
html.is-dark .ut-search-sugg__icon { color: rgba(255,255,255,0.45); }
.ut-search-sugg__meta {
    font-size: 11px; color: #9ca3af;
    flex-shrink: 0; max-width: 140px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
html.is-dark .ut-search-sugg__meta { color: rgba(255,255,255,0.4); }
.ut-search-sugg__empty {
    padding: 24px 16px; text-align: center;
    color: #6b7280; font-size: 14px;
}
html.is-dark .ut-search-sugg__empty { color: rgba(255,255,255,0.55); }
.ut-search-sugg__more {
    padding: 6px 0; border-top: 1px solid rgba(0,0,0,0.06);
    background: #f9fafb;
}
html.is-dark .ut-search-sugg__more {
    background: rgba(255,255,255,0.04);
    border-top-color: rgba(255,255,255,0.05);
}
.ut-search-sugg__more a {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 10px 16px;
    font-size: 13px; font-weight: 600;
    color: var(--main-color, #fd3a13);
    text-decoration: none;
    transition: background 0.1s;
}
.ut-search-sugg__more a:hover { background: rgba(253, 58, 19, 0.06); }
html.is-dark .ut-search-sugg__more a:hover { background: rgba(253, 58, 19, 0.12); }
.ut-search-sugg__hint {
    padding: 50px 24px 30px;
    text-align: center;
    color: #6b7280;
}
.ut-search-sugg__hint i {
    font-size: 36px;
    color: rgba(253, 58, 19, 0.4);
    margin-bottom: 14px;
}
.ut-search-sugg__hint-title {
    font-size: 16px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 6px;
}
.ut-search-sugg__hint-sub {
    font-size: 13px;
    color: #9ca3af;
    max-width: 420px;
    margin: 0 auto;
    line-height: 1.5;
}
html.is-dark .ut-search-sugg__hint-title { color: rgba(255,255,255,0.85); }
html.is-dark .ut-search-sugg__hint-sub   { color: rgba(255,255,255,0.45); }
html.is-dark .ut-search-sugg__hint       { color: rgba(255,255,255,0.6); }
.ut-search-sugg__alias {
    color: #9ca3af;
    font-size: 12.5px;
    font-style: italic;
    margin-left: 4px;
}
html.is-dark .ut-search-sugg__alias { color: rgba(255,255,255,0.45); }
.ut-search-sugg__alias mark {
    background: rgba(253, 58, 19, 0.15);
    color: inherit;
    font-style: normal;
}
body.ut-search-open { overflow: hidden; }
.ut-search-sugg__item--content .ut-search-sugg__txt {
    display: flex;
    flex-direction: column;
    gap: 3px;
    white-space: normal;  
}
.ut-search-sugg__excerpt {
    display: block;
    font-size: 12.5px;
    color: #6b7280;
    line-height: 1.45;
    font-weight: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
html.is-dark .ut-search-sugg__excerpt { color: rgba(255,255,255,0.55); }
.ut-search-sugg__excerpt mark {
    background: rgba(253, 58, 19, 0.18);
    color: inherit;
    padding: 0 2px;
    border-radius: 2px;
    font-weight: 600;
}
.ut-search-sugg__item--content {
    align-items: stretch;
    gap: 12px;
    padding: 10px 16px;
}
.ut-search-sugg__thumb {
    flex-shrink: 0;
    width: 80px;
    height: 56px;
    border-radius: 6px;
    overflow: hidden;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
}
html.is-dark .ut-search-sugg__thumb { background: rgba(255,255,255,0.06); }
.ut-search-sugg__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ut-search-sugg__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
}
.ut-search-sugg__item--content .ut-search-sugg__type {
    align-self: flex-start;
    min-width: 0;
    padding: 2px 7px;
    font-size: 9.5px;
}
.ut-search-sugg__title-line {
    font-size: 14px;
    font-weight: 600;
    color: inherit;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.ut-search-sugg__date {
    font-size: 11.5px;
    color: #9ca3af;
    font-weight: 400;
}
html.is-dark .ut-search-sugg__date { color: rgba(255,255,255,0.5); }
.ut-search-clear {
    flex-shrink: 0;
    width: 28px; height: 28px;
    border: none;
    background: rgba(0,0,0,0.06);
    color: #6b7280;
    border-radius: 50%;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: background 0.12s;
}
.ut-search-clear:hover { background: rgba(0,0,0,0.12); color: #1f2937; }
html.is-dark .ut-search-clear { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.7); }
html.is-dark .ut-search-clear:hover { background: rgba(255,255,255,0.18); color: #fff; }
.ut-search-clear[hidden] { display: none; }
.ut-search-spinner {
    flex-shrink: 0;
    width: 16px; height: 16px;
    border: 2px solid rgba(253, 58, 19, 0.2);
    border-top-color: var(--main-color, #fd3a13);
    border-radius: 50%;
    animation: ut-spin 0.7s linear infinite;
}
.ut-search-spinner[hidden] { display: none; }
@keyframes ut-spin { to { transform: rotate(360deg); } }
.ut-search-sugg__item.is-focused,
.ut-search-sugg__more a.is-focused {
    background: rgba(253, 58, 19, 0.10);
    border-left-color: var(--main-color, #fd3a13);
}
html.is-dark .ut-search-sugg__item.is-focused,
html.is-dark .ut-search-sugg__more a.is-focused {
    background: rgba(253, 58, 19, 0.18);
}
.ut-search-sugg__title { align-items: center; }
.ut-search-sugg__title-act {
    margin-left: auto;
    background: none; border: none;
    color: #6b7280; font-size: 10.5px;
    text-transform: uppercase; letter-spacing: 0.5px;
    cursor: pointer; padding: 2px 8px; border-radius: 4px;
    transition: background 0.12s;
}
.ut-search-sugg__title-act:hover { background: rgba(0,0,0,0.06); color: #1f2937; }
html.is-dark .ut-search-sugg__title-act:hover { background: rgba(255,255,255,0.08); color: #fff; }
.ut-search-sugg__empty {
    padding: 40px 24px;
    text-align: center;
    color: #6b7280;
}
.ut-search-sugg__empty i { font-size: 28px; opacity: 0.5; display: block; margin-bottom: 14px; }
.ut-search-sugg__dym {
    margin-top: 16px;
    font-size: 13.5px;
    color: #4b5563;
}
.ut-search-sugg__dym-link {
    color: var(--main-color, #fd3a13);
    text-decoration: none;
    font-weight: 600;
}
.ut-search-sugg__dym-link:hover { text-decoration: underline; }
html.is-dark .ut-search-sugg__dym { color: rgba(255,255,255,0.65); }
.ut-search-sugg__type[data-type="article"]    { color: #ea580c; background: rgba(234, 88, 12, 0.10); }
.ut-search-sugg__type[data-type="actualite"]  { color: #dc2626; background: rgba(220, 38, 38, 0.10); }
.ut-search-sugg__type[data-type="video"]      { color: #2563eb; background: rgba(37, 99, 235, 0.10); }
.ut-search-sugg__type[data-type="chiour"]     { color: #9333ea; background: rgba(147, 51, 234, 0.10); }
.ut-search-sugg__type[data-type="question"]   { color: #16a34a; background: rgba(22, 163, 74, 0.10); }
.ut-search-sugg__type[data-type="saveur"]     { color: #d97706; background: rgba(217, 119, 6, 0.10); }
.ut-search-sugg__type[data-type="photo"]      { color: #db2777; background: rgba(219, 39, 119, 0.10); }
.ut-search-sugg__type[data-type="enigme"]     { color: #0891b2; background: rgba(8, 145, 178, 0.10); }
.ut-search-sugg__type[data-type="histoire"]   { color: #7c3aed; background: rgba(124, 58, 237, 0.10); }
html.is-dark .ut-search-sugg__type[data-type="article"]   { background: rgba(234, 88, 12, 0.22); }
html.is-dark .ut-search-sugg__type[data-type="actualite"] { background: rgba(220, 38, 38, 0.22); }
html.is-dark .ut-search-sugg__type[data-type="video"]     { background: rgba(37, 99, 235, 0.22); }
html.is-dark .ut-search-sugg__type[data-type="chiour"]    { background: rgba(147, 51, 234, 0.22); }
html.is-dark .ut-search-sugg__type[data-type="question"]  { background: rgba(22, 163, 74, 0.22); }
html.is-dark .ut-search-sugg__type[data-type="saveur"]    { background: rgba(217, 119, 6, 0.22); }
html.is-dark .ut-search-sugg__type[data-type="photo"]     { background: rgba(219, 39, 119, 0.22); }
html.is-dark .ut-search-sugg__type[data-type="enigme"]    { background: rgba(8, 145, 178, 0.22); }
html.is-dark .ut-search-sugg__type[data-type="histoire"]  { background: rgba(124, 58, 237, 0.22); }
@media (max-width: 640px) {
    .ut-search-sugg__thumb { width: 60px; height: 42px; }
    .ut-search-sugg__item--content { padding: 8px 12px; gap: 10px; }
    .ut-search-sugg__title-line { font-size: 13.5px; }
    .ut-search-sugg__date { font-size: 11px; }
    .ut-search-clear { width: 24px; height: 24px; font-size: 16px; }
    .ut-search-form .ut-search-sugg__inner { padding: 0 16px; }
}
.ut-search-sugg__scroll,
.ut-search-sugg__more {
    width: 100%;
    max-width: var(--site-max-width);
    margin-left: auto;
    margin-right: auto;
}
.ut-search-sugg__more { padding-left: 0; padding-right: 0; }
.ut-search-sugg__dot {
    flex-shrink: 0;
    width: 12px; height: 12px;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.04) inset;
}
html.is-dark .ut-search-sugg__dot { box-shadow: 0 0 0 2px rgba(255,255,255,0.08) inset; }
.ut-search-sugg__tagicon {
    flex-shrink: 0;
    width: 18px;
    font-size: 16px;
    text-align: center;
    line-height: 1;
    color: var(--main-color, #fd3a13);
}
.ut-search-sugg__avatar {
    flex-shrink: 0;
    width: 80px; height: 56px;   
    border-radius: 6px;
    overflow: hidden;
    background: rgba(0,0,0,0.06);
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 18px; color: #6b7280;
    text-transform: uppercase;
}
.ut-search-sugg__avatar img {
    width: 100%; height: 100%;
    object-fit: cover; display: block;
}
html.is-dark .ut-search-sugg__avatar { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.7); }
.ut-search-sugg__item--author { padding: 8px 16px; gap: 12px; }
.ut-search-sugg__item--author .ut-search-sugg__body {
    display: flex; flex-direction: column; gap: 2px; min-width: 0;
}
.ut-search-sugg__item--author .ut-search-sugg__title-line {
    font-size: 14px; font-weight: 600;
}
.ut-search-header__recap {
    display: flex; flex-wrap: wrap; gap: 8px;
    margin-top: 12px;
}
.ut-search-recap__chip {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 12px;
    background: rgba(0,0,0,0.05);
    color: #4b5563;
    border-radius: 999px;
    text-decoration: none;
    font-size: 13px;
    transition: background 0.12s, color 0.12s;
}
.ut-search-recap__chip strong {
    color: var(--main-color, #fd3a13);
    font-weight: 700;
}
.ut-search-recap__chip:hover {
    background: rgba(253, 58, 19, 0.10);
    color: #1f2937;
}
html.is-dark .ut-search-recap__chip {
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.75);
}
html.is-dark .ut-search-recap__chip:hover {
    background: rgba(253, 58, 19, 0.18);
    color: #fff;
}
.ut-results-section {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: var(--ut-radius, 14px);
    padding: 20px 24px;
    scroll-margin-top: 120px;
}
html.is-dark .ut-results-section {
    background: #1f2937;
    border-color: rgba(255,255,255,0.05);
}
.ut-results-section__head {
    display: flex; align-items: center; gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}
html.is-dark .ut-results-section__head { border-bottom-color: rgba(255,255,255,0.06); }
.ut-results-section__title {
    font-size: 16px; font-weight: 700;
    color: #1f2937;
    display: flex; align-items: center; gap: 8px;
    margin: 0;
}
html.is-dark .ut-results-section__title { color: #fff; }
.ut-results-section__title i { color: var(--main-color, #fd3a13); font-size: 14px; }
.ut-results-section__count {
    margin-left: auto;
    background: var(--main-color, #fd3a13);
    color: #fff;
    font-size: 12px; font-weight: 700;
    padding: 2px 10px;
    border-radius: 999px;
}
.ut-results-list {
    display: flex; flex-direction: column;
}
.ut-results-list__row {
    display: flex; align-items: center; gap: 12px;
    padding: 10px 4px;
    color: #1f2937;
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,0.04);
    transition: background 0.12s, padding-left 0.12s;
}
.ut-results-list__row:last-child { border-bottom: none; }
.ut-results-list__row:hover {
    background: rgba(253, 58, 19, 0.04);
    padding-left: 10px;
    color: #1f2937;
}
.ut-results-list__icon { color: var(--main-color, #fd3a13); font-size: 12px; }
.ut-results-list__txt { flex: 1; font-size: 14px; }
.ut-results-list__sub {
    display: inline-block; margin-left: 8px;
    font-size: 11px; color: #6b7280;
    text-transform: uppercase; letter-spacing: 0.5px;
}
html.is-dark .ut-results-list__row { color: rgba(255,255,255,0.9); border-bottom-color: rgba(255,255,255,0.05); }
html.is-dark .ut-results-list__row:hover { background: rgba(253, 58, 19, 0.10); color: #fff; }
html.is-dark .ut-results-list__sub { color: rgba(255,255,255,0.5); }
.ut-results-family { margin-top: 14px; }
.ut-results-family:first-child { margin-top: 0; }
.ut-results-family__title {
    font-size: 11px; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.5px;
    color: #6b7280;
    margin-bottom: 8px;
}
html.is-dark .ut-results-family__title { color: rgba(255,255,255,0.55); }
.ut-results-chips {
    display: flex; flex-wrap: wrap; gap: 8px;
}
.ut-results-chip {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 14px;
    background: rgba(0,0,0,0.04);
    color: #1f2937;
    border-radius: 999px;
    text-decoration: none;
    font-size: 13.5px;
    transition: background 0.12s, color 0.12s;
}
.ut-results-chip i { color: var(--main-color, #fd3a13); font-size: 11px; }
.ut-results-chip:hover {
    background: var(--main-color, #fd3a13);
    color: #fff;
}
.ut-results-chip:hover i { color: #fff; }
.ut-results-chip__alias {
    font-size: 11.5px;
    color: #6b7280;
    font-style: italic;
}
.ut-results-chip:hover .ut-results-chip__alias { color: rgba(255,255,255,0.85); }
html.is-dark .ut-results-chip {
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.9);
}
html.is-dark .ut-results-chip__alias { color: rgba(255,255,255,0.55); }
.ut-results-grid {
    display: grid; gap: 12px;
}
.ut-results-grid--authors {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.ut-results-author {
    display: flex; align-items: center; gap: 12px;
    padding: 10px 12px;
    background: rgba(0,0,0,0.03);
    border-radius: 10px;
    text-decoration: none;
    color: #1f2937;
    transition: background 0.12s, transform 0.12s;
}
.ut-results-author:hover {
    background: rgba(253, 58, 19, 0.08);
    transform: translateY(-1px);
}
.ut-results-author__avatar {
    flex-shrink: 0;
    width: 48px; height: 48px;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(0,0,0,0.06);
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 18px; color: #6b7280;
    text-transform: uppercase;
}
.ut-results-author__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ut-results-author__avatar--fallback { background: rgba(253, 58, 19, 0.10); color: var(--main-color, #fd3a13); }
.ut-results-author__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ut-results-author__name {
    font-weight: 600; font-size: 14px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ut-results-author__count { font-size: 12px; color: #6b7280; }
html.is-dark .ut-results-author {
    background: rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.9);
}
html.is-dark .ut-results-author:hover { background: rgba(253, 58, 19, 0.16); }
html.is-dark .ut-results-author__avatar { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.7); }
html.is-dark .ut-results-author__count { color: rgba(255,255,255,0.55); }
.ut-results-types {
    display: flex; flex-wrap: wrap; gap: 8px;
    justify-content: center;
    margin-bottom: 18px;
}
.ut-results-type {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 14px;
    background: rgba(0,0,0,0.04);
    color: #4b5563;
    border-radius: 999px;
    text-decoration: none;
    font-size: 13px; font-weight: 600;
    transition: background 0.12s, color 0.12s;
}
.ut-results-type__count {
    background: rgba(0,0,0,0.08);
    color: #4b5563;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 11px; font-weight: 700;
}
.ut-results-type:hover {
    background: rgba(253, 58, 19, 0.10);
    color: #1f2937;
}
.ut-results-type.is-active {
    background: var(--main-color, #fd3a13);
    color: #fff;
}
.ut-results-type.is-active .ut-results-type__count {
    background: rgba(255,255,255,0.25);
    color: #fff;
}
html.is-dark .ut-results-type {
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.75);
}
html.is-dark .ut-results-type__count {
    background: rgba(255,255,255,0.10);
    color: rgba(255,255,255,0.75);
}
html.is-dark .ut-results-type:hover { background: rgba(253, 58, 19, 0.20); color: #fff; }
html.is-dark .ut-results-type.is-active {
    background: var(--main-color, #fd3a13);
    color: #fff;
}
html.is-dark .ut-results-type.is-active .ut-results-type__count {
    background: rgba(255,255,255,0.25);
    color: #fff;
}
.ut-search-empty--inline {
    padding: 20px;
    background: rgba(0,0,0,0.02);
    border-radius: 8px;
    text-align: center;
    color: #6b7280;
}
html.is-dark .ut-search-empty--inline {
    background: rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.65);
}
.ut-results-family--exact {
    background: linear-gradient(135deg, rgba(253, 58, 19, 0.06) 0%, rgba(253, 58, 19, 0.02) 100%);
    border: 1px solid rgba(253, 58, 19, 0.15);
    border-radius: 12px;
    padding: 14px 16px;
    margin-top: 0;
    margin-bottom: 14px;
}
.ut-results-family--exact .ut-results-family__title {
    color: var(--main-color, #fd3a13);
    font-size: 12px;
    display: flex; align-items: center; gap: 6px;
}
.ut-results-family--exact .ut-results-family__title i { font-size: 11px; }
html.is-dark .ut-results-family--exact {
    background: linear-gradient(135deg, rgba(253, 58, 19, 0.14) 0%, rgba(253, 58, 19, 0.05) 100%);
    border-color: rgba(253, 58, 19, 0.30);
}
.ut-results-chip--exact {
    background: var(--main-color, #fd3a13);
    color: #fff;
    font-weight: 600;
    padding: 9px 18px;
    box-shadow: 0 2px 8px rgba(253, 58, 19, 0.25);
}
.ut-results-chip--exact i { color: #fff; opacity: 0.85; }
.ut-results-chip--exact:hover {
    background: #1f2937;
    color: #fff;
    transform: translateY(-1px);
}
.ut-results-chip--exact:hover i { color: #fff; }
.ut-results-chip__fam {
    font-size: 11px;
    text-transform: uppercase; letter-spacing: 0.5px;
    background: rgba(255,255,255,0.20);
    padding: 2px 8px;
    border-radius: 999px;
    font-weight: 700;
}
.ut-results-chip--exact:hover .ut-results-chip__fam {
    background: rgba(255,255,255,0.15);
}
.ut-404 {
    text-align: center;
    padding: 40px 20px 20px;
    max-width: 720px;
    margin: 0 auto;
}
.ut-404__visual {
    position: relative;
    display: inline-block;
    margin-bottom: 24px;
}
.ut-404__code {
    font-size: 140px;
    font-weight: 800;
    line-height: 1;
    color: var(--main-color, #fd3a13);
    letter-spacing: -6px;
    text-shadow: 4px 4px 0 rgba(0,0,0,0.04);
}
html.is-dark .ut-404__code { text-shadow: 4px 4px 0 rgba(255,255,255,0.04); }
.ut-404__zero {
    display: inline-block;
    animation: ut-404-spin 6s linear infinite;
    transform-origin: center;
}
@keyframes ut-404-spin { to { transform: rotate(360deg); } }
.ut-404__icon {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: #fff;
    opacity: 0.85;
    pointer-events: none;
}
.ut-404__title {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 12px;
    color: #1f2937;
}
html.is-dark .ut-404__title { color: #fff; }
.ut-404__lead {
    font-size: 16px;
    color: #6b7280;
    margin-bottom: 32px;
    line-height: 1.5;
}
html.is-dark .ut-404__lead { color: rgba(255,255,255,0.7); }
.ut-404__path {
    background: rgba(0,0,0,0.06);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 14px;
    font-family: monospace;
    color: #1f2937;
}
html.is-dark .ut-404__path { background: rgba(255,255,255,0.10); color: #fff; }
.ut-404__actions {
    display: flex; flex-wrap: wrap; justify-content: center;
    gap: 10px;
}
.ut-404__btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 20px;
    border-radius: 999px;
    background: rgba(0,0,0,0.06);
    color: #1f2937;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: background 0.12s, transform 0.12s;
}
.ut-404__btn:hover {
    background: rgba(0,0,0,0.12);
    color: #1f2937;
    transform: translateY(-1px);
}
.ut-404__btn--primary {
    background: var(--main-color, #fd3a13);
    color: #fff;
}
.ut-404__btn--primary:hover {
    background: #d62f0e;
    color: #fff;
}
html.is-dark .ut-404__btn {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.9);
}
html.is-dark .ut-404__btn:hover {
    background: rgba(255,255,255,0.14);
    color: #fff;
}
.ut-404-suggest {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: var(--ut-radius, 14px);
    padding: 24px;
}
html.is-dark .ut-404-suggest { background: #1f2937; border-color: rgba(255,255,255,0.05); }
.ut-404-suggest__title {
    font-size: 18px; font-weight: 700;
    display: flex; align-items: center; gap: 8px;
    margin: 0 0 18px;
}
.ut-404-suggest__title i { color: var(--main-color, #fd3a13); }
.ut-404-suggest__grid {
    display: grid; gap: 18px;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.ut-404-card {
    display: flex; flex-direction: column; gap: 8px;
    text-decoration: none;
    color: #1f2937;
    transition: transform 0.12s;
}
.ut-404-card:hover { transform: translateY(-2px); }
.ut-404-card:hover .ut-404-card__title { color: var(--main-color, #fd3a13); }
html.is-dark .ut-404-card { color: rgba(255,255,255,0.9); }
.ut-404-card__thumb {
    position: relative;
    aspect-ratio: 16/9;
    background: rgba(0,0,0,0.05);
    border-radius: 10px;
    overflow: hidden;
}
.ut-404-card__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.25s; }
.ut-404-card:hover .ut-404-card__thumb img { transform: scale(1.04); }
.ut-404-card__type-badge {
    position: absolute;
    top: 8px; right: 8px;
    width: 28px; height: 28px;
    border-radius: 50%;
    background: rgba(0,0,0,0.65);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 11px;
}
.ut-404-card__title {
    font-size: 14px; font-weight: 600;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.12s;
}
.ut-404-card__sub { font-size: 12px; opacity: 0.75; }
.ut-404-card__date { font-size: 11.5px; opacity: 0.6; }
@media (max-width: 640px) {
    .ut-404__code { font-size: 100px; }
    .ut-404__icon { font-size: 36px; }
    .ut-404__title { font-size: 22px; }
}
.ut-voir-aussi {
    margin: 0;
    padding-top: 32px;
    border-top: 1px solid rgba(0,0,0,0.12);
}
html.is-dark .ut-voir-aussi { border-top-color: rgba(255,255,255,0.12); }
.ut-voir-aussi__title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 18px;
    display: flex; align-items: center; gap: 8px;
    color: #1f2937;
}
html.is-dark .ut-voir-aussi__title { color: #fff; }
.ut-voir-aussi__icon {
    color: var(--main-color, #fd3a13);
    font-size: 18px;
}
.ut-voir-aussi__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ut-voir-aussi__item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 10px;
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    transition: background 0.12s;
}
.ut-voir-aussi__item:hover {
    background: rgba(0,0,0,0.04);
    color: inherit;
}
html.is-dark .ut-voir-aussi__item:hover { background: rgba(255,255,255,0.05); }
.ut-voir-aussi__item:hover .ut-voir-aussi__name { color: var(--main-color, #fd3a13); }
.ut-voir-aussi__item.is-manual {
    border-left: 3px solid var(--main-color, #fd3a13);
    padding-left: 8px;
    background: linear-gradient(90deg, rgba(253,58,19,0.045), transparent 60%);
}
html.is-dark .ut-voir-aussi__item.is-manual {
    background: linear-gradient(90deg, rgba(253,58,19,0.10), transparent 60%);
}
.ut-voir-aussi__item.is-manual:hover {
    background: linear-gradient(90deg, rgba(253,58,19,0.08), rgba(0,0,0,0.04) 60%);
}
.ut-voir-aussi__pin {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--main-color, #fd3a13);
    color: #fff;
    font-size: 9px;
    line-height: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.35);
}
.ut-voir-aussi__thumb {
    position: relative;
    flex-shrink: 0;
    display: block;
    width: 140px;
    aspect-ratio: 16/9;
    background: rgba(0,0,0,0.05);
    border-radius: 8px;
    overflow: hidden;
}
.ut-voir-aussi__thumb img {
    width: 100%; height: 100%;
    object-fit: cover; display: block;
    transition: transform 0.25s ease;
}
.ut-voir-aussi__item:hover .ut-voir-aussi__thumb img { transform: scale(1.05); }
.ut-voir-aussi__thumb.is-video2::after {
    display: flex;
    position: absolute;
    content: '\e037';
    top: 50%;
    right: 50%;
    width: 34px;
    height: 34px;
    background-color: rgba(0,0,0,0.5);
    font-family: 'Material Icons Round';
    font-size: 25px;
    color: #fff;
    font-weight: 400;
    align-items: center;
    justify-content: center;
    z-index: 5;
    box-sizing: border-box;
    padding: 0 0 0 1px;
    border-radius: 50%;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
}
.ut-voir-aussi__thumb.is-video::after,
.ut-voir-aussi__thumb.is-video2::after {
    transform: translate(50%, -50%) scale(0.8);
}
.ut-voir-aussi__item:hover .ut-voir-aussi__thumb.is-video2::after {
    background-color: var(--main-color, #fd3a13);
}
.post-body .ut-voir-aussi,
.entry-content .ut-voir-aussi {
    margin-top: 28px;
}
.ut-voir-aussi__body {
    flex: 1;
    min-width: 0;
    display: flex; flex-direction: column; gap: 4px;
}
.ut-voir-aussi__name {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
    color: inherit;
    transition: color 0.12s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ut-voir-aussi__desc {
    font-size: 13px;
    line-height: 1.45;
    opacity: 0.75;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ut-voir-aussi__author {
    font-size: 12px;
    opacity: 0.6;
    margin-top: 2px;
}
@media (max-width: 540px) {
    .ut-voir-aussi__thumb { width: 100px; }
    .ut-voir-aussi__item { gap: 10px; padding: 8px; }
    .ut-voir-aussi__name { font-size: 14px; }
    .ut-voir-aussi__desc { font-size: 12px; }
}
.post-body .ut-voir-aussi__title,
.entry-content .ut-voir-aussi__title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 18px;
    color: #1f2937;
}
html.is-dark .post-body .ut-voir-aussi__title,
html.is-dark .entry-content .ut-voir-aussi__title { color: #fff; }
.post-body .ut-voir-aussi__name,
.entry-content .ut-voir-aussi__name {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
    color: inherit;
}
.post-body .ut-voir-aussi__desc,
.entry-content .ut-voir-aussi__desc {
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
}
.post-body a.ut-voir-aussi__item,
.entry-content a.ut-voir-aussi__item {
    color: inherit;
    text-decoration: none;
}
.post-body a.ut-voir-aussi__item:hover,
.entry-content a.ut-voir-aussi__item:hover {
    text-decoration: none;
    color: inherit;
}
.post-body a.ut-voir-aussi__item:hover .ut-voir-aussi__name,
.entry-content a.ut-voir-aussi__item:hover .ut-voir-aussi__name {
    color: var(--main-color, #fd3a13);
}
.ut-voir-aussi__cat {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    height: 15px;
    background-color: var(--tag-bg, var(--main-color, #fd3a13));
    color: var(--tag-color, #fff);
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 0;
    padding: 1px 6px 0;
    border-radius: 0 var(--radius, 4px) 0 0;
}
.ut-rt-card__thumb-img.is-video::after {
    transform: translate(50%, -50%) scale(0.7);
}
.ut-rt-card__cat {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    height: 13px;
    background-color: var(--tag-bg, var(--main-color, #fd3a13));
    color: var(--tag-color, #fff);
    font-size: 8px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 0;
    padding: 1px 5px 0;
    border-radius: 0 var(--radius, 4px) 0 0;
}
.ut-rt-card__chevron {
    margin-left: auto;
    font-size: 16px;
    color: #9ca3af;
    flex-shrink: 0;
    transition: transform 0.12s, color 0.12s;
}
.ut-rt-card__head:hover .ut-rt-card__chevron {
    color: var(--main-color, #fd3a13);
    transform: translateX(2px);
}
html.is-dark .ut-rt-card__chevron { color: rgba(255,255,255,0.4); }
.ut-rt-card__more {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 10px;
    padding: 7px 12px;
    border-top: 1px solid #e5e7eb;
    font-size: 12px;
    font-weight: 600;
    color: var(--main-color, #fd3a13);
    text-decoration: none;
    transition: gap 0.12s, background 0.12s;
    border-radius: 0 0 8px 8px;
}
.ut-rt-card__more:hover {
    background: rgba(253, 58, 19, 0.06);
    color: var(--main-color, #fd3a13);
    gap: 10px;
}
.ut-rt-card__more i { font-size: 14px; }
html.is-dark .ut-rt-card__more { border-top-color: rgba(255,255,255,0.08); }
html.is-dark .ut-rt-card__more:hover { background: rgba(253, 58, 19, 0.14); }
.ut-topbar-tube {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    padding: 3px 11px;
    border-radius: 6px;
    transition: background 0.12s, opacity 0.12s;
}
.ut-topbar-tube:hover {
    background: rgba(255, 255, 255, 0.10);
    color: #fff;
}
.ut-topbar-tube__mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 20px;
    background: var(--main-color, #fd3a13);
    border-radius: 5px;
    font-size: 9px;
    color: #fff;
    padding-left: 1px;   
}
.ut-topbar-tube__txt { letter-spacing: -0.2px; }
.ut-topbar-discover .ut-topbar-tube__mark {
    background: none;
    width: auto;
    height: auto;
    padding: 0;
    color: #f5c518;
    font-size: 18px;
}
.ut-topbar-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 600;
    padding: 3px 11px;
    border-radius: 6px;
    transition: background 0.12s;
}
.ut-topbar-link:hover { background: rgba(255,255,255,0.12); color: #fff; }
.ut-topbar-link i { font-size: 15px; opacity: 0.9; }
.ut-topbar-drop { position: relative; display: inline-flex; }
.ut-topbar-drop__btn { background: none; border: 0; cursor: pointer; font-family: inherit; }
.ut-topbar-drop__caret { font-size: 13px !important; opacity: .7; transition: transform .15s ease; }
.ut-topbar-drop:hover .ut-topbar-drop__caret,
.ut-topbar-drop:focus-within .ut-topbar-drop__caret { transform: rotate(180deg); }
.ut-topbar-drop:hover .ut-topbar-drop__btn,
.ut-topbar-drop:focus-within .ut-topbar-drop__btn { background: rgba(255,255,255,0.12); }
.ut-topbar-drop__menu {
    position: absolute; top: 100%; right: 0; z-index: 9600;
    min-width: 232px; padding: 6px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0,0,0,.18);
    opacity: 0; visibility: hidden; transform: translateY(-4px);
    transition: opacity .15s ease, transform .15s ease, visibility 0s linear .18s;
}
.ut-topbar-drop__menu::before {
    content: ''; position: absolute; left: 0; right: 0; top: -10px; height: 10px;
}
.ut-topbar-drop:hover .ut-topbar-drop__menu,
.ut-topbar-drop:focus-within .ut-topbar-drop__menu {
    opacity: 1; visibility: visible; transform: translateY(0);
    transition: opacity .15s ease, transform .15s ease, visibility 0s;
}
.ut-topbar-drop__menu a {
    display: flex; align-items: center; gap: 10px;
    padding: 9px 12px; border-radius: 7px;
    color: var(--title-color, #16161a); text-decoration: none;
    font-size: 14px; font-weight: 600; line-height: 1.25;
    transition: background .12s ease, color .12s ease;
}
.ut-topbar-drop__menu a i { font-size: 17px; color: #d97706; opacity: 1; flex: 0 0 auto; }
.ut-topbar-drop__menu a:hover { background: rgba(245, 158, 11, .12); color: #b45309; }
.ut-topbar-drop__sep { display: block; height: 1px; margin: 5px 8px; background: rgba(0,0,0,.08); }
html.is-dark .ut-topbar-drop__menu { background: #22242a; border-color: rgba(255,255,255,.12); }
html.is-dark .ut-topbar-drop__menu a { color: #fff; }
html.is-dark .ut-topbar-drop__menu a:hover { background: rgba(245, 158, 11, .18); color: #fbbf24; }
html.is-dark .ut-topbar-drop__sep { background: rgba(255,255,255,.12); }
.ut-topbar-left { display: flex; align-items: center; min-width: 0; }
.ut-topbar-logo {
    display: inline-flex; align-items: center;
    max-width: 0; overflow: hidden; opacity: 0; padding: 0; border-radius: 6px;
    transition: max-width 0.35s ease, opacity 0.35s ease, padding 0.35s ease, background 0.12s;
}
.ut-topbar-logo img { max-width: none; height: 21px; width: auto; display: block; }
.ut-header--scrolled .ut-topbar-logo { max-width: 160px; opacity: 1; padding: 3px 9px; }
.ut-topbar-logo:hover { background: rgba(255,255,255,0.12); }
.ut-topbar-logo-sep { display: none; }
.ut-header--scrolled .ut-topbar-logo-sep { display: block; }
.ut-topbar-sep {
    width: 1px;
    height: 20px;
    background: rgba(255,255,255,0.4);
    margin: 0 4px;
    flex-shrink: 0;   
}
.ut-mobile-menu-cta {
    display: flex;
    gap: 10px;
    padding: 16px 18px 24px;
    border-top: 1px solid rgba(0,0,0,0.08);
}
.ut-mmenu-tp-badge { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 19px; border-radius: 6px; background: #fd3a13; color: #fff; margin-right: 10px; vertical-align: -4px; flex-shrink: 0; }
.ut-mmenu-tp-badge i { font-size: 9px; margin-left: 1px; }
.ut-mmenu-tp-badge--gold { background: #f5c518; color: #1a1a1a; }
.quiz-slot--desktop { display: block; }
.quiz-slot--mobile { display: none; }
@media (max-width: 980px) { .quiz-slot--desktop { display: none; } .quiz-slot--mobile { display: block; } }
.quiz-card__eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--main-color, #fd3a13); display: inline-flex; align-items: center; gap: 6px; }
.quiz-card__title { font-size: 19px; font-weight: 800; margin: 8px 0 4px; }
html.is-dark .quiz-card__title { color: #e9e9e5; }
.quiz-card__sub { font-size: 13.5px; opacity: .7; margin: 0 0 16px; }
.quiz-opt { margin-bottom: 14px; }
.quiz-opt__label { display: block; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; opacity: .55; margin-bottom: 7px; }
.quiz-opt__row { display: grid; gap: 8px; }
.quiz-opt__row[data-opt="count"] { grid-template-columns: repeat(4, 1fr); }
.quiz-opt__row[data-opt="diff"] { grid-template-columns: repeat(2, 1fr); }
.quiz-opt__btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 8px; border-radius: 12px; border: 1.5px solid rgba(128,128,128,.28); background: none; color: inherit; font-family: inherit; font-size: 13px; font-weight: 700; cursor: pointer; text-align: center; transition: transform .12s, background .14s, border-color .14s, color .14s, box-shadow .14s; }
.quiz-opt__btn i { font-size: 16px; line-height: 1; }
.quiz-opt__btn:hover { border-color: rgba(128,128,128,.5); }
.quiz-opt__btn.is-active { transform: translateY(-1px); box-shadow: 0 3px 10px rgba(0,0,0,.13); }
.quiz-opt__row[data-opt="count"] .quiz-opt__btn.is-active { background: #374151; border-color: #374151; color: #fff; }
html.is-dark .quiz-opt__row[data-opt="count"] .quiz-opt__btn.is-active { background: #4b5563; border-color: #4b5563; }
.quiz-opt__btn[data-val="facile"] i    { color: #16a34a; }
.quiz-opt__btn[data-val="moyen"] i     { color: #d4951a; }
.quiz-opt__btn[data-val="difficile"] i { color: #dc2626; }
.quiz-opt__btn[data-val="facile"].is-active    { background: rgba(22,163,74,.14);  border-color: #16a34a; color: #15803d; }
.quiz-opt__btn[data-val="moyen"].is-active     { background: rgba(212,149,26,.16); border-color: #d4951a; color: #b45309; }
.quiz-opt__btn[data-val="difficile"].is-active { background: rgba(220,38,38,.13);  border-color: #dc2626; color: #dc2626; }
html.is-dark .quiz-opt__btn[data-val="facile"].is-active    { color: #4ade80; }
html.is-dark .quiz-opt__btn[data-val="moyen"].is-active     { color: #fcd34d; }
html.is-dark .quiz-opt__btn[data-val="difficile"].is-active { color: #f87171; }
.quiz-opt__btn[data-val="random"] i {
    background: linear-gradient(90deg, #16a34a, #d4951a, #dc2626);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.quiz-opt__btn[data-val="random"].is-active {
    border-color: transparent; color: #1f2937;
    background: linear-gradient(90deg, #86efac, #fde68a, #fca5a5);
    box-shadow: 0 3px 12px rgba(0,0,0,.12);
}
.quiz-opt__btn[data-val="random"].is-active i { -webkit-text-fill-color: #1f2937; color: #1f2937; background: none; }
html.is-dark .quiz-opt__btn[data-val="random"].is-active {
    color: #fff; background: linear-gradient(90deg, #16a34a, #d4951a, #dc2626); box-shadow: 0 3px 12px rgba(220,38,38,.28);
}
html.is-dark .quiz-opt__btn[data-val="random"].is-active i { -webkit-text-fill-color: #fff; color: #fff; }
.quiz-card__start, .quiz-card__cfgdone, .quiz-q__next, .quiz-result__replay { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 18px; border-radius: 10px; border: 0; background: var(--main-color, #fd3a13); color: #fff; font-family: inherit; font-size: 14px; font-weight: 700; cursor: pointer; transition: filter .15s; }
.quiz-card__start:hover, .quiz-card__cfgdone:hover, .quiz-q__next:hover, .quiz-result__replay:hover { filter: brightness(1.08); }
.quiz-card__start:disabled { opacity: .6; cursor: default; }
.quiz-card__cfgdone { width: 100%; margin-top: 4px; }
.quiz-config__title { font-size: 15px; font-weight: 700; margin-bottom: 14px; }
.quiz-card__actions { display: flex; align-items: stretch; gap: 10px; }
.quiz-card__actions .quiz-card__start { flex: 1; }
.quiz-card__gear { flex-shrink: 0; width: 40px; height: 40px; border-radius: 10px; border: 1px solid var(--main-color, #fd3a13); background: none; color: var(--main-color, #fd3a13); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; transition: background .12s; }
.quiz-card__gear:hover { background: rgba(253,58,19,.1); }
.quiz-card__game { perspective: 1000px; }
.quiz-q { animation: quizFlipIn .4s cubic-bezier(.2,.7,.3,1) both; transform-origin: center; }
.quiz-q.is-flip-out { animation: quizFlipOut .24s ease both; }
@keyframes quizFlipIn { from { transform: rotateY(-90deg); opacity: 0; } to { transform: rotateY(0deg); opacity: 1; } }
@keyframes quizFlipOut { from { transform: rotateY(0deg); opacity: 1; } to { transform: rotateY(90deg); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .quiz-q, .quiz-q.is-flip-out { animation: none; } }
.quiz-q__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.quiz-q__prog { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; opacity: .5; }
.quiz-diff { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; padding: 3px 9px; border-radius: 999px; flex-shrink: 0; }
.quiz-diff--facile { background: rgba(22,163,74,.15); color: #15803d; }
.quiz-diff--moyen { background: rgba(212,149,26,.18); color: #a86e12; }
.quiz-diff--difficile { background: rgba(220,38,38,.14); color: #b91c1c; }
html.is-dark .quiz-diff--facile { color: #4ade80; }
html.is-dark .quiz-diff--moyen { color: #f5c842; }
html.is-dark .quiz-diff--difficile { color: #f87171; }
.quiz-q__text { font-size: 16px; font-weight: 700; line-height: 1.4; margin-bottom: 14px; }
.quiz-q__answers { display: flex; flex-direction: column; gap: 9px; }
.quiz-ans { display: flex; align-items: center; gap: 11px; text-align: left; padding: 10px 13px; border-radius: 10px; border: 1px solid; background: none; color: inherit; font-family: inherit; font-size: 14px; cursor: pointer; transition: background .12s, opacity .12s; }
.quiz-ans__letter { flex-shrink: 0; width: 26px; height: 26px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 13px; }
.quiz-ans__text { flex: 1; min-width: 0; }
.quiz-ans:disabled { cursor: default; }
.quiz-ans { opacity: 0; filter: blur(8px); transform: translateX(-16px); }
.quiz-ans.is-revealed { opacity: 1; filter: blur(0); transform: translateX(0);
    transition: opacity .5s ease, filter .55s ease, transform .45s cubic-bezier(.34,1.2,.64,1), background .12s, border-color .12s, box-shadow .12s; }
.quiz-ans.is-correct, .quiz-ans.is-wrong { opacity: 1 !important; filter: blur(0) !important; transform: translateX(0) !important; }
@media (prefers-reduced-motion: reduce) { .quiz-ans { opacity: 1; filter: none; transform: none; } }
.quiz-ans:nth-child(1) { border-color: rgba(220,20,60,.5);  background: rgba(220,20,60,.07); }
.quiz-ans:nth-child(2) { border-color: rgba(26,95,199,.5);  background: rgba(26,95,199,.07); }
.quiz-ans:nth-child(3) { border-color: rgba(212,149,26,.5); background: rgba(212,149,26,.07); }
.quiz-ans:nth-child(4) { border-color: rgba(27,140,45,.5);  background: rgba(27,140,45,.07); }
.quiz-ans:nth-child(1) .quiz-ans__letter { background: #dc143c; }
.quiz-ans:nth-child(2) .quiz-ans__letter { background: #1a5fc7; }
.quiz-ans:nth-child(3) .quiz-ans__letter { background: #d4951a; }
.quiz-ans:nth-child(4) .quiz-ans__letter { background: #1b8c2d; }
.quiz-ans:nth-child(1):hover:not(:disabled) { background: rgba(220,20,60,.18); }
.quiz-ans:nth-child(2):hover:not(:disabled) { background: rgba(26,95,199,.18); }
.quiz-ans:nth-child(3):hover:not(:disabled) { background: rgba(212,149,26,.18); }
.quiz-ans:nth-child(4):hover:not(:disabled) { background: rgba(27,140,45,.18); }
.quiz-ans.is-correct { border-color: #16a34a !important; background: rgba(22,163,74,.18) !important; }
.quiz-ans.is-correct .quiz-ans__letter { background: #16a34a !important; }
.quiz-ans.is-wrong { border-color: #dc2626 !important; background: rgba(220,38,38,.16) !important; }
.quiz-ans.is-wrong .quiz-ans__letter { background: #dc2626 !important; }
.quiz-q__answers.answered .quiz-ans:not(.is-correct):not(.is-wrong) { opacity: .4; }
.quiz-q__exp { margin-top: 12px; padding: 11px 13px; border-radius: 9px; background: rgba(128,128,128,.09); font-size: 13px; line-height: 1.5; }
.quiz-q__next { margin-top: 14px; }
.quiz-result { text-align: center; padding: 8px 0; }
.quiz-result__stars { display: flex; justify-content: center; gap: 8px; margin: 4px 0 10px; }
.quiz-star { position: relative; display: inline-block; font-size: 30px; line-height: 1; animation: quizStarPop .42s ease both; }
.quiz-star:nth-child(2) { animation-delay: .07s; }
.quiz-star:nth-child(3) { animation-delay: .14s; }
.quiz-star:nth-child(4) { animation-delay: .21s; }
.quiz-star:nth-child(5) { animation-delay: .28s; }
.quiz-star i { display: block; }
.quiz-star__bg { color: rgba(128,128,128,.28); }
.quiz-star__fill {
    position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap;
    background: linear-gradient(180deg, #fff3a0 0%, #ffd23f 42%, #f0a500 100%);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
    filter: drop-shadow(0 2px 3px rgba(224,150,0,.5));
}
@keyframes quizStarPop { 0% { transform: scale(0); } 60% { transform: scale(1.25); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .quiz-star { animation: none; } }
.quiz-result__msg { font-size: 15px; font-weight: 700; margin-top: 2px; }
.quiz-result__actions { display: flex; justify-content: center; gap: 12px; margin-top: 16px; flex-wrap: wrap; }
.quiz-result__more { display: inline-flex; align-items: center; padding: 10px 18px; border-radius: 10px; border: 1px solid rgba(128,128,128,.3); text-decoration: none; color: inherit; font-size: 14px; font-weight: 600; }
.quiz-result__more:hover { border-color: var(--main-color, #fd3a13); color: var(--main-color, #fd3a13); }
.quiz-card__empty { opacity: .6; font-size: 13px; }
.yy-content { font-size: 15px; line-height: 1.7; color: #2b2b2b; }
html.is-dark .yy-content { color: #d7d7db; }
.yy-content p { margin: 0 0 12px; }
.yy-content p:last-child { margin-bottom: 0; }
.yy-term { font-style: italic; }
.yy-src { display: inline-block; margin-top: 6px; font-size: 12.5px; color: #6b7280; }
html.is-dark .yy-src { color: #9aa0aa; }
.yy-qpratique { margin-top: 28px; }
.yy-qp-list { display: flex; flex-direction: column; gap: 18px; }
.yy-qp-item { border-left: 3px solid var(--main-color, #fd3a13); padding-left: 14px; }
.yy-qp-siman { font-size: 11px; text-transform: uppercase; letter-spacing: .4px; opacity: .5; margin-bottom: 3px; }
.yy-qp-question {
    display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
    width: 100%; text-align: left; background: none; border: 0; padding: 0; cursor: pointer;
    font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.5; color: inherit;
    transition: color .15s;
}
.yy-qp-question:hover { color: var(--main-color, #fd3a13); }
.yy-qp-chev { flex-shrink: 0; margin-top: 3px; font-size: 14px; opacity: .5; transition: transform .2s ease; }
.yy-qp-chev.is-open { transform: rotate(180deg); }
.yy-qp-answer { margin-top: 10px; }
.yy-qp-more { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; font-size: 13.5px; font-weight: 700; text-decoration: none; color: var(--main-color, #fd3a13); }
.yy-qp-more:hover { gap: 10px; }
.yy-q-crumb { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 13px; opacity: .7; margin-bottom: 14px; }
.yy-q-crumb a { color: inherit; text-decoration: none; }
.yy-q-crumb a:hover { text-decoration: underline; }
.yy-q-crumb span { opacity: .4; }
.yy-q-crumb .is-current { opacity: .6; }
.yy-q-title { font-size: 26px; font-weight: 800; margin: 0 0 4px; }
.yy-q-sub { font-size: 13px; opacity: .6; margin: 0 0 20px; }
.yy-q-empty { opacity: .6; padding: 20px 0; }
.yy-q-search { display: flex; align-items: center; gap: 8px; border: 1px solid rgba(128,128,128,.25); border-radius: 10px; padding: 9px 12px; margin-bottom: 20px; }
.yy-q-search > i { opacity: .5; }
.yy-q-search input { flex: 1; border: 0; background: none; outline: none; font-size: 15px; color: inherit; font-family: inherit; }
.yy-q-search button { border: 0; background: none; cursor: pointer; opacity: .5; }
.yy-q-simanim { display: flex; flex-direction: column; gap: 10px; }
.yy-q-siman { border: 1px solid rgba(128,128,128,.18); border-radius: 12px; overflow: hidden; }
.yy-q-siman-head { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; background: none; border: 0; cursor: pointer; padding: 14px 16px; font-family: inherit; color: inherit; }
.yy-q-siman-num { font-size: 15px; font-weight: 700; color: var(--main-color, #fd3a13); flex-shrink: 0; min-width: 1.6em; }
.yy-q-siman-titre { flex: 1; font-size: 16px; font-weight: 700; }
.yy-q-siman-count { display: none; } 
.yy-q-line mark { background: rgba(253, 58, 19, .18); color: inherit; border-radius: 3px; padding: 0 2px; }
.yy-q-chev { opacity: .5; transition: transform .2s; }
.yy-q-chev.is-open { transform: rotate(180deg); }
.yy-q-seifs { padding: 0 16px 10px; }
.yy-q-seif { border-left: 3px solid var(--main-color, #fd3a13); padding: 4px 0 4px 14px; margin-bottom: 14px; }
.yy-q-lines { display: flex; flex-direction: column; gap: 6px; }
.yy-q-line { display: flex; gap: 8px; align-items: flex-start; font-size: 15px; font-weight: 600; line-height: 1.45; cursor: pointer; transition: color .12s; }
.yy-q-line:hover { color: var(--main-color, #fd3a13); }
.yy-q-line i { margin-top: 3px; opacity: .5; font-size: 14px; flex-shrink: 0; }
.yy-q-ans-wrap { margin-top: 8px; }
.yy-q-ansbtn { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; cursor: pointer; font-family: inherit; font-size: 13px; color: var(--main-color, #fd3a13); list-style: none; }
.yy-q-ansbtn::-webkit-details-marker { display: none; }
.yy-q-ansbtn::marker { content: ""; }
.yy-q-ansbtn i { transition: transform .2s; }
.yy-q-ans-wrap[open] > .yy-q-ansbtn i { transform: rotate(180deg); }
.yy-q-ans { margin-top: 8px; }
.yy-q-loading { padding: 14px 0; opacity: .5; font-size: 13px; }
.yy-q-fgroup { margin-bottom: 4px; }
.yy-q-fgroup-titre { font-size: 15px; font-weight: 700; margin: 16px 0 8px; opacity: .85; }
html.is-dark .yy-q-fgroup-titre { color: #e9e9e5; }
.yy-q-more-btn { display: inline-flex; align-items: center; gap: 6px; margin: 12px 0 4px; padding: 8px 16px; border: 1px solid rgba(128,128,128,.3); border-radius: 999px; background: none; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 600; color: inherit; transition: color .15s, border-color .15s; }
.yy-q-more-btn:hover { border-color: var(--main-color, #fd3a13); color: var(--main-color, #fd3a13); }
.yy-cta { background: #fff; border: 1px solid rgba(0,0,0,.08); border-top: 3px solid var(--rt-color, #6366f1); border-radius: 12px; padding: 16px; }
html.is-dark .yy-cta { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.08); border-top-color: var(--rt-color, #6366f1); color: #e5e7eb; }
@media only screen and (max-width: 680px) { .yy-cta { border-radius: 0; } }
.yy-cta__kicker { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--rt-color, #6366f1); margin-bottom: 8px; }
.yy-cta__title { font-size: 17px; font-weight: 800; line-height: 1.2; margin-bottom: 6px; }
.yy-cta__count { font-size: 13.5px; opacity: .82; line-height: 1.4; margin-bottom: 14px; }
.yy-cta__count strong { color: var(--rt-color, #6366f1); font-size: 15px; }
.yy-cta__btn { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; padding: 11px 14px; border-radius: 10px; background: var(--rt-color, #6366f1); color: #fff; font-weight: 700; font-size: 14px; text-decoration: none; transition: filter .15s; }
.yy-cta__btn:hover { filter: brightness(1.08); }
.yy-cta__btn i { transition: transform .15s; }
.yy-cta__btn:hover i { transform: translateX(3px); }
.yy-q-toc { background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 12px; padding: 14px 8px 14px 14px; }
html.is-dark .yy-q-toc { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.08); color: #e5e7eb; }
@media only screen and (max-width: 680px) { .yy-q-toc { border-radius: 0; } }
.yy-q-toc__title { display: flex; align-items: center; gap: 6px; font-weight: 700; font-size: 14px; margin-bottom: 10px; }
.yy-q-toc__list { list-style: none; margin: 0; padding: 0 4px 0 0; max-height: min(62vh, 540px); overflow-y: auto; }
.yy-q-toc__item { display: flex; gap: 6px; width: 100%; text-align: left; background: none; border: 0; cursor: pointer; font-family: inherit; color: inherit; font-size: 13.5px; line-height: 1.35; padding: 7px 9px; border-radius: 8px; transition: background .12s; }
.yy-q-toc__item:hover { background: rgba(0,0,0,.05); }
html.is-dark .yy-q-toc__item:hover { background: rgba(255,255,255,.07); }
.yy-q-toc__item.is-active { background: rgba(253,58,19,.12); color: var(--main-color, #fd3a13); font-weight: 700; }
.yy-q-toc__num { flex-shrink: 0; opacity: .55; }
.yy-q-toc__item.is-active .yy-q-toc__num { opacity: 1; }
.yy-q-chap-mobile { display: none; margin: 12px 0 4px; }
.yy-q-chap-mobile__lbl { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.yy-q-chap-mobile select { width: 100%; padding: 10px 12px; border: 1px solid rgba(0,0,0,.15); border-radius: 10px; background: #fff; color: inherit; font-family: inherit; font-size: 14px; }
html.is-dark .yy-q-chap-mobile select { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.14); color: #e5e7eb; }
@media only screen and (max-width: 680px) {
    .yy-q-chap-mobile { display: block; }
}
.yy-qp-src { margin-top: 10px; font-size: 12px; opacity: .6; line-height: 1.6; }
.yy-qp-src strong { font-weight: 700; }
.yy-qp-src-sep { opacity: .4; margin: 0 3px; }
.yy-qp-heb { font-size: 13.5px; margin: 0 3px; opacity: .9; unicode-bidi: isolate; }
.yy-qp-source {
    margin-top: 10px;
    font-size: 13px;
    font-style: italic;
    color: inherit;
    opacity: .55;
    line-height: 1.5;
}
.ut-mobile-menu-account {
    margin-top: auto;   
    position: sticky;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
    background: #04243f;   
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.ut-mmenu-account__av {
    flex-shrink: 0;
    width: 36px; height: 36px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    overflow: hidden; background: rgba(255, 255, 255, 0.10);
    font-size: 20px; color: rgba(255, 255, 255, 0.85);
}
.ut-mmenu-account__av img { width: 100%; height: 100%; object-fit: cover; }
.ut-mmenu-account__name {
    flex: 1; min-width: 0;
    color: #fff; font-size: 14px; font-weight: 600; text-decoration: none;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ut-mmenu-account__logout {
    flex-shrink: 0;
    width: 34px; height: 34px; border-radius: 8px;
    display: inline-flex; align-items: center; justify-content: center;
    color: rgba(255, 255, 255, 0.7); font-size: 15px; text-decoration: none;
    background: rgba(255, 255, 255, 0.06);
}
.ut-mmenu-account__logout:hover { background: rgba(255, 255, 255, 0.12); color: #fff; }
.ut-mmenu-account__login {
    display: flex; align-items: center; gap: 11px; width: 100%;
    border: 0; background: none; padding: 0; cursor: pointer; text-align: left;
    color: #fff; font-family: inherit; font-size: 14px; font-weight: 600;
}
.ut-mmenu-account__login i { font-size: 24px; color: rgba(255, 255, 255, 0.7); flex-shrink: 0; }
html.is-dark .ut-mobile-menu-cta { border-top-color: rgba(255,255,255,0.10); }
.ut-mobile-cta {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.12s, filter 0.12s;
}
.ut-mobile-cta:active { transform: scale(0.97); }
.ut-mobile-cta i { font-size: 17px; }
.ut-mobile-cta--themes {
    background: #f59e0b;
    color: #fff;
    border: 1px solid transparent;
}
.ut-mobile-cta--themes:hover { filter: brightness(1.05); color: #fff; }
html.is-dark .ut-mobile-cta--themes { color: #fff; background: #f59e0b; }
.ut-mobile-cta--tube {
    background: var(--main-color, #fd3a13);
    color: #fff;
}
.ut-mobile-cta--tube:hover { filter: brightness(1.05); }
.ut-mobile-cta__play {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px; height: 17px;
    background: #fff;
    color: var(--main-color, #fd3a13);
    border-radius: 5px;
    font-size: 8px;
    padding-left: 1px;
}
@media (max-width: 768px), (hover: none) and (pointer: coarse) {
    [data-tooltip]::before,
    [data-tooltip]::after {
        display: none !important;
        content: none !important;
    }
}
html.is-dark .ts-control,
html.is-dark .ts-wrapper.focus .ts-control,
html.is-dark .ts-wrapper.input-active .ts-control,
html.is-dark .ts-wrapper.dropdown-active .ts-control {
    background: #202024 !important;
    border-color: rgba(255, 255, 255, 0.18);
    color: #e9e9e5;
    box-shadow: none;
}
html.is-dark .ts-wrapper.focus .ts-control { border-color: rgba(255, 255, 255, 0.35); }
html.is-dark .ts-control input,
html.is-dark .ts-control .item { color: #e9e9e5 !important; background: transparent !important; }
html.is-dark .ts-control input::placeholder { color: rgba(255, 255, 255, 0.45); }
html.is-dark .ts-dropdown {
    background: #252529;
    border-color: rgba(255, 255, 255, 0.12);
    color: #e9e9e5;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.5);
}
html.is-dark .ts-dropdown .option { color: #e9e9e5; }
html.is-dark .ts-dropdown .option:hover,
html.is-dark .ts-dropdown .active { background: rgba(255, 255, 255, 0.10); color: #fff; }
html.is-dark .ts-dropdown .optgroup-header {
    background: #202024;
    color: var(--color-accent-500, #c9a84c);
}
html.is-dark .ts-dropdown .no-results { color: rgba(255, 255, 255, 0.6); }
html.is-dark .bm-share-panel { background: rgba(34, 197, 94, 0.08); border-color: rgba(134, 239, 172, 0.22); }
html.is-dark .bm-share-panel a { color: #86efac; }
html.is-dark .bm-share-panel a:hover { background: rgba(134, 239, 172, 0.12); color: #86efac; }
.ut-login-overlay {
    position: fixed; inset: 0; z-index: 10000;
    display: flex; align-items: center; justify-content: center;
    padding: 20px; background: rgba(0,0,0,.55); backdrop-filter: blur(3px);
}
.ut-login-modal {
    position: relative; width: 100%; max-width: 420px;
    background: #fff; border-radius: 18px; padding: 30px 26px 22px;
    box-shadow: 0 24px 60px rgba(0,0,0,.4); text-align: center;
}
html.is-dark .ut-login-modal { background: #1c1c1c; color: #f1f1f1; }
.ut-login-modal__close {
    position: absolute; top: 12px; right: 12px; width: 34px; height: 34px;
    border: none; border-radius: 50%; background: rgba(0,0,0,.06); color: inherit;
    cursor: pointer; font-size: 15px;
}
html.is-dark .ut-login-modal__close { background: rgba(255,255,255,.1); }
.ut-login-modal__close:hover { background: rgba(0,0,0,.12); }
.ut-login-modal__icon { font-size: 40px; color: #f5c518; }
.ut-login-modal__head h2 { margin: 12px 0 22px; font-size: 20px; font-weight: 800; color: inherit; }
html.is-dark .ut-login-modal__head h2 { color: #f1f1f1; }
.ut-login-modal__head p { margin: 0 0 20px; font-size: 13.5px; opacity: .7; line-height: 1.45; }
.ut-login-modal__providers { display: flex; flex-direction: column; gap: 10px; }
.ut-login-btn {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    width: 100%; box-sizing: border-box; padding: 12px 16px;
    border-radius: 999px; border: 1px solid var(--ut-border, rgba(0,0,0,.12));
    background: #fff; color: #222; font-size: 14.5px; font-weight: 600;
    text-decoration: none; cursor: pointer; transition: background .15s, box-shadow .15s;
}
.ut-login-btn:hover { background: #f5f5f5; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.ut-login-btn i { font-size: 17px; }
.ut-login-btn--google i { color: #ea4335; }
.ut-login-btn--soon { opacity: .5; cursor: not-allowed; }
.ut-login-btn--soon span { font-size: 11px; opacity: .8; }
html.is-dark .ut-login-btn { background: #2a2a2a; color: #f1f1f1; border-color: rgba(255,255,255,.14); }
html.is-dark .ut-login-btn:hover { background: #333; }
.ut-login-modal__legal { margin: 18px 0 0; font-size: 11px; opacity: .5; line-height: 1.4; }
.ut-topbar-pourvous__avatar { width: 18px; height: 18px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.ut-bottomnav { display: none; }
@media (max-width: 768px) {
    .ut-bottomnav {
        display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9500;
        background: #ffffff; border-top: 1px solid rgba(0,0,0,.08);
        box-shadow: 0 -3px 14px rgba(0,0,0,.06);
        padding: 6px 2px calc(4px + env(safe-area-inset-bottom, 0px));
        justify-content: space-around;
    }
    .ut-bottomnav__item {
        flex: 1 1 0; min-width: 0;
        display: flex; flex-direction: column; align-items: center; gap: 3px;
        padding: 4px 0; text-decoration: none;
        color: #6b7280; font-size: 10px; font-weight: 600; line-height: 1;
    }
    .ut-bottomnav__item i { font-size: 20px; line-height: 1; }
    .ut-bottomnav__item span { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .ut-bottomnav__item.is-active { color: var(--main-color, #fd3a13); }
    body.ut-has-bottomnav { padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px)); }
    .ut-whatsapp-floating { width: 46px; right: 10px; bottom: calc(68px + env(safe-area-inset-bottom, 0px)); }
    .ut-mobile-menu { padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px)); }
    .ut-search-toggle { display: none; }
    .ut-navbar-actions { padding-right: 12px; }
    .ut-mobile-menu-account { padding-bottom: 12px; }
}
html.is-dark .ut-bottomnav { background: #1c1e24; border-color: rgba(255,255,255,.10); box-shadow: 0 -3px 14px rgba(0,0,0,.4); }
html.is-dark .ut-bottomnav__item { color: #9aa4b2; }
html.is-dark .ut-bottomnav__item.is-active { color: #ff6a4d; }
.ut-fam-nav-mobile { display: none; }
@media (max-width: 980px) {
    .ut-fam-nav-mobile { display: block; }
    #sidebar-wrapper .ut-fam-nav { display: none; }
}
        
        :root {
            --ap-short-w: 184px;
            --ap-short-h: 327px;
        }
        .ut-short-carousel {
            position: relative;
        }
        .shorts-swiper {
            width: 100%;
            padding: 0 4px 0 !important;
        }
        @media (max-width: 768px) {
            .shorts-swiper { padding: 0 4px 0 !important; }
        }
        .shorts-slide {
            width: var(--ap-short-w) !important;
            height: auto;
        }
        .short-inner {
            display: block;
            text-decoration: none;
            color: inherit;
        }
        .short-thumb-wrap {
            position: relative;
            width: var(--ap-short-w);
            height: var(--ap-short-h); 
            border-radius: 10px;
            overflow: hidden;
            background-color: #111;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
        }
        .short-thumb {
            display: block;
            width: 100%;
            height: 100%;
            transition: transform 0.3s ease;
        }
        .short-thumb img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .short-inner:hover .short-thumb {
            transform: scale(1.05);
        }
        .short-play-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 48px;
            height: 48px;
            background: rgba(0, 0, 0, 0.55);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            font-size: 18px;
            padding-left: 3px;
            z-index: 2;
        }
        .short-overlay-title {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 3;
            padding: 36px 12px 12px;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 65%, transparent 100%);
            color: #ffffff;
            font-size: 14px;
            font-weight: 600;
            line-height: 1.35;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
        }
        .shorts-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 56px;
            height: 56px;
            background: rgba(255, 255, 255, 0.7);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10;
            color: #333333;
            font-size: 22px;
            border: 2px solid #ffffff;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
            transition: background 0.2s ease;
        }
        .shorts-nav:hover { background: rgba(255, 255, 255, 0.95); }
        .shorts-nav-prev { left: 4px; }
        .shorts-nav-next { right: 4px; }
        @media (max-width: 768px) {
            :root {
                --ap-short-w: 140px;
                --ap-short-h: 249px;
            }
            .short-overlay-title { font-size: 12.5px; padding: 30px 9px 9px; }
            .shorts-nav { width: 44px; height: 44px; font-size: 18px; }
        }
        
        .short-thumb--placeholder {
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(160deg,
                        rgba(var(--c-rgb), .35) 0%,
                        rgba(var(--c-rgb), .75) 100%);
            color: #fff;
            font-size: 46px;
        }
        .short-thumb--placeholder i { opacity: .5; }
        .short-duree {
            position: absolute;
            right: 8px;
            top: 8px;
            z-index: 3;
            padding: 3px 7px;
            border-radius: 6px;
            background: rgba(0, 0, 0, .62);
            color: #fff;
            font-size: 11px;
            font-weight: 600;
        }
@media (max-width: 768px) {
    .ap-shorts-section {
        margin-left: calc(var(--site-gutter) * -1);
        margin-right: calc(var(--site-gutter) * -1);
    }
}
:root {
    --site-max-width: 1280px;
    --content-max-width: 720px;
    --wide-max-width: 1600px;
    
    --site-gutter: 32px;
}
html,
body {
    overflow-x: clip;
    max-width: 100%;
}
.row-x1 {
    width: 100%;
    max-width: var(--site-max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
}
.ut-navbar-inner,
.ut-search-form form,
.ut-search-sugg__scroll,
.ut-search-sugg__more {
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
}
.page-content {
    width: 100%;
}
.ut-content {
    width: 100%;
    max-width: var(--content-max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
}
.ut-wide {
    width: 100%;
    max-width: var(--wide-max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
}
.full-bleed {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 0;
    padding-right: 0;
}
.full-bleed > .ut-inner {
    width: 100%;
    max-width: var(--site-max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
}
@media (max-width: 980px) {
    :root {
        --site-gutter: 16px;
    }
}
html {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--ap-page-rgb, var(--ap-brand-rgb, 147, 51, 234)), .32) transparent;
}
html::-webkit-scrollbar {
    width: 11px;
    height: 11px;
}
html::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .035);
}
html::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    border-radius: 999px;
    background: rgba(var(--ap-page-rgb, var(--ap-brand-rgb, 147, 51, 234)), .32);
    background-clip: padding-box;
}
html::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--ap-page-rgb, var(--ap-brand-rgb, 147, 51, 234)), .48);
    background-clip: padding-box;
}
.ap-agenda {
    padding: 16px 16px 14px;
    border-radius: 10px;
    background: rgba(var(--c-rgb, 147, 51, 234), .07);
}
.ap-agenda .ap-side-block__head {
    display: block;
    margin-bottom: 2px;
}
.ap-agenda .ap-side-block__titre {
    gap: 10px;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -.02em;
}
.ap-agenda .ap-side-block__titre i {
    font-size: 30px;
    color: var(--c, var(--ap-brand));
}
.ap-agenda__une {
    display: block;
    text-decoration: none;
}
.ap-agenda__affiche {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: var(--ap-ratio-og);
    overflow: hidden;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(var(--c-rgb), .18), rgba(var(--c-rgb), .38));
    color: var(--c);
    font-size: 34px;
}
.ap-agenda__affiche img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}
.ap-agenda__une:hover .ap-agenda__affiche img {
    transform: scale(1.04);
}
.ap-agenda__une-corps {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 9px 2px 0;
}
.ap-agenda__une-titre {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: -.01em;
    color: var(--ap-text);
}
.ap-agenda__lieu {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12.5px;
    color: var(--ap-text-muted);
}
.ap-agenda__lieu i {
    font-size: 14px;
    opacity: .8;
}
.ap-agenda__liste {
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
}
.ap-agenda__item {
    border-top: 1px solid rgba(var(--c-rgb, 147, 51, 234), .16);
}
.ap-agenda__lien {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 4px;
    border-radius: 8px;
    text-decoration: none;
    transition: background-color .15s ease;
}
.ap-agenda__lien:hover {
    background: rgba(var(--c-rgb, 147, 51, 234), .1);
}
.ap-agenda__corps {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.ap-agenda__titre {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.32;
    color: var(--ap-text);
}
.ap-agenda__ville {
    font-size: 12px;
    color: var(--ap-text-muted);
}
.ap-agenda__date {
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--c, var(--ap-brand));
}
.ap-agenda__date::first-letter {
    text-transform: uppercase;
}
.ap-agenda__badge {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    margin-top: 1px;
    padding: 3px 7px;
    border-radius: 5px;
    background: var(--c, var(--ap-brand));
    color: #fff;
    font-size: 11.5px;
    font-weight: 800;
    line-height: 1.35;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.ap-agenda__badge--flottant {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    font-size: 12.5px;
    padding: 4px 9px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .28);
}
.ap-agenda__tous {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    background: var(--c, var(--ap-brand));
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: filter .15s ease;
}
.ap-agenda__tous:hover {
    filter: brightness(1.08);
}
@media (prefers-reduced-motion: reduce) {
    .ap-agenda__une:hover .ap-agenda__affiche img {
        transform: none;
    }
}
.ap-appel {
    position: relative;
    overflow: hidden;
    padding: 30px 32px;
    border-radius: 16px;
    
    --ap-appel-c: #4f46e5;
    --ap-appel-c-rgb: 79, 70, 229;
    background: var(--ap-appel-c);
    background: linear-gradient(118deg, #4f46e5 0%, #3730a3 100%);
    color: #fff;
}
.ap-appel__filigrane {
    position: absolute;
    right: -14px;
    bottom: -76px;
    font-size: 230px;
    font-weight: 800;
    line-height: 1;
    color: rgba(255, 255, 255, .1);
    pointer-events: none;
    user-select: none;
}
.ap-appel__corps {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    max-width: 60ch;
}
.ap-appel__titre {
    color: #fff;
    margin: 0;
    font-size: 25px;
    font-weight: 780;
    line-height: 1.22;
}
.ap-appel__texte {
    margin: 0;
    color: rgba(255, 255, 255, .88);
    font-size: 15px;
    line-height: 1.55;
}
.ap-appel__bouton {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 10px;
    padding: 17px 32px;
    border-radius: 12px;
    background: #fff;
    color: var(--ap-appel-c);
    font-size: 17px;
    font-weight: 780;
    text-decoration: none;
    transition: transform .15s ease;
    
    animation: ap-appel-pulse 2.4s ease-in-out infinite;
}
.ap-appel__bouton:hover {
    transform: translateY(-2px);
    animation: none;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .28);
}
@keyframes ap-appel-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, .5); }
    70%      { box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); }
}
@media (prefers-reduced-motion: reduce) {
    .ap-appel__bouton {
        animation: none;
    }
}
@media (max-width: 640px) {
    .ap-appel {
        padding: 24px 22px;
    }
    .ap-appel__titre {
        font-size: 21px;
    }
    
    .ap-appel__filigrane {
        font-size: 150px;
        bottom: -50px;
    }
    .ap-appel__bouton {
        width: 100%;
        justify-content: center;
        padding: 16px 24px;
        font-size: 16px;
    }
}
.ap-apropos {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 28px 30px;
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(45% 55% at 92% 8%, rgba(255, 255, 255, .16), transparent 70%),
        radial-gradient(40% 50% at 4% 96%, rgba(255, 255, 255, .10), transparent 70%),
        var(--ap-gradient);
    box-shadow: 0 10px 30px rgba(var(--ap-brand-rgb), .18);
    overflow: hidden;
}
.ap-apropos__titre {
    margin: 0;
    font-size: 30px;
    line-height: 1.15;
    font-weight: 800;
    color: #fff;
}
.ap-apropos__intro {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, .92);
}
.ap-apropos__missions {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 12px;
}
.ap-apropos__missions a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    transition: background .15s ease;
}
.ap-apropos__missions a:hover {
    background: rgba(255, 255, 255, .12);
}
.ap-apropos__missions b {
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
}
.ap-apropos__missions small {
    display: block;
    font-size: 12.5px;
    line-height: 1.35;
    color: rgba(255, 255, 255, .8);
}
.ap-apropos__missions i {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: rgba(255, 255, 255, .16);
    font-size: 17px;
    flex: 0 0 auto;
}
.ap-apropos__article {
    display: flex;
    flex-direction: column;
    border-radius: 14px;
    overflow: hidden;
    background: var(--ap-bg-pure);
    color: var(--ap-text);
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .16);
    transition: transform .2s ease, box-shadow .2s ease;
}
.ap-apropos__article:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .2);
}
.ap-apropos__article-media {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    aspect-ratio: 1200 / 630;
    background: var(--ap-bg-soft);
    color: var(--ap-brand);
    font-size: 40px;
    overflow: hidden;
}
.ap-apropos__article-media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ap-apropos__badge {
    position: absolute;
    top: 14px;
    left: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    background: var(--ap-brand);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
}
.ap-apropos__article-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 18px;
}
.ap-apropos__article-titre {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--ap-text);
}
.ap-apropos__article .ap-lien-fleche {
    flex: 0 0 auto;
    color: var(--ap-brand);
    font-size: 14px;
    font-weight: 700;
}
.ap-apropos__inscription {
    margin-top: auto;
    padding: 16px 18px;
    border-radius: 12px;
    background: rgba(0, 0, 0, .16);
    border: 1px solid rgba(255, 255, 255, .18);
}
.ap-apropos__inscription p {
    margin: 0 0 12px;
    font-size: 15px;
    line-height: 1.5;
    color: rgba(255, 255, 255, .95);
}
.ap-apropos__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 18px;
}
.ap-apropos__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 26px;
    border-radius: 999px;
    background: #fff;
    color: var(--ap-brand-dark);
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
    transition: transform .15s ease, background .15s ease;
}
.ap-apropos__cta:hover {
    transform: translateY(-1px);
    background: var(--ap-brand-lighter);
    color: var(--ap-brand-darker);
}
.ap-apropos__plus {
    color: #fff;
    font-size: 14.5px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}
@media (max-width: 767px) {
    .ap-apropos { padding: 22px 18px; }
    .ap-apropos__titre { font-size: 24px; }
    .ap-apropos__missions { grid-template-columns: 1fr; }
    .ap-apropos__cta { width: 100%; justify-content: center; }
}
.ap-une__side .ap-une__item {
    flex: 1 0 auto;
}
@media (min-width: 981px) {
    .ap-une__side .ap-une__item-media {
        width: 180px;
    }
}
.ap-commentaires {
    margin-top: 34px;
    padding-top: 26px;
    border-top: 1px solid var(--ap-border);
}
.ap-commentaires__titre {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--ap-text);
}
.ap-commentaires__titre i {
    font-size: 26px;
    color: var(--c, var(--ap-brand));
}
.ap-commentaires__compte {
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    color: var(--c, var(--ap-brand));
    background: rgba(var(--c-rgb, 147, 51, 234), .1);
}
.ap-commentaires__fil {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.ap-commentaire {
    display: flex;
    gap: 12px;
    padding: 14px 0;
}
.ap-commentaire + .ap-commentaire {
    border-top: 1px solid var(--ap-border);
}
.ap-commentaire--reponse {
    padding-left: 14px;
    border-left: 2px solid rgba(var(--c-rgb, 147, 51, 234), .22);
}
.ap-commentaire__avatar {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    background: var(--c, var(--ap-brand));
}
.ap-commentaire__corps {
    flex: 1 1 auto;
    min-width: 0;
}
.ap-commentaire__entete {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 3px;
}
.ap-commentaire__nom {
    font-size: 15px;
    font-weight: 700;
    color: var(--ap-text);
}
.ap-commentaire__date {
    font-size: 12.5px;
    color: var(--ap-text-muted);
}
.ap-commentaire__texte {
    font-size: 15px;
    line-height: 1.65;
    color: var(--ap-text);
    overflow-wrap: anywhere;
}
.ap-commentaire__redaction {
    margin-top: 10px;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 14.5px;
    line-height: 1.6;
    background: rgba(var(--c-rgb, 147, 51, 234), .07);
}
.ap-commentaire__redaction-entete {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
    font-size: 13px;
    color: var(--c, var(--ap-brand));
}
.ap-commentaire__redaction-entete span {
    font-weight: 500;
    color: var(--ap-text-muted);
}
.ap-commentaire__actions {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 8px;
}
.ap-commentaire__action {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ap-text-muted);
    transition: color .15s ease;
}
.ap-commentaire__action:hover {
    color: var(--c, var(--ap-brand));
}
.ap-commentaires__vide {
    margin: 6px 0 0;
    font-size: 15px;
    line-height: 1.7;
    color: var(--ap-text-muted);
}
.ap-commentaires__plus {
    margin-top: 16px;
    text-align: center;
}
.ap-commentaires__plus button {
    padding: 9px 22px;
    border: 1px solid rgba(var(--c-rgb, 147, 51, 234), .3);
    border-radius: 999px;
    background: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: var(--c, var(--ap-brand));
    transition: background-color .15s ease;
}
.ap-commentaires__plus button:hover {
    background: rgba(var(--c-rgb, 147, 51, 234), .07);
}
.ap-commentaires__depot {
    margin-top: 26px;
    padding: 20px;
    border-radius: 14px;
    background: rgba(var(--c-rgb, 147, 51, 234), .05);
}
.ap-commentaires__depot-titre {
    margin: 0 0 14px;
    font-size: 17px;
    font-weight: 700;
    color: var(--ap-text);
}
.ap-commentaires__form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ap-commentaires__form--reponse {
    margin-top: 12px;
    gap: 8px;
}
.ap-commentaires__champ {
    width: 100%;
    padding: 11px 13px;
    border: 1px solid var(--ap-border);
    border-radius: 10px;
    background: var(--ap-bg-pure);
    font: inherit;
    font-size: 14.5px;
    color: var(--ap-text);
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.ap-commentaires__champ:focus {
    border-color: rgba(var(--c-rgb, 147, 51, 234), .5);
    box-shadow: 0 0 0 3px rgba(var(--c-rgb, 147, 51, 234), .12);
}
.ap-commentaires__champ--texte {
    min-height: 92px;
    max-height: 260px;
    line-height: 1.6;
    resize: vertical;
}
.ap-commentaires__leurre {
    position: absolute;
    left: -9999px;
}
.ap-commentaires__pied {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.ap-commentaires__lignes {
    font-size: 12.5px;
    color: var(--ap-text-muted);
}
.ap-commentaires__lignes.is-limite {
    font-weight: 700;
    color: #dc2626;
}
.ap-commentaires__boutons {
    display: flex;
    gap: 8px;
    margin-left: auto;
}
.ap-commentaires__envoyer {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 20px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: var(--c, var(--ap-brand));
    transition: filter .15s ease;
}
.ap-commentaires__envoyer:hover  { filter: brightness(1.1); }
.ap-commentaires__envoyer:disabled { opacity: .6; cursor: default; }
.ap-commentaires__annuler {
    padding: 10px 18px;
    border: 1px solid var(--ap-border);
    border-radius: 999px;
    background: var(--ap-bg-pure);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: var(--ap-text-muted);
}
.ap-commentaires__message {
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 14px;
}
.ap-commentaires__message.is-succes {
    color: #166534;
    background: #dcfce7;
}
.ap-commentaires__message.is-erreur {
    color: #991b1b;
    background: #fee2e2;
}
@media (max-width: 640px) {
    .ap-commentaire__avatar { flex-basis: 34px; width: 34px; height: 34px; font-size: 14px; }
    .ap-commentaires__depot { padding: 16px; }
}
.ap-commentaires__signature {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--ap-text-muted);
    font-size: 13.5px;
}
.ap-commentaires__signature i { color: var(--c, var(--ap-brand)); font-size: 18px; }
.ap-commentaires__signature strong { color: var(--ap-text); }
.ap-commentaires__connexion {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 22px 18px;
    border: 1px dashed rgba(var(--c-rgb, var(--ap-brand-rgb)), .35);
    border-radius: 14px;
    background: rgba(var(--c-rgb, var(--ap-brand-rgb)), .05);
    text-align: center;
}
.ap-commentaires__connexion p { margin: 0; color: var(--ap-text-muted); font-size: 14.5px; }
.ap-commentaires__connexion .ap-btn { border: 0; cursor: pointer; font-family: inherit; background: var(--c, var(--ap-brand)); }
.ap-compte {
    display: flex;
    justify-content: center;
    padding: 40px 0 64px;
}
.ap-compte__carte {
    width: 100%;
    max-width: 440px;
    padding: 30px 30px 26px;
    border: 1px solid var(--ap-border);
    border-radius: 18px;
    background: var(--ap-bg-pure);
    box-shadow: 0 18px 50px rgba(var(--ap-brand-rgb), .10);
}
.ap-compte__tete { text-align: center; margin-bottom: 20px; }
.ap-compte__icone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: 12px;
    border-radius: 16px;
    background: rgba(var(--ap-brand-rgb), .10);
    color: var(--ap-brand);
    font-size: 28px;
}
.ap-compte__tete h1 { margin: 0 0 6px; font-size: 24px; font-weight: 750; }
.ap-compte__tete p { margin: 0; color: var(--ap-text-muted); font-size: 14.5px; line-height: 1.5; }
.ap-compte__erreur {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    padding: 11px 14px;
    border-radius: 10px;
    background: rgba(196, 90, 20, .12);
    color: #9a4a12;
    font-size: 14px;
    font-weight: 600;
}
.ap-compte__champs { display: flex; flex-direction: column; gap: 14px; }
.ap-compte__champs label {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 13.5px;
    font-weight: 650;
}
.ap-compte__champs small { color: var(--ap-text-muted); font-size: 12px; font-weight: 400; }
.ap-compte__ligne { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 420px) { .ap-compte__ligne { grid-template-columns: 1fr; } }
.ap-compte__champs input[type="number"],
.ap-compte__champs input[type="text"],
.ap-compte__champs input[type="email"],
.ap-compte__champs input[type="password"] {
    width: 100%;
    padding: 11px 13px;
    border: 1px solid var(--ap-border);
    border-radius: 10px;
    background: var(--ap-bg-pure);
    color: var(--ap-text);
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
}
.ap-compte__champs input:focus {
    outline: none;
    border-color: var(--ap-brand);
    box-shadow: 0 0 0 3px rgba(var(--ap-brand-rgb), .14);
}
.ap-compte__pot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ap-compte__envoyer { justify-content: center; margin-top: 6px; border: 0; cursor: pointer; font-family: inherit; }
.ap-compte__bascule { margin: 18px 0 0; text-align: center; color: var(--ap-text-muted); font-size: 14px; }
.ap-compte__bascule a { color: var(--ap-brand); font-weight: 650; }
.ap-lien-compte {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 38px;
    padding: 0 12px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--ap-color-text);
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: color .15s ease;
}
.ap-lien-compte:hover { color: var(--ap-color-accent); }
.ap-compte-barre {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 280px;
    color: var(--ap-color-text);
    font-size: 14px;
    font-weight: 600;
}
.ap-profil__liste { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.ap-profil__ligne { display: grid; grid-template-columns: 110px 1fr; gap: 12px; padding: 12px 4px; border-bottom: 1px solid var(--ap-border); }
.ap-profil__ligne:last-child { border-bottom: 0; }
.ap-profil__ligne dt { color: var(--ap-text-muted); font-size: 13.5px; font-weight: 600; }
.ap-profil__ligne dd { margin: 0; font-size: 15px; font-weight: 600; word-break: break-word; }
.ap-cta--compte { gap: 7px; padding: 0 16px 0 12px; }
.ap-cta--compte i { font-size: 20px; }
.ap-compte-menu { position: relative; }
.ap-compte-connecte {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 0;
    font-family: inherit;
    cursor: pointer;
    padding: 7px 18px 7px 12px;
    border-radius: 14px;
    background: rgba(var(--ap-brand-rgb), .06);
}
.ap-compte-connecte__icone { color: var(--ap-color-accent); font-size: 26px; }
.ap-compte-connecte__fleche { font-size: 15px; opacity: .8; transition: transform .15s ease; }
.ap-compte-connecte__fleche.is-ouvert { transform: rotate(180deg); }
.ap-compte-menu__liste {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 60;
    min-width: 200px;
    padding: 6px;
    border: 1px solid var(--ap-border);
    border-radius: 12px;
    background: var(--ap-bg-pure);
    box-shadow: 0 14px 40px rgba(15, 10, 30, .18);
}
.ap-compte-menu__liste form { margin: 0; }
.ap-compte-menu__item {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 9px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--ap-text);
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}
.ap-compte-menu__item i { color: var(--ap-brand); font-size: 18px; }
.ap-compte-menu__item:hover { background: rgba(var(--ap-brand-rgb), .08); color: var(--ap-brand); }
.ap-compte-menu__item--sortie i { color: #b4451f; }
.ap-compte-menu__item--sortie:hover { background: rgba(196, 90, 20, .08); color: #9a3a14; }
.ap-compte-barre__nom { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 640px) {
    .ap-compte__carte { padding: 24px 18px 20px; border-radius: 14px; }
    .ap-compte-barre__nom, .ap-lien-compte span { display: none; }
    .ap-cta--compte { padding: 0 12px; }
    .ap-compte-connecte { padding: 6px 10px; }
}
.ap-flash {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    font-size: 14.5px;
    font-weight: 600;
}
.ap-flash--succes { background: rgba(34, 150, 94, .14); color: #1c6b44; }
.ap-compte-modale {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}
.ap-compte-modale__fond { position: absolute; inset: 0; background: rgba(15, 10, 30, .55); backdrop-filter: blur(3px); }
.ap-compte-modale__carte {
    position: relative;
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    padding-top: 22px;
}
.ap-compte-modale__fermer {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--ap-text-muted);
    font-size: 20px;
    cursor: pointer;
}
.ap-compte-modale__fermer:hover { background: rgba(var(--ap-brand-rgb), .08); color: var(--ap-text); }
.ap-compte-modale__onglets {
    display: flex;
    gap: 4px;
    margin: 0 44px 20px 0;
    padding: 4px;
    border-radius: 12px;
    background: rgba(var(--ap-brand-rgb), .07);
}
.ap-compte-modale__onglets button {
    flex: 1;
    padding: 8px 10px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--ap-text-muted);
    font-family: inherit;
    font-size: 14px;
    font-weight: 650;
    cursor: pointer;
}
.ap-compte-modale__onglets button.is-on { background: var(--ap-bg-pure); color: var(--ap-brand); box-shadow: 0 2px 8px rgba(var(--ap-brand-rgb), .15); }
.ap-compte-modale .ap-compte__tete h2 { margin: 0 0 6px; font-size: 22px; font-weight: 750; }
.ap-compte__envoyer:disabled { opacity: .7; cursor: wait; }
.ap-compte.ap-qform { padding: 28px 0 56px; }
.ap-qform__carte { max-width: 620px; }
.ap-qform .ap-compte__tete h2, .ap-compte-modale .ap-compte__tete h2 { margin: 0 0 6px; font-size: 22px; font-weight: 750; }
.ap-qform__champs { gap: 16px; width: 100%; }
.ap-qform__champ { width: 100%; }
.ap-qform__titre { font-size: 13.5px; font-weight: 700; }
.ap-qform__champs textarea,
.ap-qform__select select {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--ap-border);
    border-radius: 12px;
    background: var(--ap-bg-pure);
    color: var(--ap-text);
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.ap-qform__champs textarea { resize: vertical; min-height: 150px; }
.ap-qform__champs :is(textarea, select):focus { outline: none; border-color: var(--ap-brand); box-shadow: 0 0 0 3px rgba(var(--ap-brand-rgb), .14); }
.ap-qform__aide { display: flex; justify-content: flex-end; gap: 12px; color: var(--ap-text-muted); font-size: 12px; font-weight: 400; }
.ap-qform__compteur { flex-shrink: 0; font-variant-numeric: tabular-nums; }
.ap-qform__compteur.is-court { color: #b4451f; }
.ap-qform__select { position: relative; display: block; }
.ap-qform__select select { appearance: none; padding-right: 40px; cursor: pointer; }
.ap-qform__select i { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--ap-text-muted); pointer-events: none; }
.ap-qform__champs label.ap-qform__option {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--ap-border);
    border-radius: 12px;
    background: var(--ap-bg-pure);
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}
.ap-qform__option.is-on { border-color: rgba(var(--ap-brand-rgb), .35); background: rgba(var(--ap-brand-rgb), .05); }
.ap-qform__option-icone { flex-shrink: 0; color: var(--ap-brand); font-size: 22px; }
.ap-qform__option-texte { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.ap-qform__option-texte strong { font-size: 14px; font-weight: 650; }
.ap-qform__option-texte small { color: var(--ap-text-muted); font-size: 12.5px; font-weight: 400; }
.ap-qform__interrupteur {
    appearance: none;
    flex-shrink: 0;
    position: relative;
    width: 42px;
    height: 24px;
    margin: 0;
    border-radius: 999px;
    background: #cfd3dc;
    cursor: pointer;
    transition: background .15s ease;
}
.ap-qform__interrupteur::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    transition: transform .15s ease;
}
.ap-qform__interrupteur:checked { background: var(--ap-brand); }
.ap-qform__interrupteur:checked::after { transform: translateX(18px); }
.ap-qform__interrupteur:focus-visible { outline: 2px solid var(--ap-brand); outline-offset: 2px; }
.ap-qform__pied { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-top: 2px; }
.ap-qform__signature { display: flex; align-items: center; gap: 6px; margin: 0; min-width: 0; color: var(--ap-text); font-size: 13.5px; font-weight: 600; }
.ap-qform__signature i { color: var(--ap-brand); font-size: 18px; }
.ap-qform__signature span { color: var(--ap-text-muted); font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ap-qform__envoyer { margin-top: 0; }
@media (max-width: 560px) {
    .ap-qform__pied { flex-direction: column; align-items: stretch; }
    .ap-qform__envoyer { width: 100%; }
}
.ap-qform__connexion { width: 100%; }
.ap-qform__merci { display: flex; flex-direction: column; gap: 14px; }
.ap-qform__retour { display: flex; align-items: center; gap: 8px; margin: 0 0 16px; padding: 12px 14px; border-radius: 10px; font-size: 14.5px; font-weight: 600; }
.ap-qform__retour--succes { background: rgba(34, 150, 94, .14); color: #1c6b44; }
.ap-qform__retour--erreur { background: rgba(196, 90, 20, .12); color: #9a4a12; }
.ap-tform__carte { max-width: 680px; }
.ap-qform__champs textarea.ap-tform__court { min-height: 70px; }
.ap-tform__appel { display: block; width: 100%; border: 0; text-align: left; font: inherit; color: inherit; cursor: pointer; }
.ap-demande {
    display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 18px 22px;
    margin: 28px 0; padding: 26px 30px; border-radius: 20px;
    background: var(--ap-gradient, linear-gradient(135deg, var(--ap-brand), var(--ap-brand-dark, var(--ap-brand))));
    color: #fff; box-shadow: 0 18px 50px rgba(var(--ap-brand-rgb), .25);
}
.ap-demande__icone { display: inline-flex; align-items: center; justify-content: center; width: 68px; height: 68px; border-radius: 20px; background: rgba(255, 255, 255, .16); font-size: 38px; }
.ap-demande__titre { margin: 0 0 6px; color: #fff; font-size: clamp(21px, 2.4vw, 26px); font-weight: 800; line-height: 1.2; }
.ap-demande__texte { margin: 0; color: rgba(255, 255, 255, .9); font-size: 15.5px; line-height: 1.55; }
.ap-demande__actions { grid-column: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
.ap-demande__bouton {
    display: inline-flex; align-items: center; gap: 10px; padding: 16px 26px; border-radius: 14px;
    background: #fff; color: var(--ap-brand); font-size: 17px; font-weight: 800; text-decoration: none; white-space: nowrap;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .18); transition: transform .15s, box-shadow .15s;
}
.ap-demande__bouton i { font-size: 22px; }
.ap-demande__bouton:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(0, 0, 0, .24); color: var(--ap-brand); }
.ap-demande__second { color: rgba(255, 255, 255, .9); font-size: 13px; text-decoration: underline; }
.ap-demande__second:hover { color: #fff; }
.ap-demande__lien { display: inline-flex; align-items: center; gap: 6px; background: var(--ap-brand); color: #fff; border-color: var(--ap-brand); }
.ap-demande__lien:hover { background: var(--ap-brand-dark, var(--ap-brand)); color: #fff; }
@media (max-width: 900px) {
    .ap-demande { grid-template-columns: 1fr; justify-items: center; text-align: center; padding: 24px 20px; }
    .ap-demande__actions { grid-column: 1; flex-direction: column; width: 100%; }
    .ap-demande__bouton { justify-content: center; width: 100%; white-space: normal; }
}
.ap-page-cms__bas > .ap-demande:first-child { margin-top: 0; }
.ap-page-cms__bas:has(> .ap-demande:first-child) { margin-top: 0; }
.ap-derniers__liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.ap-derniers__lien {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--ap-text);
    text-decoration: none;
}
.ap-derniers__vignette {
    flex-shrink: 0;
    width: 84px;
    aspect-ratio: 1200 / 630;
    overflow: hidden;
    border-radius: 10px;
    background: var(--ap-gradient-soft);
}
.ap-derniers__vignette img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s ease; }
.ap-derniers__lien:hover .ap-derniers__vignette img { transform: scale(1.05); }
.ap-derniers__corps { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ap-derniers__format {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--ap-brand);
}
.ap-derniers__titre {
    font-size: 14px;
    font-weight: 650;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ap-derniers__lien:hover .ap-derniers__titre { color: var(--ap-brand); }
.ap-espace { padding: 28px 0 64px; }
.ap-espace__cote { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.ap-espace__profil {
    display: flex; flex-direction: column; align-items: center; padding: 24px 18px 18px;
    border: 1px solid var(--ap-border); border-radius: 18px; background: var(--ap-bg-pure); text-align: center;
}
.ap-espace__avatar {
    display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center;
    width: 96px; height: 96px; overflow: hidden; border: 4px solid var(--ap-bg-pure); border-radius: 50%;
    background: var(--ap-gradient, linear-gradient(135deg, var(--ap-brand), var(--ap-brand-dark, var(--ap-brand))));
    box-shadow: 0 0 0 2px rgba(var(--ap-brand-rgb), .35), 0 10px 26px rgba(var(--ap-brand-rgb), .25);
    color: #fff; font-size: 34px; font-weight: 800; letter-spacing: .02em;
}
.ap-espace__avatar img { width: 100%; height: 100%; object-fit: cover; }
.ap-espace__profil h1 { margin: 14px 0 0; font-size: 20px; font-weight: 800; line-height: 1.25; overflow-wrap: anywhere; }
.ap-espace__genre { margin: 2px 0 0; color: var(--ap-text-muted); font-size: 13px; }
.ap-espace__coord { display: flex; flex-direction: column; gap: 7px; width: 100%; margin: 16px 0 0; padding: 14px 0 0; border-top: 1px solid var(--ap-border); list-style: none; text-align: left; }
.ap-espace__coord li { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--ap-text); font-size: 13.5px; }
.ap-espace__coord li > i:first-child { flex-shrink: 0; color: var(--ap-brand); font-size: 17px; }
.ap-espace__coord span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ap-espace__wa { color: #16a34a; font-size: 17px; }
.ap-espace__chiffres { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; width: 100%; margin-top: 16px; }
.ap-espace__chiffres a {
    display: flex; flex-direction: column; align-items: center; padding: 8px 4px;
    border-radius: 12px; background: rgba(var(--ap-brand-rgb), .07); color: var(--ap-text); text-decoration: none;
}
.ap-espace__chiffres a:hover { background: rgba(var(--ap-brand-rgb), .14); }
.ap-espace__chiffres strong { color: var(--ap-brand); font-size: 20px; line-height: 1.1; }
.ap-espace__chiffres span { color: var(--ap-text-muted); font-size: 11.5px; }
.ap-espace__choix { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 0; border: 0; }
.ap-espace__choix legend { width: 100%; margin-bottom: 5px; padding: 0; font-size: 13.5px; font-weight: 650; }
.ap-espace__choix legend em { color: var(--ap-text-muted); font-style: normal; font-weight: 400; }
.ap-espace__choix label { display: inline-flex !important; flex-direction: row !important; cursor: pointer; }
.ap-espace__choix input { position: absolute; opacity: 0; pointer-events: none; }
.ap-espace__choix span { display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px; border: 1px solid var(--ap-border); border-radius: 999px; font-size: 14.5px; font-weight: 600; }
.ap-espace__choix input:checked + span { border-color: var(--ap-brand); background: rgba(var(--ap-brand-rgb), .10); color: var(--ap-brand); }
.ap-espace__choix input:focus-visible + span { box-shadow: 0 0 0 4px rgba(var(--ap-brand-rgb), .15); }
.ap-espace__corps { display: grid; grid-template-columns: 270px 1fr; gap: 28px; align-items: start; }
.ap-espace__nav {
    display: flex; flex-direction: column; gap: 4px; padding: 12px;
    border: 1px solid var(--ap-border); border-radius: 18px; background: var(--ap-bg-pure);
}
.ap-espace__nav a, .ap-espace__deconnexion button {
    display: flex; align-items: center; gap: 10px; padding: 11px 14px; border: 0; border-radius: 12px;
    background: none; color: var(--ap-text); font: inherit; font-size: 15px; font-weight: 600; text-align: left; text-decoration: none; cursor: pointer;
}
.ap-espace__nav a:hover, .ap-espace__deconnexion button:hover { background: rgba(var(--ap-brand-rgb), .08); color: var(--ap-brand); }
.ap-espace__nav i { color: var(--ap-brand); font-size: 19px; }
.ap-espace__nav a span { margin-left: auto; padding: 1px 8px; border-radius: 999px; background: rgba(var(--ap-brand-rgb), .10); color: var(--ap-brand); font-size: 12px; }
.ap-espace__deconnexion { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--ap-border); }
.ap-espace__deconnexion button { width: 100%; color: var(--ap-text-muted); }
.ap-espace__deconnexion button i { color: var(--ap-text-muted); }
.ap-espace__sections { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
.ap-espace__carte {
    scroll-margin-top: calc(var(--ap-bar-h, 70px) + 20px);
    padding: 24px 26px; border: 1px solid var(--ap-border); border-radius: 18px; background: var(--ap-bg-pure);
}
.ap-espace__carte h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 20px; font-weight: 800; }
.ap-espace__carte h2 i { color: var(--ap-brand); font-size: 24px; }
.ap-espace__tete { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
.ap-espace__tete h2 { margin: 0; }
.ap-espace__sous-titre { margin: 20px 0 8px; font-size: 15px; font-weight: 750; }
.ap-espace__form { display: flex; flex-direction: column; gap: 14px; }
.ap-espace__form label { display: flex; flex-direction: column; gap: 5px; font-size: 13.5px; font-weight: 650; }
.ap-espace__form input[type=text], .ap-espace__form input[type=email], .ap-espace__form input[type=tel], .ap-espace__form select, .ap-espace__form textarea {
    width: 100%; padding: 11px 13px; border: 1px solid var(--ap-border); border-radius: 11px;
    background: var(--ap-bg-pure); color: var(--ap-text); font: inherit; font-size: 15px; font-weight: 400;
}
.ap-espace__form input:focus, .ap-espace__form select:focus, .ap-espace__form textarea:focus { border-color: var(--ap-brand); outline: 0; box-shadow: 0 0 0 4px rgba(var(--ap-brand-rgb), .10); }
.ap-espace__form input:disabled { background: rgba(var(--ap-brand-rgb), .04); color: var(--ap-text-muted); }
.ap-espace__form small { color: var(--ap-text-muted); font-size: 12.5px; font-weight: 400; }
.ap-espace__grille { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ap-espace__grille--tel { grid-template-columns: 200px 1fr; }
.ap-espace__case { flex-direction: row !important; align-items: center; gap: 8px !important; font-weight: 500 !important; }
.ap-espace__actions { display: flex; justify-content: flex-end; }
.ap-espace__bouton {
    display: inline-flex; align-items: center; gap: 8px; padding: 11px 20px; border: 0; border-radius: 11px;
    background: var(--ap-brand); color: #fff; font: inherit; font-size: 15px; font-weight: 700; text-decoration: none; cursor: pointer;
}
.ap-espace__bouton:hover { background: var(--ap-brand-dark, var(--ap-brand)); color: #fff; }
.ap-espace__bouton--leger { padding: 8px 14px; background: rgba(var(--ap-brand-rgb), .09); color: var(--ap-brand); font-size: 14px; }
.ap-espace__bouton--leger:hover { background: rgba(var(--ap-brand-rgb), .16); color: var(--ap-brand); }
.ap-espace__note { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; color: var(--ap-text-muted); font-size: 13.5px; }
.ap-espace__note strong { color: var(--ap-text); }
.ap-espace__note a { color: var(--ap-brand); font-weight: 650; }
.ap-espace__flash { margin: 0 0 16px; padding: 11px 14px; border-radius: 10px; font-size: 14px; font-weight: 600; }
.ap-espace__flash.is-succes { background: rgba(16, 150, 90, .12); color: #0b7a4a; }
.ap-espace__flash.is-erreur { background: rgba(196, 90, 20, .12); color: #9a4a12; }
.ap-espace__ligne { display: flex; gap: 14px; padding: 14px 0; border-top: 1px solid var(--ap-border); }
.ap-espace__tete + .ap-espace__ligne, h2 + .ap-espace__ligne, .ap-espace__sous-titre + .ap-espace__ligne { border-top: 0; padding-top: 4px; }
.ap-espace__pic { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 12px; font-size: 20px; }
.ap-espace__txt { min-width: 0; flex: 1; }
.ap-espace__citation { margin: 0 0 6px; font-size: 15px; line-height: 1.55; }
.ap-espace__titre { margin: 0 0 4px; font-size: 15px; font-weight: 650; }
.ap-espace__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; color: var(--ap-text-muted); font-size: 13px; }
.ap-espace__etat { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 700; }
.ap-espace__lien { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; color: var(--ap-brand); font-size: 14px; font-weight: 650; text-decoration: none; }
.ap-espace__lien:hover { text-decoration: underline; }
.ap-espace__vide, .ap-espace__intro { margin: 0; color: var(--ap-text-muted); font-size: 14.5px; line-height: 1.6; }
.ap-espace__intro { margin-bottom: 14px; color: var(--ap-text); }
.ap-espace .is-sky   { background: rgba(14, 165, 233, .12); color: #0369a1; }
.ap-espace .is-amber { background: rgba(245, 158, 11, .14); color: #a35a05; }
.ap-espace .is-vert  { background: rgba(16, 150, 90, .12);  color: #0b7a4a; }
.ap-espace .is-gris  { background: rgba(100, 116, 139, .12); color: #475569; }
.ap-espace__pic.is-sky, .ap-espace__pic.is-amber, .ap-espace__pic.is-vert, .ap-espace__pic.is-gris { border-radius: 12px; }
.ap-espace__suivi { display: flex; flex-direction: column; gap: 12px; padding: 16px 18px; border-radius: 14px; background: rgba(var(--ap-brand-rgb), .05); }
.ap-espace__suivi .ap-espace__etat { align-self: flex-start; font-size: 13.5px; }
.ap-espace__suivi dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px 20px; margin: 0; }
.ap-espace__suivi dt { color: var(--ap-text-muted); font-size: 12.5px; }
.ap-espace__suivi dd { margin: 2px 0 0; font-size: 15px; font-weight: 650; }
.ap-espace__demande { margin-top: 18px; border: 1px dashed rgba(var(--ap-brand-rgb), .35); border-radius: 14px; }
.ap-espace__demande summary { display: flex; align-items: center; gap: 8px; padding: 14px 18px; color: var(--ap-brand); font-weight: 700; cursor: pointer; list-style: none; }
.ap-espace__demande summary::-webkit-details-marker { display: none; }
.ap-espace__demande[open] summary { border-bottom: 1px dashed rgba(var(--ap-brand-rgb), .25); }
.ap-espace__demande .ap-espace__form { padding: 16px 18px 18px; }
@media (max-width: 900px) {
    .ap-espace__corps { grid-template-columns: 1fr; gap: 18px; }
    .ap-espace__nav { position: static; flex-direction: row; overflow-x: auto; gap: 6px; padding: 8px; }
    .ap-espace__nav a, .ap-espace__deconnexion button { flex-shrink: 0; padding: 9px 12px; border: 1px solid var(--ap-border); white-space: nowrap; font-size: 14px; }
    .ap-espace__deconnexion { margin: 0; padding: 0; border: 0; }
}
@media (max-width: 640px) {
    .ap-espace { padding-top: 16px; }
    .ap-espace__carte { padding: 18px 16px; }
    .ap-espace__grille, .ap-espace__grille--tel { grid-template-columns: 1fr; }
}
.ap-espace__case input[type=checkbox] { flex-shrink: 0; width: 18px; height: 18px; margin: 0; appearance: auto; -webkit-appearance: checkbox; accent-color: var(--ap-brand); opacity: 1; position: static; }
.ap-tel { display: flex; flex-direction: column; gap: 6px; }
.ap-tel__libelle { font-size: 13.5px; font-weight: 650; }
.ap-tel__libelle em { color: var(--ap-text-muted); font-style: normal; font-weight: 400; }
.ap-tel__champs { display: grid; grid-template-columns: 240px 1fr; gap: 10px; }
.ap-tel select, .ap-tel input[type=tel] {
    width: 100%; padding: 11px 13px; border: 1px solid var(--ap-border); border-radius: 11px;
    background: var(--ap-bg-pure); color: var(--ap-text); font: inherit; font-size: 15px;
}
.ap-tel select:focus, .ap-tel input[type=tel]:focus { border-color: var(--ap-brand); outline: 0; box-shadow: 0 0 0 4px rgba(var(--ap-brand-rgb), .10); }
.ap-tel__numero { position: relative; display: block; }
.ap-tel small { color: var(--ap-text-muted); font-size: 12.5px; }
@media (max-width: 640px) { .ap-tel__champs { grid-template-columns: 1fr; } }
.ap-espace__vignette { position: relative; display: block; flex-shrink: 0; width: 132px; aspect-ratio: 1200 / 630; overflow: hidden; border-radius: 12px; box-shadow: 0 6px 18px rgba(var(--ap-brand-rgb), .15); }
.ap-espace__vignette img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.ap-espace__vignette span { position: absolute; right: 6px; bottom: 6px; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--ap-brand); color: #fff; font-size: 15px; opacity: 0; transition: opacity .2s; }
.ap-espace__vignette:hover img { transform: scale(1.05); }
.ap-espace__vignette:hover span { opacity: 1; }
@media (max-width: 640px) { .ap-espace__vignette { width: 96px; } }
.ap-espace__titre--lien { display: block; margin: 0 0 6px; color: var(--ap-text); font-size: 16px; font-weight: 700; line-height: 1.4; text-decoration: none; }
.ap-espace__titre--lien:hover { color: var(--ap-brand); text-decoration: underline; }
.ap-espace__vignette--vide { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 6px; box-shadow: none; text-align: center; text-decoration: none; }
.ap-espace__vignette--vide > i { font-size: 32px; }
.ap-espace__choix input[value=F]:checked + span { border-color: #db2777; background: rgba(219, 39, 119, .10); color: #db2777; }
.ap-espace__choix input[value=F]:focus-visible + span { box-shadow: 0 0 0 4px rgba(219, 39, 119, .15); }
.ap-evb {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.ap-evb__tete {
    display: flex;
    align-items: baseline;
}
.ap-evb__titre {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    font-size: 21px;
    font-weight: 750;
}
.ap-evb__titre i {
    color: var(--ap-brand);
    font-size: .9em;
}
.ap-evb__grille {
    display: grid;
    grid-template-columns: 1.55fr 1fr;
    gap: 20px;
    align-items: start;
}
.ap-evb__main {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 14px;
    background: var(--ap-bg-pure);
    border: 1px solid var(--ap-border);
    color: inherit;
    text-decoration: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.ap-evb__main:hover {
    border-color: var(--ap-brand);
    box-shadow: 0 8px 24px rgba(17, 12, 28, .14);
    border-color: color-mix(in srgb, var(--c, var(--ap-brand)) 55%, transparent);
    box-shadow: 0 8px 24px color-mix(in srgb, var(--c, var(--ap-brand)) 18%, transparent);
}
.ap-evb__media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: rgba(var(--ap-brand-rgb), .08);
    background: color-mix(in srgb, var(--c, var(--ap-brand)) 8%, transparent);
}
.ap-evb__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}
.ap-evb__main:hover .ap-evb__media img {
    transform: scale(1.04);
}
.ap-evb__body {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 16px 18px 18px;
}
.ap-evb__rubrique {
    color: var(--c, var(--ap-brand));
}
.ap-evb__quand {
    color: var(--c, var(--ap-brand));
    font-size: 13px;
    font-weight: 700;
    text-transform: capitalize;
}
.ap-evb__nom {
    margin: 0;
    font-size: 19px;
    font-weight: 750;
    line-height: 1.3;
}
.ap-evb__chapo {
    margin: 0;
    color: var(--ap-text-muted);
    font-size: 14px;
    line-height: 1.5;
}
.ap-evb__side {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.ap-evb__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid var(--ap-border);
    border-radius: 11px;
    background: var(--ap-bg-pure);
    color: inherit;
    text-decoration: none;
    transition: border-color .15s ease, transform .15s ease;
}
.ap-evb__item:hover {
    transform: translateX(2px);
    border-color: var(--ap-brand);
    border-color: color-mix(in srgb, var(--c, var(--ap-brand)) 55%, transparent);
}
.ap-evb__date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 9px;
    background: color-mix(in srgb, var(--c, var(--ap-brand)) 12%, transparent);
    color: var(--c, var(--ap-brand));
    line-height: 1.1;
}
.ap-evb__date .j {
    font-size: 17px;
    font-weight: 800;
}
.ap-evb__date .m {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
}
.ap-evb__corps {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.ap-evb__item-nom {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 13.5px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.32;
}
.ap-evb__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
}
.ap-evb__item-rubrique {
    color: var(--c, var(--ap-brand));
    font-size: 11.5px;
    font-weight: 700;
}
.ap-evb__lieu {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--ap-text-muted);
    font-size: 12.5px;
}
@media (max-width: 900px) {
    .ap-evb__grille {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}
@media (max-width: 640px) {
    .ap-evb__titre {
        font-size: 18px;
    }
    .ap-evb__nom {
        font-size: 17px;
    }
}
.ap-event {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 4px 0 12px;
    padding: 26px 28px;
    border-radius: 14px;
    background: rgba(var(--c-rgb, var(--ap-brand-rgb)), .07);
    box-shadow: inset 0 0 0 1px rgba(var(--c-rgb, var(--ap-brand-rgb)), .18);
}
.ap-event__quand {
    display: flex;
    align-items: center;
    gap: 16px;
}
.ap-event__pastille {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 68px;
    height: 68px;
    border-radius: 12px;
    background: var(--c, var(--ap-brand));
    color: #fff;
    line-height: 1.05;
}
.ap-event__pastille .j {
    font-size: 27px;
    font-weight: 800;
}
.ap-event__pastille .m {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.ap-event__date {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
.ap-event__date .jour {
    font-size: clamp(18px, 2.2vw, 21px);
    font-weight: 750;
    line-height: 1.25;
}
.ap-event__date .jour::first-letter {
    text-transform: uppercase;
}
.ap-event__date .heure {
    color: var(--ap-text-muted);
    font-size: 15px;
    font-weight: 600;
}
.ap-event__faits {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 16px;
    padding-top: 18px;
    border-top: 1px solid rgba(var(--c-rgb, var(--ap-brand-rgb)), .18);
}
.ap-event__fait {
    display: flex;
    align-items: flex-start;
    gap: 11px;
}
.ap-event__fait > i {
    flex-shrink: 0;
    margin-top: 2px;
    font-size: 22px;
    color: var(--c, var(--ap-brand));
}
.ap-event__fait > span {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.ap-event__fait .cle {
    color: var(--ap-text-muted);
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.ap-event__fait .valeur {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}
.ap-event__fait .detail {
    color: var(--ap-text-muted);
    font-size: 13.5px;
    line-height: 1.4;
}
.ap-event__inscription {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 17px 26px;
    border: 0;
    border-radius: 11px;
    background: var(--c, var(--ap-brand));
    color: #fff;
    font-family: inherit;
    font-size: 17px;
    font-weight: 750;
    text-decoration: none;
    cursor: pointer;
    transition: filter .15s ease, transform .15s ease;
}
.ap-event__inscription i {
    font-size: 20px;
}
.ap-event__inscription:not([disabled]):hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}
.ap-event__inscription[disabled] {
    opacity: .55;
    cursor: not-allowed;
}
.ap-event__bientot {
    margin: -12px 0 0;
    color: var(--ap-text-muted);
    font-size: 13.5px;
    text-align: center;
}
@media (max-width: 640px) {
    .ap-event {
        gap: 16px;
        padding: 18px;
    }
    .ap-event__pastille {
        width: 56px;
        height: 56px;
    }
    .ap-event__pastille .j { font-size: 22px; }
    
    .ap-event__faits {
        grid-template-columns: 1fr;
        gap: 13px;
    }
}
.ap-event__ligne:first-child {
    font-size: 16.5px;
    font-weight: 700;
}
.ap-event__heure,
.ap-event__passe {
    margin: 2px 0 0;
    font-size: 13.5px;
    font-style: italic;
    color: var(--ap-text-muted);
}
.ap-fiche {
    gap: 22px;
}
.ap-fiche h1 {
    margin: 0;
    font-size: clamp(27px, 3.4vw, 40px);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -.025em;
    color: var(--ap-text);
}
.ap-fiche__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: -12px 0 0;
    font-size: 13.5px;
    color: var(--ap-text-muted);
}
.ap-fiche__meta a {
    font-weight: 700;
    color: var(--c, var(--ap-brand));
    text-decoration: none;
}
.ap-fiche__meta a:hover { text-decoration: underline; }
.ap-fiche__ville {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-weight: 500 !important;
    color: var(--ap-text-muted) !important;
}
.ap-fiche__ville i {
    font-size: 14px;
    opacity: .7;
}
.ap-fiche__ville:hover {
    color: var(--c, var(--ap-brand)) !important;
}
.ap-fiche__sep { opacity: .45; }
.ap-chapo {
    margin: 0;
    font-size: clamp(16.5px, 1.7vw, 19px);
    font-weight: 500;
    line-height: 1.6;
    color: var(--ap-text);
    padding-left: 16px;
    border-left: 3px solid rgba(var(--c-rgb, 147, 51, 234), .55);
}
.ap-fiche__cover {
    margin: 0;
    overflow: hidden;
    border-radius: 10px;
    line-height: 0;
}
.ap-fiche__cover img {
    display: block;
    width: 100%;
    height: auto;
}
.ap-contenu-media {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 14px;
    background: #000;
}
.ap-contenu-media iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.ap-contenu-question {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin: 0;
    padding: 24px 26px;
    border-left: 4px solid var(--c, var(--ap-brand));
    border-radius: 4px 14px 14px 4px;
    background: rgba(var(--c-rgb, 147, 51, 234), .1);
}
.ap-contenu-question__marque {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--c, var(--ap-brand));
    color: #fff;
    font-size: 27px;
}
.ap-contenu-question__corps {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}
.ap-contenu-question__texte {
    margin: 0;
    font-size: clamp(19px, 2.3vw, 23px);
    font-weight: 700;
    line-height: 1.4;
    color: var(--ap-text);
}
.ap-contenu-question__auteur {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--ap-text-muted);
    font-size: 14.5px;
    font-weight: 600;
}
.ap-contenu-question__auteur i { color: var(--c, var(--ap-brand)); font-size: 18px; }
.ap-contenu-question__pro {
    margin: 0;
    font-size: 13.5px;
    color: var(--c, var(--ap-brand));
}
.ap-contenu-sources {
    margin: 0;
    padding: 16px 18px;
    border-radius: 12px;
    border: 1px solid var(--ap-border);
}
.ap-contenu-sources h2 {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--ap-text-muted);
}
.ap-contenu-sources p {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.6;
}
.ap-body {
    font-size: 17px;
    line-height: 1.75;
    color: var(--ap-text);
    overflow-wrap: break-word;
}
.ap-body > :first-child { margin-top: 0; }
.ap-body > :last-child  { margin-bottom: 0; }
.ap-body p {
    margin: 0 0 1.15em;
}
.ap-body h2,
.ap-body h3 {
    margin: 1.9em 0 .6em;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -.02em;
    color: var(--ap-text);
}
.ap-body h4 {
    margin: 1.6em 0 .5em;
    font-size: 18px;
    font-weight: 700;
    color: var(--ap-text);
}
.ap-body h2 span[style],
.ap-body h3 span[style],
.ap-body h4 span[style] {
    color: var(--c, var(--ap-brand)) !important;
}
.ap-body ul,
.ap-body ol {
    margin: 0 0 1.15em;
    padding-left: 1.4em;
}
.ap-body li { margin-bottom: .4em; }
.ap-body a {
    color: var(--c, var(--ap-brand));
    text-decoration: underline;
    text-underline-offset: 2px;
}
.ap-body strong,
.ap-body b { font-weight: 700; }
.ap-body blockquote {
    margin: 1.5em 0;
    padding: 14px 18px !important;
    border: 0 !important;
    border-left: 3px solid var(--c, var(--ap-brand)) !important;
    border-radius: 0 10px 10px 0;
    background: rgba(var(--c-rgb, 147, 51, 234), .06) !important;
    font-size: 17px;
    color: var(--ap-text);
}
.ap-body blockquote p:last-child { margin-bottom: 0; }
.ap-body img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}
.ap-body img.ap-mtb {
    display: block;
    width: 100%;
}
.ap-body table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
}
.ap-body td,
.ap-body th {
    padding: 8px 10px;
    border: 1px solid var(--ap-border);
}
.ap-sujets {
    padding-top: 22px;
    border-top: 1px solid var(--ap-border);
}
.ap-sujets__titre {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--ap-text-muted);
}
.ap-sujets__liste {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ap-sujet {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 999px;
    border: 1px solid rgba(var(--c-rgb, 147, 51, 234), .25);
    background: rgba(var(--c-rgb, 147, 51, 234), .07);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: var(--c, var(--ap-brand));
    transition: background-color .15s ease;
}
.ap-sujet:hover {
    background: rgba(var(--c-rgb, 147, 51, 234), .15);
}
.ap-sujet i { font-size: 16px; }
.ap-voir-aussi {
    padding-top: 24px;
    border-top: 1px solid var(--ap-border);
}
.ap-voir-aussi__titre {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 16px;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--ap-text);
}
.ap-voir-aussi__titre i {
    font-size: 24px;
    color: var(--c, var(--ap-brand));
}
@media (max-width: 900px) {
    .ap-voir-aussi .ap-articles--2 { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .ap-body       { font-size: 16px; }
    .ap-body h2,
    .ap-body h3    { font-size: 20px; }
    .ap-chapo      { padding-left: 13px; }
}
@media (max-width: 640px) {
    .ap-contenu-question {
        gap: 13px;
        padding: 18px;
    }
    
    .ap-contenu-question__marque {
        width: 40px;
        height: 40px;
        font-size: 21px;
    }
}
.ap-ft {
    background: var(--ap-gradient-dark);
    color: var(--ap-text-on-dark);
    padding-top: 52px;
}
.ap-ft__top {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
    gap: 40px;
    padding-bottom: 44px;
}
.ap-ft__brand {
    max-width: 340px;
}
.ap-ft__logo {
    --ap-logo-size: 54px;
    margin-bottom: 18px;
}
.ap-ft__logo {
    --ap-logo-1: #ffffff;
    --ap-logo-2: #93c5fd;
    --ap-logo-glow: rgba(191, 219, 254, .65);
}
.ap-ft__baseline {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, .68);
}
.ap-ft__social[hidden] { display: none; }
.ap-ft__social {
    display: flex;
    gap: 10px;
}
.ap-ft__social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .09);
    border: 1px solid rgba(255, 255, 255, .14);
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    transition: background .15s ease, transform .15s ease;
}
.ap-ft__social a:hover {
    background: rgba(255, 255, 255, .18);
    transform: translateY(-2px);
    color: #fff;
}
.ap-ft__titre {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--ap-menu-accent);
}
.ap-ft__titre i {
    font-size: 15px;
    opacity: .8;
}
.ap-ft__col ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ap-ft__col li + li { margin-top: 9px; }
.ap-ft__col a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 14px;
    color: rgba(255, 255, 255, .75);
    text-decoration: none;
    transition: color .15s ease;
}
.ap-ft__col a:hover { color: #fff; }
.ap-ft__col a i {
    flex-shrink: 0;
    display: block;
    line-height: 1;
    font-size: 17px;
    opacity: .55;
    transition: opacity .15s ease;
}
.ap-ft__col a:hover i { opacity: 1; }
.ap-ft__cta {
    margin-top: 4px;
    padding: 9px 16px;
    border-radius: 9px;
    background: #fff;
    color: var(--ap-brand-dark) !important;
    font-weight: 700;
}
.ap-ft__cta i { opacity: 1 !important; }
.ap-ft__cta:hover {
    background: var(--ap-brand-lighter);
    color: var(--ap-brand-darker) !important;
}
.ap-ft__bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 18px 0 22px;
    border-top: 1px solid rgba(255, 255, 255, .12);
    font-size: 13px;
    color: rgba(255, 255, 255, .55);
}
.ap-ft__copy {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.ap-ft__copy i { font-size: 14px; }
@media (max-width: 980px) {
    .ap-ft__top {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }
    .ap-ft__brand {
        grid-column: 1 / -1;
        max-width: none;
    }
}
@media (max-width: 640px) {
    .ap-ft { padding-top: 38px; }
    .ap-ft__top {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}
.ap-fmt-filtres {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 4px;
}
.ap-fmt-filtre {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 13px;
    border: 1px solid var(--ap-border);
    border-radius: 999px;
    background: var(--ap-bg-pure);
    color: var(--ap-text);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.ap-fmt-filtre:hover {
    border-color: var(--ap-brand);
}
.ap-fmt-filtre.is-actif {
    border-color: transparent;
    background: var(--ap-brand);
    color: #fff;
}
.ap-fmt-filtre__n {
    opacity: .6;
    font-size: 11.5px;
    font-weight: 700;
}
.ap-fmt-vide {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 44px 0;
    color: var(--ap-text-muted);
    font-size: 15px;
}
.ap-fmt-cta {
    padding: 18px;
    border-radius: 12px;
    background: linear-gradient(
        160deg,
        var(--ap-brand) 0%,
        var(--ap-brand-dark, var(--ap-brand)) 100%
    );
    color: #fff;
}
.ap-fmt-cta__titre {
    margin: 0;
    font-size: 17px;
    font-weight: 750;
    line-height: 1.3;
}
.ap-fmt-cta__texte {
    margin: 0;
    color: rgba(255, 255, 255, .88);
    font-size: 13.5px;
    line-height: 1.5;
}
.ap-fmt-cta__bouton {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    padding: 10px 16px;
    border-radius: 8px;
    background: #fff;
    color: var(--ap-brand-dark, var(--ap-brand));
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease;
}
.ap-fmt-cta__bouton:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(17, 12, 28, .22);
}
.ap-fmt-liens {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ap-fmt-liens li + li {
    margin-top: 2px;
}
.ap-fmt-liens a {
    display: block;
    padding: 8px 10px;
    border-radius: 8px;
    color: inherit;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease;
}
.ap-fmt-liens a:hover {
    background: rgba(var(--ap-brand-rgb), .09);
    color: var(--ap-brand-dark, var(--ap-brand));
}
.ap-fmt-villes__liste {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.ap-fmt-ville {
    padding: 5px 11px;
    border: 1px solid var(--ap-border);
    border-radius: 999px;
    background: var(--ap-bg-pure);
    color: var(--ap-text);
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.ap-fmt-ville:hover {
    border-color: var(--ap-brand);
    color: var(--ap-brand-dark, var(--ap-brand));
}
.ap-fmt-ville.is-actif {
    border-color: transparent;
    background: var(--ap-brand);
    color: #fff;
}
.ap-fmt-villes__tout {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 4px;
    color: var(--ap-brand-dark, var(--ap-brand));
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
.ap-fmt-villes__tout:hover {
    text-decoration: underline;
}
.ap-fmt-villes__tout i {
    margin-left: auto;
    font-size: 15px;
}
.ap-fmt-explorer__grille {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 8px;
}
.ap-fmt-entree {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 6px;
    border-radius: 8px;
    color: inherit;
    text-decoration: none;
    transition: background-color .15s ease;
}
.ap-fmt-entree:hover {
    background: rgba(var(--ap-brand-rgb), .07);
    background: color-mix(in srgb, var(--c, var(--ap-brand)) 9%, transparent);
}
.ap-fmt-entree.is-actif {
    background: rgba(var(--ap-brand-rgb), .1);
    background: color-mix(in srgb, var(--c, var(--ap-brand)) 12%, transparent);
}
.ap-fmt-entree.is-actif .ap-fmt-entree__nom {
    color: var(--c, var(--ap-brand));
}
.ap-fmt-entree__media {
    display: block;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 8px;
    background: rgba(var(--ap-brand-rgb), .08);
}
.ap-fmt-entree__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s ease;
}
.ap-fmt-entree:hover .ap-fmt-entree__media img {
    transform: scale(1.05);
}
.ap-fmt-entree__media--icone {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--ap-brand-rgb), .12);
    background: color-mix(in srgb, var(--c, var(--ap-brand)) 14%, transparent);
    color: var(--c, var(--ap-brand));
    font-size: 20px;
}
.ap-fmt-entree__nom {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.32;
}
:root {
    --ap-bar-h: 72px;
    --ap-rubriques-h: 58px;
}
.ap-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 40;
    background: var(--ap-color-bg);
    border-bottom: 1px solid var(--ap-color-border);
    transition: box-shadow .25s ease;
}
.ap-header--scrolled {
    box-shadow: 0 2px 12px rgba(var(--ap-brand-rgb), .16);
}
.ap-header-spacer {
    height: calc(var(--ap-bar-h) + var(--ap-rubriques-h));
}
.ap-bar {
    height: var(--ap-bar-h);
}
.ap-bar__inner {
    height: 100%;
    max-width: var(--site-max-width);
    margin: 0 auto;
    padding: 0 var(--site-gutter);
    display: flex;
    align-items: center;
    gap: 52px;
}
:where(.ap-logo) {
    --ap-logo-size: 48px;
    
    --ap-logo-lift: calc(var(--ap-logo-size) * .10);
    --ap-logo-1: #011d50;
    --ap-logo-2: #004dcd;
    
    --ap-logo-glow: rgba(0, 77, 205, .5);
}
.ap-logo {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
    line-height: 1;
}
.ap-logo__svg {
    display: block;
    height: var(--ap-logo-size);
    width: auto;
    transform: translateY(calc(var(--ap-logo-lift) * -1));
    transition: filter .22s ease;
}
.ap-logo:hover .ap-logo__svg,
.ap-logo:focus-visible .ap-logo__svg {
    filter: brightness(1.12) contrast(1.16) saturate(1.25)
            drop-shadow(0 0 5px var(--ap-logo-glow));
}
.ap-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34px;
    flex: 1;
    min-width: 0;
}
.ap-nav__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: var(--ap-bar-h);
    font-size: 16.5px;
    font-weight: 500;
    line-height: 1;
    color: var(--ap-color-text);
    text-decoration: none;
    white-space: nowrap;
    transition: color .15s ease;
}
.ap-nav__link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18px;
    height: 2px;
    border-radius: 2px;
    background: var(--ap-color-accent);
    opacity: 0;
    transform: scaleX(.4);
    transition: opacity .15s ease, transform .15s ease;
}
.ap-nav__link i {
    display: block;
    line-height: 1;
    font-size: 18px;
    opacity: .5;
    transition: opacity .15s ease;
}
.ap-nav__link:hover {
    color: var(--ap-color-accent);
}
.ap-nav__link:hover i,
.ap-nav__link.is-active i {
    opacity: 1;
}
.ap-nav__link:hover::after {
    opacity: .45;
    transform: scaleX(1);
}
.ap-nav__link.is-active {
    color: var(--ap-color-accent);
    font-weight: 600;
}
.ap-nav__link.is-active::after {
    opacity: 1;
    transform: scaleX(1);
}
.ap-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    margin-left: auto;
}
.ap-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: 0;
    background: transparent;
    color: var(--ap-color-muted);
    font-size: 20px;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}
.ap-icon-btn:hover {
    background: rgba(var(--ap-brand-rgb), .07);
    color: var(--ap-color-text);
}
.ap-cta {
    display: inline-flex;
    align-items: center;
    height: 38px;
    padding: 0 18px;
    border-radius: 10px;
    background: var(--ap-color-accent);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background .15s ease;
}
.ap-cta:hover {
    background: var(--ap-color-accent-dark);
    color: #fff;
}
.ap-rubriques {
    position: relative;
    z-index: 2;
    height: var(--ap-rubriques-h);
    background: var(--ap-color-bg);
    border-top: 1px solid var(--ap-color-border);
    transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.ap-rubriques.is-teintee {
    background: linear-gradient(120deg,
                    rgba(var(--ap-r-active), calc(var(--ap-tint-alpha-strong) * .19)) 0%,
                    rgba(var(--ap-r-active), calc(var(--ap-tint-alpha-strong) * .19)) 45%,
                    rgba(var(--ap-r-active), calc(var(--ap-tint-alpha-strong) * .13)) 100%);
    
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5),
                0 3px 9px -3px rgba(var(--ap-r-active), .17);
}
.ap-rubriques__inner {
    height: 100%;
    max-width: var(--site-max-width);
    margin: 0 auto;
    padding: 0 var(--site-gutter);
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 12px;
    overflow-x: auto;
    scrollbar-width: none;
}
.ap-rubriques__inner::-webkit-scrollbar {
    display: none;
}
.ap-rubriques__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex: 0 0 auto;
    align-self: stretch;
    padding: 0;
    line-height: 1;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .015em;
    text-decoration: none;
    white-space: nowrap;
    color: var(--ap-color-text);
    background: transparent;
    transition: color .15s ease;
}
.ap-rubriques__link i {
    display: none;
    line-height: 1;
    font-size: 18px;
    opacity: .55;
}
.ap-rubriques__link:hover {
    color: var(--ap-r-solid);
}
.ap-rubriques__link:hover i {
    opacity: 1;
}
.ap-rubriques__link.is-active {
    color: var(--ap-r-solid);
}
.ap-rubriques__link.is-active i {
    opacity: 1;
}
.ap-rubriques__end {
    display: flex;
    align-items: stretch;
    flex: 0 0 auto;
    gap: 14px;
}
.ap-rubriques__sep {
    align-self: center;
    width: 1px;
    height: 22px;
    background: var(--ap-color-border);
}
.ap-rubriques__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ap-color-text);
    cursor: pointer;
    transition: color .15s ease;
}
.ap-rubriques__icon i {
    display: block;
    line-height: 1;
    font-size: 21px;
    opacity: .55;
    transition: opacity .15s ease;
}
.ap-rubriques__icon:hover {
    color: var(--ap-color-accent);
}
.ap-rubriques__icon:hover i {
    opacity: 1;
}
.ap-burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 0 8px;
    border: 0;
    background: transparent;
    cursor: pointer;
}
.ap-burger span {
    display: block;
    height: 2px;
    width: 100%;
    border-radius: 2px;
    background: var(--ap-color-text);
}
@media (max-width: 980px) {
    :root {
        --ap-bar-h: 66px;
        --ap-rubriques-h: 0px;
    }
    .ap-burger {
        display: flex;
    }
    
    .ap-nav,
    .ap-rubriques {
        display: none;
    }
    .ap-bar__inner {
        gap: 12px;
    }
    
    .ap-logo {
        --ap-logo-size: 50px;
    }
    
    .ap-rubriques__inner {
        justify-content: flex-start;
        gap: 22px;
    }
}
@media (max-width: 640px) {
    .ap-cta {
        padding: 0 12px;
        font-size: 13px;
    }
    .ap-logo {
        --ap-logo-size: 46px;
    }
}
@media (max-width: 430px) {
    .ap-logo {
        --ap-logo-size: 40px;
    }
}
.ap-apercu {
    display: flex; align-items: center; justify-content: center; gap: .5rem;
    padding: .6rem 1rem; font-size: 14px; font-weight: 600; text-align: center;
    background: #fef3c7; color: #92400e; border-bottom: 1px solid #fcd34d;
}
:root {
    --ap-section-gap: 56px;
    --ap-section-pad: 56px;
    --ap-section-top: 24px;
}
.page-content {
    display: flex;
    flex-direction: column;
    gap: var(--ap-section-gap);
    padding-top: var(--ap-section-top, 24px);
    padding-bottom: var(--ap-section-gap);
}
.page-content > :is(.ap-section--alt, .ap-section--dark, .ap-rejoindre):last-child {
    margin-bottom: calc(var(--ap-section-gap) * -1);
}
.ap-section {
    padding: 0;
}
.ap-section--flush {
    margin-top: 0;
}
.ap-section--alt,
.ap-section--dark,
.ap-rejoindre {
    padding: var(--ap-section-pad) 0;
}
:is(.ap-section--alt, .ap-section--dark, .ap-rejoindre)
+ :is(.ap-section--alt, .ap-section--dark, .ap-rejoindre) {
    margin-top: calc(var(--ap-section-gap) * -1);
}
.ap-section--dark,
.ap-rejoindre {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
    transition: box-shadow .45s ease;
}
.ap-section--dark:hover,
.ap-rejoindre:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .11);
}
.ap-section--dark::before,
.ap-rejoindre::before {
    content: "";
    position: absolute;
    left: var(--sc-bx, 50%);
    top: var(--sc-by, 50%);
    width: var(--sc-size, 900px);
    height: var(--sc-size, 900px);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
    opacity: var(--sc-bo, 0);
    transition: opacity .45s ease;
    background: radial-gradient(circle,
                rgba(255, 255, 255, .062) 0%,
                rgba(255, 255, 255, .02) 48%,
                transparent 76%);
}
@media (prefers-reduced-motion: reduce) {
    .ap-section--dark::before,
    .ap-rejoindre::before { transition: none; }
}
.ap-section--dark {
    background:
        radial-gradient(42% 62% at 14% 16%, rgba(168, 85, 247, .40), transparent 70%),
        radial-gradient(34% 52% at 84% 74%, rgba(253, 224, 71, .07), transparent 72%),
        radial-gradient(38% 58% at 66% 6%, rgba(129, 140, 248, .26), transparent 70%),
        var(--ap-gradient-dark);
}
.ap-section--dark .ap-h2,
.ap-section--dark .ap-h2 i {
    color: #fff;
}
.ap-section--dark .ap-section__sub {
    color: rgba(255, 255, 255, .8);
}
.ap-section--dark .ap-lien-fleche {
    color: var(--ap-brand-lighter);
}
.ap-section--dark .ap-kicker {
    color: var(--ap-brand-lighter) !important;
}
.ap-section--dark .ap-rub,
.ap-section--dark .ap-temoin,
.ap-section--dark .ap-une__item,
.ap-section--dark .ap-question,
.ap-section--dark .ap-chip {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .13);
}
.ap-section--dark .ap-rub:hover,
.ap-section--dark .ap-question:hover {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .22);
    box-shadow: none;
}
.ap-section--dark .ap-rub__nom,
.ap-section--dark .ap-question__texte,
.ap-section--dark .ap-chip,
.ap-section--dark .ap-temoin blockquote,
.ap-section--dark .ap-temoin figcaption strong {
    color: #fff;
}
.ap-section--dark .ap-rub__desc,
.ap-section--dark .ap-meta {
    color: rgba(255, 255, 255, .62);
}
.ap-section--alt {
    background: rgba(var(--ap-brand-rgb), .04);
    border-top: 1px solid var(--ap-border);
    border-bottom: 1px solid var(--ap-border);
}
.ap-section__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}
.ap-section__head--center {
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.ap-h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--ap-text);
}
.ap-h2 i { color: var(--ap-brand); font-size: 24px; }
.ap-h2--light, .ap-h2--light i { color: #fff; }
.ap-section__sub {
    margin: 8px 0 0;
    max-width: 62ch;
    font-size: 15px;
    line-height: 1.6;
    color: var(--ap-text-muted);
}
.ap-section__sub--light { color: rgba(255, 255, 255, .8); }
.ap-kicker {
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.ap-meta {
    display: block;
    margin-top: 8px;
    font-size: 12.5px;
    color: var(--ap-text-muted);
}
.ap-lien-fleche {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--ap-brand);
    text-decoration: none;
}
.ap-lien-fleche i { transition: transform .15s ease; }
.ap-lien-fleche:hover i { transform: translateX(3px); }
.ap-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 22px;
    border-radius: 11px;
    background: var(--ap-brand);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: background .15s ease, transform .15s ease;
}
.ap-btn:hover { background: var(--ap-brand-dark); color: #fff; transform: translateY(-1px); }
.ap-btn--invert { background: #fff; color: var(--ap-brand-dark); }
.ap-btn--invert:hover { background: var(--ap-brand-lighter); color: var(--ap-brand-darker); }
.ap-btn--outline {
    background: transparent;
    border: 1.5px solid var(--ap-brand);
    color: var(--ap-brand);
}
.ap-btn--outline:hover {
    background: var(--ap-brand);
    border-color: var(--ap-brand);
    color: #fff;
}
button.ap-btn {
    font-family: inherit;
    cursor: pointer;
}
button.ap-btn[disabled] {
    opacity: .55;
    cursor: default;
    transform: none;
}
button.ap-btn[disabled]:hover {
    background: transparent;
    color: var(--ap-brand);
}
.ap-article--skelette {
    pointer-events: none;
}
.ap-article--skelette .ap-article__imgwrap {
    background: rgba(15, 23, 42, .07);
}
.ap-article--skelette .ap-article__body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ap-skel-ligne {
    height: 13px;
    border-radius: 6px;
    background: rgba(15, 23, 42, .08);
}
.ap-skel-ligne--titre { height: 16px; }
.ap-skel-ligne--court { width: 62%; }
.ap-skel-ligne--mi    { width: 84%; }
.ap-btn--ghost {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .35);
    color: #fff;
}
.ap-btn--ghost:hover {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .55);
    color: #fff;
}
.ap-badge {
    display: inline-flex;
    padding: 5px 11px;
    border-radius: 999px;
    background: var(--c, var(--ap-brand));
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.ap-badge--float { position: absolute; top: 14px; left: 14px; }
@keyframes ap-shimmer {
    0%   { transform: translateX(-100%); }
    60%  { transform: translateX(100%); }
    100% { transform: translateX(100%); }
}
.ap-shimmer {
    position: relative;
    overflow: hidden;
}
.ap-shimmer::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg,
                transparent 20%,
                rgba(255, 255, 255, .55) 50%,
                transparent 80%);
    animation: ap-shimmer 2.2s ease-in-out infinite;
    pointer-events: none;
}
.ap-shimmer:has(img)::after {
    display: none;
}
@media (prefers-reduced-motion: reduce) {
    .ap-shimmer::after { animation: none; opacity: .35; }
}
.ap-media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(135deg,
                rgba(var(--c-rgb), .16) 0%,
                rgba(var(--c-rgb), .30) 100%);
    color: var(--c);
}
:root {
    --ap-ratio-og: 1200 / 630;
}
.ap-une {
    display: grid;
    grid-template-columns: 1.55fr 1fr;
    gap: 24px;
}
.ap-une__main {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    overflow: hidden;
    background: var(--ap-bg-pure);
    border: 1px solid var(--ap-border);
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}
.ap-une__main:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 14px rgba(var(--ap-brand-rgb), .08);
}
.ap-une__media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: var(--ap-ratio-og);
    overflow: hidden;
    background: linear-gradient(135deg, rgba(var(--c-rgb), .16), rgba(var(--c-rgb), .34));
    color: var(--c);
}
.ap-une__media i { font-size: 56px; opacity: .55; }
.ap-une__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ap-une__body {
    display: flex;
    flex-direction: column;
    padding: 22px 24px 26px;
}
.ap-une__titre,
.ap-une__item-titre,
.ap-article__title {
    display: block;
    margin: 0 0 10px;
    font-size: var(--t, 25px);
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--ap-text);
}
.ap-une__chapo,
.ap-une__item-resume,
.ap-article__chapo {
    margin: 0;
    font-size: var(--r, 15px);
    line-height: 1.65;
    color: var(--ap-text-muted);
}
.ap-une__side { display: flex; flex-direction: column; gap: 14px; }
.ap-une__item {
    display: flex;
    flex: 1;
    gap: 0;
    border-radius: 13px;
    overflow: hidden;
    background: var(--ap-bg-pure);
    border: 1px solid var(--ap-border);
    text-decoration: none;
    transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.ap-une__item:hover {
    border-color: rgba(var(--c-rgb), .16);
    transform: translateY(-1px);
    box-shadow: 0 3px 9px rgba(var(--c-rgb), .07);
}
.ap-une__item-media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    align-self: stretch;
    height: auto;
    width: auto;
    flex-shrink: 0;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(var(--c-rgb), .16), rgba(var(--c-rgb), .34));
    color: var(--c);
    font-size: 30px;
}
.ap-une__item-media i { opacity: .55; }
.ap-une__item-media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ap-une__item-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 13px 15px;
    min-width: 0;
    flex: 1;
}
.ap-une__item {
    --t: 16px;
    --r: 13.5px;
}
.ap-une__item-titre { margin-bottom: 6px; }
.ap-une__item-resume {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ap-une__lire,
.ap-article__lire {
    align-self: flex-end;
    margin-top: 10px;
    font-size: 13.5px;
    color: var(--c, var(--ap-brand));
}
.ap-une__item .ap-une__lire { margin-top: 8px; }
.ap-une__main:hover .ap-une__lire i,
.ap-une__item:hover .ap-une__lire i,
.ap-article:hover .ap-article__lire i { transform: translateX(3px); }
.ap-rub-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}
.ap-rub-grid > .ap-rub {
    flex: 1 1 250px;
    max-width: 300px;
}
.ap-rub {
    overflow: hidden;
    padding: 22px;
    border-radius: 15px;
    background: var(--ap-bg-pure);
    border: 1px solid var(--ap-border);
    border-top: 3px solid var(--c);
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}
.ap-rub:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 26px rgba(var(--c-rgb), .17);
}
.ap-rub__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 14px;
    border-radius: 12px;
    background: rgba(var(--c-rgb), .12);
    color: var(--c);
    font-size: 23px;
}
.ap-rub__icon--image {
    width: auto;
    height: auto;
    aspect-ratio: 16 / 9;
    margin: -22px -22px 16px;
    overflow: hidden;
    border-radius: 12px 12px 0 0;
    background: rgba(var(--c-rgb), .1);
}
.ap-rub__icon--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}
.ap-rub:hover .ap-rub__icon--image img {
    transform: scale(1.04);
}
.ap-rub__nom {
    display: block;
    margin-bottom: 6px;
    font-size: 17px;
    font-weight: 700;
    color: var(--ap-text);
}
.ap-rub__desc {
    display: block;
    font-size: 13.5px;
    line-height: 1.55;
    color: var(--ap-text-muted);
}
.ap-villes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
}
.ap-ville {
    flex: 1 1 300px;
    max-width: 380px;
    border-radius: 15px;
    overflow: hidden;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}
.ap-ville:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .3);
}
.ap-ville__media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: var(--ap-ratio-og);
    background: linear-gradient(135deg,
                hsl(calc(275 - var(--i) * 16) 45% 42%),
                hsl(calc(275 - var(--i) * 16) 50% 24%));
    color: rgba(255, 255, 255, .35);
    font-size: 40px;
    overflow: hidden;
}
.ap-ville__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .45s ease, filter .45s ease;
}
.ap-ville:hover .ap-ville__media img {
    transform: scale(1.06);
    filter: brightness(1.06) contrast(1.05) saturate(1.04);
}
@media (prefers-reduced-motion: reduce) {
    .ap-ville__media img {
        transition: filter .45s ease;
    }
    .ap-ville:hover .ap-ville__media img {
        transform: none;
    }
}
.ap-ville__overlay {
    position: absolute;
    inset: auto 0 0 0;
    z-index: 3;
    padding: 38px 18px 15px;
    background: linear-gradient(to top,
                rgba(0, 0, 0, .88) 0%,
                rgba(0, 0, 0, .45) 60%,
                transparent 100%);
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
}
.ap-ville__nom {
    display: block;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -.015em;
    line-height: 1.2;
}
.ap-ville__cle {
    display: block;
    margin-top: 3px;
    font-size: 13.5px;
    line-height: 1.45;
    color: rgba(255, 255, 255, .85);
}
.ap-section__foot {
    margin-top: 26px;
    text-align: center;
}
.ap-diff-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 14px;
}
.ap-diff {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 17px 18px;
    border-radius: 13px;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .13);
    color: #fff;
    text-decoration: none;
    transition: background .15s ease, transform .15s ease;
}
.ap-diff:hover {
    background: rgba(255, 255, 255, .14);
    color: #fff;
}
.ap-diff__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 11px;
    background: rgba(255, 255, 255, .13);
    font-size: 21px;
}
.ap-diff__titre { flex: 1; font-size: 15px; font-weight: 600; line-height: 1.35; }
.ap-diff__fleche { flex-shrink: 0; opacity: .5; }
.ap-articles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.ap-article {
    --t: 19px;
    --r: 14px;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    background: var(--ap-bg-pure);
    border: 1px solid var(--ap-border);
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}
.ap-article:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(var(--ap-brand-rgb), .13);
}
.ap-article__imgwrap {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: var(--ap-ratio-og);
    overflow: hidden;
    background: linear-gradient(135deg, rgba(var(--c-rgb), .16), rgba(var(--c-rgb), .34));
    color: var(--c);
    font-size: 38px;
}
.ap-article__imgwrap i { opacity: .55; }
.ap-article__imgwrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ap-article__body {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 16px 18px 18px;
    overflow: hidden;
    text-align: left;
}
.ap-article__title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    
    color: var(--c);
    color: color-mix(in srgb, var(--c) 75%, #000);
}
.ap-article__kicker {
    color: var(--c);
}
.ap-article__chapo {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 8px;
    
    color: var(--ap-text-muted);
    color: color-mix(in srgb, var(--c) 16%, var(--ap-text-muted));
}
.ap-article__lire {
    margin-top: auto;
    padding-top: 10px;
}
.ap-temoins {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.ap-temoin {
    margin: 0;
    padding: 24px;
    border-radius: 15px;
    background: var(--ap-bg-pure);
    border: 1px solid var(--ap-border);
    border-left: 3px solid var(--ap-brand-light);
}
.ap-temoin blockquote {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.65;
    font-style: italic;
    color: var(--ap-text);
}
.ap-temoin figcaption { display: flex; align-items: center; gap: 11px; }
.ap-temoin__av {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(var(--ap-brand-rgb), .13);
    color: var(--ap-brand-dark);
    font-weight: 700;
}
.ap-temoin figcaption strong { display: block; font-size: 14.5px; color: var(--ap-text); }
.ap-temoin figcaption .ap-meta { margin-top: 2px; }
.ap-pros {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
}
.ap-pros__domaines {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 20px 0 24px;
}
.ap-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--ap-bg-pure);
    border: 1px solid var(--ap-border);
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ap-text);
}
.ap-chip i { color: var(--ap-brand); font-size: 16px; }
.ap-pros__titre {
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--ap-text-muted);
}
.ap-question {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 12px 14px;
    margin-bottom: 10px;
    border-radius: 12px;
    background: var(--ap-bg-pure);
    border: 1px solid var(--ap-border);
    text-decoration: none;
    transition: border-color .15s ease, transform .15s ease;
}
.ap-question:hover { border-color: rgba(var(--ap-brand-rgb), .32); transform: translateX(2px); }
.ap-question > i { flex-shrink: 0; font-size: 20px; color: var(--ap-brand); }
.ap-question__vignette {
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 108px;
    aspect-ratio: var(--ap-ratio-og);
    overflow: hidden;
    border-radius: 9px;
    background: rgba(var(--ap-brand-rgb), .1);
    color: var(--c, var(--ap-brand));
    font-size: 26px;
}
.ap-question__vignette img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ap-question__texte {
    display: block;
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--ap-text);
}
.ap-rejoindre {
    background:
        radial-gradient(40% 60% at 88% 20%, rgba(253, 224, 71, .08), transparent 70%),
        radial-gradient(44% 64% at 10% 82%, rgba(216, 180, 254, .28), transparent 70%),
        var(--ap-gradient);
    text-align: center;
}
.ap-rejoindre .ap-h2 {
    justify-content: center;
    margin-bottom: 28px;
    font-size: 20px;
    font-weight: 600;
    color: rgba(255, 255, 255, .85);
}
.ap-rejoindre__accroche {
    margin: 0 0 14px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.02em;
    color: #fff;
}
.ap-avantages {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin: 0 0 32px;
    padding: 0;
    list-style: none;
    text-align: center;
}
.ap-avantage {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 26px 18px 22px;
    border-radius: 15px;
    background: rgba(255, 255, 255, .11);
    border: 1px solid rgba(255, 255, 255, .18);
    backdrop-filter: blur(4px);
    transition: background .2s ease, transform .2s ease;
}
.ap-avantage:hover {
    background: rgba(255, 255, 255, .17);
    transform: translateY(-3px);
}
.ap-avantage__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .16);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25),
                0 6px 18px rgba(0, 0, 0, .12);
    color: #fff;
    font-size: 26px;
}
.ap-avantage__icon i { display: block; line-height: 1; }
.ap-avantage__titre {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.01em;
    color: #fff;
}
.ap-avantage__texte {
    font-size: 13.5px;
    line-height: 1.5;
    color: rgba(255, 255, 255, .78);
}
@media (max-width: 980px) {
    .ap-articles,
    .ap-temoins { grid-template-columns: repeat(2, 1fr); }
    :root {
        --ap-section-gap: 40px;
        --ap-section-pad: 40px;
        --ap-section-top: 16px;
    }
    .ap-une { grid-template-columns: 1fr; }
    .ap-une__item-media { width: 96px; }
    .ap-pros { grid-template-columns: 1fr; gap: 30px; }
    .ap-avantages { grid-template-columns: repeat(2, 1fr); }
    .ap-h2 { font-size: 22px; }
    .ap-rejoindre__accroche { font-size: 23px; }
    .ap-rejoindre .ap-h2 { font-size: 17px; }
    .ap-une__titre { font-size: 21px; }
    .ap-section__head { flex-direction: column; align-items: flex-start; gap: 12px; }
    .ap-section__head--center { align-items: center; }
}
@media (max-width: 640px) {
    .ap-articles,
    .ap-temoins,
    .ap-diff-grid {
        grid-template-columns: 1fr;
    }
    
    .ap-avantages {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .ap-avantage {
        padding: 20px 12px 17px;
    }
    .ap-avantage__titre { font-size: 14.5px; }
    .ap-avantage__texte { font-size: 12.5px; }
    .ap-villes > .ap-ville,
    .ap-rub-grid > .ap-rub {
        flex: 1 1 100%;
        max-width: none;
    }
    .ap-rejoindre__accroche { font-size: 21px; }
}
.ap-article__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .45s ease, filter .45s ease;
}
.ap-article:hover .ap-article__img {
    transform: scale(1.06);
    filter: brightness(1.06) contrast(1.05) saturate(1.04);
}
@media (prefers-reduced-motion: reduce) {
    .ap-article__img {
        transition: filter .45s ease;
    }
    .ap-article:hover .ap-article__img {
        transform: none;
    }
}
.ap-article__marqueurs {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 5px;
    max-width: calc(100% - 16px);
}
.ap-article__villes {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    max-width: 100%;
    margin-top: 7px;
}
.ap-article__ville {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(var(--c-rgb, var(--ap-brand-rgb)), .12);
    color: var(--c, var(--ap-brand));
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ap-article__ville--plus {
    background: rgba(var(--c-rgb, var(--ap-brand-rgb)), .06);
    color: var(--c, var(--ap-brand));
    font-weight: 700;
    cursor: help;
}
.ap-article__ville i {
    flex-shrink: 0;
    font-size: 11.5px;
    opacity: .85;
}
.ap-article__format {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .01em;
    color: #fff;
    background: rgba(17, 12, 28, .68);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.ap-article__format i {
    font-size: 12px;
    opacity: .9;
}
.ap-article__play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: rgba(17, 12, 28, .5);
    box-shadow: 0 2px 16px rgba(0, 0, 0, .32),
                inset 0 0 0 1px rgba(255, 255, 255, .05),
                inset 0 0 0 999px rgba(var(--c-rgb), .3);
    color: #fff;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    transform: translate(calc(-50% + 2px), -50%);
    transition: box-shadow .25s ease, transform .25s ease;
}
.ap-article:hover .ap-article__play {
    box-shadow: 0 4px 20px rgba(0, 0, 0, .36),
                inset 0 0 0 1px rgba(255, 255, 255, .07),
                inset 0 0 0 999px rgba(var(--c-rgb), .45);
    transform: translate(calc(-50% + 2px), -50%) scale(1.08);
}
.ap-article__question {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .02em;
    color: #fff;
    background: var(--c, var(--ap-brand));
    box-shadow: 0 2px 10px rgba(0, 0, 0, .28),
                inset 0 0 0 1px rgba(255, 255, 255, .18);
}
.ap-article__question i {
    font-size: 14px;
}
@media (prefers-reduced-motion: reduce) {
    .ap-article:hover .ap-article__play {
        transform: translate(calc(-50% + 2px), -50%);
    }
}
.ap-article--compacte {
    --t: 16px;
    --r: 13.5px;
}
.ap-article--compacte .ap-article__body {
    padding: 13px 15px 15px;
}
.ap-diff,
.ap-avantage,
.ap-btn--ghost {
    backdrop-filter: blur(14px) saturate(1.3);
    -webkit-backdrop-filter: blur(14px) saturate(1.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18),
                0 4px 18px rgba(0, 0, 0, .10);
    transition: background .2s ease, border-color .2s ease,
                box-shadow .2s ease, transform .2s ease;
}
.ap-btn--ghost {
    background: rgba(255, 255, 255, .09);
}
.ap-diff:hover,
.ap-avantage:hover,
.ap-btn--ghost:hover {
    border-color: rgba(255, 255, 255, .19);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22),
                0 6px 20px rgba(0, 0, 0, .13);
}
@supports not (backdrop-filter: blur(1px)) {
    .ap-diff,
    .ap-avantage,
    .ap-btn--ghost {
        background: rgba(255, 255, 255, .13);
    }
}
.ap-diff,
.ap-avantage,
.ap-btn--ghost {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}
.ap-diff::before,
.ap-avantage::before,
.ap-btn--ghost::before {
    content: "";
    position: absolute;
    left: var(--sc-bx, 50%);
    top: var(--sc-by, 50%);
    width: var(--sc-size, 320px);
    height: var(--sc-size, 320px);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
    opacity: var(--sc-bo, 0);
    transition: opacity .35s ease;
    background: radial-gradient(circle,
                rgba(253, 224, 71, .11) 0%,
                rgba(253, 224, 71, .035) 45%,
                transparent 72%);
}
@media (prefers-reduced-motion: reduce) {
    .ap-diff::before,
    .ap-avantage::before,
    .ap-btn--ghost::before { transition: none; }
}
.ap-une__media img,
.ap-une__item-media img {
    transition: transform .45s ease, filter .45s ease;
}
.ap-une__main:hover .ap-une__media img,
.ap-une__item:hover .ap-une__item-media img {
    transform: scale(1.06);
    filter: brightness(1.06) contrast(1.05) saturate(1.04);
}
@media (prefers-reduced-motion: reduce) {
    .ap-une__media img,
    .ap-une__item-media img {
        transition: filter .45s ease;
    }
    .ap-une__main:hover .ap-une__media img,
    .ap-une__item:hover .ap-une__item-media img {
        transform: none;
    }
}
.ap-listing {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
    gap: 30px;
    align-items: start;
    padding: 24px 0 48px;
}
.ap-listing__main {
    display: flex;
    flex-direction: column;
    gap: 30px;
    min-width: 0;
}
.ap-listing__side {
    display: flex;
    flex-direction: column;
    gap: 30px;
    min-width: 0;
}
.ap-articles--2 {
    grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 980px) {
    .ap-listing {
        grid-template-columns: 1fr;
        gap: 36px;
    }
}
@media (max-width: 640px) {
    .ap-articles--2 {
        grid-template-columns: 1fr;
    }
}
.ap-shorts-section {
    --ap-short-w: 168px;
    --ap-short-h: 299px;
    display: block;
}
.ap-shorts-section .short-overlay-title {
    font-size: 16px;
    line-height: 1.28;
    padding: 62px 10px 12px;
    min-height: 132px;
    -webkit-line-clamp: 3;
    
    background: linear-gradient(to top,
                    rgba(var(--c-rgb, 147, 51, 234), .42) 0%,
                    rgba(var(--c-rgb, 147, 51, 234), .2) 58%,
                    transparent 100%),
                linear-gradient(to top,
                    rgba(0, 0, 0, .92) 0%,
                    rgba(0, 0, 0, .62) 58%,
                    transparent 100%);
}
.ap-shorts-section .shorts-nav {
    width: 44px;
    height: 44px;
    font-size: 19px;
}
.ap-shorts-section .shorts-rail-nav-prev { left: 4px; }
.ap-shorts-section .shorts-rail-nav-next { right: 4px; }
.ap-shorts-section .short-play-icon {
    width: 58px;
    height: 58px;
    background: rgba(17, 12, 28, .5);
    box-shadow: 0 2px 16px rgba(0, 0, 0, .32),
                inset 0 0 0 1px rgba(255, 255, 255, .05),
                inset 0 0 0 999px rgba(var(--c-rgb, 147, 51, 234), .3);
    transition: box-shadow .25s ease, transform .25s ease;
}
.ap-shorts-section .short-inner:hover .short-play-icon {
    box-shadow: 0 4px 20px rgba(0, 0, 0, .36),
                inset 0 0 0 1px rgba(255, 255, 255, .07),
                inset 0 0 0 999px rgba(var(--c-rgb, 147, 51, 234), .45);
    transform: translate(-50%, -50%) scale(1.08);
}
@media (prefers-reduced-motion: reduce) {
    .ap-shorts-section .short-inner:hover .short-play-icon {
        transform: translate(-50%, -50%);
    }
}
.ap-page {
    display: flex;
    flex-direction: column;
    gap: 26px;
    padding: 4px 0 48px;
}
.ap-page--texte {
    max-width: 780px;
}
.ap-page--2col {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    align-items: start;
    gap: 26px;
}
.ap-page__col,
.ap-page__side {
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-width: 0;
}
@media (max-width: 900px) {
    .ap-page--2col {
        grid-template-columns: minmax(0, 1fr);
    }
}
.ap-page__intro {
    margin: 0;
    padding-left: 16px;
    border-left: 3px solid var(--ap-brand);
    color: var(--ap-text);
    font-size: 17px;
    line-height: 1.7;
}
.ap-page__maj {
    margin: 0;
    color: var(--ap-text-muted);
    font-size: 13px;
}
.ap-page__bloc {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ap-page__bloc p {
    margin: 0;
    font-size: 15.5px;
    line-height: 1.72;
}
.ap-page__bloc a {
    color: var(--ap-brand-dark);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.ap-page__liste {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.ap-page__liste li {
    position: relative;
    padding-left: 24px;
    font-size: 15.5px;
    line-height: 1.72;
}
.ap-page__liste li::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ap-brand);
}
.ap-diffs__sommaire {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}
.ap-diffs__lien {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 15px;
    border: 1px solid var(--ap-border);
    border-radius: 999px;
    background: var(--ap-bg-pure);
    color: var(--ap-text);
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.ap-diffs__lien i {
    color: var(--ap-brand);
    font-size: 16px;
}
.ap-diffs__lien:hover {
    border-color: var(--ap-brand);
    background: rgba(var(--ap-brand-rgb), .07);
    color: var(--ap-brand-dark);
}
.ap-diffs__bloc {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 24px 26px;
    border: 1px solid var(--ap-border);
    border-radius: 16px;
    background: var(--ap-bg-pure);
    scroll-margin-top: 90px;
}
.ap-diffs__tete {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.ap-diffs__tete .ap-h2 {
    margin: 0 0 6px;
}
.ap-diffs__icone {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: var(--ap-gradient);
    color: #fff;
    font-size: 26px;
}
.ap-diffs__texte {
    margin: 0;
    color: var(--ap-text-muted);
    font-size: 15.5px;
    line-height: 1.7;
}
.ap-diffs__suite {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
@media (max-width: 640px) {
    .ap-diffs__bloc  { padding: 18px 16px 20px; }
    .ap-diffs__tete  { gap: 12px; }
    .ap-diffs__icone { width: 44px; height: 44px; font-size: 22px; border-radius: 12px; }
}
.ap-chiffres {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 14px;
}
.ap-chiffre {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 20px 18px;
    border: 1px solid var(--ap-border);
    border-radius: 14px;
    background: var(--ap-bg-pure);
    text-align: center;
}
.ap-chiffre__valeur {
    color: var(--ap-brand);
    font-size: 30px;
    font-weight: 800;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}
.ap-chiffre__libelle {
    color: var(--ap-text-muted);
    font-size: 13px;
    line-height: 1.45;
}
.ap-missions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
    margin-top: 6px;
}
.ap-mission {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 22px 20px;
    border: 1px solid var(--ap-border);
    border-radius: 14px;
    background: var(--ap-bg-soft);
}
.ap-mission__icone {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(var(--ap-brand-rgb), .12);
    color: var(--ap-brand);
    font-size: 22px;
}
.ap-mission h3 {
    margin: 0;
    font-size: 16.5px;
    font-weight: 700;
}
.ap-mission p {
    margin: 0;
    color: var(--ap-text-muted);
    font-size: 14.5px;
    line-height: 1.65;
}
.ap-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 24px;
    border: 1px solid var(--ap-border);
    border-radius: 16px;
    background: var(--ap-bg-pure);
    scroll-margin-top: 90px;
}
.ap-appel .ap-form,
.ap-form--inline {
    padding: 0;
    border: 0;
    background: transparent;
}
.ap-form--inline {
    gap: 12px;
    margin-top: 16px;
    max-width: 520px;
}
.ap-form__ligne {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 15px;
}
.ap-form__champ {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.ap-form__champ label {
    font-size: 13.5px;
    font-weight: 650;
}
.ap-form__requis { color: var(--ap-brand); }
.ap-form__option {
    color: var(--ap-text-muted);
    font-size: 12px;
    font-weight: 400;
}
.ap-form input[type="text"],
.ap-form input[type="email"],
.ap-form input[type="tel"],
.ap-form select,
.ap-form textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--ap-border);
    border-radius: 9px;
    background: var(--ap-bg-pure);
    color: var(--ap-text);
    font-family: inherit;
    font-size: 14.5px;
}
.ap-form textarea {
    resize: vertical;
    line-height: 1.6;
}
.ap-form :is(input, select, textarea):focus {
    outline: none;
    border-color: var(--ap-brand);
    box-shadow: 0 0 0 3px rgba(var(--ap-brand-rgb), .14);
}
.ap-form__mention {
    margin: 0;
    color: var(--ap-text-muted);
    font-size: 12.5px;
    line-height: 1.6;
}
.ap-form__mention a {
    color: var(--ap-brand-dark);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.ap-form button[type="submit"] {
    align-self: flex-start;
    border: 0;
    font-family: inherit;
    cursor: pointer;
}
.ap-form__retour {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    padding: 13px 16px;
    border-radius: 11px;
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.5;
}
.ap-form__retour i { font-size: 19px; flex: 0 0 auto; }
.ap-form__retour--succes { background: rgba(34, 150, 94, .14);  color: #1c6b44; }
.ap-form__retour--erreur { background: rgba(196, 90, 20, .14);  color: #9a4a12; }
.ap-appel .ap-form__retour {
    margin-top: 14px;
    background: rgba(255, 255, 255, .16);
    color: #fff;
}
.ap-form__miel {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
@media (max-width: 640px) {
    .ap-form { padding: 18px 16px 20px; }
    .ap-form button[type="submit"] { align-self: stretch; justify-content: center; }
}
.ap-side-block__liens {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.ap-side-block__liens a {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 11px 12px;
    border-radius: 11px;
    color: var(--ap-text);
    font-size: 13.5px;
    line-height: 1.55;
    text-decoration: none;
    transition: background .15s ease;
}
.ap-side-block__liens a:hover { background: rgba(var(--ap-brand-rgb), .08); }
.ap-side-block__liens i {
    flex: 0 0 auto;
    margin-top: 2px;
    color: var(--ap-brand);
    font-size: 18px;
}
.ap-side-block__liens strong { display: block; font-weight: 700; }
@media print {
    .ap-page--2col  { display: block; }
    .ap-page__side,
    .ap-diffs__sommaire,
    .ap-diffs__suite,
    .ap-form        { display: none; }
    .ap-diffs__bloc,
    .ap-chiffre,
    .ap-mission {
        border-color: #ccc;
        background: transparent;
        break-inside: avoid;
    }
}
.ap-chantier {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 64px 24px 68px;
    border: 1px solid var(--ap-border);
    border-radius: 16px;
    background: var(--ap-bg-pure);
    text-align: center;
}
.ap-chantier__icone {
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    margin-bottom: 4px;
    border-radius: 18px;
    background: rgba(var(--ap-brand-rgb), .1);
    color: var(--ap-brand);
    font-size: 30px;
}
.ap-chantier__titre {
    margin: 0;
    font-size: clamp(21px, 3vw, 26px);
    font-weight: 800;
    line-height: 1.25;
}
.ap-chantier__texte {
    max-width: 460px;
    margin: 0 0 8px;
    color: var(--ap-text-muted);
    font-size: 15.5px;
    line-height: 1.65;
}
@media (max-width: 640px) {
    .ap-chantier { padding: 44px 18px 48px; }
}
.ap-page-cms__bas {
    display: flex;
    flex-direction: column;
    gap: 28px;
    margin: 32px 0 8px;
}
.ap-pagination {
    display: flex;
    justify-content: center;
    padding: 8px 0 4px;
}
.ap-pagination__liste {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.ap-pagination__item a,
.ap-pagination__item span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 11px;
    border-radius: 8px;
    background: var(--ap-bg-pure);
    box-shadow: inset 0 0 0 1px var(--ap-border);
    color: var(--ap-text);
    font-size: 14px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.ap-pagination__item a:hover {
    background: rgba(var(--c-rgb, 147, 51, 234), .1);
    box-shadow: inset 0 0 0 1px rgba(var(--c-rgb, 147, 51, 234), .3);
    color: var(--c, var(--ap-brand));
}
.ap-pagination__item.is-actif span {
    background: var(--c, var(--ap-brand));
    box-shadow: none;
    color: #fff;
}
.ap-pagination__item--saut {
    display: inline-flex;
    align-items: center;
    padding: 0 4px;
    color: var(--ap-text-muted);
    opacity: .6;
}
.ap-pagination__item i {
    font-size: 17px;
}
@media print {
    
    body {
        background: #fff !important;
        color: #000 !important;
        font-size: 12pt;
    }
    .ap-header,
    .ap-nav,
    .ap-rubriques,
    .ut-mobile-menu,
    .ap-bottomnav,
    .ap-ft,
    .ap-skiplink,
    .ap-share-fiche,
    .ap-share,
    .ap-listing__side,
    .ap-appub,
    .ap-toolbar,
    .ap-pagination,
    .ap-voir-aussi,
    .ap-commentaires__depot,
    .ap-commentaires__plus,
    .ap-commentaire__actions,
    .ut-rubrique-card__image {
        display: none !important;
    }
    
    .ap-listing {
        display: block !important;
        padding: 0 !important;
    }
    
    .ut-rubrique-card {
        padding: 0 !important;
        background: none !important;
        color: #000 !important;
    }
    .ut-rubrique-h1,
    .ut-rubrique-meta {
        display: none !important;
    }
    .ap-fiche h1 {
        font-size: 20pt;
    }
    .ap-chapo {
        border-left: 2pt solid #000 !important;
        color: #000 !important;
    }
    .ap-body {
        font-size: 12pt;
        line-height: 1.5;
    }
    .ap-body h2,
    .ap-body h3 {
        font-size: 14pt;
        page-break-after: avoid;
    }
    .ap-body blockquote {
        background: none !important;
        border-left: 2pt solid #000 !important;
    }
    .ap-body img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }
    
    .ap-body a[href^="http"]::after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        word-break: break-all;
    }
    .ap-commentaire,
    .ap-sujets {
        page-break-inside: avoid;
    }
}
.ap-pub {
    container-type: inline-size;
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    isolation: isolate;
    border-radius: 10px;
    text-decoration: none;
    
    background: radial-gradient(130% 100% at 22% 0%, #3b1670 0%, #250d46 45%, #140626 100%);
    background: radial-gradient(130% 100% at 22% 0%,
                    color-mix(in srgb, var(--c, var(--ap-brand)) 55%, #000) 0%,
                    color-mix(in srgb, var(--c, var(--ap-brand)) 32%, #000) 45%,
                    color-mix(in srgb, var(--c, var(--ap-brand)) 14%, #000) 100%);
    box-shadow: 0 10px 30px rgba(var(--c-rgb, 147, 51, 234), .3);
    transition: transform .25s ease, box-shadow .25s ease;
}
.ap-pub:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 38px rgba(var(--c-rgb, 147, 51, 234), .42);
}
.ap-pub * {
    box-sizing: border-box;
}
.ap-pub__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}
.ap-pub__orbe {
    position: absolute;
    border-radius: 50%;
    filter: blur(7cqw);
    opacity: .6;
}
.ap-pub__orbe--a {
    left: -14cqw;
    top: -26cqw;
    width: 46cqw;
    height: 46cqw;
    background: radial-gradient(circle, var(--c, var(--ap-brand)), transparent 70%);
    animation: ap-pub-derive 15s ease-in-out infinite alternate;
}
.ap-pub__orbe--b {
    right: -12cqw;
    bottom: -28cqw;
    width: 40cqw;
    height: 40cqw;
    background: radial-gradient(circle, rgba(var(--c-rgb, 147, 51, 234), .6), transparent 70%);
    animation: ap-pub-derive 19s ease-in-out infinite alternate-reverse;
}
@keyframes ap-pub-derive {
    from { transform: translate(0, 0) scale(1); }
    to   { transform: translate(5cqw, 3cqw) scale(1.18); }
}
.ap-pub__rayons {
    position: absolute;
    inset: -25%;
    background: conic-gradient(from 200deg at 50% 45%,
                    transparent 0deg,
                    rgba(var(--c-rgb, 147, 51, 234), .16) 14deg,
                    transparent 30deg,
                    transparent 130deg,
                    rgba(255, 255, 255, .05) 145deg,
                    transparent 165deg);
    animation: ap-pub-tourne 40s linear infinite;
}
@keyframes ap-pub-tourne {
    to { transform: rotate(360deg); }
}
.ap-pub__scene {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2.6cqw;
    padding: 5cqw 7cqw;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transform: scale(.97);
    transition: opacity .5s ease, transform .5s ease, visibility 0s .5s;
}
.ap-pub__scene.is-active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: opacity .5s ease, transform .5s ease;
}
.ap-pub__rise {
    opacity: 0;
    transform: translateY(3cqw);
}
.ap-pub__scene.is-active .ap-pub__rise {
    animation: ap-pub-monte .6s cubic-bezier(.22, 1, .36, 1) forwards;
}
.ap-pub__scene.is-active .ap-pub__rise--2 { animation-delay: .13s; }
.ap-pub__scene.is-active .ap-pub__rise--3 { animation-delay: .26s; }
@keyframes ap-pub-monte {
    to { opacity: 1; transform: translateY(0); }
}
.ap-pub__signe {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9cqw;
    height: 9cqw;
    border-radius: 2.6cqw;
    background: var(--c, var(--ap-brand));
    background: linear-gradient(135deg,
                    color-mix(in srgb, var(--c, var(--ap-brand)) 70%, #fff),
                    var(--c, var(--ap-brand)));
    box-shadow: 0 1.5cqw 4cqw rgba(var(--c-rgb, 147, 51, 234), .55);
    color: #fff;
}
.ap-pub__signe i {
    font-size: 5cqw;
}
.ap-pub__signe--reponse {
    background: linear-gradient(135deg,
                    color-mix(in srgb, var(--c, var(--ap-brand)) 45%, #fff),
                    color-mix(in srgb, var(--c, var(--ap-brand)) 85%, #fff));
}
.ap-pub__signe::after {
    content: "";
    position: absolute;
    inset: -1cqw;
    border-radius: 3.4cqw;
    border: .35cqw solid rgba(var(--c-rgb, 147, 51, 234), .7);
    animation: ap-pub-halo 2.4s ease-out infinite;
}
@keyframes ap-pub-halo {
    from { opacity: .85; transform: scale(1); }
    to   { opacity: 0;   transform: scale(1.4); }
}
.ap-pub__titre {
    font-size: 7.6cqw;
    font-weight: 800;
    line-height: 1.14;
    letter-spacing: -.02em;
    color: #fff;
    text-shadow: 0 .4cqw 1.6cqw rgba(0, 0, 0, .35);
}
.ap-pub__pied {
    font-size: 2.8cqw;
    font-weight: 600;
    letter-spacing: .04em;
    color: rgba(255, 255, 255, .78);
}
.ap-pub__cta {
    display: inline-flex;
    align-items: center;
    gap: 2cqw;
    margin-top: 1cqw;
    padding: 3cqw 5.5cqw;
    border-radius: 99cqw;
    background: var(--c, var(--ap-brand));
    background: linear-gradient(135deg,
                    color-mix(in srgb, var(--c, var(--ap-brand)) 78%, #fff),
                    var(--c, var(--ap-brand)));
    color: #fff;
    font-size: 3.1cqw;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    box-shadow: 0 1.4cqw 4cqw rgba(var(--c-rgb, 147, 51, 234), .55),
                inset 0 0 0 .2cqw rgba(255, 255, 255, .18);
}
@keyframes ap-pub-ressort {
    from { opacity: 0; transform: translateY(3cqw) scale(.9); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
.ap-pub__cta i {
    font-size: 3.6cqw;
    transition: transform .2s ease;
}
.ap-pub:hover .ap-pub__cta i {
    transform: translateX(1cqw);
}
.ap-pub__scene.is-active .ap-pub__cta {
    animation: ap-pub-ressort .6s cubic-bezier(.34, 1.56, .64, 1) .42s backwards,
               ap-pub-battement 2.6s ease-in-out 1.1s infinite;
}
@keyframes ap-pub-battement {
    0%, 100% { box-shadow: 0 1.4cqw 4cqw rgba(var(--c-rgb, 147, 51, 234), .55),
                           inset 0 0 0 .2cqw rgba(255, 255, 255, .18); }
    50%      { box-shadow: 0 1.4cqw 5.5cqw rgba(var(--c-rgb, 147, 51, 234), .8),
                           inset 0 0 0 .2cqw rgba(255, 255, 255, .28); }
}
@media (prefers-reduced-motion: reduce) {
    .ap-pub,
    .ap-pub *,
    .ap-pub *::before,
    .ap-pub *::after {
        animation: none !important;
        transition: none !important;
    }
    .ap-pub:hover {
        transform: none;
    }
}
.ap-qpro {
    padding: 16px 16px 14px;
    border-radius: 10px;
    background: rgba(var(--c-rgb, 147, 51, 234), .07);
}
.ap-qpro .ap-side-block__head {
    display: block;
    margin-bottom: 4px;
}
.ap-qpro .ap-side-block__titre {
    gap: 10px;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -.02em;
}
.ap-qpro .ap-side-block__titre i {
    font-size: 30px;
    color: var(--c, var(--ap-brand));
}
.ap-qpro__liste {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.ap-qpro__item + .ap-qpro__item {
    border-top: 1px solid rgba(var(--c-rgb, 147, 51, 234), .16);
}
.ap-qpro__lien {
    display: flex;
    gap: 10px;
    padding: 11px 4px;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color .15s ease;
}
.ap-qpro__lien:hover {
    background: rgba(var(--c-rgb, 147, 51, 234), .1);
}
.ap-qpro__marque {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-top: 1px;
    border-radius: 50%;
    background: var(--c, var(--ap-brand));
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}
.ap-qpro__corps {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}
.ap-qpro__texte {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    font-style: italic;
    line-height: 1.4;
    color: var(--ap-text);
}
.ap-qpro__texte::before { content: "\00AB\00A0"; }
.ap-qpro__texte::after  { content: "\00A0\00BB"; }
.ap-qpro__reponse {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    color: var(--c, var(--ap-brand));
}
.ap-qpro__reponse i {
    font-size: 13px;
    transition: transform .2s ease;
}
.ap-qpro__lien:hover .ap-qpro__reponse i {
    transform: translateX(3px);
}
.ap-qpro__poser {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    background: var(--c, var(--ap-brand));
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
    transition: filter .15s ease;
}
.ap-qpro__poser:hover {
    filter: brightness(1.08);
}
@media (prefers-reduced-motion: reduce) {
    .ap-qpro__lien:hover .ap-qpro__reponse i {
        transform: none;
    }
}
.ap-recherche { position: fixed; inset: 0; z-index: 1100; display: flex; justify-content: center; align-items: flex-start; padding: 70px 16px 16px; }
.ap-recherche[hidden] { display: none; }
body.ap-recherche-ouverte { overflow: hidden; }
.ap-recherche__fond { position: absolute; inset: 0; background: rgba(20, 10, 35, .45); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.ap-recherche__boite {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 720px;
    max-height: calc(100vh - 100px);
    overflow: hidden;
    border-radius: 18px;
    background: var(--ap-bg-pure, #fff);
    box-shadow: 0 30px 80px rgba(20, 10, 35, .35);
    animation: ap-recherche-in .16s ease-out;
}
@keyframes ap-recherche-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
.ap-recherche__form { display: flex; align-items: center; gap: 12px; padding: 14px 16px 14px 20px; border-bottom: 1px solid var(--ap-border); }
.ap-recherche__loupe { color: var(--ap-brand); font-size: 24px; }
.ap-recherche__form input {
    flex: 1;
    min-width: 0;
    padding: 6px 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ap-text);
    font-size: 19px;
}
.ap-recherche__form input::-webkit-search-cancel-button { display: none; }
.ap-recherche__spin { width: 18px; height: 18px; border: 2px solid rgba(var(--ap-brand-rgb), .25); border-top-color: var(--ap-brand); border-radius: 50%; animation: ap-recherche-spin .7s linear infinite; }
.ap-recherche__spin[hidden] { display: none; }
@keyframes ap-recherche-spin { to { transform: rotate(360deg); } }
.ap-recherche__fermer { display: inline-flex; align-items: center; gap: 6px; padding: 6px 8px; border: 0; border-radius: 8px; background: transparent; color: var(--ap-text-muted); font-size: 18px; cursor: pointer; }
.ap-recherche__fermer:hover { background: rgba(var(--ap-brand-rgb), .08); color: var(--ap-text); }
.ap-recherche__fermer kbd { padding: 2px 6px; border: 1px solid var(--ap-border); border-radius: 5px; font: 600 11px/1.4 inherit; }
.ap-recherche__sugg { overflow-y: auto; padding: 8px 10px 12px; }
.ap-recherche__groupe { padding: 6px 0; }
.ap-recherche__groupe + .ap-recherche__groupe { border-top: 1px solid var(--ap-border); }
.ap-recherche__titre { display: flex; align-items: center; gap: 6px; padding: 6px 10px 4px; color: var(--ap-text-muted); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.ap-recherche__effacer { margin-left: auto; border: 0; background: none; color: var(--ap-brand); font-size: 12px; font-weight: 600; text-transform: none; letter-spacing: 0; cursor: pointer; }
.ap-recherche__item { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 10px; color: var(--ap-text); text-decoration: none; }
.ap-recherche__item:hover, .ap-recherche__item.is-focus { background: rgba(var(--ap-brand-rgb), .08); }
.ap-recherche__pic { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 44px; height: 44px; overflow: hidden; border-radius: 9px; background: rgba(var(--ap-brand-rgb), .10); color: var(--ap-brand); font-size: 20px; }
.ap-recherche__pic img { width: 100%; height: 100%; object-fit: cover; }
.ap-recherche__nom { display: flex; flex-direction: column; min-width: 0; font-size: 15px; font-weight: 600; line-height: 1.3; }
.ap-recherche__nom small { overflow: hidden; color: var(--ap-text-muted); font-size: 12.5px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.ap-recherche mark, .ap-recherche-page mark { padding: 0 1px; border-radius: 3px; background: rgba(var(--ap-brand-rgb), .16); color: inherit; }
.ap-recherche__puces { display: flex; flex-wrap: wrap; gap: 8px; padding: 6px 10px; }
.ap-recherche__puce { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 999px; background: rgba(var(--ap-brand-rgb), .09); color: var(--ap-brand); font-size: 14px; font-weight: 600; text-decoration: none; }
.ap-recherche__puce:hover { background: rgba(var(--ap-brand-rgb), .16); }
.ap-recherche__tout { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 8px 0 0; padding: 12px; border-radius: 12px; background: var(--ap-brand); color: #fff; font-size: 15px; text-decoration: none; }
.ap-recherche__tout:hover, .ap-recherche__tout.is-focus { background: var(--ap-brand-dark, var(--ap-brand)); }
.ap-recherche__aucun { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 28px 10px; color: var(--ap-text-muted); text-align: center; }
.ap-recherche__aucun i { color: var(--ap-brand); font-size: 36px; }
.ap-recherche__aucun strong { color: var(--ap-text); font-size: 16px; }
@media (max-width: 640px) {
    .ap-recherche { padding: 0; }
    .ap-recherche__boite { max-width: none; height: 100%; max-height: none; border-radius: 0; }
    .ap-recherche__fermer kbd { display: none; }
}
.ap-recherche-page__form {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding: 6px 6px 6px 18px;
    border: 2px solid rgba(var(--ap-brand-rgb), .25);
    border-radius: 14px;
    background: var(--ap-bg-pure);
}
.ap-recherche-page__form:focus-within { border-color: var(--ap-brand); box-shadow: 0 0 0 4px rgba(var(--ap-brand-rgb), .10); }
.ap-recherche-page__form > i { color: var(--ap-brand); font-size: 22px; }
.ap-recherche-page__form input { flex: 1; min-width: 0; padding: 10px 0; border: 0; outline: 0; background: transparent; color: var(--ap-text); font-size: 17px; }
.ap-recherche-page__form button { padding: 11px 20px; border: 0; border-radius: 10px; background: var(--ap-brand); color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; }
.ap-recherche-page__form button:hover { background: var(--ap-brand-dark, var(--ap-brand)); }
.ap-recherche-page__onglets { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.ap-recherche-page__onglets a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: 1px solid var(--ap-border); border-radius: 999px; color: var(--ap-text); font-size: 14px; font-weight: 600; text-decoration: none; }
.ap-recherche-page__onglets a span { padding: 1px 7px; border-radius: 999px; background: rgba(var(--ap-brand-rgb), .10); color: var(--ap-brand); font-size: 12px; }
.ap-recherche-page__onglets a:hover { border-color: var(--ap-brand); }
.ap-recherche-page__onglets a.is-actif { border-color: var(--ap-brand); background: var(--ap-brand); color: #fff; }
.ap-recherche-page__onglets a.is-actif span { background: rgba(255, 255, 255, .22); color: #fff; }
.ap-recherche-page__vide { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 48px 16px; color: var(--ap-text-muted); text-align: center; }
.ap-recherche-page__vide > i { color: var(--ap-brand); font-size: 44px; }
.ap-recherche-page__vide p { margin: 0; }
.ap-recherche-page__vide-titre { color: var(--ap-text); font-size: 19px; font-weight: 700; }
.ap-recherche-page__exemples { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 12px; }
.ap-recherche-page__exemples a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: 999px; background: rgba(var(--ap-brand-rgb), .09); color: var(--ap-brand); font-weight: 600; text-decoration: none; }
.ap-recherche-page__exemples a:hover { background: rgba(var(--ap-brand-rgb), .16); }
.ap-recherche-side__liste { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none; }
.ap-recherche-side__liste a { display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 10px; color: var(--ap-text); text-decoration: none; }
.ap-recherche-side__liste a:hover { background: rgba(var(--ap-brand-rgb), .07); }
.ap-recherche-side__liste a > i { margin-left: auto; color: var(--ap-text-muted); }
.ap-recherche-side__pic { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 40px; height: 40px; overflow: hidden; border-radius: 9px; background: rgba(var(--ap-brand-rgb), .10); color: var(--ap-brand); font-size: 19px; }
.ap-recherche-side__pic img { width: 100%; height: 100%; object-fit: cover; }
.ap-recherche-side__nom { display: flex; flex-direction: column; min-width: 0; font-size: 14.5px; font-weight: 600; line-height: 1.3; }
.ap-recherche-side__nom small { color: var(--ap-text-muted); font-size: 12px; font-weight: 500; }
.ap-404 { display: flex; flex-direction: column; align-items: center; max-width: 720px; margin: 0 auto; padding: 48px 0 28px; text-align: center; }
.ap-404__visuel { display: flex; align-items: center; gap: 6px; color: var(--ap-brand); font-size: clamp(84px, 16vw, 150px); font-weight: 900; line-height: 1; letter-spacing: -.04em; }
.ap-404__titre { margin: 18px 0 10px; font-size: clamp(26px, 4vw, 36px); font-weight: 800; }
.ap-404__texte { max-width: 560px; margin: 0 0 24px; color: var(--ap-text-muted); font-size: 16px; line-height: 1.6; }
.ap-404__texte code { padding: 2px 8px; border-radius: 6px; background: rgba(var(--ap-brand-rgb), .08); color: var(--ap-text); font-size: 14px; word-break: break-all; }
.ap-404__form { width: 100%; max-width: 560px; }
.ap-404__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.ap-404__bouton { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border: 1px solid var(--ap-border); border-radius: 12px; color: var(--ap-text); font-weight: 650; text-decoration: none; }
.ap-404__bouton:hover { border-color: var(--ap-brand); color: var(--ap-brand); }
.ap-404__bouton--plein { border-color: var(--ap-brand); background: var(--ap-brand); color: #fff; }
.ap-404__bouton--plein:hover { background: var(--ap-brand-dark, var(--ap-brand)); color: #fff; }
.ap-404-suite { padding: 28px 0 56px; border-top: 1px solid var(--ap-border); }
.ap-404-suite__titre { display: flex; align-items: center; gap: 8px; margin: 0 0 20px; font-size: 22px; font-weight: 800; }
.ap-404-suite__titre i { color: var(--ap-brand); }
.ap-articles--3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 980px) { .ap-articles--3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .ap-articles--3 { grid-template-columns: 1fr; } }
.ap-resume {
    margin: 0;
    padding: 20px 22px;
    border-radius: 14px;
    background: color-mix(in srgb, var(--c, var(--ap-brand)) 7%, transparent);
    border: 1px solid color-mix(in srgb, var(--c, var(--ap-brand)) 22%, transparent);
}
.ap-resume__titre {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--ap-text);
}
.ap-resume__titre i { font-size: 24px; color: var(--c, var(--ap-brand)); }
.ap-resume__liste { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 9px; }
.ap-resume__liste li {
    position: relative;
    padding-left: 22px;
    font-size: 16px;
    line-height: 1.6;
    color: var(--ap-text);
}
.ap-resume__liste li::before {
    content: '';
    position: absolute;
    left: 4px;
    top: .62em;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--c, var(--ap-brand));
}
@media (max-width: 640px) {
    .ap-resume { padding: 16px; }
    .ap-resume__liste li { font-size: 15px; }
}
.ut-block.ut-rubrique-card,
html.is-dark .ut-block.ut-rubrique-card {
    --ap-rub-color: var(--ap-brand, #9333ea);
    
    --ap-rub-teinte: color-mix(in srgb, var(--ap-rub-color) 75%, var(--ap-brand, #9333ea));
    background: linear-gradient(
        110deg,
        var(--ap-brand, #9333ea) 0%,
        var(--ap-brand, #9333ea) 15%,
        var(--ap-rub-teinte) 100%
    );
}
.ut-block.ut-rubrique-card--has-image,
html.is-dark .ut-block.ut-rubrique-card--has-image {
    background: linear-gradient(
        110deg,
        var(--ap-brand, #9333ea) 0%,
        var(--ap-brand, #9333ea) 10%,
        var(--ap-rub-teinte) 55%,
        var(--ap-rub-teinte) 72%,
        transparent 100%
    );
}
.ut-rubrique-card .ut-rubrique-breadcrumb {
    background-color: color-mix(
        in srgb,
        color-mix(in srgb, var(--ap-rub-teinte, var(--ap-rub-color)) 62%, #000) 75%,
        transparent
    );
}
@supports not (background-color: color-mix(in srgb, red 50%, #000)) {
    .ut-rubrique-card .ut-rubrique-breadcrumb {
        background-color: rgba(0, 0, 0, 0.5);
    }
}
@media (max-width: 768px) {
    .ut-rubrique-card {
        margin-top: calc(1px - var(--ap-section-top, 16px));
        margin-left: calc(var(--site-gutter) * -1);
        margin-right: calc(var(--site-gutter) * -1);
        border-radius: 0;
    }
    
    .ut-rubrique-card .ut-rubrique-breadcrumb {
        border-radius: 0;
    }
}
.ap-share-fiche {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin: 0;
    padding: 10px 14px;
    border-radius: 10px;
    background: linear-gradient(
        180deg,
        rgba(var(--ap-brand-rgb, 147, 51, 234), .16) 0%,
        rgba(var(--ap-brand-rgb, 147, 51, 234), .16) 5%,
        rgba(var(--c-rgb, 147, 51, 234), .16) 80%,
        rgba(var(--c-rgb, 147, 51, 234), .16) 100%
    );
}
.ap-share-fiche__intitule {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--ap-text-muted);
}
.ap-share-fiche__boutons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
}
.ap-share-fiche__btn--print {
    position: relative;
    margin-left: auto;
    --ap-share-c: var(--ap-text-muted);
    --ap-share-rgb: 111, 95, 134;
}
.ap-share-fiche__btn--print::before {
    content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    width: 1px;
    height: 22px;
    transform: translateY(-50%);
    background: rgba(var(--c-rgb, 147, 51, 234), .3);
}
@media (max-width: 560px) {
    .ap-share-fiche__btn--print {
        padding-left: 10px;
    }
    .ap-share-fiche__btn--print::before { display: none; }
}
.ap-share-fiche__btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border: 1px solid rgba(var(--ap-share-rgb, 147, 51, 234), .28);
    border-radius: 8px;
    background: var(--ap-bg-pure);
    color: var(--ap-share-c, var(--ap-brand));
    font-size: 13.5px;
    font-weight: 650;
    font-family: inherit;
    line-height: 1.3;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}
.ap-share-fiche__btn i {
    font-size: 17px;
}
.ap-share-fiche__btn:hover {
    background: var(--ap-share-c, var(--ap-brand));
    border-color: var(--ap-share-c, var(--ap-brand));
    color: #fff;
    transform: translateY(-1px);
}
.ap-share-fiche__btn--whatsapp { --ap-share-c: #178540; --ap-share-rgb: 23, 133, 64; }
.ap-share-fiche__btn--facebook { --ap-share-c: #1771e6; --ap-share-rgb: 23, 113, 230; }
.ap-share-fiche__btn--twitter  { --ap-share-c: #177abe; --ap-share-rgb: 23, 122, 190; }
.ap-share-fiche__btn--telegram { --ap-share-c: #1b7ba9; --ap-share-rgb: 27, 123, 169; }
.ap-share-fiche__btn--email    { --ap-share-c: #6f5f86; --ap-share-rgb: 111, 95, 134; }
.ap-share-fiche__btn--copy     { --ap-share-c: var(--ap-brand); --ap-share-rgb: var(--ap-brand-rgb); }
.ap-share-fiche__btn--print    { --ap-share-c: #5b5b66; --ap-share-rgb: 91, 91, 102; }
.ap-share-fiche__toast {
    position: absolute;
    left: 18px;
    bottom: -34px;
    z-index: 50;
    padding: 6px 12px;
    border-radius: 6px;
    background: rgba(17, 12, 28, .9);
    color: #fff;
    font-size: 13px;
    white-space: nowrap;
    pointer-events: none;
}
@media (max-width: 640px) {
    .ap-share-fiche__btn {
        padding: 8px 12px;
        font-size: 13px;
    }
    
    .ap-share-fiche__btn:not(.ap-share-fiche__btn--copy) span {
        display: none;
    }
    
    .ap-share-fiche__btn:not(.ap-share-fiche__btn--copy) {
        padding: 8px 10px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .ap-share-fiche__btn:hover {
        transform: none;
    }
}
.ap-share {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 10px;
    background: rgba(var(--c-rgb, 147, 51, 234), .16);
}
.ap-share__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid var(--ap-border);
    border-radius: 50%;
    background: var(--ap-bg-pure);
    color: var(--ap-text-muted);
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: color .15s ease, border-color .15s ease, background-color .15s ease, transform .15s ease;
}
.ap-share__btn:hover {
    color: var(--ap-share-c, var(--ap-brand));
    border-color: var(--ap-share-c, var(--ap-brand));
    background: color-mix(in srgb, var(--ap-share-c, var(--ap-brand)) 8%, var(--ap-bg-pure));
    transform: translateY(-1px);
}
.ap-share__btn--whatsapp { --ap-share-c: #25d366; }
.ap-share__btn--facebook { --ap-share-c: #1877f2; }
.ap-share__btn--twitter  { --ap-share-c: #1da1f2; }
.ap-share__btn--telegram { --ap-share-c: #229ed9; }
.ap-share__btn--email    { --ap-share-c: #6f5f86; }
.ap-share__btn--copy     { --ap-share-c: var(--ap-brand); }
.ap-share__libelle {
    display: none;
}
@media (min-width: 980px) {
    .ap-share__btn {
        width: auto;
        height: 36px;
        gap: 7px;
        padding: 0 14px;
        border-radius: 999px;
        font-size: 16px;
    }
    .ap-share__libelle {
        display: inline;
        font-size: 13.5px;
        font-weight: 600;
        letter-spacing: -.01em;
    }
}
.ap-share__plus {
    position: relative;
    display: inline-flex;
}
.ap-share__btn--plus {
    font-size: 20px;
}
.ap-share__menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 40;
    display: flex;
    flex-direction: column;
    min-width: 190px;
    padding: 6px;
    border-radius: 10px;
    background: var(--ap-bg-pure);
    box-shadow: 0 10px 30px rgba(17, 12, 28, .18),
                inset 0 0 0 1px var(--ap-border);
}
.ap-share__item {
    width: 100%;
    border: 0;
    background: none;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 11px;
    border-radius: 7px;
    color: var(--ap-text);
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease;
}
.ap-share__item i {
    font-size: 18px;
    color: var(--ap-share-c, var(--ap-brand));
}
.ap-share__item:hover {
    color: var(--ap-share-c, var(--ap-brand));
    background: color-mix(in srgb, var(--ap-share-c, var(--ap-brand)) 10%, var(--ap-bg-pure));
}
.ap-share__separateur {
    display: block;
    height: 1px;
    margin: 5px 8px;
    background: var(--ap-border);
}
.ap-share__btn--print { --ap-share-c: var(--ap-text-muted); }
.ap-share__toast {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    margin-top: 8px;
    padding: 6px 12px;
    border-radius: 6px;
    background: rgba(17, 12, 28, .9);
    color: #fff;
    font-size: 13px;
    white-space: nowrap;
    z-index: 50;
    pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
    .ap-share__btn:hover {
        transform: none;
    }
}
.page-content:has(> .row-x1 > .ap-shorts),
.page-content:has(> .ap-shorts) {
    padding: 0;
    gap: 0;
}
body.ap-page-fixe {
    height: 100%;
    overflow: hidden;
    overscroll-behavior: none;
}
html:has(body.ap-page-fixe) {
    height: 100%;
    overflow: hidden;
}
.ap-shorts {
    position: relative;
    height: calc(100dvh - var(--ap-bar-h) - var(--ap-rubriques-h));
    margin: 0 calc(var(--site-gutter) * -1);
    background: #0b0712;
    color: #fff;
    overflow: hidden;
}
.ap-shorts__piste {
    height: 100%;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scroll-snap-type: y mandatory;
    scrollbar-width: none;
}
.ap-shorts__piste::-webkit-scrollbar {
    display: none;
}
.ap-short {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: #0b0712;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    cursor: pointer;
}
.ap-short__fond {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(44px) brightness(.4) saturate(1.1);
    opacity: .38;
    transform: scale(1.18);
    pointer-events: none;
}
@media (max-width: 640px) {
    .ap-short__fond {
        display: none;
    }
}
.ap-short__cadre {
    position: relative;
    z-index: 1;
    height: 100%;
    aspect-ratio: 9 / 16;
    max-width: 100%;
    overflow: hidden;
}
.ap-short__video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ap-short__voile {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 24%;
    background: linear-gradient(
        to top,
        rgba(var(--c-rgb, 147, 51, 234), .92) 0%,
        rgba(var(--c-rgb, 147, 51, 234), .5) 45%,
        transparent 100%
    );
    pointer-events: none;
}
.ap-short__voile::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(11, 7, 18, .72) 0%, transparent 75%);
}
.ap-short__infos {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 20px 18px 34px;
}
.ap-short__rubrique {
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(var(--ap-brand-rgb), .9);
    color: #fff;
    font-size: 11.5px;
    font-weight: 700;
    text-decoration: none;
}
.ap-short__titre {
    margin: 0;
    color: #fff;
    max-width: 620px;
    font-size: 18px;
    font-weight: 750;
    line-height: 1.32;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .5);
}
.ap-short__villes {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.ap-short__ville {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    color: #fff;
    font-size: 11.5px;
    font-weight: 650;
    text-decoration: none;
}
.ap-short__ville:hover {
    background: rgba(255, 255, 255, .28);
}
.ap-short__lecture {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border: 0;
    border-radius: 50%;
    background: rgba(11, 7, 18, .55);
    color: #fff;
    font-size: 26px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease;
}
.ap-short.est-pause .ap-short__lecture {
    opacity: 1;
}
.ap-short.est-pause:hover .ap-short__lecture {
    opacity: 1;
}
.ap-short__son {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: rgba(11, 7, 18, .55);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    transition: background-color .15s ease;
}
.ap-short__son:hover {
    background: rgba(11, 7, 18, .8);
}
.ap-short__barre {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    height: 4px;
    background: rgba(255, 255, 255, .22);
    cursor: pointer;
    transition: height .12s ease;
}
.ap-short__barre:hover,
.ap-short__barre:focus-visible {
    height: 9px;
    outline: none;
}
.ap-short__progres {
    display: block;
    width: 0;
    height: 100%;
    background: #fff;
}
.ap-shorts__indice {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0;
    color: rgba(255, 255, 255, .7);
    font-size: 12.5px;
    font-weight: 600;
    pointer-events: none;
    animation: ap-shorts-monte 1.8s ease-in-out infinite;
}
@keyframes ap-shorts-monte {
    0%, 100% { transform: translateY(0);    opacity: .7; }
    50%      { transform: translateY(-5px); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .ap-shorts__indice {
        animation: none;
    }
}
.ap-shorts__vide {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 100%;
    margin: 0;
    color: rgba(255, 255, 255, .7);
    font-size: 15px;
}
.ap-shorts__sentinelle {
    height: 0;
    scroll-snap-align: none;
    pointer-events: none;
}
.ap-side-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ap-side-block__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}
.ap-side-block__titre {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -.01em;
    color: var(--ap-text);
}
.ap-side-block__titre i {
    font-size: 16px;
    color: var(--ap-brand);
}
.ap-side-block__lien {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ap-text-muted);
    text-decoration: none;
    transition: color .15s ease;
}
.ap-side-block__lien:hover {
    color: var(--ap-brand);
}
.ap-side-block__lien i {
    font-size: 13px;
    transition: transform .2s ease;
}
.ap-side-block__lien:hover i {
    transform: translateX(3px);
}
@media (prefers-reduced-motion: reduce) {
    .ap-side-block__lien:hover i {
        transform: none;
    }
}
.ap-temoignage {
    padding: 16px 16px 14px;
    border-radius: 10px;
    background: rgba(var(--c-rgb, 147, 51, 234), .07);
}
.ap-temoignage .ap-side-block__head {
    display: block;
    margin-bottom: 2px;
}
.ap-temoignage .ap-side-block__titre {
    gap: 10px;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -.02em;
}
.ap-temoignage .ap-side-block__titre i {
    font-size: 30px;
    color: var(--c, var(--ap-brand));
}
.ap-temoignage__bloc {
    position: relative;
    margin: 4px 0 0;
    padding: 14px 15px;
    border-radius: 8px;
    background: rgba(var(--c-rgb, 147, 51, 234), .18);
}
.ap-temoignage__texte {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 15.5px;
    font-style: italic;
    line-height: 1.58;
    color: var(--ap-text);
}
.ap-temoignage__signature {
    margin-top: 11px;
    padding-top: 10px;
    border-top: 1px solid rgba(var(--c-rgb, 147, 51, 234), .25);
    font-size: 13px;
    line-height: 1.45;
    color: var(--ap-text);
}
.ap-temoignage__tiret {
    margin-right: 5px;
    color: var(--c, var(--ap-brand));
    font-weight: 700;
}
.ap-temoignage__signature strong {
    font-weight: 700;
}
.ap-temoignage__meta {
    color: var(--ap-text-muted);
}
.ap-temoignage__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 14px;
    padding: 10px 14px;
    border-radius: 8px;
    background: var(--c, var(--ap-brand));
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
    transition: filter .15s ease;
}
.ap-temoignage__cta:hover {
    filter: brightness(1.08);
}
.ap-temoignage__note {
    margin: 7px 0 0;
    font-size: 11.5px;
    line-height: 1.4;
    text-align: center;
    color: var(--ap-text-muted);
}
.ap-temoins-page {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.ap-temoins-page .ap-temoin-form {
    overflow: hidden;
    border-radius: 16px;
}
.ap-temoins-page .ap-temoin-form__appel {
    cursor: pointer;
    list-style: none;
}
.ap-temoins-page .ap-temoin-form__appel .ap-appel__bouton i {
    transition: transform .2s ease;
}
.ap-temoins-page .ap-temoin-form[open] .ap-appel__bouton i {
    transform: rotate(180deg);
}
.ap-temoins-page .ap-temoin-form__appel::-webkit-details-marker { display: none; }
.ap-temoins-page .ap-temoin-form__appel::marker { content: ''; }
.ap-temoins-page .ap-temoin-form > *:not(.ap-temoin-form__appel) {
    background: var(--ap-bg-soft, #faf8fd);
}
.ap-temoins-page .ap-temoin-form__retour {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    padding: 14px 22px;
    font-size: 14.5px;
    font-weight: 600;
}
.ap-temoins-page .ap-temoin-form__retour--succes {
    background: rgba(34, 150, 94, .14);
    color: #1c6b44;
}
.ap-temoins-page .ap-temoin-form__retour--erreur {
    background: rgba(196, 90, 20, .14);
    color: #9a4a12;
}
.ap-temoins-page .ap-temoin-form__champs {
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding: 20px 22px 22px;
}
.ap-temoins-page .ap-temoin-form__ligne {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 13px;
}
.ap-temoins-page .ap-temoin-form label {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 13.5px;
    font-weight: 650;
}
.ap-temoins-page .ap-temoin-form label > span em {
    color: var(--ap-brand);
    font-style: normal;
}
.ap-temoins-page .ap-temoin-form label small {
    color: var(--ap-text-muted);
    font-size: 12px;
    font-weight: 400;
}
.ap-temoins-page .ap-temoin-form input[type="text"],
.ap-temoins-page .ap-temoin-form input[type="email"],
.ap-temoins-page .ap-temoin-form input[type="number"],
.ap-temoins-page .ap-temoin-form select,
.ap-temoins-page .ap-temoin-form textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--ap-border);
    border-radius: 9px;
    background: var(--ap-bg-pure);
    color: var(--ap-text);
    font-family: inherit;
    font-size: 14.5px;
    font-weight: 400;
}
.ap-temoins-page .ap-temoin-form textarea {
    resize: vertical;
    line-height: 1.55;
}
.ap-temoins-page .ap-temoin-form :is(input, select, textarea):focus {
    outline: none;
    border-color: var(--ap-brand);
    box-shadow: 0 0 0 3px rgba(var(--ap-brand-rgb), .14);
}
.ap-temoins-page .ap-temoin-form__accord {
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    font-weight: 400;
    line-height: 1.5;
}
.ap-temoins-page .ap-temoin-form__accord input {
    margin-top: 2px;
    width: 17px;
    height: 17px;
    accent-color: var(--ap-brand);
    flex-shrink: 0;
}
.ap-temoins-page .ap-temoin-form button[type="submit"] {
    align-self: flex-start;
}
.ap-temoins-page .ap-temoins-filtre {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.ap-temoins-page .ap-temoins-filtre label {
    color: var(--ap-text-muted);
    font-size: 13px;
    font-weight: 650;
}
.ap-temoins-page .ap-temoins-filtre .ts-wrapper {
    width: 100%;
}
.ap-temoins-page .ap-temoins-filtre .ts-control {
    min-height: 0;
    padding: 12px 38px 12px 14px;
    border: 1px solid var(--ap-border);
    border-radius: 10px;
    background: var(--ap-bg-pure);
    color: var(--ap-text);
    font-size: 14.5px;
    font-weight: 650;
    line-height: 1.3;
    box-shadow: none;
}
.ap-temoins-page .ap-temoins-filtre .ts-control > input::placeholder {
    color: var(--ap-text-muted);
    opacity: 1;
}
.ap-temoins-page .ap-temoins-filtre .ts-wrapper.focus .ts-control {
    border-color: rgba(var(--ap-brand-rgb), .5);
    box-shadow: 0 0 0 3px rgba(var(--ap-brand-rgb), .14);
}
.ap-temoins-page .ap-temoins-filtre .ts-wrapper::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    width: 11px;
    height: 11px;
    margin-top: -6px;
    border-right: 2px solid var(--ap-text-muted);
    border-bottom: 2px solid var(--ap-text-muted);
    transform: rotate(45deg);
    pointer-events: none;
}
.ap-temoins-page .ap-temoins-filtre .ts-wrapper {
    position: relative;
}
.ap-temoins-page .ap-temoins-filtre .ts-dropdown {
    margin-top: 6px;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(17, 12, 28, .2),
                inset 0 0 0 1px var(--ap-border);
    font-size: 14px;
}
.ap-temoins-page .ap-temoins-filtre select {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--ap-border);
    border-radius: 10px;
    background: var(--ap-bg-pure);
    color: var(--ap-text);
    font-family: inherit;
    font-size: 14.5px;
    font-weight: 650;
}
.ap-temoins-page .ap-temoins-grille {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}
.ap-temoins-page .ap-temoin__recit {
    margin: 0;
    color: var(--ap-text-muted);
    font-size: 14px;
    line-height: 1.6;
}
.ap-temoins-page .ap-temoins-vide {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 32px 0;
    color: var(--ap-text-muted);
    font-size: 15px;
}
.ap-temoins-pourquoi {
    margin: 0;
    color: var(--ap-text-muted);
    font-size: 13.5px;
    line-height: 1.6;
}
@media (max-width: 640px) {
    .ap-temoins-page {
        gap: 24px;
    }
    .ap-temoins-page .ap-temoin-form__appel,
    .ap-temoins-page .ap-temoin-form__champs {
        padding: 16px;
    }
    
    .ap-temoins-page .ap-temoin-form__appel-btn {
        width: 100%;
        justify-content: center;
    }
    
    .ap-temoins-page .ap-temoin-form__ligne {
        grid-template-columns: 1fr;
    }
    .ap-temoins-page .ap-temoins-grille {
        grid-template-columns: 1fr;
    }
    .ap-temoins-page .ap-temoin-form button[type="submit"] {
        align-self: stretch;
        justify-content: center;
    }
}
:root {
    --ap-brand:        #9333ea;
    --ap-brand-light:  #c084fc;
    --ap-brand-lighter:#d8b4fe;
    --ap-brand-dark:   #7e22ce;
    --ap-brand-darker: #581c87;
    --ap-brand-rgb:    147, 51, 234;
    
    --ap-bg:           #fdfaff;
    --ap-bg-pure:      #ffffff;
    --ap-bg-soft:      #faf2ff;
    --ap-bg-dark:      #3d0c63;
    
    --ap-gradient:       linear-gradient(120deg, #a855f7 0%, #9333ea 45%, #6b21a8 100%);
    --ap-gradient-soft:  linear-gradient(120deg, #fdf4ff 0%, #f3e8ff 50%, #ede9fe 100%);
    --ap-gradient-dark:  linear-gradient(160deg, #6b21a8 0%, #581c87 55%, #3b0764 100%);
    --ap-tint-alpha:         .055;
    --ap-tint-alpha-strong:  .11;
    --ap-gradient-tint:  linear-gradient(120deg,
                            rgba(168, 85, 247, var(--ap-tint-alpha)) 0%,
                            rgba(147, 51, 234, var(--ap-tint-alpha)) 45%,
                            rgba(107, 33, 168, var(--ap-tint-alpha)) 100%);
    --ap-gradient-tint-strong: linear-gradient(120deg,
                            rgba(168, 85, 247, var(--ap-tint-alpha-strong)) 0%,
                            rgba(147, 51, 234, var(--ap-tint-alpha-strong)) 45%,
                            rgba(107, 33, 168, var(--ap-tint-alpha-strong)) 100%);
    
    --ap-gradient-line:  linear-gradient(90deg, transparent, rgba(var(--ap-brand-rgb), .45), transparent);
    
    --ap-text:         #21123a;
    --ap-text-muted:   #6f5f86;
    --ap-text-on-dark: rgba(255, 255, 255, .92);
    --ap-menu-accent:  #fedbb4;
    --ap-border:       rgba(33, 18, 58, .09);
    --ap-border-dark:  rgba(255, 255, 255, .12);
    
    --ap-color-accent:        var(--ap-brand);
    --ap-color-accent-dark:   var(--ap-brand-dark);
    --ap-color-text:          var(--ap-text);
    --ap-color-muted:         var(--ap-text-muted);
    --ap-color-border:        var(--ap-border);
    --ap-color-bg:            var(--ap-bg-pure);
    --ap-color-rubriques-bg:  var(--ap-bg-pure);
}
body {
    background-color: var(--ap-bg-pure);
    background-image: var(--ap-gradient-tint);
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.ap-bar {
    background: var(--ap-gradient);
}
.ap-header {
    border-bottom: 0;
}
.ap-header--scrolled {
    box-shadow: 0 2px 14px rgba(var(--ap-brand-rgb), .22);
}
.ap-bar .ap-logo {
    --ap-logo-1: #ffffff;
    --ap-logo-2: #93c5fd;
    --ap-logo-glow: rgba(191, 219, 254, .65);
}
.ap-bar .ap-nav__link {
    color: var(--ap-text-on-dark);
}
.ap-bar .ap-nav__link:hover,
.ap-bar .ap-nav__link.is-active {
    color: #fff;
}
.ap-bar .ap-nav__link::after {
    background: #fff;
}
.ap-bar .ap-lien-compte,
.ap-bar .ap-compte-barre {
    color: var(--ap-text-on-dark);
}
.ap-bar .ap-lien-compte:hover {
    color: #fff;
    background: rgba(255, 255, 255, .12);
}
.ap-bar .ap-compte-connecte {
    color: var(--ap-text-on-dark);
    background: rgba(255, 255, 255, .10);
    backdrop-filter: blur(4px);
}
.ap-bar .ap-compte-connecte__icone {
    color: #fff;
}
.ap-bar .ap-compte-connecte:hover {
    background: rgba(255, 255, 255, .16);
}
.ap-bar .ap-cta {
    background: #fff;
    color: var(--ap-brand-dark);
}
.ap-bar .ap-cta:hover {
    background: var(--ap-brand-lighter);
    color: var(--ap-brand-darker);
}
.ap-bar .ap-burger span {
    background: #fff;
}
.ap-rubriques {
    background: var(--ap-gradient-tint-strong);
    border-top: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
}
.ut-ft {
    background: var(--ap-gradient-dark);
    border-top: 1px solid var(--ap-border-dark);
}
.ut-mobile-menu-logo img {
    height: 52px;
    width: auto;
}
.ut-mobile-menu-logo {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-bottom: 5px;
}
.ut-mobile-menu {
    background: var(--ap-gradient-dark);
}
.ut-mobile-menu-item--accent .ut-mobile-menu-title,
.ut-mobile-menu-item--accent .ut-mobile-menu-title .ut-mmenu-ic,
.ut-mobile-menu-item--accent .ut-mobile-menu-arrow {
    color: var(--ap-menu-accent);
}
.ut-mobile-menu-account {
    background: var(--ap-brand-darker) !important;
    border-top: 1px solid var(--ap-border-dark) !important;
}
.ut-mmenu-account__login {
    justify-content: center !important;
    padding: 12px 16px !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--ap-brand-dark) !important;
    font-size: 15px !important;
    text-align: center !important;
    text-decoration: none;
}
.ut-mmenu-account__login i {
    font-size: 20px !important;
    color: var(--ap-brand) !important;
}
.ut-bottomnav {
    background: var(--ap-gradient-dark) !important;
    border-top: 1px solid var(--ap-border-dark) !important;
    box-shadow: 0 -4px 16px rgba(var(--ap-brand-rgb), .28) !important;
}
.ut-bottomnav__item {
    color: rgba(255, 255, 255, .72) !important;
}
.ut-bottomnav__item.is-active,
.ut-bottomnav__item:active {
    color: #fff !important;
}
.ut-skiplink {
    top: 0;
    left: -9999px;
    transform: none;
    background: var(--ap-brand-darker);
    color: #fff;
}
.ut-skiplink:focus,
.ut-skiplink:focus-visible {
    left: 0;
    transform: none;
    outline: 2px solid #fff;
    outline-offset: -4px;
}
.ap-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 10px 14px;
    border-radius: 10px;
    
    background: linear-gradient(
        180deg,
        rgba(var(--ap-brand-rgb, 147, 51, 234), .16) 0%,
        rgba(var(--ap-brand-rgb, 147, 51, 234), .16) 5%,
        rgba(var(--c-rgb, 147, 51, 234), .16) 80%,
        rgba(var(--c-rgb, 147, 51, 234), .16) 100%
    );
}
.ap-toolbar__formats {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    min-width: 0;
}
.ap-toolbar__onglet {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 8px;
    color: var(--ap-text);
    font-size: 13.5px;
    font-weight: 650;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .15s ease, color .15s ease;
}
.ap-toolbar__onglet i {
    font-size: 15px;
    opacity: .75;
}
.ap-toolbar__onglet:hover {
    background: rgba(255, 255, 255, .55);
}
.ap-toolbar__onglet.is-actif {
    background: var(--c, var(--ap-brand));
    color: #fff;
}
.ap-toolbar__onglet.is-actif i {
    opacity: 1;
}
.ap-toolbar__compte {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(var(--c-rgb, 147, 51, 234), .18);
    color: var(--c, var(--ap-brand));
    font-size: 11.5px;
    font-weight: 800;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}
.ap-toolbar__onglet.is-actif .ap-toolbar__compte {
    background: rgba(255, 255, 255, .22);
    color: #fff;
}
.ap-toolbar__ville {
    position: relative;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-left: auto;
}
.ap-toolbar__villebtn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-bg-pure);
    color: var(--ap-text-muted);
    font-size: 13.5px;
    font-weight: 650;
    font-family: inherit;
    line-height: 1.3;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color .15s ease, color .15s ease, background-color .15s ease;
}
.ap-toolbar__villebtn:hover {
    border-color: rgba(var(--c-rgb, 147, 51, 234), .4);
    color: var(--ap-text);
}
.ap-toolbar__villebtn.is-choisie {
    border-color: transparent;
    background: var(--c, var(--ap-brand));
    color: #fff;
}
.ap-toolbar__villebtn i {
    font-size: 15px;
}
.ap-toolbar__chevron {
    font-size: 14px !important;
    opacity: .6;
}
.ap-toolbar__villeclear {
    position: absolute;
    top: 50%;
    right: 7px;
    z-index: 3;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    color: var(--c, var(--ap-brand));
    font-size: 15px;
    text-decoration: none;
    opacity: .7;
    transition: background-color .15s ease, opacity .15s ease;
}
.ap-toolbar__villeclear:hover {
    background: rgba(var(--c-rgb, 147, 51, 234), .16);
    opacity: 1;
}
.ap-toolbar__villemenu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 40;
    display: flex;
    flex-direction: column;
    min-width: 220px;
    max-height: 320px;
    overflow-y: auto;
    padding: 6px;
    border-radius: 10px;
    background: var(--ap-bg-pure);
    box-shadow: 0 12px 32px rgba(17, 12, 28, .2),
                inset 0 0 0 1px var(--ap-border);
}
.ap-toolbar__villeitem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 11px;
    border-radius: 7px;
    color: var(--ap-text);
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .15s ease, color .15s ease;
}
.ap-toolbar__villeitem:hover {
    background: rgba(var(--c-rgb, 147, 51, 234), .1);
    color: var(--c, var(--ap-brand));
}
.ap-toolbar__villeitem.is-actif {
    background: rgba(var(--c-rgb, 147, 51, 234), .16);
    color: var(--c, var(--ap-brand));
}
.ap-toolbar__villesep {
    display: block;
    height: 1px;
    margin: 5px 8px;
    background: var(--ap-border);
}
.ap-toolbar__formats-wrap {
    position: relative;
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
}
.ap-toolbar__fleche {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 34px;
    padding: 0;
    border: 0;
    color: var(--ap-text);
    font-size: 18px;
    cursor: pointer;
}
.ap-toolbar__fleche[hidden] {
    display: none;
}
.ap-toolbar__fleche--gauche {
    left: 0;
    justify-content: flex-start;
    border-radius: 8px 0 0 8px;
    background: linear-gradient(to right, var(--ap-bg-pure) 45%, transparent 100%);
}
.ap-toolbar__fleche--droite {
    right: 0;
    justify-content: flex-end;
    border-radius: 0 8px 8px 0;
    background: linear-gradient(to left, var(--ap-bg-pure) 45%, transparent 100%);
}
.ap-toolbar__fleche:hover {
    color: var(--c, var(--ap-brand));
}
@media (max-width: 640px) {
    .ap-toolbar {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .ap-toolbar__ville {
        order: -1;
        flex-basis: 100%;
        margin-left: 0;
    }
    
    .ap-toolbar__ville .ts-wrapper {
        min-width: 0;
        width: 100%;
    }
    
    .ap-toolbar__formats-wrap {
        flex-basis: 100%;
    }
    .ap-toolbar__formats {
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }
    .ap-toolbar__formats::-webkit-scrollbar {
        display: none;
    }
}
.ap-toolbar__ville .ts-wrapper {
    min-width: 190px;
}
.ap-toolbar__ville .ts-control > input::placeholder {
    color: var(--ap-text-muted);
    opacity: 1;
}
.ap-toolbar__ville .ts-control {
    min-height: 0;
    padding: 7px 34px 7px 12px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-bg-pure);
    color: var(--ap-text-muted);
    font-size: 13.5px;
    font-weight: 650;
    line-height: 1.3;
    box-shadow: none;
}
.ap-toolbar__ville .ts-wrapper.focus .ts-control,
.ap-toolbar__ville .ts-control:hover {
    border-color: rgba(var(--c-rgb, 147, 51, 234), .4);
    color: var(--ap-text);
}
.ap-toolbar__ville.is-choisie .ts-control {
    border-color: rgba(var(--c-rgb, 147, 51, 234), .38);
    background: var(--ap-bg-pure);
    color: var(--c, var(--ap-brand));
    box-shadow: 0 0 0 3px rgba(var(--c-rgb, 147, 51, 234), .12),
                0 2px 12px rgba(var(--c-rgb, 147, 51, 234), .18);
}
.ap-toolbar__ville.is-choisie .ts-control:hover,
.ap-toolbar__ville.is-choisie .ts-wrapper.dropdown-active .ts-control {
    border-color: rgba(var(--c-rgb, 147, 51, 234), .55);
    box-shadow: 0 0 0 4px rgba(var(--c-rgb, 147, 51, 234), .16),
                0 3px 16px rgba(var(--c-rgb, 147, 51, 234), .24);
}
.ap-toolbar__ville.is-choisie .ts-control::after {
    display: none;
}
.ap-toolbar__ville.is-choisie .ts-control {
    padding-right: 34px;
}
.ap-toolbar__ville .ts-control::after {
    content: "" !important;
    position: absolute;
    top: 50% !important;
    right: 11px !important;
    width: 14px;
    height: 14px;
    margin: 0 !important;
    border: 0 !important;
    transform: translateY(-50%);
    background: currentColor;
    opacity: .55;
    transition: transform .18s ease, opacity .15s ease;
    -webkit-mask: var(--ap-chevron) center / 14px 14px no-repeat;
            mask: var(--ap-chevron) center / 14px 14px no-repeat;
}
.ap-toolbar__ville {
    --ap-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
.ap-toolbar__ville .ts-control:hover::after {
    opacity: .85;
}
.ap-toolbar__ville .ts-wrapper.dropdown-active .ts-control::after {
    transform: translateY(-50%) rotate(180deg);
    opacity: .9;
}
.ap-toolbar__ville .ts-dropdown {
    margin-top: 6px;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(17, 12, 28, .2),
                inset 0 0 0 1px var(--ap-border);
    font-size: 13.5px;
}
.ap-toolbar__ville .ts-dropdown .option {
    padding: 9px 11px;
    border-radius: 7px;
    color: var(--ap-text);
    font-weight: 600;
}
.ap-toolbar__ville .ts-dropdown .active {
    background: rgba(var(--c-rgb, 147, 51, 234), .12);
    color: var(--c, var(--ap-brand));
}
.ap-toolbar__ville .ts-dropdown .no-results {
    padding: 10px 12px;
    color: var(--ap-text-muted);
}
.ap-toolbar__villego {
    padding: 7px 12px;
    border: 0;
    border-radius: 8px;
    background: var(--c, var(--ap-brand));
    color: #fff;
    font-size: 13px;
    font-weight: 650;
    font-family: inherit;
    cursor: pointer;
}
.ap-videop {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}
.ap-videop__scene {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 14px;
    background: #000;
    box-shadow: 0 14px 40px rgba(17, 12, 28, .28);
}
.ap-videop__lecteur {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
.ap-videop__sources {
    display: flex;
    gap: 8px;
    margin-top: -6px;
}
.ap-videop__sources button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    border: 1px solid var(--ap-border);
    border-radius: 999px;
    background: var(--ap-bg-pure);
    color: var(--ap-text-muted);
    font-family: inherit;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.ap-videop__sources button:hover {
    border-color: var(--c, var(--ap-brand));
}
.ap-videop__sources button.is-actif {
    border-color: transparent;
    background: var(--c, var(--ap-brand));
    color: #fff;
}
.ap-videop__titre {
    margin: 0;
    font-size: clamp(24px, 3.4vw, 33px);
    font-weight: 800;
    line-height: 1.22;
}
.ap-videop__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: -8px 0 0;
    color: var(--ap-text-muted);
    font-size: 13.5px;
}
.ap-videop__meta a {
    color: var(--c, var(--ap-brand));
    font-weight: 700;
    text-decoration: none;
}
.ap-videop__meta a:hover { text-decoration: underline; }
.ap-videop__meta i { margin-right: 3px; }
.ap-videop__meta > span[aria-hidden]:last-child { display: none; }
.ap-videop__chapo {
    margin: 0;
    font-size: 17px;
    line-height: 1.6;
    color: var(--ap-text);
}
@media (max-width: 640px) {
    .ap-videop {
        gap: 15px;
        padding: 18px 0 36px;
    }
    
    .ap-videop__scene {
        margin-left: calc(var(--site-gutter) * -1);
        margin-right: calc(var(--site-gutter) * -1);
        border-radius: 0;
    }
}
.ap-videos {
    gap: 14px;
    padding: 16px 16px 18px;
    border-radius: 10px;
    background: linear-gradient(180deg, #1b1a22 0%, #0a090e 100%);
    background: linear-gradient(180deg,
                    color-mix(in srgb, var(--c, var(--ap-brand)) 45%, #000) 0%,
                    color-mix(in srgb, var(--c, var(--ap-brand)) 16%, #000) 42%,
                    color-mix(in srgb, var(--c, var(--ap-brand)) 6%, #000) 100%);
}
.ap-videos .ap-side-block__head {
    display: block;
    margin-bottom: 2px;
}
.ap-videos .ap-side-block__titre {
    gap: 10px;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #fff;
}
.ap-videos .ap-side-block__titre i {
    font-size: 30px;
    color: #fff;
}
.ap-videos__grille {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.ap-video {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    transition: transform .2s ease;
}
.ap-video:hover {
    transform: translateY(-2px);
}
.ap-video__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: var(--ap-ratio-og);
    border-radius: 10px;
    overflow: hidden;
    background: rgba(0, 0, 0, .25);
}
.ap-video__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: brightness(.88);
    transition: transform .45s ease, filter .45s ease;
}
.ap-video:hover .ap-video__img {
    transform: scale(1.05);
    filter: brightness(1);
}
.ap-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #fff;
    background: rgba(17, 12, 28, .5);
    box-shadow: 0 2px 16px rgba(0, 0, 0, .32),
                inset 0 0 0 1px rgba(255, 255, 255, .05),
                inset 0 0 0 999px rgba(var(--c-rgb, 147, 51, 234), .3);
    transform: translate(calc(-50% + 2px), -50%);
    transition: box-shadow .25s ease, transform .25s ease;
}
.ap-video:hover .ap-video__play {
    box-shadow: 0 4px 20px rgba(0, 0, 0, .36),
                inset 0 0 0 1px rgba(255, 255, 255, .07),
                inset 0 0 0 999px rgba(var(--c-rgb, 147, 51, 234), .45);
    transform: translate(calc(-50% + 2px), -50%) scale(1.08);
}
.ap-video__duree {
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 2;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(0, 0, 0, .72);
    color: #fff;
    font-size: 10.5px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1.5;
}
.ap-video__titre {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1 1 auto;
    padding: 9px 1px 0;
    color: #fff;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.3;
}
.ap-videos__suite {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 4px;
    padding: 10px 14px;
    border-radius: 8px;
    background: var(--c, var(--ap-brand));
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
    transition: filter .15s ease;
}
.ap-videos__suite:hover {
    filter: brightness(1.1);
}
.ap-videos__suite i {
    font-size: 15px;
    transition: transform .2s ease;
}
.ap-videos__suite:hover i {
    transform: translateX(3px);
}
@media (max-width: 980px) {
    .ap-videos__grille {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
    .ap-video__titre {
        font-size: 15.5px;
    }
    .ap-video__play {
        width: 46px;
        height: 46px;
    }
}
@media (max-width: 640px) {
    .ap-videos__grille {
        grid-template-columns: repeat(2, 1fr);
    }
    .ap-video__play {
        width: 38px;
        height: 38px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .ap-videos__suite:hover i {
        transform: none;
    }
    .ap-video:hover .ap-video__img {
        transform: none;
    }
    .ap-video:hover .ap-video__play {
        transform: translate(calc(-50% + 2px), -50%);
    }
}
.ap-villef__cover {
    margin: 0;
    overflow: hidden;
    border-radius: 14px;
    aspect-ratio: 1200 / 630;
    background: rgba(var(--ap-brand-rgb), .06);
}
.ap-villef__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ap-villef__titre {
    margin: 0;
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 800;
    line-height: 1.15;
}
.ap-villef__resume {
    padding: 18px 20px;
    border-left: 3px solid var(--ap-brand);
    border-radius: 0 10px 10px 0;
    background: rgba(var(--ap-brand-rgb), .06);
}
.ap-villef__resume p {
    margin: 0;
    font-size: 16.5px;
    line-height: 1.62;
}
.ap-villef__bloc {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.ap-villef__bloc .ap-toolbar {
    margin: 10px 0;
}
.ap-villef__bloc .ap-h2 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
}
.ap-villef__bloc .ap-h2 i {
    color: var(--ap-brand);
    font-size: .9em;
}
.ap-villef__vide {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 30px 0;
    color: var(--ap-text-muted);
    font-size: 15px;
}
.ap-villef__themes {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ap-villef__theme {
    padding: 7px 14px;
    border: 1px solid rgba(var(--ap-brand-rgb), .28);
    border-radius: 999px;
    background: var(--ap-bg-pure);
    color: var(--ap-brand-dark, var(--ap-brand));
    font-size: 13.5px;
    font-weight: 650;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.ap-villef__theme:hover {
    border-color: transparent;
    background: var(--ap-brand);
    color: #fff;
}
.ap-villef__voisines {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ap-villef__voisine + .ap-villef__voisine {
    border-top: 1px solid rgba(var(--ap-brand-rgb), .16);
}
.ap-villef__voisine-lien {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 4px;
    border-radius: 8px;
    color: inherit;
    text-decoration: none;
    transition: background-color .15s ease;
}
.ap-villef__voisine-lien:hover {
    background: rgba(var(--ap-brand-rgb), .07);
}
.ap-villef__voisine-media {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: 8px;
    background: rgba(var(--ap-brand-rgb), .08);
    color: rgba(var(--ap-brand-rgb), .5);
    font-size: 20px;
}
.ap-villef__voisine-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ap-villef__voisine-corps {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.ap-villef__voisine-nom {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.32;
    color: var(--ap-text);
}
.ap-villef__voisine-nom i {
    color: var(--ap-brand);
    font-size: 14px;
}
.ap-villef__voisine-themes {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.ap-villef__mini {
    padding: 1px 7px;
    border-radius: 999px;
    background: rgba(var(--ap-brand-rgb), .1);
    color: var(--ap-brand-dark, var(--ap-brand));
    font-size: 10.5px;
    font-weight: 650;
    line-height: 1.5;
}
@media (max-width: 640px) {
    .ap-villef__resume {
        padding: 14px 16px;
    }
    .ap-villef__resume p {
        font-size: 15.5px;
    }
}
.ap-vrub {
    padding-top: 12px;
    border-top: 2px solid var(--c, var(--ap-brand));
}
.ap-vrub .ap-side-block__titre i {
    color: var(--c, var(--ap-brand));
}
.ap-vrub__items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.ap-vrub__item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: inherit;
    text-decoration: none;
}
.ap-vrub__media {
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 7px;
    background: rgba(var(--ap-brand-rgb), .08);
}
.ap-vrub__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s ease;
}
.ap-vrub__item:hover .ap-vrub__media img {
    transform: scale(1.05);
}
.ap-vrub__titre {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12.5px;
    font-weight: 650;
    line-height: 1.35;
}
.ap-vrub__item:hover .ap-vrub__titre {
    color: var(--c, var(--ap-brand));
}
.ap-vrub__suite {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 2px;
    color: var(--c, var(--ap-brand));
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
.ap-vrub__suite:hover {
    text-decoration: underline;
}
.ap-vrub__suite i {
    margin-left: auto;
    font-size: 15px;
}
.ap-villes-tete {
    margin-bottom: 22px;
}
.ap-villes-tete__sub {
    max-width: 62ch;
    margin-top: 6px;
    color: var(--ap-text-muted);
    font-size: 15px;
}
.ap-villes-page {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
    gap: 30px;
    align-items: start;
    padding: 0 0 48px;
}
.ap-villes-carte {
    order: 2;
    position: sticky;
    top: calc(var(--ap-bar-h) + var(--ap-rubriques-h) + 16px);
    
    display: flex;
    justify-content: center;
    max-height: calc(100vh - var(--ap-bar-h) - var(--ap-rubriques-h) - 32px);
    
    padding: 10px;
    border-radius: 10px;
    background: linear-gradient(
        170deg,
        rgba(30, 52, 74, .07) 0%,
        rgba(30, 52, 74, .13) 100%
    );
}
.ap-carte {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    min-height: 0;
    
    overflow: hidden;
    border-radius: 6px;
}
.ap-carte__frontiere {
    fill: none;
    stroke: rgba(255, 255, 255, .92);
    stroke-width: 1.6;
    stroke-linejoin: round;
    paint-order: stroke;
    filter: drop-shadow(0 0 1.5px rgba(17, 12, 28, .8));
}
.ap-carte__legende--pays {
    fill: rgba(255, 255, 255, .82);
    font-size: 9.5px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.ap-carte__territoire {
    fill: rgba(34, 150, 94, .34);
    stroke: rgba(34, 150, 94, .8);
    stroke-width: 1;
    stroke-dasharray: 4 3;
    stroke-linejoin: round;
}
.ap-carte__legende {
    font-size: 8.5px;
    font-style: italic;
    font-weight: 600;
    letter-spacing: .02em;
    paint-order: stroke;
    stroke: rgba(17, 12, 28, .55);
    stroke-width: 2.5px;
    pointer-events: none;
}
.ap-carte__legende--legende {
    fill: #dff0ff;
}
.ap-carte__legende--territoire {
    fill: #c9f0d8;
}
.ap-carte__ville {
    cursor: pointer;
}
.ap-carte__halo {
    fill: transparent;
}
.ap-carte__point {
    fill: #fff;
    stroke: var(--ap-brand);
    stroke-width: 2.5;
    transition: r .15s ease, fill .15s ease, stroke-width .15s ease;
}
.ap-carte__nom {
    fill: #fff;
    font-size: 11px;
    font-weight: 700;
    opacity: 0;
    paint-order: stroke;
    stroke: rgba(17, 12, 28, .85);
    stroke-width: 3.5px;
    transition: opacity .15s ease;
    pointer-events: none;
}
.ap-carte__ville:hover .ap-carte__point,
.ap-carte__ville.est-vise .ap-carte__point {
    r: 8;
    fill: #ffc21a;
    stroke: #7a4b00;
    stroke-width: 2;
}
.ap-carte__ville:hover .ap-carte__nom,
.ap-carte__ville.est-vise .ap-carte__nom {
    opacity: 1;
}
.ap-carte__ville.est-masque {
    opacity: .18;
    pointer-events: none;
}
.ap-villes-liste {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ap-villes-recherche {
    position: relative;
    display: flex;
    align-items: center;
}
.ap-villes-recherche > i {
    position: absolute;
    left: 14px;
    color: var(--ap-text-muted);
    font-size: 18px;
    pointer-events: none;
}
.ap-villes-recherche input {
    width: 100%;
    padding: 12px 40px;
    border: 1px solid var(--ap-border);
    border-radius: 10px;
    background: var(--ap-bg-pure);
    color: var(--ap-text);
    font-family: inherit;
    font-size: 15px;
}
.ap-villes-recherche input:focus {
    outline: none;
    border-color: var(--ap-brand);
    box-shadow: 0 0 0 3px rgba(var(--ap-brand-rgb), .14);
}
.ap-villes-recherche input::-webkit-search-cancel-button {
    display: none;
}
.ap-villes-recherche__vider {
    position: absolute;
    right: 8px;
    display: flex;
    padding: 6px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--ap-text-muted);
    cursor: pointer;
}
.ap-villes-recherche__vider:hover {
    background: rgba(var(--ap-brand-rgb), .1);
    color: var(--ap-text);
}
.ap-villes-filtres {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.ap-villes-filtre {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 13px;
    border: 1px solid var(--ap-border);
    border-radius: 999px;
    background: var(--ap-bg-pure);
    color: var(--ap-text);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.ap-villes-filtre:hover {
    border-color: var(--ap-brand);
}
.ap-villes-filtre.is-actif {
    border-color: transparent;
    background: var(--ap-brand);
    color: #fff;
}
.ap-villes-filtre__n {
    opacity: .6;
    font-size: 11.5px;
    font-weight: 700;
}
.ap-villes-compte,
.ap-villes-vide {
    margin: 0;
    color: var(--ap-text-muted);
    font-size: 13.5px;
}
.ap-villes-vide {
    padding: 36px 0;
    text-align: center;
    font-size: 15px;
}
.ap-villes-grille {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.ap-villec {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--ap-border);
    border-radius: 12px;
    background: var(--ap-bg-pure);
    color: inherit;
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.ap-villec[hidden] {
    display: none;
}
.ap-villec:hover,
.ap-villec.est-vise {
    transform: translateY(-2px);
    border-color: rgba(var(--ap-brand-rgb), .5);
    box-shadow: 0 8px 22px rgba(var(--ap-brand-rgb), .16);
}
.ap-villec__media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background: rgba(var(--ap-brand-rgb), .07);
    color: rgba(var(--ap-brand-rgb), .5);
    font-size: 30px;
}
.ap-villec__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ap-villec__pole {
    position: absolute;
    left: 8px;
    bottom: 8px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(17, 12, 28, .78);
    color: #fff;
    font-size: 10.5px;
    font-weight: 700;
}
.ap-villec__corps {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 12px 13px 14px;
}
.ap-villec__nom {
    font-size: 16px;
    font-weight: 750;
}
.ap-villec__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--ap-text-muted);
    font-size: 12.5px;
}
.ap-villec__meta i {
    margin-right: 3px;
}
.ap-villec__themes {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.ap-villec__theme {
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(var(--ap-brand-rgb), .1);
    color: var(--ap-brand-dark, var(--ap-brand));
    font-size: 11px;
    font-weight: 650;
}
.ap-villec__theme--plus {
    background: transparent;
    color: var(--ap-text-muted);
}
@media (max-width: 980px) {
    .ap-villes-page {
        grid-template-columns: 1fr;
        gap: 22px;
    }
    .ap-villes-carte {
        position: static;
        max-height: 46vh;
    }
}
@media (max-width: 640px) {
    .ap-villes-carte {
        display: none;
    }
    .ap-villes-grille {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
.ap-yt {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 22px 0;
    border-radius: 10px;
    overflow: hidden;
    background: #000;
}
.ap-yt__btn {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: #000;
    display: block;
}
.ap-yt__thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.2s ease, transform 0.35s ease;
}
.ap-yt__btn:hover .ap-yt__thumb { opacity: 0.82; transform: scale(1.03); }
.ap-yt__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 48px;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.55);
    transition: background 0.2s ease;
    pointer-events: none;
}
.ap-yt__btn:hover .ap-yt__play { background: #ff0000; }
.ap-yt__play::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-42%, -50%);
    border-style: solid;
    border-width: 11px 0 11px 19px;
    border-color: transparent transparent transparent #ffffff;
}
.ap-yt iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}