.reading-progress{position:fixed;top:0;left:0;width:0;height:4px;background:var(--gradient-primary);z-index:9999;transition:width .1s linear;box-shadow:0 0 10px rgb(255 107 107 / .5)}.reading-time{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgb(255 107 107 / .1),rgb(255 142 83 / .1));padding:10px 20px;border-radius:50px;font-size:14px;font-weight:600;color:var(--text-medium);margin:20px 0}.reading-time svg{width:18px;height:18px;stroke:var(--primary)}.toc-container{position:sticky;top:100px;background:var(--bg-card);padding:25px 30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:30px;max-height:calc(100vh - 150px);overflow-y:auto}.toc-title{font-size:16px;font-weight:700;color:var(--text-dark);margin:0 0 15px 0;display:flex;align-items:center;gap:8px}.toc-title::before{content:'📑'}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{padding:8px 0;border-left:2px solid #fff0;padding-left:15px;margin-left:-15px;transition:var(--transition-normal)}.toc-list li:hover,.toc-list li.active{border-left-color:var(--primary);background:rgb(255 107 107 / .05)}.toc-list a{color:var(--text-medium);font-size:14px;font-weight:500;text-decoration:none;display:block;transition:var(--transition-normal)}.toc-list li.active a,.toc-list li:hover a{color:var(--primary)}.related-articles{background:linear-gradient(135deg,rgb(255 107 107 / .03),rgb(255 142 83 / .03));padding:60px 0;margin-top:60px}.related-articles-title{text-align:center;font-size:32px;font-weight:800;margin:0 0 40px 0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-width:1200px;margin:0 auto;padding:0 20px}.related-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-sm);transition:var(--transition-bounce);border:2px solid #fff0;cursor:pointer;text-decoration:none;display:block}.related-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgb(255 107 107 / .2)}.related-card-title{font-size:18px;font-weight:700;color:var(--text-dark);margin:0 0 10px 0;line-height:1.4}.related-card-excerpt{font-size:14px;color:var(--text-medium);line-height:1.6;margin:0}.related-card-meta{display:flex;align-items:center;gap:15px;margin-top:15px;font-size:12px;color:var(--text-medium)}.related-card-meta span{display:flex;align-items:center;gap:5px}.share-buttons{display:flex;align-items:center;gap:12px;margin:30px 0;flex-wrap:wrap}.share-buttons-label{font-size:14px;font-weight:600;color:var(--text-medium)}.share-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-bounce);border:none;cursor:pointer;text-decoration:none}.share-btn:hover{transform:translateY(-5px) scale(1.1)}.share-btn.twitter{background:#1DA1F2;color:#fff}.share-btn.facebook{background:#4267B2;color:#fff}.share-btn.linkedin{background:#0077B5;color:#fff}.share-btn.whatsapp{background:#25D366;color:#fff}.share-btn.copy{background:var(--gradient-primary);color:#fff}.share-btn svg{width:20px;height:20px;fill:currentColor}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--gradient-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition-bounce);box-shadow:var(--shadow-md);z-index:999;display:flex;align-items:center;justify-content:center}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-5px) scale(1.1);box-shadow:var(--shadow-lg)}.back-to-top svg{width:24px;height:24px}.faq-item{cursor:pointer}.faq-item[itemprop="mainEntity"]{position:relative;overflow:hidden}.faq-item[itemprop="mainEntity"]::after{content:'▼';position:absolute;right:25px;top:30px;font-size:12px;color:var(--primary);transition:var(--transition-normal)}.faq-item[itemprop="mainEntity"].expanded::after{transform:rotate(180deg)}.faq-item [itemprop="acceptedAnswer"]{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.expanded [itemprop="acceptedAnswer"]{max-height:500px}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.bookmark-prompt{position:fixed;bottom:100px;right:30px;background:var(--bg-card);padding:15px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:none;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--text-dark);z-index:998;animation:slideIn .3s ease}.bookmark-prompt.show{display:flex}.bookmark-prompt-close{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-medium);padding:0;margin-left:10px}@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.engagement-stats{display:flex;gap:20px;justify-content:center;margin:30px 0;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:8px;padding:12px 20px;background:rgb(255 107 107 / .05);border-radius:50px;font-size:14px;color:var(--text-medium)}.stat-item svg{width:18px;height:18px;stroke:var(--primary)}.highlight-box{background:linear-gradient(135deg,rgb(255 107 107 / .08),rgb(255 142 83 / .05));border-left:4px solid var(--primary);padding:25px 30px;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:25px 0}.highlight-box p{margin:0;font-size:16px;line-height:1.7;color:var(--text-dark)}.continue-reading{text-align:center;padding:40px 0;opacity:0;transition:opacity .5s ease}.continue-reading.visible{opacity:1}.continue-reading span{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:600;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:768px){.toc-container{display:none}.related-grid{grid-template-columns:1fr}.share-buttons{justify-content:center}.back-to-top{bottom:20px;right:20px;width:45px;height:45px}.bookmark-prompt{left:20px;right:20px;bottom:80px}.engagement-stats{gap:10px}.stat-item{padding:10px 15px;font-size:13px}}