.elementor-502753 .elementor-element.elementor-element-5ed8ab2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-502753 .elementor-element.elementor-element-1cfc05b0{padding:5% 5% 5% 5%;}.elementor-502753 .elementor-element.elementor-element-1cfc05b0 .elementor-accordion-item{border-width:1px;}.elementor-502753 .elementor-element.elementor-element-1cfc05b0 .elementor-accordion-item .elementor-tab-content{border-width:1px;}.elementor-502753 .elementor-element.elementor-element-1cfc05b0 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:1px;}.elementor-502753 .elementor-element.elementor-element-1cfc05b0 .elementor-accordion-title{font-family:"Inter", Sans-serif;font-size:17px;font-weight:600;}.elementor-502753 .elementor-element.elementor-element-1cfc05b0 .elementor-tab-title{padding:30px 0px 30px 0px;}.elementor-502753 .elementor-element.elementor-element-1cfc05b0 .elementor-tab-content{color:#213141;padding:30px 30px 30px 30px;}@media(max-width:1024px){.elementor-502753 .elementor-element.elementor-element-1cfc05b0 .elementor-accordion-title{line-height:24px;}.elementor-502753 .elementor-element.elementor-element-1cfc05b0 .elementor-tab-content{padding:30px 30px 30px 30px;}}@media(max-width:767px){.elementor-502753 .elementor-element.elementor-element-1cfc05b0 .elementor-tab-content{padding:30px 30px 30px 30px;}}/* Start custom CSS for text-editor, class: .elementor-element-fe2ab46 *//* ============================================
   SILKHOM — CSS personnalisé article blog
   Système sk-* (Silkhom standard)
   + sf-* (Silkhom Freelance)
   ============================================ */

/* --- ① Bandeau Direct Answer --- */
.sk-direct-answer {
  border-left: 3px solid #185FA5;
  background: #E6F1FB;
  padding: 1rem 1.25rem;
  border-radius: 0 8px 8px 0;
  margin: 0 0 2rem;
}
.sk-direct-answer p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #0C447C;
}

/* --- ② Cartes statistiques --- */
.sk-stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
  margin: 1.5rem 0;
}
.sk-stat-card {
  background: #f5f5f2;
  border-radius: 8px;
  padding: 0.9rem 1rem;
  text-align: center;
}
.sk-stat-card .sk-stat-num,
.sk-stat-card__value {
  font-size: 22px;
  font-weight: 500;
  color: #185FA5;
  display: block;
  line-height: 1.2;
}
.sk-stat-card .sk-stat-label,
.sk-stat-card__label {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
  display: block;
  line-height: 1.4;
}

/* --- ③ Blockquote insight --- */
.sk-blockquote {
  border-left: 3px solid #1D9E75;
  background: #E1F5EE;
  padding: 1rem 1.25rem;
  border-radius: 0 8px 8px 0;
  margin: 1.5rem 0;
}
.sk-blockquote p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: #085041;
}
.sk-blockquote strong {
  color: #0F6E56;
}

/* --- ④ Encadré alerte --- */
.sk-warning-box {
  border: 0.5px solid #F0997B;
  background: #FAECE7;
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
}
.sk-warning-box .sk-warning-title {
  font-size: 12px;
  font-weight: 500;
  color: #993C1D;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 8px;
}
.sk-warning-box p {
  margin: 0;
  padding-left: 0;
  font-size: 14px;
  color: #712B13;
  line-height: 1.8;
}
.sk-warning-box ul {
  margin: 0;
  padding-left: 1.2rem;
  font-size: 14px;
  color: #712B13;
  line-height: 1.8;
}

/* --- ⑤ Encadré succès / bonne pratique --- */
.sk-success-box {
  border: 0.5px solid #5DCAA5;
  background: #E1F5EE;
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
}
.sk-success-box .sk-success-title {
  font-size: 12px;
  font-weight: 500;
  color: #0F6E56;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 8px;
}
.sk-success-box p {
  margin: 0;
  padding-left: 0;
  font-size: 14px;
  color: #085041;
  line-height: 1.8;
}
.sk-success-box ul {
  margin: 0;
  padding-left: 1.2rem;
  font-size: 14px;
  color: #085041;
  line-height: 1.8;
}

/* --- ⑥ Bloc TL;DR --- */
.sk-tldr {
  border: 0.5px solid #B5D4F4;
  border-radius: 10px;
  padding: 1.25rem 1.5rem;
  margin: 2rem 0;
  background: #fff;
}
.sk-tldr .sk-tldr-title,
.sk-tldr .sk-tldr__title {
  font-size: 11px;
  font-weight: 500;
  color: #185FA5;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
  display: block;
}
.sk-tldr ul {
  margin: 0;
  padding-left: 1.2rem;
  font-size: 14px;
  line-height: 2;
}
.sk-tldr ul li strong {
  color: #185FA5;
}

