.containerarticle{width:90%;margin:20px auto;display:flex;gap:20px}.article{padding:30px}.article-content{width:74%}.featured-image{text-align:center;margin-bottom:20px}.featured-image img{width:600px;height:300px;border-radius:8px;cursor:pointer}.martrsor{text-align:center}.martrsor img{width:250px;height:170px;object-fit:cover;margin:2px;border-radius:8px;text-align:center}.info-row{display:flex;justify-content:space-between;align-items:center;background-color:#f0f0f0;padding:12px 15px;border-radius:8px;margin:15px 0;gap:15px}.info-row p{color:#333;margin:0;font-size:14px;white-space:nowrap}.view-count{font-weight:700}.Title-article{font-size:1.8em;font-weight:700;color:#222;margin:15px 0 10px}.article-separator{border:0;height:1px;background:#e0e0e0;margin:20px 0}.Tags-mgal{margin:15px 0;font-size:14px}.tag{background:#eee;padding:3px;border-radius:4px;display:inline-block;margin:3px}.related-articles{width:25%;background:#e7c112;padding:5px;border-radius:8px}.related-article{background:#fff;padding:5px;border-radius:8px;margin-top:10px}.related-article img{width:100%;height:160px;object-fit:cover;border-radius:8px}.related-article h4{font-size:14px;margin:0}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:none;justify-content:center;align-items:center;z-index:1000}.popup-content img{width:550px;height:350px;border-radius:8px}.popup-close,.popup-counter{top:10px;font-size:18px;padding:5px 10px;border-radius:5px;position:absolute;color:#fff}.popup-close{right:10%;background:rgb(255 0 0 / 50%);cursor:pointer}.popup-counter{left:50%;transform:translateX(-50%);background:rgba(0,0,0,.5)}.popup-slider-controls{position:absolute;bottom:60px;display:flex;gap:10px;align-items:center}.popup-slider-controls button{background-color:#333;color:#fff;border:none;border-radius:5px;padding:2px 10px;font-family:Cairo,sans-serif}.popup-slider-controls .popup-arrow{background:red}@media (max-width:768px){.containerarticle{flex-direction:column}.article-content,.related-articles{width:100%}.featured-image img{width:100%;height:auto}.martrsor{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;justify-items:center}.martrsor img{width:100%;height:150px;max-width:100%}.popup-content img{width:100%;height:auto}.info-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 15px}.info-row p{font-size:13px;text-align:right}.Title-article{font-size:1.4em}}.popup-overlay.active{display:flex!important}article h1,article h2,article h3,article h4,article h5,article h6{margin:20px 0 10px;font-weight:700;color:#222}article h1{font-size:2em}article h2{font-size:1.8em}article h3{font-size:1.5em}article h4{font-size:1.3em}article h5{font-size:1.1em}article h6{font-size:1em}article p{margin:10px 0;line-height:1.8;font-size:1rem;color:#333}article strong,article b{font-weight:700;color:#000}article em,article i{font-style:italic;color:#555}article u{text-decoration:underline}article ul,article ol{padding-right:20px;margin:10px 0}article ul li,article ol li{margin:5px 0;line-height:1.6}article a{color:#007BFF;text-decoration:underline}article table{width:100%;border-collapse:collapse;margin:15px 0;font-size:.95rem}article table th,article table td{border:1px solid #ccc;padding:8px;text-align:right}article table th{background-color:#f2f2f2;font-weight:700}article p:has(>strong){background:#f9f9f9;border-right:4px solid #0b74d3;padding:8px 12px;border-radius:5px}@media (max-width:768px){article h1{font-size:1.5em}article h2{font-size:1.4em}article h3{font-size:1.3em}article h4,article h5,article h6{font-size:1.1em}article table{font-size:.9rem;overflow-x:auto;display:block}}article li::marker{color:#28a745;font-weight:700}.incontent-image img{width:700px;max-width:100%;height:auto;display:block;border-radius:12px;margin:12px auto;cursor:pointer}@media (max-width:768px){.incontent-image img{width:100%;max-width:100%;height:auto}}
.related-articles{align-self:flex-start;background:#f4f8f7;border:1px solid #dce6e3;padding:14px;min-width:0}.article-content{min-width:0}.info-row{flex-wrap:wrap}.info-row p{white-space:normal;overflow-wrap:anywhere}.featured-image img{max-width:100%;object-fit:contain;height:auto;max-height:500px}@media(max-width:768px){.containerarticle{width:calc(100% - 20px);gap:16px}.featured-image img{width:100%;height:auto}.article-content,.related-articles{width:100%}}

/* Article reading layout, compact metadata and responsive media. */
.containerarticle{width:96%;max-width:1440px;display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:26px;margin:26px auto 40px}
.article-content{width:100%;min-width:0}.related-articles{width:100%;padding:14px;border-radius:14px}
.featured-image{margin:0 0 20px;overflow:hidden;border-radius:16px;background:#eef5f4}
.featured-image img{display:block;width:100%;max-width:100%;height:auto;max-height:560px;object-fit:contain;border-radius:0}
.Title-article{font-size:clamp(25px,2.8vw,36px);line-height:1.6;margin:16px 0 12px;color:#143f43;overflow-wrap:anywhere}
.info-row{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 18px;padding:12px 14px;background:#f4f8f7;border:1px solid #e2ece9;border-radius:10px;margin:0 0 20px}
.info-row p{font-size:12px;line-height:1.8;color:#667775}.info-row a{color:#126b62}.info-row strong{font-weight:400;color:#274d4b}.info-row .view-count{color:#126b62}
.article-content>article{color:#344b4b;line-height:1.95;overflow-wrap:anywhere}.article-content>article p{font-size:16px;line-height:1.95;color:inherit}.article-content>article p:has(>strong){background:none;border:0;padding:0;border-radius:0}
.article-content>article h2{font-size:24px;line-height:1.65;color:#164c49;margin-top:28px}.article-content>article h3{font-size:21px;line-height:1.7}.article-content>article img{max-width:100%;height:auto;border-radius:10px}
.martrsor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.martrsor img{display:block;width:100%;height:160px;margin:0;object-fit:cover;border-radius:10px}
.Tags-mgal{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.tag{font-size:12px;padding:5px 9px;background:#edf5f3;color:#205d55;border-radius:6px;margin:0}
.popup-content{max-width:94vw;max-height:86vh}.popup-content img{width:auto;height:auto;max-width:94vw;max-height:80vh;object-fit:contain}
@media(max-width:768px){
.containerarticle{width:100%;display:flex;flex-direction:column;gap:22px;margin:0 auto 25px}
.article-content{width:100%;padding:0 12px;box-sizing:border-box}
.featured-image{width:calc(100% + 24px);margin:0 -12px 15px;border-radius:0}
.featured-image img{width:100%;height:auto;max-height:none;border-radius:0}
.Title-article{font-size:25px;line-height:1.6;margin:12px 0}
.info-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;padding:10px;margin-bottom:16px}.info-row p{font-size:11px;min-width:0}
.article-content>article p{font-size:15px;line-height:1.95}.article-content>article h2{font-size:21px}.article-content>article h3{font-size:19px}
.related-articles{width:calc(100% - 24px);margin:0 12px}.martrsor{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.martrsor img{height:130px}
}
.featured-image{position:relative}.featured-image>.article-image-rating{position:absolute;top:12px;right:12px;bottom:auto;left:auto;display:inline-flex;align-items:center;gap:4px;width:max-content;height:auto;line-height:1.5;white-space:nowrap;background:#fffffff2;color:#244e50;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;box-shadow:0 3px 12px #0002;pointer-events:none}.article-image-rating small{font-size:10px;font-weight:400;color:#70837f}.article-image-rating>span{color:#b17d10}

.featured-image>.article-image-rating{top:0;right:0;padding:2px 6px;font-size:10px;line-height:1.6;border-radius:0 0 0 7px;box-shadow:none}.article-image-rating small{font-size:9px}.article-image-rating>span{color:#d6a426}