.elementor-4067 .elementor-element.elementor-element-eb037b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for text-editor, class: .elementor-element-c54f23b *//* ===== DrSaberi | Article Styles for Composite-Teeth Scaling ===== */
/* رنگ‌ها و تایپوگرافی */
:root{
  --ds-primary:#147ab6;   /* آبی پزشکی */
  --ds-accent:#cda34a;    /* طلایی برند دکتر صابری */
  --ds-muted:#f6f9fc;     /* پس‌زمینه ملایم */
  --ds-text:#0b2136;      /* متن اصلی */
  --ds-success:#0e9f6e;
  --ds-warning:#b91c1c;
  --ds-info:#0ea5e9;
}

.ds-article{
  --maxw: 900px;
  max-width: var(--maxw);
  margin: clamp(12px,3vw,24px) auto;
  padding: clamp(16px,3vw,28px);
  background:#fff;
  color:var(--ds-text);
  line-height:1.9;
  border-radius:18px;
  box-shadow: 0 10px 28px rgba(20,122,182,.08);
  font-size: 17px;
}
.ds-article h1,.ds-article h2,.ds-article h3,.ds-article h4{
  font-weight:800;
  line-height:1.35;
  color:#0c2a47;
  scroll-margin-top: 6rem;
}
.ds-article h1{font-size: clamp(28px, 3.6vw, 40px); margin-bottom: 10px;}
.ds-article h2{font-size: clamp(22px, 2.4vw, 28px); margin-top: 36px;}
.ds-article h3{font-size: clamp(19px, 2.1vw, 24px); margin-top: 22px;}
.ds-article h4{font-size: clamp(17px, 1.9vw, 20px); margin-top: 18px; color:#123b5f;}
.ds-article p{margin: 10px 0;}
.ds-article strong{color:#0b3a64}

/* فهرست مطالب */
.ds-toc{
  background: linear-gradient(180deg, #f8fbff, #fff);
  border:1px solid #e5eef7;
  border-left: 4px solid var(--ds-primary);
  padding:18px 18px 10px;
  border-radius:14px;
  margin: 16px 0 24px;
}
.ds-toc h2{margin-top:0; font-size:20px}
.ds-toc ol, .ds-toc ul{margin:8px 0 0 18px; padding:0}
.ds-toc a{
  text-decoration:none;
  color:#0b4f84;
  border-bottom: 1px dashed rgba(20,122,182,.35);
}
.ds-toc a:hover{color: var(--ds-primary); border-bottom-color: var(--ds-primary);}

/* انکرها و اسکرول-مارجین */
.anchor{scroll-margin-top: 6.5rem;}
/* لینک‌های مخفی برای تیترها (دسترس‌پذیری) */
.ds-article .hlink{
  text-decoration:none; color:inherit; position:relative;
}
.ds-article .hlink::after{
  content:"";
  position:absolute; inset:0; 
}

/* باکس‌های نکته/هشدار/اطلاعات */
.ds-callout{
  padding:14px 16px;
  border-radius:14px;
  margin:14px 0;
  border:1px solid #e6eef7;
  background: var(--ds-muted);
}
.ds-callout.success{border-left:4px solid var(--ds-success); background:#f2fbf6}
.ds-callout.info{border-left:4px solid var(--ds-info); background:#f0f9ff}
.ds-callout.warn{border-left:4px solid var(--ds-warning); background:#fff6f6}

/* چک‌لیست */
.checklist{list-style:none; margin:8px 0 8px 0; padding:0}
.checklist li{
  margin:6px 0 6px 0; padding-left:28px; position:relative;
}
.checklist li::before{
  content:"✓";
  position:absolute; left:0; top:2px;
  width:22px; height:22px; line-height:22px; text-align:center;
  border-radius:6px; font-weight:700;
  background:#e9f6ff; color:var(--ds-primary);
}

/* جدول‌ها */
.table-wrap{overflow-x:auto; margin: 14px 0; border-radius:12px; border:1px solid #e6eef7}
.ds-table{width:100%; border-collapse:collapse; min-width:640px; background:#fff}
.ds-table th, .ds-table td{
  padding:12px 14px; border-bottom:1px solid #eef3f9; text-align:right; vertical-align:top
}
.ds-table thead th{
  background:#f3f8fe; color:#0c2a47; font-weight:800
}
.ds-table tr:hover td{background:#fcfdff}
.badge{
  display:inline-block; padding:3px 8px; border-radius:999px; font-size:12px; font-weight:700;
  background:#e9f6ff; color:#075985; border:1px solid #cfe9fb;
}

/* CTA */
.ds-cta{
  display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between;
  background: linear-gradient(90deg, rgba(20,122,182,.06), rgba(205,163,74,.06));
  border:1px dashed rgba(20,122,182,.35);
  border-radius:16px; padding:16px;
}
.ds-cta .cta-title{font-weight:800; font-size:18px; color:#0c2a47}
.ds-cta .actions{display:flex; gap:10px; flex-wrap:wrap}
.ds-btn{
  display:inline-block; padding:10px 16px; border-radius:12px; font-weight:800; text-decoration:none;
  transition:.2s ease; border:2px solid transparent;
}
.ds-btn.primary{background:var(--ds-primary); color:#fff}
.ds-btn.primary:hover{filter:brightness(1.08)}
.ds-btn.ghost{background:#fff; color:var(--ds-primary); border-color:var(--ds-primary)}
.ds-btn.ghost:hover{background:#f3f8fe}

/* نقل قول/کپشن ریز */
.caption{font-size:13px; color:#4b6274}

/* نکات ریز (مایکروکانتنت) */
.kpi{
  display:grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr));
  gap:10px; margin:14px 0;
}
.kpi .card{
  border:1px solid #e6eef7; border-radius:12px; padding:10px 12px; background:#fff;
}
.kpi .card b{display:block; font-size:14px; color:#0b3a64}

/* فهرست شماره‌ای زیبا */
.ds-steps{counter-reset:s; list-style:none; padding:0; margin:10px 0}
.ds-steps li{
  counter-increment:s; padding:10px 12px 10px 44px; margin:8px 0; background:#fafcff; border:1px solid #e6eef7; border-radius:12px; position:relative;
}
.ds-steps li::before{
  content: counter(s);
  position:absolute; left:10px; top:10px; width:24px; height:24px; line-height:24px; text-align:center;
  background:var(--ds-primary); color:#fff; border-radius:8px; font-weight:800;
}

/* لینک‌ها */
.ds-article a{color:#0b4f84; text-decoration: none; border-bottom:1px solid rgba(20,122,182,.25)}
.ds-article a:hover{border-bottom-color:var(--ds-primary)}

/* دسترس‌پذیری */
.sr-only{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* ریسپانسیو */
@media (max-width:680px){
  .ds-article{padding:16px 14px}
  .ds-cta{flex-direction:column; align-items:flex-start}
}/* End custom CSS */