@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;600;700;800&display=swap');

:root{
  --rn-nez-primary:#1a73e8;
  --rn-nez-primary-dark:#0d47a1;
  --rn-nez-secondary:#34a853;
  --rn-nez-accent:#fbbc04;
  --rn-nez-danger:#ea4335;
  --rn-nez-info:#0288d1;
  --rn-nez-dark:#202124;
  --rn-nez-text:#444;
  --rn-nez-muted:#6b7280;
  --rn-nez-line:#e9ecef;
  --rn-nez-soft:#f8f9fa;
  --rn-nez-shadow:0 4px 20px rgba(0,0,0,.08);
  --rn-nez-radius:16px;
}

body.rn-nez-news-page{
  margin:0;
  direction:rtl;
  color:var(--rn-nez-dark);
  background:#eef2f7;
  font-family:Alexandria,Tahoma,Arial,sans-serif;
}

.rn-nez-main{
  width:min(1180px,calc(100% - 30px));
  margin:0 auto;
  padding:18px 0 48px;
}

.section.article-detail-section{
  margin-top:1rem;
  margin-bottom:2rem;
  background:transparent;
  padding:0;
  box-shadow:none;
  overflow:visible;
}

.article-detail-container{
  background:#fff;
  border-radius:var(--rn-nez-radius);
  box-shadow:var(--rn-nez-shadow);
  overflow:hidden;
}

.article-header{
  padding:2rem;
  color:#fff;
  text-align:center;
  background:var(--rn-nez-primary-dark);
  position:relative;
  overflow:hidden;
}

.article-header::before{
  content:'';
  position:absolute;
  top:0;
  right:0;
  width:150px;
  height:150px;
  background:rgba(255,255,255,.1);
  border-radius:50%;
  transform:translate(30%,-30%);
}

.article-title{
  margin:0 0 1rem;
  position:relative;
  z-index:1;
  font-size:clamp(1.35rem,3vw,1.85rem);
  line-height:1.65;
  font-weight:800;
}

.article-meta{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:1rem;
  position:relative;
  z-index:1;
}

.meta-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 15px;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  font-size:.92rem;
  font-weight:600;
}

.meta-item svg{
  width:15px;
  height:15px;
  flex:0 0 15px;
  opacity:.95;
}

.article-featured-image{
  width:100%;
  height:400px;
  overflow:hidden;
  position:relative;
  background:#dfe7f2;
}

.article-featured-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}

.article-featured-image:hover img{
  transform:scale(1.03);
}

.image-overlay{
  position:absolute;
  right:0;
  left:0;
  bottom:0;
  display:flex;
  align-items:flex-end;
  padding:1.5rem;
  color:#fff;
  background:linear-gradient(to top,rgba(0,0,0,.78),transparent);
}

.image-caption{
  font-size:.92rem;
  line-height:1.6;
  opacity:.95;
}

.article-content-wrapper{
  padding:2rem;
}

.article-full-content.article-content{
  line-height:1.85;
  color:var(--rn-nez-text);
  font-size:1.02rem;
  font-weight:400;
}

.article-content > p,
.article-full-content > p,
.article-content p,
.article-full-content p{
  margin:0 0 1rem;
  line-height:1.85;
  color:var(--rn-nez-text);
}

.article-content > h2,
.article-content > h2:not(.article-updates-title h2),
.article-full-content > h2{
  margin:1.6rem 0 1rem;
  padding-bottom:.55rem;
  color:var(--rn-nez-primary);
  border-bottom:2px solid rgba(26,115,232,.12);
  font-size:1.45rem;
  line-height:1.55;
  font-weight:800;
}

.article-content > h3,
.article-full-content > h3{
  margin:1.4rem 0 .85rem;
  padding-right:10px;
  color:var(--rn-nez-primary-dark);
  border-right:4px solid var(--rn-nez-accent);
  font-size:1.22rem;
  line-height:1.55;
  font-weight:700;
}

.article-content > h4,
.article-full-content > h4{
  margin:1.1rem 0 .7rem;
  color:var(--rn-nez-primary-dark);
  font-size:1.08rem;
  font-weight:700;
}

.article-content a,
.article-full-content a{
  color:var(--rn-nez-primary);
  text-decoration:underline;
  text-underline-offset:2px;
}

