.sidebar-container{max-width:318px;background-color:var(--secondary-color)}.popular-posts-section{margin-bottom:32px}.section-title{font-size:14px;font-weight:500;color:var(--para-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:24px;margin-top:0;line-height:var(--heading-line-height)}.posts-list{display:flex;flex-direction:column;gap:24px}.post-item{display:flex;gap:16px;align-items:center;justify-content:center;padding:10px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.post-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--box-shadow)}.post-image{width:80px;height:80px;border-radius:var(--border-radius);flex-shrink:0;overflow:hidden;box-shadow:0 0 6px rgba(0,0,0,.074)}.post-content{flex:1 1}.post-categories{margin-bottom:8px}.categories-wrapper{display:flex;gap:4px}.category-tag{font-size:12px;font-weight:500;color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em}.post-title{font-size:16px;font-weight:400;color:var(--text-dark);line-height:var(--heading-line-height);margin:0}.divider-line{height:1px;background-color:var(--text-dark);margin:0 0 10px}.cta-section{background-color:var(--primary-color);border-radius:var(--border-radius);padding:24px;text-align:center;color:var(--secondary-color)}.cta-title{font-size:24px;margin-bottom:12px;line-height:var(--heading-line-height)}.cta-description,.cta-title{font-weight:400;margin-top:0}.cta-description{font-size:var(--default-p-size);opacity:.9;margin-bottom:24px;line-height:var(--p-line-height)}.cta-button{background-color:var(--secondary-color);color:var(--text-dark);padding:8px 24px;border-radius:var(--border-radius);font-size:16px;font-weight:400;border:none;cursor:pointer;transition:background-color .2s ease}.cta-button:hover{background-color:#f9fafb;color:var(--primary-color)}.cta-button:focus{outline:none;box-shadow:0 0 0 3px rgba(249,115,22,.3)}@media (max-width:900px){.sidebar-container{width:100%;max-width:100%}.post-item{gap:12px}.post-image{width:70px;height:70px}.cta-section{padding:20px}}.skeleton{background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5 50%,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius)}@keyframes shimmer{to{background-position:-200% 0}}.skeleton-text{height:12px;width:100%;margin-bottom:8px}.skeleton-text.short{width:50%}.post-image.skeleton{width:80px;height:80px}