:root{--b:#2d050f;--c:#231f20;--g:#9d7a4d;--line:#e7e1dc;--muted:#6f6866}*{box-sizing:border-box}html{scroll-behavior:smooth}.article-page{margin:0;background:#fff;color:var(--c);font-family:Cairo,Tahoma,sans-serif;line-height:1.9}.article-page main{display:block}.article-wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.article-hero{padding:62px 0 64px;background:#f7f6f5}.article-intro{max-width:900px}.article-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:28px;color:#8a817d;font-size:10px}.article-breadcrumb a{color:inherit;text-decoration:none}.article-breadcrumb i{font-size:6px}.article-category{display:inline-block;margin-bottom:15px;padding:6px 13px;background:var(--b);color:#fff;font-size:10px;font-weight:700}.article-hero h1{max-width:830px;margin:0;color:var(--c);font-size:var(--fs-page-title);font-weight:700;line-height:1.45;letter-spacing:-.02em}.article-lead{max-width:760px;margin:18px 0;color:var(--muted);font-size:16px}.article-meta{display:flex;gap:25px;color:#887f7b;font-size:11px}.article-meta span{display:flex;align-items:center;gap:7px}.article-meta i{color:var(--g)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:55px;padding-top:58px;padding-bottom:80px}.article-cover{margin:0 0 35px}.article-cover img{width:100%;max-height:520px;display:block;object-fit:cover}.article-cover figcaption{margin-top:7px;color:#918984;font-size:9px}.article-body{max-width:760px}.article-body p{margin:0 0 22px;color:#4f4947;font-size:15px}.article-body h2{margin:42px 0 13px;font-size:25px}.article-body blockquote{margin:35px 0;padding:22px 25px;border-right:3px solid var(--g);background:#f8f6f3;color:var(--b);font-size:17px;font-weight:700}.article-share{display:flex;align-items:center;gap:9px;margin-top:42px;padding-top:22px;border-top:1px solid var(--line)}.article-share strong{margin-left:8px;font-size:12px}.article-share a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);color:var(--b);text-decoration:none}.article-aside{display:flex;flex-direction:column;gap:18px}.aside-box{padding:24px;border:1px solid var(--line)}.aside-box>span{color:var(--g);font-size:10px;font-weight:700}.aside-box h3{margin:8px 0 16px;font-size:var(--fs-box-title);font-weight:700;line-height:1.7}.aside-box a{display:inline-flex;align-items:center;gap:8px;color:var(--b);font-size:11px;font-weight:700;text-decoration:none}.contact-box{background:var(--b);color:#fff}.contact-box h3{margin-top:0}.contact-box p{color:#e4dadd;font-size:12px}.contact-box a{padding:8px 15px;background:var(--g);color:#fff}.article-page .header .nav-link.active{color:var(--b)!important}.article-page .header .nav-link.active:after{background:var(--g)}@media(max-width:800px){.article-hero{padding:42px 0}.article-hero h1{font-size:31px}.article-layout{grid-template-columns:1fr;gap:35px;padding-top:35px}.article-aside{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:560px){.article-hero h1{font-size:25px}.article-lead{font-size:13px}.article-meta{flex-wrap:wrap;gap:12px}.article-aside{grid-template-columns:1fr}.article-body p{font-size:14px}.article-body blockquote{font-size:15px}}
:root{}
.article-page{max-width:100%;overflow-x:hidden}
.article-page main{max-width:100%;overflow:hidden}
.article-page .article-wrap{width:calc(100% - 40px);max-width:1120px}

/* Editorial single article layout */
.post-wrap{width:90%;max-width:none;margin-inline:auto}
.post-breadcrumb-bar{padding:16px 0;border-top:1px solid #eeeae6;border-bottom:1px solid #e5e1dd;background:#fff}
.post-breadcrumb-bar .article-breadcrumb{margin-inline:auto;margin-bottom:0}
.post-hero{padding:38px 0 36px;border-bottom:1px solid #e2dfdb;background:#f6f7f8}
.post-hero .post-wrap{max-width:none;text-align:right}
.post-hero .article-category{margin:0 0 14px;padding:7px 14px}
.post-hero h1{max-width:900px;margin:0;color:var(--c);font-size:calc(27px + 1.25vw);font-weight:700;line-height:1.4}
.post-hero .article-lead{max-width:800px;margin:10px 0 15px;font-size:13px}
.post-author{display:flex;align-items:center;gap:13px;color:#817a76;font-size:10px}
.post-author .author-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#d8d5d2;color:#fff;font-size:16px;box-shadow:0 3px 0 #fff,0 4px 8px #0002}
.post-author>span{display:flex;align-items:center;gap:7px}.post-author>span:nth-child(2){display:block}.post-author small{display:block;color:#aaa29d;font-size:8px}.post-author b{color:var(--c);font-size:10px}.post-author>i{width:1px;height:24px;background:#ddd8d4}.post-author span i{color:var(--g)}
.post-main{padding:56px 0 95px;background:#f8f8f7}
.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:32px;align-items:start}
.post-layout .article-main{min-width:0;background:#fff}
.post-layout .article-cover{margin:0}
.post-layout .article-cover img{width:100%;height:auto;max-height:620px;object-fit:cover}
.post-layout .article-cover figcaption{padding:7px 28px 0}
.post-layout .article-body{max-width:none;padding:36px 52px 10px}
.post-layout .article-body p{font-size:15px;line-height:2.15}
.post-layout .article-body h2{font-size:27px}
.post-layout .article-share{margin:25px 52px 42px}
.post-sidebar{width:100%}
@media(max-width:1150px){.post-layout{grid-template-columns:1fr}.post-sidebar{position:static;max-height:none;overflow:visible}.post-hero h1{font-size:40px}}
@media(max-width:650px){.post-wrap{width:calc(100% - 32px)}.post-hero{padding:32px 0}.post-hero h1{font-size:calc(23px + 1.5vw)}.post-hero .article-lead{font-size:12px}.post-author{align-items:flex-start;flex-wrap:wrap}.post-author>i{display:none}.post-layout .article-cover img{height:250px}.post-layout .article-body{padding:27px 20px 5px}.post-layout .article-body p{font-size:14px}.post-layout .article-share{margin:22px 20px 32px}}

/* Related articles */
.related-articles{margin-top:64px;padding-top:48px;border-top:1px solid #ded9d3}
.related-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px}.related-heading span{color:var(--g);font-size:11px;font-weight:700}.related-heading h2{margin:5px 0 3px;color:var(--c);font-size:var(--fs-section-title);font-weight:800}.related-heading p{margin:0;color:#8a817c;font-size:11px}.related-heading>a{display:inline-flex;align-items:center;gap:14px;color:var(--b);font-size:11px;font-weight:800;text-decoration:none}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.related-card{overflow:hidden;border:1px solid #e2ddd7;background:#fff;transition:transform .25s,box-shadow .25s}.related-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgb(35 31 32 / 8%)}.related-media{position:relative;height:220px;display:block;overflow:hidden}.related-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.related-card:hover .related-media img{transform:scale(1.04)}.related-media>span{position:absolute;top:15px;right:15px;padding:7px 11px;background:var(--b);color:#fff;font-size:9px;font-weight:700}.related-card>div{padding:20px}.related-card time{color:#9b8d83;font-size:9px}.related-card time i{color:var(--g);margin-left:4px}.related-card h3{min-height:59px;margin:9px 0 7px;font-size:var(--fs-box-title);font-weight:700;line-height:1.75}.related-card h3 a{color:var(--c);text-decoration:none}.related-card p{min-height:48px;margin:0 0 16px;color:#756e69;font-size:10px;line-height:1.8}.related-link{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid #ece7e2;color:var(--b);font-size:10px;font-weight:800;text-decoration:none}
@media(max-width:900px){.related-grid{grid-template-columns:repeat(2,1fr)}.related-card:last-child{display:none}}
@media(max-width:600px){.related-articles{margin-top:44px;padding-top:35px}.related-heading{align-items:flex-start;flex-direction:column;gap:12px}.related-heading h2{font-size:27px}.related-grid{grid-template-columns:1fr}.related-card:last-child{display:block}.related-media{height:210px}.related-card h3,.related-card p{min-height:0}}

/* Unified card link + touch/hover animation */
.related-link{width:100%!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:15px 0 0!important;border:0!important;border-top:1px solid var(--color-border)!important;background:transparent!important;color:var(--satc-burgundy)!important;font-size:12px!important;font-weight:800;text-decoration:none;transition:color .2s}
.related-link i{font-size:10px;color:var(--satc-gold);transition:transform .2s}
.related-link:hover{color:var(--satc-gold)!important}
.related-link:hover i{transform:translateX(-4px)}