.article-content img,
.article-full-content img{
  display:block;
  max-width:100%;
  height:auto;
  margin:1.2rem auto;
  border-radius:12px;
}

.article-content ul,
.article-full-content ul{
  list-style:none;
  margin:1rem 0;
  padding:0;
}

.article-content ul > li,
.article-full-content ul > li{
  position:relative;
  margin:0 0 .75rem;
  padding-right:1.35rem;
  line-height:1.75;
}

.article-content ul > li::before,
.article-full-content ul > li::before{
  content:'•';
  position:absolute;
  right:0;
  top:0;
  color:var(--rn-nez-primary);
  font-weight:800;
  font-size:1.2rem;
  line-height:1.2;
}

.article-content ol,
.article-full-content ol{
  list-style:none;
  counter-reset:rn-nez-counter;
  margin:1rem 0;
  padding:0;
}

.article-content ol > li,
.article-full-content ol > li{
  counter-increment:rn-nez-counter;
  position:relative;
  margin:0 0 1rem;
  padding-right:2.6rem;
  line-height:1.75;
}

.article-content ol > li::before,
.article-full-content ol > li::before{
  content:counter(rn-nez-counter);
  position:absolute;
  top:0;
  right:0;
  width:2rem;
  height:2rem;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,var(--rn-nez-primary),var(--rn-nez-primary-dark));
  border-radius:50%;
  font-size:.88rem;
  font-weight:800;
  box-shadow:0 2px 8px rgba(26,115,232,.22);
}

.article-content table,
.article-full-content table{
  width:100%;
  min-width:720px;
  border-collapse:collapse;
  border:1px solid #e0e0e0;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
  background:#fff;
}

.article-content table th,
.article-full-content table th{
  padding:12px 15px;
  color:#fff;
  background:var(--rn-nez-primary-dark);
  text-align:right;
  font-weight:700;
  font-size:.95rem;
  border-bottom:2px solid #fff;
}

.article-content table td,
.article-full-content table td{
  padding:12px 15px;
  border-bottom:1px solid #f0f0f0;
  text-align:right;
  font-size:.95rem;
  color:var(--rn-nez-dark);
}

.article-content table tr:nth-child(even),
.article-full-content table tr:nth-child(even){
  background:#f8f9fa;
}

.article-content table tr:hover,
.article-full-content table tr:hover{
  background:rgba(26,115,232,.05);
}

.article-content table tr:last-child td,
.article-full-content table tr:last-child td{
  border-bottom:none;
}

.article-content blockquote,
.article-full-content blockquote{
  margin:1.4rem 0;
  padding:1.2rem 1.3rem;
  color:#22415f;
  background:linear-gradient(135deg,#e8f0fe,#d7e4ff);
  border-right:4px solid var(--rn-nez-primary);
  border-radius:12px;
}

.alert,
.alert-message{
  margin:1rem 0;
  padding:14px 16px;
  border-radius:8px;
  border-right:4px solid;
  line-height:1.75;
  font-size:.98rem;
}

.alert-warning,
.alert-message.alert-warning{
  background:#fff8e1;
  color:#8a6d00;
  border-color:#fbbc04;
}

.alert-info,
.alert-message.alert-info{
  background:#e8f4f8;
  color:#055160;
  border-color:var(--rn-nez-info);
}

.alert-danger,
.alert-message.alert-danger{
  background:#ffebee;
  color:#b42318;
  border-color:var(--rn-nez-danger);
}

.alert-success,
.alert-message.alert-success{
  background:#e8f5e9;
  color:#1b5e20;
  border-color:var(--rn-nez-secondary);
}

.rn-nez-table-box{
  width:100%;
  max-width:100%;
  margin:18px 0;
}

.rn-nez-table-scroll-note{
  width:100%;
  box-sizing:border-box;
  text-align:center;
  direction:rtl;
  font-size:14px;
  font-weight:700;
  line-height:1.8;
  color:#075985;
  background:#eef8ff;
  border:1px solid #bae6fd;
  border-radius:10px;
  padding:9px 12px;
  margin:0 0 8px;
}

.rn-nez-table-scroll{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
}

.rn-nez-table-scroll table{
  margin:0;
}

.rn-nez-ad{
  margin:1.5rem 0;
  min-height:90px;
  text-align:center;
}

.rn-nez-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:1.8rem;
  padding-top:1.2rem;
  border-top:1px solid var(--rn-nez-line);
}