/* --- ⑦ Bloc CTA Silkhom standard --- */
.sk-cta-block {
  background: #185FA5;
  border-radius: 10px;
  padding: 1.25rem 1.5rem;
  margin: 2rem 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.sk-cta-block .sk-cta-text {
  color: #E6F1FB;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
}
.sk-cta-block .sk-cta-text strong {
  color: #fff;
  font-size: 15px;
  display: block;
  margin-bottom: 4px;
}
.sk-cta-block a.sk-cta-btn {
  background: #fff;
  color: #185FA5;
  border-radius: 6px;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}
.sk-cta-block a.sk-cta-btn:hover {
  background: #E6F1FB;
}

/* --- ⑧ Grille questions / FAQ --- */
.sk-interview-list {
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  counter-reset: sk-counter;
}
.sk-interview-list li,
.sk-interview-list__item {
  counter-increment: sk-counter;
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: 0.85rem 0;
  border-bottom: 0.5px solid #e5e5e0;
  font-size: 14px;
  line-height: 1.6;
}
.sk-interview-list li:last-child,
.sk-interview-list__item:last-child {
  border-bottom: none;
}
.sk-interview-list li::before,
.sk-interview-list__item::before {
  content: counter(sk-counter);
  background: #185FA5;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  border-radius: 50%;
  min-width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
  flex-shrink: 0;
}
.sk-interview-list li .sk-q,
.sk-interview-list__question {
  font-weight: 500;
  color: #1a1a1a;
  display: block;
  margin-bottom: 3px;
}
.sk-interview-list li .sk-a,
.sk-interview-list__answer {
  color: #666;
  font-size: 13px;
  display: block;
}

/* --- ⑨ Tableaux --- */
.sk-table-wrap {
  overflow-x: auto;
  margin: 1.5rem 0;
  border-radius: 10px;
  border: 0.5px solid #dde8f5;
}
.sk-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}
.sk-table thead tr {
  background: #185FA5;
}
.sk-table thead th {
  color: #fff;
  font-weight: 500;
  text-align: left;
  padding: 11px 14px;
  white-space: nowrap;
  letter-spacing: 0.01em;
}
.sk-table thead th:first-child { border-radius: 10px 0 0 0; }
.sk-table thead th:last-child  { border-radius: 0 10px 0 0; }
.sk-table tbody tr {
  border-bottom: 0.5px solid #e8eef6;
  transition: background 0.15s;
}
.sk-table tbody tr:last-child { border-bottom: none; }
.sk-table tbody tr:nth-child(even) { background: #f4f8fd; }
.sk-table tbody tr:hover { background: #e6f1fb; }
.sk-table tbody td {
  padding: 10px 14px;
  color: #1a1a1a;
  vertical-align: top;
  line-height: 1.5;
}
.sk-table tbody td:first-child {
  font-weight: 500;
  color: #185FA5;
  white-space: nowrap;
}

/* --- ⑩ Badge --- */
.sk-badge {
  display: inline-block;
  background: #E6F1FB;
  color: #0C447C;
  font-size: 11px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 20px;
  white-space: nowrap;
}

/* ============================================
   SILKHOM FREELANCE — Bloc CTA sf-*
   Gradient vert #11998e → #35ea7e
   !important sur chaque propriété pour
   résister aux surcharges Elementor/thème
   ============================================ */

.sf-cta-block {
  background: linear-gradient(135deg, #11998e, #35ea7e) !important;
  border-radius: 10px !important;
  padding: 36px 40px !important;
  margin: 40px 0 !important;
}
.sf-cta-block p {
  color: #111111 !important;
  opacity: 1 !important;
}
.sf-cta-block p:first-of-type {
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 0 12px 0 !important;
}
.sf-cta-block p:last-of-type {
  font-size: 15px !important;
  margin: 0 0 24px 0 !important;
  opacity: 0.85 !important;
}
.sf-cta-block a,
.sf-cta-block a:visited,
.sf-cta-block a:link {
  display: inline-block !important;
  background: #111111 !important;
  color: #35ea7e !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 13px 28px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: opacity 0.2s ease !important;
}
.sf-cta-block a:hover {
  opacity: 0.85 !important;
  color: #35ea7e !important;
  background: #111111 !important;
}

/* --- Responsive --- */
@media (max-width: 600px) {
  .sk-cta-block {
    flex-direction: column;
    align-items: flex-start;
  }
  .sf-cta-block {
    padding: 24px 20px !important;
  }
  .sk-stat-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}/* End custom CSS */