:root{--primary-color:#f59e0b;--secondary-color:#4b5563;--primary-rgb:245,158,11}
#reading-progress-bar{z-index:1000;background-image:linear-gradient(to right,var(--primary-color),var(--secondary-color));width:0%}
.finance-share-btn{width:2rem;height:2rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}
.finance-share-btn{background-color:#f3f4f6;color:#4b5563}
.finance-share-twitter:hover{background-color:#1DA1F2;color:#fff}
.finance-share-facebook:hover{background-color:#4267B2;color:#fff}
.finance-share-linkedin:hover{background-color:#0077B5;color:#fff}
.finance-share-copy:hover{background-color:#6b7280;color:#fff}
.dark .finance-share-btn{background-color:#374151;color:#e5e7eb}
.dark .finance-share-btn:hover{background-color:#1f2937;color:#fff;border:1px solid #4b5563;transform:translateY(-3px);box-shadow:0 4px 6px rgba(0,0,0,.25)}
.cursor-img-container{position:relative}
#cursor-follower{transform:translate(-50%,-50%);z-index:10;transition:opacity .3s ease}
.cursor-trail{position:absolute;width:10px;height:10px;border-radius:50%;background-color:rgba(0,0,0,.6);transform:translate(-50%,-50%);pointer-events:none;z-index:5;transition:opacity .8s ease,transform .3s ease}
.prev-nav:hover,.next-nav:hover{transform:translateY(-5px)!important;box-shadow:0 10px 25px rgba(0,0,0,.1),0 5px 10px rgba(0,0,0,.05)!important}
.related-card{display:flex;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}
.related-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.1),0 5px 15px rgba(0,0,0,.05)}
@media (max-width:768px){
    /* Hide table of contents on mobile devices */
    .toc,
    .table-of-contents,
    .ez-toc-container,
    .toc_container,
    .lwptoc,
    div[id^='toc_'],
    .contents,
    .content-table,
    .wp-block-table-of-contents,
    .toc-container {
        display: none !important;
    }
    
    /* Original TOC styling (keeping for reference) */
    .toc-container .toc-list{display:block;padding:.75rem 1rem}
    .toc-container .toc-more{display:flex}
    .toc-container .toc-list.collapsed li:nth-child(n+4){display:none}
}
.absolute.top-4.left-4.z-10 a {background-color:#434343a6}
.absolute.top-3.right-3 span {background-color: #434343a6}

@media (max-width: 767px){
    .container{padding-left:0.5rem;padding-right:0.5rem;}
    .article-container{margin-left:-0.5rem;margin-right:-0.5rem;width:calc(100% + 1rem);}
    .bg-white.dark\:bg-gray-800.rounded-xl.shadow-lg.p-6.md\:p-8.mb-8{padding:1rem;}
    .bg-white.dark\:bg-gray-800.rounded-xl.shadow-lg.overflow-hidden.mb-10 .p-6.md\:p-8.lg\:p-10{padding:1rem;}
    .finance-article-content{padding:0;}
    .p-5.rounded-lg.bg-gray-50.dark\:bg-gray-750.border-l-4.mb-6{padding:0.75rem;}
    .flex.flex-wrap.items-center.justify-between.gap-3.mb-6.py-3.px-4.rounded-lg{padding:0.5rem;}
    .my-4.p-4.rounded-lg.relative.overflow-hidden.bg-gradient-to-r{padding:0.75rem;}
    .p-6.rounded-xl.bg-gradient-to-br.from-gray-50.to-white{padding:1rem;}
    .rounded-xl{border-radius:0.5rem;}
    .flex.flex-wrap.items-center.gap-4.mb-6{gap:0.5rem;margin-bottom:0.75rem;}
    }