.yfm-article-content{
  --yfm-teal:#0b7484;
  --yfm-teal-dark:#075462;
  --yfm-navy:#07324d;
  --yfm-orange:#f15d35;
  --yfm-ice:#f1f9fb;
  --yfm-line:#d8e8ec;
  color:#263d45;
  font-size:18px;
  line-height:2.08;
  direction:rtl;
}

.yfm-article-content p,
.entry-content p{
  margin:0 0 1.15em;
  text-align:justify!important;
  text-justify:inter-word;
  line-height:2.08;
}

.yfm-article-content li,
.entry-content>ul li,
.entry-content>ol li{
  text-align:justify;
  text-justify:inter-word;
  line-height:1.95;
  margin:.32em 0;
}

.yfm-article-content h2,
.entry-content>h2{
  position:relative;
  margin:2.15em 0 .9em;
  padding:14px 20px 14px 16px;
  color:#075462;
  font-size:clamp(24px,2.3vw,32px);
  line-height:1.55;
  border-right:5px solid #f15d35;
  border-radius:12px;
  background:linear-gradient(90deg,rgba(241,93,53,.04),rgba(11,116,132,.10));
}

.yfm-article-content h3,
.entry-content>h3{
  margin:1.65em 0 .72em;
  padding:0 13px 0 0;
  color:#07324d;
  font-size:clamp(20px,1.9vw,26px);
  line-height:1.65;
  border-right:3px solid #12a9b7;
}

.yfm-article-content a{
  color:#087b8d;
  font-weight:700;
  text-decoration-color:rgba(241,93,53,.65);
  text-decoration-thickness:2px;
  text-underline-offset:4px;
  transition:color .18s ease,background-color .18s ease;
}

.yfm-article-content a:hover{
  color:#df4f2a;
  background:rgba(241,93,53,.07);
}

.yfm-article-content strong{color:#07324d}

.yfm-article-content ul,
.yfm-article-content ol{
  margin:1em 0 1.5em;
  padding:0 1.55em 0 0;
}

.yfm-image-wrap{
  margin:34px auto;
  text-align:center;
}

.yfm-article-image{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  margin:0 auto;
  border-radius:18px;
  box-shadow:0 14px 38px rgba(7,50,77,.16);
}

.yfm-article-cover{max-width:min(100%,760px)}
.yfm-article-inline{max-width:min(100%,1100px)}

.yfm-table-wrap{
  width:100%;
  margin:30px 0 36px;
  overflow-x:auto;
  border:1px solid #d8e8ec;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(7,50,77,.09);
  -webkit-overflow-scrolling:touch;
}

.yfm-article-content table,
.entry-content table{
  width:100%;
  margin:28px 0;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid #d8e8ec;
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 26px rgba(7,50,77,.08);
}

.yfm-table-wrap table{
  min-width:680px;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
}

.yfm-article-content table th,
.yfm-article-content table td,
.entry-content table th,
.entry-content table td{
  padding:15px 17px;
  border:0;
  border-left:1px solid #d8e8ec;
  border-bottom:1px solid #d8e8ec;
  text-align:right;
  vertical-align:middle;
  line-height:1.85;
}

.yfm-article-content table th:last-child,
.yfm-article-content table td:last-child,
.entry-content table th:last-child,
.entry-content table td:last-child{border-left:0}

.yfm-article-content table tr:last-child td,
.entry-content table tr:last-child td{border-bottom:0}

.yfm-article-content table thead th,
.yfm-article-content table tr:first-child th,
.entry-content table thead th,
.entry-content table tr:first-child th{
  color:#fff;
  font-weight:800;
  background:linear-gradient(135deg,#075c6c,#0b8798);
  border-color:rgba(255,255,255,.20);
}

.yfm-article-content table tbody tr:nth-child(even),
.entry-content table tbody tr:nth-child(even){background:#f4fafb}

.yfm-article-content table tbody tr:hover,
.entry-content table tbody tr:hover{background:#fff5f0}

.yfm-note,
.yfm-warning,
.yfm-buy-box,
.yfm-faq-item,
.yfm-related-links{
  margin:24px 0;
  padding:20px 22px;
  border-radius:14px;
}

.yfm-note{
  color:#174b57;
  border-right:5px solid #0fa4b4;
  background:#edf9fb;
}

.yfm-warning{
  color:#72401f;
  border-right:5px solid #f2a13a;
  background:#fff8e9;
}

.yfm-buy-box{
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(135deg,#07324d,#0b7484);
  box-shadow:0 12px 30px rgba(7,50,77,.18);
}

.yfm-buy-box h2,
.yfm-buy-box h3{
  margin-top:0;
  padding:0;
  color:#fff;
  border:0;
  background:none;
}

.yfm-buy-box strong{color:#fff}

.yfm-article-content .yfm-buy-box a,
.entry-content .yfm-buy-box a{
  color:#fff3ec!important;
  background:transparent!important;
  font-weight:900;
  text-decoration-color:#ff8c63;
  text-decoration-thickness:2px;
  text-underline-offset:5px;
}

.yfm-article-content .yfm-buy-box a:hover,
.entry-content .yfm-buy-box a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
}

.yfm-faq-item{
  border:1px solid #d8e8ec;
  border-right:4px solid #0b7484;
  background:#fff;
  box-shadow:0 6px 20px rgba(7,50,77,.06);
}

.yfm-faq-item h3{
  margin:.1em 0 .55em;
  padding:0;
  border:0;
  color:#075462;
  font-size:20px;
}

.yfm-faq-item p:last-child,
.yfm-note p:last-child,
.yfm-warning p:last-child,
.yfm-buy-box p:last-child{margin-bottom:0}

.yfm-related-links{
  border:1px solid #d8e8ec;
  border-top:4px solid #f15d35;
  background:linear-gradient(180deg,#fff,#f5fbfc);
}

.yfm-related-links h2{
  margin:0 0 12px;
  padding:0;
  border:0;
  background:none;
  font-size:24px;
}

.yfm-related-links ul{margin:0}

@media (max-width:767px){
  .yfm-article-content{font-size:16px;line-height:2}
  .yfm-article-content p,.entry-content p{line-height:2}
  .yfm-article-content h2,.entry-content>h2{padding:11px 14px;font-size:22px}
  .yfm-article-content h3,.entry-content>h3{font-size:19px}
  .yfm-image-wrap{margin:24px auto}
  .yfm-article-image{border-radius:13px}
  .yfm-table-wrap{margin:24px 0 30px;border-radius:12px}
  .yfm-article-content table th,.yfm-article-content table td,.entry-content table th,.entry-content table td{padding:12px 13px;font-size:14px}
  .yfm-note,.yfm-warning,.yfm-buy-box,.yfm-faq-item,.yfm-related-links{padding:16px 17px;border-radius:12px}
}