.rn-nez-tags span{
  padding:7px 12px;
  color:var(--rn-nez-primary);
  background:#eef5ff;
  border:1px solid #d4e5fb;
  border-radius:999px;
  font-size:.82rem;
  font-weight:700;
}

.article-links-section{
  margin:2rem 0 1.2rem;
  padding:20px;
  background:var(--rn-nez-soft);
  border:1px solid var(--rn-nez-line);
  border-radius:12px;
}

.article-share-title{
  margin:0 0 1rem;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--rn-nez-dark);
  font-size:1.15rem;
  font-weight:800;
}

.link-shortener{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.short-link-input{
  flex:1;
  min-width:250px;
  padding:12px 15px;
  border:2px solid #e0e0e0;
  border-radius:8px;
  font-size:.92rem;
  background:#fff;
  direction:ltr;
  text-align:left;
  font-family:inherit;
}

.copy-link-btn{
  padding:12px 18px;
  color:#fff;
  background:linear-gradient(135deg,var(--rn-nez-primary),var(--rn-nez-primary-dark));
  border:none;
  border-radius:8px;
  font-size:.95rem;
  font-weight:800;
  cursor:pointer;
  font-family:inherit;
}

.copy-link-btn:hover{
  filter:brightness(1.05);
}

.rn-nez-copy-toast{
  position:fixed;
  bottom:24px;
  left:50%;
  transform:translateX(-50%) translateY(20px);
  z-index:99999;
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 18px;
  color:#fff;
  background:#1b5e20;
  border-radius:999px;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  opacity:0;
  pointer-events:none;
  transition:.25s ease;
  font-weight:700;
}

.rn-nez-copy-toast.is-visible{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

.rn-nez-editorial{
  margin-top:1.2rem;
  padding:16px 18px;
  color:#475569;
  background:#f8fafc;
  border:1px solid #e3e9f1;
  border-radius:12px;
  font-size:.92rem;
  line-height:1.75;
}

.rn-nez-editorial strong{
  display:block;
  margin-bottom:4px;
  color:#172033;
  font-size:1rem;
}

.rn-nez-editorial a{
  color:var(--rn-nez-primary);
  font-weight:800;
  text-decoration:none;
}

.rn-nez-related-heading{
  margin:2rem 0 1rem;
}

.rn-nez-related-heading span{
  color:var(--rn-nez-primary);
  font-size:.82rem;
  font-weight:800;
}

.rn-nez-related-heading h2{
  margin:.35rem 0 0;
  font-size:1.45rem;
  font-weight:800;
  color:var(--rn-nez-dark);
}

.rn-nez-not-found{
  padding:3rem 1.5rem;
  text-align:center;
  background:#fff;
  border:1px solid #dfe7f2;
  border-radius:var(--rn-nez-radius);
  box-shadow:var(--rn-nez-shadow);
}

.rn-nez-not-found strong{
  display:block;
  color:#ff616d;
  font-size:4.5rem;
  line-height:1;
}

.rn-nez-not-found a{
  display:inline-flex;
  margin-top:14px;
  padding:11px 17px;
  color:#fff;
  background:var(--rn-nez-primary);
  border-radius:12px;
  font-weight:800;
  text-decoration:none;
}

@media (max-width:768px){
  .rn-nez-main{
    width:calc(100% - 20px);
    padding-top:10px;
  }

  .article-header,
  .article-content-wrapper{
    padding:1.35rem;
  }

  .article-meta{
    flex-direction:column;
    align-items:center;
    gap:10px;
  }

  .article-featured-image{
    height:250px;
  }

  .article-title{
    font-size:1.35rem;
  }

  .article-content > h2,
  .article-full-content > h2{
    font-size:1.25rem;
  }

  .article-content > h3,
  .article-full-content > h3{
    font-size:1.08rem;
  }

  .short-link-input{
    min-width:100%;
  }

  .copy-link-btn{
    width:100%;
  }
}