.author-page-container{max-width:100%;margin:0 auto}.author-cover-image{width:100%;height:452px;position:relative;overflow:hidden}.author-cover-image img{object-fit:cover;border-radius:0 0 40px 40px;width:100%;height:100%}.author-details{z-index:1;justify-content:space-between;align-items:flex-start;min-height:200px;margin-bottom:40px;padding:0 180px;display:flex;position:relative}.author-detail-left{flex-direction:column;flex-shrink:0;align-items:center;min-width:256px;margin-top:-120px;display:flex}.author-detail-left .author-avatar{object-fit:cover;border:5px solid var(--primary);border-radius:10px;width:256px;height:326px;box-shadow:0 4px 20px #0000001a}.author-detail-left h2{text-align:center;color:var(--primary);margin-top:20px;font-family:Crimson Text,serif;font-weight:600}.author-detail-right{flex-direction:column;width:100%;padding:40px 80px 0;display:flex}.author-detail-right h2{color:var(--primary);margin-bottom:10px;font-family:Crimson Text,serif;font-weight:600}.author-detail-right p{margin-top:10px;font-size:18px;line-height:1.6}.author-detail-right hr{border:none;border-top:1px solid #e0e0e0;width:100%;margin-top:20px;margin-bottom:20px}.author-bio-container{margin-top:20px}.author-bio{color:var(--accent-ter);transform-origin:top;font-size:16px;line-height:1.6;transition:all .3s ease-in-out;overflow:hidden}.author-bio.collapsed{max-height:8.5em}.author-bio.expanded{max-height:none}.read-more-btn{border:2px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:20px;margin-top:10px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s}.read-more-btn:hover{background-color:var(--primary);color:#fff}.author-social-links{justify-content:center;gap:12px;margin-top:15px;display:flex}.social-link{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 10px #0000001a}.social-link:hover{background-color:var(--accent-ter);transform:translateY(-2px);box-shadow:0 4px 15px #0003}.author-posts{padding:40px 140px}.author-posts h4{color:var(--primary);margin-bottom:20px;font-family:Crimson Text,serif;font-weight:600}.skeleton-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:0 0 40px 40px;width:100%;height:452px;animation:1.5s infinite loading}.skeleton-avatar{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border:5px solid #e0e0e0;border-radius:10px;width:256px;height:326px;animation:1.5s infinite loading}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;margin:8px 0;animation:1.5s infinite loading}.skeleton-name{width:200px;height:2em;margin-top:20px}.skeleton-bio{margin-top:20px}.skeleton-bio .skeleton-line{width:100%;height:1.2em;margin:6px 0}.skeleton-bio .skeleton-line:last-child{width:70%}.skeleton-social{justify-content:center;gap:12px;margin-top:15px;display:flex}.skeleton-social-item{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:50%;width:40px;height:40px;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.author-details{padding:0 60px}.author-detail-right{padding:40px 40px 0}.author-posts{padding:40px 60px}}@media (max-width:768px){.author-cover-image{height:300px}.author-details{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:auto;padding:0 30px}.author-detail-left{align-items:center;min-width:auto;margin-top:-60px}.author-detail-left .author-avatar{width:200px;height:200px}.author-detail-right{text-align:center;margin-top:30px;padding:0}.author-bio{text-align:left;font-size:16px}.author-posts{padding:20px}.skeleton-avatar{width:200px;height:200px}}@media (max-width:512px){.author-cover-image{height:250px}.author-detail-left .author-avatar{width:150px;height:150px}.author-bio{font-size:14px}.skeleton-avatar{width:150px;height:150px}}
