#domain-article{
  direction:rtl;
  text-align:right;
  background:#fff;
  color:#111;
  font-family:Arial, sans-serif;
  font-weight:700;
  line-height:1.85;
  max-width:100%;
}

#domain-article *,
#domain-article *::before,
#domain-article *::after{
  box-sizing:border-box;
}

#domain-article .main-title{
  display:block;
  margin:18px 0;
  padding:14px 18px;
  color:#d4af37;
  background:#fff9e8;
  border:1px solid #d4af37;
  border-radius:10px;
  font-family:Arial, sans-serif;
  font-size:24px;
  font-weight:700;
  line-height:1.7;
  text-align:center;
}

#domain-article .section-title{
  display:block;
  margin:22px 0 10px;
  padding:0;
  font-family:Arial, sans-serif;
  font-size:22px;
  font-weight:700;
  line-height:1.7;
  background:transparent;
  border:0;
}

#domain-article .section-title.gold{color:#d4af37;}
#domain-article .section-title.blue{color:#1565c0;}
#domain-article .section-title.purple{color:#6a1b9a;}
#domain-article .section-title.red{color:#c62828;}

#domain-article .text{
  font-family:Arial, sans-serif;
  font-size:21px;
  font-weight:700;
  line-height:1.85;
  color:#111;
}

#domain-article p,
#domain-article div,
#domain-article span,
#domain-article li,
#domain-article td,
#domain-article th{
  font-family:Arial, sans-serif;
}

#domain-article p{
  margin:0 0 14px;
}

#domain-article .box{
  display:block;
  margin:16px 0;
  padding:16px;
  border-radius:10px;
  box-shadow:0 2px 5px rgba(0,0,0,.05);
  overflow:hidden;
}

#domain-article .gold-box{
  background:#fff9e8;
  border-right:5px solid #d4af37;
}

#domain-article .blue-box{
  background:#eef6ff;
  border-right:5px solid #1565c0;
}

#domain-article .purple-box{
  background:#f7efff;
  border-right:5px solid #6a1b9a;
}

#domain-article .red-box{
  background:#fff1f1;
  border-right:5px solid #c62828;
}

#domain-article .box .section-title,
#domain-article .box .box-title{
  margin:0 0 6px;
  line-height:1.6;
}

#domain-article a{
  color:#1565c0;
  text-decoration:none;
}

#domain-article a:hover,
#domain-article a:focus{
  text-decoration:underline;
}

#domain-article a::after{
  content:none;
}

#domain-article ul,
#domain-article ol{
  margin:10px 0 10px;
  padding:0 26px 0 0;
  list-style-position:outside;
}

#domain-article ul{list-style:disc;}
#domain-article ol{list-style:decimal;}

#domain-article ul li,
#domain-article ol li{
  margin:0 0 8px;
  padding:0;
  line-height:1.85;
  position:static;
}

#domain-article ul li::before,
#domain-article ol li::before{
  content:none;
}

#domain-article table{
  width:100%;
  margin:12px 0;
  border-collapse:separate;
  border-spacing:0;
  direction:rtl;
  box-shadow:none;
  border-radius:0;
  overflow:visible;
}

#domain-article table th,
#domain-article table td{
  padding:8px 10px;
  text-align:right;
  vertical-align:top;
  background:transparent;
  color:#111;
  border:0;
  line-height:1.85;
  font-size:21px;
  font-weight:700;
}

#domain-article table tr:nth-child(even) td{
  background:transparent;
}


#domain-article .box table{
  margin:0;
}

#domain-article .box table td{
  width:50%;
  text-align:center;
  white-space:normal;
}

#domain-article img{
  max-width:100%;
  height:auto;
  display:block;
  margin:16px auto;
  border-radius:10px;
}

#domain-article iframe{
  max-width:100%;
  border:0;
}

#domain-article .btn,
#domain-article a.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:8px 6px;
  padding:10px 30px;
  min-height:48px;
  border-radius:10px;
  box-shadow:0 3px 8px rgba(0,0,0,.22);
  font-family:Arial, sans-serif;
  font-size:21px;
  font-weight:700;
  text-decoration:none;
  transition:transform .2s ease;
}

#domain-article .btn:hover,
#domain-article a.btn:hover{
  transform:translateY(-2px);
  text-decoration:none;
}

#domain-article .btn.gold{background:linear-gradient(#e7c14f,#d4af37);color:#000;}
#domain-article .btn.blue{background:linear-gradient(#4a90e2,#1565c0);color:#fff;}
#domain-article .btn.green{background:linear-gradient(#33bfa3,#009688);color:#fff;}
#domain-article .btn.orange{background:linear-gradient(#ffa040,#ef6c00);color:#fff;}

@media (max-width: 640px){
  #domain-article .main-title{font-size:22px;padding:12px 14px;}
  #domain-article .section-title{font-size:21px;}
  #domain-article .text,
  #domain-article table th,
  #domain-article table td{font-size:20px;}
  #domain-article .box{padding:14px;}
  #domain-article .box table,
  #domain-article .box table tbody,
  #domain-article .box table tr,
  #domain-article .box table td{
    display:block;
    width:100%;
  }
  #domain-article .box table td{
    padding:4px 0;
    text-align:center;
  }
}



.royal-night-mode #domain-article{
  background:var(--color-bg-elevated);
  color:var(--color-text);
}
.royal-night-mode #domain-article .main-title{
  background:#1f1f28;
  color:var(--royal-gold-soft);
  border-color:rgba(212,175,55,.55);
}
.royal-night-mode #domain-article .text,
.royal-night-mode #domain-article table th,
.royal-night-mode #domain-article table td{
  color:var(--color-text);
}
.royal-night-mode #domain-article .gold-box{background:#1f1c12;}
.royal-night-mode #domain-article .blue-box{background:#111b2b;}
.royal-night-mode #domain-article .purple-box{background:#1b1426;}
.royal-night-mode #domain-article .red-box{background:#241415;}