:root{--font-sans: "Cairo", system-ui, -apple-system, sans-serif;--font-serif: "Amiri", serif;--background: #f8f9fa;--surface: #ffffff;--surface-hover: #f1f3f5;--text: #1a1d20;--text-muted: #6c757d;--primary: #8b1e1e;--primary-hover: #6e1818;--accent: #c5a059;--accent-light: #eaddc0;--border: #e9ecef;--danger: #dc3545;--nav-bg: rgba(255, 255, 255, .95);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.25, .8, .25, 1);--transition-slow: .5s cubic-bezier(.25, .8, .25, 1);--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 8px 16px rgba(0,0,0,.08);--shadow-hover: 0 16px 32px rgba(139, 30, 30, .15);--pyramid-pattern: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0L40 40H0L20 0z' fill='%23c5a059' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E")}[data-theme=dark]{--background: #0b0d0f;--surface: #141619;--surface-hover: #1c1f23;--text: #e9ecef;--text-muted: #adb5bd;--primary: #c5a059;--primary-hover: #eaddc0;--accent: #8b1e1e;--border: #2b3035;--nav-bg: rgba(20, 22, 25, .95);--shadow-md: 0 8px 16px rgba(0,0,0,.3);--shadow-hover: 0 16px 32px rgba(0,0,0,.5);--pyramid-pattern: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0L40 40H0L20 0z' fill='%23c5a059' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);background-image:var(--pyramid-pattern);background-attachment:fixed;color:var(--text);font-family:var(--font-sans);line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}.top-bar{background:linear-gradient(90deg,#1a1d20,#0d0e0f);color:#adb5bd;font-size:.85rem;padding:.5rem 0;border-bottom:3px solid var(--primary);position:relative;overflow:hidden}.top-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--pyramid-pattern);opacity:.1;pointer-events:none}.top-bar-inner{max-width:1300px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.top-bar-links{display:flex;align-items:center;gap:1.5rem}.theme-toggle-btn{color:var(--text-muted);font-weight:700;cursor:pointer;background:var(--surface-hover);border:1px solid var(--border);font-family:inherit;font-size:.8rem;padding:.35rem .75rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.theme-toggle-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.top-bar-links a{font-weight:600}.top-bar-links a:hover{color:var(--accent)}.navbar{background-color:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border)}.navbar-inner{max-width:1300px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo-container img{height:90px;width:auto;transition:transform var(--transition-normal)}.logo-container:hover img{transform:scale(1.02)}.nav-links{display:flex;gap:2rem}.nav-item{font-size:1.15rem;font-weight:800;color:var(--text);padding:.5rem 0;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--primary);opacity:0;transition:all var(--transition-fast)}.nav-item:hover:before,.nav-item.active:before{opacity:1;bottom:2px}.ticker-wrap{background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;overflow:hidden;height:45px;box-shadow:0 2px 4px #00000005}.ticker-title{background:var(--primary);color:#fff;padding:0 2rem;height:100%;display:flex;align-items:center;font-weight:800;z-index:2;position:relative}.ticker-title:after{content:"";position:absolute;left:-10px;border-top:22.5px solid transparent;border-bottom:22.5px solid transparent;border-right:10px solid var(--primary)}.ticker-move{display:flex;white-space:nowrap;animation:ticker 40s linear infinite;padding-left:100%}.ticker-move:hover{animation-play-state:paused}.ticker-item{padding:0 2rem;font-weight:700;font-size:.95rem;position:relative;display:flex;align-items:center;gap:1.5rem}.ticker-item:before{content:"";width:8px;height:8px;background-color:var(--accent);transform:rotate(45deg);display:inline-block}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-100%)}}.main-content{max-width:1300px;margin:2rem auto;padding:0 1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:2px solid var(--border);padding-bottom:.75rem}.section-title{font-size:1.85rem;font-weight:800;color:var(--primary);position:relative;display:flex;align-items:center;gap:.5rem}.section-title:before{content:"";display:inline-block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:14px solid var(--accent)}.section-title:after{content:"";position:absolute;bottom:-13px;right:0;width:80px;height:4px;background-color:var(--accent)}.hero-bento-section{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,250px);gap:1.5rem;margin-bottom:4rem}@media (max-width: 992px){.hero-bento-section{grid-template-columns:1fr 1fr;grid-template-rows:auto}}@media (max-width: 768px){.hero-bento-section{grid-template-columns:1fr}}.hero-bento-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex}.hero-bento-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.hero-bento-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.hero-bento-card:hover img{transform:scale(1.05)}.hero-bento-main{grid-column:1 / 2;grid-row:1 / 3}@media (max-width: 992px){.hero-bento-main{grid-column:1 / 3;grid-row:1 / 2;height:400px}}.hero-bento-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 60%,transparent 100%);padding:1.5rem;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.hero-bento-main .hero-bento-overlay{padding:3rem 2rem 2rem}.hero-badge{background:var(--primary);color:#fff;padding:.3rem .8rem;font-size:.8rem;font-weight:800;border-radius:var(--radius-sm);align-self:flex-start;margin-bottom:1rem;position:relative;overflow:hidden}.hero-bento-title{font-size:1.2rem;font-weight:800;line-height:1.3;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-bento-main .hero-bento-title{font-size:2.2rem}.masonry-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:1.5rem;margin-bottom:4rem}@media (max-width: 992px){.masonry-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.masonry-grid{grid-template-columns:1fr;grid-auto-rows:250px}}.masonry-item{position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-normal)}.masonry-item:hover{transform:translateY(-5px) scale(1.01)}.masonry-item-large{grid-column:span 2;grid-row:span 2}.masonry-item img{width:100%;height:100%;object-fit:cover}.masonry-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,transparent 100%);padding:1.5rem;color:#fff}.masonry-item-large .masonry-overlay{padding:2.5rem 1.5rem}.masonry-title{font-size:1.1rem;font-weight:800;line-height:1.4}.masonry-item-large .masonry-title{font-size:1.8rem}.horizontal-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem}.horizontal-card{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}@media (max-width: 768px){.horizontal-card{flex-direction:column}}.horizontal-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-3px)}.horizontal-img-wrap{width:35%;position:relative;overflow:hidden}@media (max-width: 768px){.horizontal-img-wrap{width:100%;height:200px}}.horizontal-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.horizontal-card:hover .horizontal-img-wrap img{transform:scale(1.05)}.horizontal-content{width:65%;padding:2rem;display:flex;flex-direction:column;justify-content:center}@media (max-width: 768px){.horizontal-content{width:100%;padding:1.5rem}}.horizontal-meta{color:var(--text-muted);font-size:.9rem;font-weight:700;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.horizontal-title{font-size:1.6rem;font-weight:800;color:var(--text);margin-bottom:1rem;line-height:1.3}.horizontal-card:hover .horizontal-title{color:var(--primary)}.horizontal-excerpt{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.dark-section{background:#111417;color:#fff;padding:2.5rem 0;margin:2rem 0;position:relative}.dark-section-compact{padding:2rem 0;margin:1.5rem 0}.dark-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--pyramid-pattern);opacity:.1;pointer-events:none}.dark-section .section-title{color:#fff}.dark-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.dark-card{background:#1a1d20;border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-fast);border:1px solid #2b3035}.dark-card:hover{transform:translateY(-10px);border-color:var(--accent)}.dark-img-wrap{aspect-ratio:16/10;position:relative;overflow:hidden}.dark-img-wrap img{width:100%;height:100%;object-fit:cover}.dark-img-wrap:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(197,160,89,.4) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-fast)}.dark-card:hover .dark-img-wrap:after{opacity:1}.dark-content{padding:1rem 1.25rem}.dark-title{font-size:1.05rem;font-weight:800;color:#fff;line-height:1.4}.magazine-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}@media (max-width: 768px){.magazine-grid{grid-template-columns:1fr}}.magazine-card{display:flex;flex-direction:column;gap:1.5rem}.magazine-img-wrap{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);aspect-ratio:16/9}.magazine-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.magazine-card:hover .magazine-img-wrap img{transform:scale(1.05)}.magazine-title{font-size:1.8rem;font-family:var(--font-serif);font-weight:700;color:var(--text);line-height:1.4}.magazine-card:hover .magazine-title{color:var(--primary)}.magazine-excerpt{font-family:var(--font-serif);font-size:1.2rem;color:var(--text-muted);line-height:1.8;position:relative;padding-right:1.5rem;border-right:4px solid var(--accent)}.article-container{max-width:100%;margin:0 auto;background:var(--surface);padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:-2rem;position:relative;z-index:10}@media (max-width: 768px){.article-container{padding:1.5rem}}.article-header{text-align:center;margin-bottom:2.5rem}.article-title{font-size:3rem;font-weight:800;line-height:1.3;margin:1.5rem 0;color:var(--text)}.article-meta{display:flex;justify-content:center;gap:1.5rem;color:var(--text-muted);font-weight:700;border-bottom:1px dashed var(--border);border-top:1px dashed var(--border);padding:1rem 0}.article-featured-image{width:100%;border-radius:var(--radius-md);margin-bottom:3rem;box-shadow:var(--shadow-md)}.article-body{font-family:var(--font-serif);font-size:1.4rem;line-height:2.1;color:var(--text);text-align:justify}.article-body p{margin-bottom:1.5rem}.article-body blockquote{border-right:6px solid var(--accent);background:var(--surface-hover);padding:2rem;margin:3rem 0;font-size:1.6rem;font-style:italic;font-weight:700;border-radius:var(--radius-sm);color:var(--primary);position:relative}.article-body blockquote:before{content:'"';font-size:4rem;position:absolute;right:1rem;top:-1rem;color:var(--accent);opacity:.3}.article-source-box{background:linear-gradient(135deg,var(--surface-hover) 0%,var(--surface) 100%);border:1px solid var(--border);border-right:4px solid var(--primary);padding:1.5rem;border-radius:var(--radius-md);margin:4rem 0;display:flex;align-items:center;gap:1rem;font-family:var(--font-sans)}.article-source-box a{font-weight:800;color:var(--primary);font-size:1.15rem}.article-source-box a:hover{text-decoration:underline}.category-hero{background:var(--primary);color:#fff;padding:4rem 0;text-align:center;margin-bottom:3rem;border-radius:var(--radius-lg);position:relative;overflow:hidden}.category-hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--pyramid-pattern);opacity:.2}.category-hero-title{font-size:3rem;font-weight:800;position:relative;z-index:2}.standard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.footer{background:#0d0e0f;color:#adb5bd;padding:5rem 1.5rem 3rem;margin-top:5rem;border-top:5px solid var(--primary);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--pyramid-pattern);opacity:.05;pointer-events:none}.footer-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:4rem;margin-bottom:4rem;position:relative;z-index:1}.footer-logo{height:90px;margin-bottom:1.5rem;filter:brightness(0) invert(1)}.footer-title{color:#fff;font-size:1.3rem;font-weight:800;margin-bottom:1.5rem;position:relative;padding-bottom:.5rem}.footer-title:after{content:"";position:absolute;bottom:0;right:0;width:50px;height:3px;background:var(--accent)}.footer-links{display:flex;flex-direction:column;gap:1rem}.footer-links a{font-size:1.05rem}.footer-links a:hover{color:var(--accent);transform:translate(-5px)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}@media (max-width: 992px){.footer-grid{grid-template-columns:1fr;gap:2rem}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;color:var(--primary);font-weight:800;font-size:1.5rem}.spinner{width:50px;height:50px;border:5px solid var(--surface-hover);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.weather-widget{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#adb5bd;margin-left:1.5rem}.weather-icon{font-size:1.3rem}.weather-temp{font-weight:800;color:var(--accent);font-size:1.1rem}.weather-city{font-weight:700}.weather-details{font-size:.8rem;opacity:.7}.live-clock{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.clock-time{font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.clock-separator{color:#555}.clock-miladi,.clock-hijri{font-weight:600}@media (max-width: 768px){.clock-hijri,.clock-separator:last-of-type{display:none}.weather-details{display:none}}.most-read-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;min-width:280px;position:sticky;top:100px}.widget-title{font-size:1.3rem;font-weight:800;color:var(--primary);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:3px solid var(--accent)}.most-read-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.most-read-item{display:flex;align-items:flex-start;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.most-read-item:last-child{border-bottom:none;padding-bottom:0}.most-read-num{font-size:1.8rem;font-weight:800;color:var(--accent);line-height:1;min-width:30px;text-align:center}.most-read-text{font-size:.95rem;font-weight:700;line-height:1.4;color:var(--text);transition:color var(--transition-fast)}.most-read-item:hover .most-read-text{color:var(--primary)}.content-with-sidebar{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start}@media (max-width: 992px){.content-with-sidebar{grid-template-columns:1fr}}.standard-grid-3{grid-template-columns:repeat(3,1fr)!important}@media (max-width: 768px){.standard-grid-3{grid-template-columns:1fr!important}}.news-card{background:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column;border:1px solid var(--border)}.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent)}.card-img-wrap{aspect-ratio:16/10;overflow:hidden}.card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.news-card:hover .card-img-wrap img{transform:scale(1.05)}.card-content{padding:1.25rem;display:flex;flex-direction:column;flex:1}.card-meta{font-size:.8rem;color:var(--text-muted);font-weight:600;margin-bottom:.5rem}.card-time{color:var(--primary);font-weight:700}.card-title{font-size:1.1rem;font-weight:800;line-height:1.4}.news-card:hover .card-title{color:var(--primary)}.section-more{font-weight:800;color:var(--text-muted);transition:color var(--transition-fast)}.section-more:hover{color:var(--primary)}.newsletter-form{display:flex;gap:.5rem}.newsletter-form input{flex:1;padding:.75rem;border-radius:var(--radius-sm);border:none;background:#ffffff1a;color:#fff;font-family:inherit}.newsletter-form button{padding:.75rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:800;cursor:pointer;font-family:inherit}.cat-hero-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:3rem;border:1px solid var(--border);transition:box-shadow var(--transition-normal)}.cat-hero-card:hover{box-shadow:var(--shadow-hover)}.cat-hero-img{width:45%;overflow:hidden}@media (max-width: 768px){.cat-hero-img{width:100%}}.cat-hero-img img{width:100%;height:100%;object-fit:cover;min-height:280px}.cat-hero-content{flex:1;padding:2rem;display:flex;flex-direction:column;justify-content:center}.cat-hero-title{font-size:2rem;font-weight:800;line-height:1.3;color:var(--text);margin-bottom:1rem}.cat-hero-excerpt{font-size:1.1rem;color:var(--text-muted);line-height:1.7;margin-bottom:1rem}.sport-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 992px){.sport-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.sport-strip{grid-template-columns:1fr}}.sport-strip-card{display:flex;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem;transition:all var(--transition-fast)}.sport-strip-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.sport-strip-img{width:80px;height:80px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.sport-strip-img img{width:100%;height:100%;object-fit:cover}.sport-strip-title{font-size:.95rem;font-weight:800;line-height:1.4;color:var(--text);display:flex;align-items:center}.sport-strip-card:hover .sport-strip-title{color:var(--primary)}.matches-ticker{background:#111417;border-radius:var(--radius-md);padding:.85rem 0;margin-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center}@media (max-width: 1200px){.matches-ticker{justify-content:flex-start}}.matches-ticker::-webkit-scrollbar{height:4px}.matches-ticker::-webkit-scrollbar-track{background:#1a1d20}.matches-ticker::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.matches-ticker-scroll{display:flex;gap:1rem;padding:0 1.5rem;width:auto}.match-card{background:#1a1d20;border:1px solid #2b3035;border-radius:var(--radius-md);padding:.65rem 1.25rem;min-width:220px;text-align:center;flex-shrink:0;transition:all var(--transition-fast)}.match-card:hover{border-color:var(--accent);transform:translateY(-2px)}.match-teams{display:flex;justify-content:space-between;align-items:center;gap:.75rem;color:#e9ecef;font-size:.9rem;font-weight:700}.match-team{white-space:nowrap}.match-score{font-weight:800;color:var(--accent);font-size:1.1rem;padding:0 .5rem;font-variant-numeric:tabular-nums;background:#ffffff0d;border-radius:var(--radius-sm);min-width:60px;text-align:center}.match-status{font-size:.75rem;color:#6c757d;margin-top:.5rem;font-weight:700;text-transform:uppercase}.article-page-wrapper{position:relative;padding-top:1rem}.scroll-progress-bar{position:fixed;top:0;left:0;height:4px;background:var(--accent);z-index:9999;transition:width .1s ease}.article-content-layout{display:grid;grid-template-columns:1fr 320px;gap:3rem;margin-top:3rem}@media (max-width: 992px){.article-content-layout{grid-template-columns:1fr}}.article-main-body{flex:1;min-width:0}.article-sidebar{display:flex;flex-direction:column;gap:2rem;position:sticky;top:100px;height:fit-content}.sidebar-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm)}.sidebar-widget .widget-title{font-size:1.1rem;font-weight:800;color:var(--primary);margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:2px solid var(--accent);font-family:var(--font-sans)}.font-size-buttons{display:flex;gap:.75rem}.font-size-buttons button{flex:1;padding:.5rem;border:1px solid var(--border);background:var(--surface-hover);color:var(--text);font-weight:800;font-size:1rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.font-size-buttons button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.share-buttons-grid{display:flex;flex-direction:column;gap:.75rem}.share-btn{display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity var(--transition-fast);color:#fff!important}.share-btn:hover{opacity:.9}.share-btn.whatsapp{background-color:#25d366}.share-btn.facebook{background-color:#1877f2}.share-btn.twitter{background-color:#000}.related-news-list{display:flex;flex-direction:column;gap:1.25rem}.related-post-card{display:flex;gap:.75rem;align-items:center}.related-post-img{width:70px;height:70px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.related-post-img img{width:100%;height:100%;object-fit:cover}.related-post-title{font-size:.95rem;font-weight:700;line-height:1.4;color:var(--text);text-decoration:none;transition:color var(--transition-fast)}.related-post-title:hover{color:var(--primary)}