/* IRAN DUCT Blog Styles */
:root{
    --primary:#0d6efd;
    --secondary:#00a86b;
    --dark:#1d3557;
    --text:#333;
    --light:#f8f9fa;
    --border:#e8e8e8;
    --shadow:0 10px 30px rgba(0,0,0,.08);
    --radius:18px;
    --font-main:Tahoma,Vazirmatn,IRANSans,sans-serif;
   }
   *{margin:0;padding:0;box-sizing:border-box}
   html{scroll-behavior:smooth}
   body{font-family:var(--font-main);background:#f6f8fb;color:var(--text);line-height:2;direction:rtl}
   a{text-decoration:none;color:var(--primary);transition:.3s}
   a:hover{color:#084298}
   img{max-width:100%;display:block;border-radius:16px}
   .container{width:min(1100px,92%);margin:auto}
   .navbar{position:sticky;top:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);z-index:100}
   .hero{padding:80px 0;background:linear-gradient(135deg,#1d3557,#0d6efd);color:#fff;text-align:center}
   .hero h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:15px}
   .hero p{max-width:700px;margin:auto}
   .breadcrumb{padding:18px 0;font-size:.9rem}
   .article{background:#fff;max-width:900px;margin:40px auto;padding:50px;border-radius:var(--radius);box-shadow:var(--shadow)}
   .article h1{font-size:2.4rem;color:var(--dark);margin-bottom:25px}
   .article h2{font-size:1.9rem;color:var(--dark);margin:50px 0 20px;border-right:5px solid var(--primary);padding-right:15px}
   .article h3{font-size:1.4rem;margin:35px 0 15px}
   .article p{margin-bottom:18px}
   .article ul,.article ol{padding-right:22px;margin:20px 0}
   .article li{margin:10px 0}
   .article figure{margin:35px 0}
   .article figcaption{text-align:center;color:#666;font-size:.9rem;margin-top:10px}
   .toc{background:#f8fbff;border:1px solid #dcecff;border-radius:16px;padding:25px;margin:35px 0}
   .toc h3{margin-top:0}
   .toc ul{list-style:none;padding:0}
   .toc li{padding:8px 0;border-bottom:1px dashed #ddd}
   .toc li:last-child{border:none}
   .tip,.warning,.info{
   padding:22px;border-radius:16px;margin:30px 0
   }
   .tip{background:#edfdf3;border-right:5px solid var(--secondary)}
   .warning{background:#fff8e6;border-right:5px solid #f59e0b}
   .info{background:#eef5ff;border-right:5px solid var(--primary)}
   blockquote{
   border-right:5px solid var(--primary);
   background:#f9fbff;
   padding:25px;
   margin:35px 0;
   font-style:italic
   }
   table{width:100%;border-collapse:collapse;margin:30px 0}
   th,td{border:1px solid var(--border);padding:14px}
   th{background:#eef5ff}
   details{margin:15px 0;border:1px solid var(--border);border-radius:12px;padding:15px;background:#fff}
   summary{cursor:pointer;font-weight:bold}
   .cta{
   margin-top:60px;
   background:linear-gradient(135deg,#0d6efd,#00a86b);
   color:#fff;
   padding:40px;
   border-radius:20px;
   text-align:center
   }
   .cta .buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:20px}
   .btn{
   display:inline-block;
   padding:12px 24px;
   border-radius:12px;
   font-weight:bold;
   background:#fff;
   color:#0d6efd
   }
   .related{margin-top:60px}
   .related-grid{
   display:grid;
   grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
   gap:20px
   }
   .card{
   background:#fff;
   border-radius:16px;
   overflow:hidden;
   box-shadow:var(--shadow);
   transition:.3s
   }
   .card:hover{transform:translateY(-6px)}
   .card img{border-radius:0}
   .card-body{padding:20px}
   .meta{display:flex;gap:15px;color:#777;font-size:.9rem;margin-bottom:20px;flex-wrap:wrap}
   footer{margin-top:80px;background:#1d3557;color:#fff;padding:40px;text-align:center}
   @media(max-width:768px){
   .article{padding:25px;margin:20px 10px}
   .hero{padding:60px 20px}
   .article h1{font-size:2rem}
   .article h2{font-size:1.6rem}
   .cta .buttons{flex-direction:column}
   .btn{width:100%}
   }
   /* ===========================
   Reading Progress
=========================== */

.reading-progress{
    position:fixed;
    top:0;
    right:0;
    width:100%;
    height:5px;
    background:transparent;
    z-index:9999;
}

.reading-progress-bar{
    width:0%;
    height:100%;
    background:linear-gradient(90deg,#1a73e8,#00bcd4);
    transition:width .08s linear;
    box-shadow:0 0 12px rgba(26,115,232,.4);
}