.article-box {background-color:#ffffff;padding:5px 0 45px;}
.article-layout {display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start;}
.article-main {display:flex;flex-direction:column;gap:40px;}
.article-header {border-bottom:1px solid #e9ecef;padding-bottom:15px;}
.article-title2 {font-size:42px;line-height:1.2;color:#212529;margin-bottom:15px;font-weight:700;font-family:'Georgia',serif;}
.article-meta {display:flex;gap:24px;color:#6c757d;font-size:15px;}
.article-meta span {position:relative;padding-right:24px;}
.article-meta span:not(:last-child):after {content:"•";position:absolute;right:8px;top:50%;transform:translateY(-50%);}
.author-info {display:flex;gap:20px;align-items:center;padding:15px;background-color:#f8f9fa;border-radius:12px;border-left:4px solid #6109b7;}
.author-avatar {width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;}
.author-avatar img {width:100%;height:100%;object-fit:cover;}
.author-details {flex:1;}
.author-name {font-size:20px;font-weight:600;color:#212529;margin-bottom:8px;}
.author-bio {color:#6c757d;font-size:15px;line-height:1.6;}
.article-body {color:#495057;line-height:1.8;font-size:17px;}
.article-body h2 {font-size:28px;color:#212529;margin:40px 0 20px;font-weight:600;}
.article-body p {margin-bottom:24px;}
.article-body ul {margin:20px 0 30px 20px;}
.article-body li {margin-bottom:12px;padding-left:8px;}
.article-body blockquote {border-left:4px solid #6109b7;padding:20px 30px;margin:30px 0;background-color:#f8f9fa;font-style:italic;color:#495057;font-size:18px;line-height:1.7;}
.article-sidebar {display:flex;flex-direction:column;gap:40px;position:sticky;top:40px;}
.sidebar-title {font-size:24px;font-weight:700;color:#212529;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #6109b7;}
.popular-articles {background-color:#f8f9fa;border-radius:12px;padding:30px;}
.popular-article-item {display:flex;gap:16px;padding:20px 0;border-bottom:1px solid #e9ecef;}
.popular-article-item:last-child {border-bottom:none;padding-bottom:0;}
.popular-number {width:36px;height:36px;background-color:#6109b7;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;}
.popular-content {flex:1;}
.popular-title {font-size:16px;font-weight:600;color:#212529;margin-bottom:8px;line-height:1.4;}
.popular-title:hover {color:#6109b7;}
.popular-meta {display:flex;justify-content:space-between;font-size:13px;color:#6c757d;}
.social-link {font-size:14px;color:white;padding:8px 16px;background-color:rgba(255,255,255,0.1);border-radius:20px;transition:background-color 0.3s ease;}
.social-link:hover {background-color:rgba(255,255,255,0.2);color:white;}
@media (max-width:992px) {.article-layout {grid-template-columns:1fr;gap:40px;}
.article-sidebar {position:static;}
.article-title2 {font-size:36px;}
;}
@media (max-width:768px) {.article-box {padding:5px 0 30px;}
.article-title2 {font-size:28px;}
.article-meta {flex-direction:column;gap:12px;}
.article-meta span:not(:last-child):after {display:none;}
.author-info {flex-direction:column;text-align:center;gap:12px;padding:15px;}
.author-avatar {width:80px;height:80px;}
;}



.article-share-section {width:100%;padding:25px 20px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;box-sizing: border-box;}
.article-share-section .share-container {width:100%;}
.article-share-section .share-header {text-align:center;margin-bottom:28px;}
.article-share-section .share-title {font-size:26px;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#6109b7,#3a56d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.article-share-section .share-description {font-size:14px;color:#64748b;font-weight:500;}
.article-share-section .share-buttons-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px;}
@media (min-width:640px) {.article-share-section .share-buttons-grid {grid-template-columns:repeat(3,1fr);}
;}
@media (min-width:768px) {
.article-share-section .share-buttons-grid {grid-template-columns:repeat(6,1fr);}
;}

@media (max-width:768px) {
  .article-share-section {padding:20px 15px 0;}
}
.article-share-section .share-btn {cursor: pointer; display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:10px;border:2px solid transparent;background:white;color:#475569;font-weight:600;font-size:13px;cursor:pointer;transition:0.25s;box-shadow:0 2px 4px rgba(0,0,0,0.08);}
.article-share-section .share-btn:hover {transform:translateY(-3px);box-shadow:0 10px 15px rgba(0,0,0,0.10);}
.article-share-section .social-icon {width:22px;height:22px;fill:currentColor;}
.article-share-section .twitter {border-color:#1da1f2;color:#1da1f2;}
.article-share-section .twitter:hover {background:#1da1f2;color:white;}
.article-share-section .facebook {border-color:#1877f2;color:#1877f2;}
.article-share-section .facebook:hover {background:#1877f2;color:white;}
.article-share-section .linkedin {border-color:#0a66c2;color:#0a66c2;}
.article-share-section .linkedin:hover {background:#0a66c2;color:white;}
.article-share-section .whatsapp {border-color:#25d366;color:#25d366;}
.article-share-section .whatsapp:hover {background:#25d366;color:white;}
.article-share-section .copy-link {border-color:#8b5cf6;color:#8b5cf6;}
.article-share-section .copy-link:hover {background:#8b5cf6;color:white;}
.article-share-section .email {border-color:#e88227;color:#e88227;}
.article-share-section .email:hover {background:#e88227;color:white;}

.copy-toast {min-width: 220px; position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:linear-gradient(135deg,#10b981,#059669);color:white;padding:12px 20px;border-radius:10px;font-size:14px;opacity:0;transition:0.4s cubic-bezier(0.68,-0.55,0.265,1.55);z-index:1000;pointer-events:none;}
.copy-toast.show {opacity:1;transform:translateX(-50%) translateY(0);}