#bp-penulis-widget{font-family:system-ui,sans-serif;max-width:100%;box-sizing:border-box;padding:0}.bp-penulis-tab{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.bp-penulis-tab button{font-size:13px;padding:5px 10px;border:none;border-radius:4px;background:#e2e8f0;color:#1D4F91;cursor:pointer;transition:background-color 0.2s ease;white-space:nowrap;flex-shrink:0}.bp-penulis-tab button:hover,.bp-penulis-tab button.active{background:#1D4F91;color:#fff}.bp-penulis-list{display:flex;flex-direction:column;gap:5px}.bp-penulis-item{display:flex;align-items:flex-start;gap:10px;border-radius:0;padding:6px;box-sizing:border-box;background:#fff}.bp-penulis-item img{width:clamp(40px, 10vw, 40px);height:clamp(40px, 10vw, 40px);object-fit:cover;border-radius:50%;flex-shrink:0}.bp-penulis-text{flex:1;min-width:0;overflow-wrap:break-word}.bp-penulis-text h1{margin:0;font-size:13px;font-weight:500;line-height:1.3}.bp-penulis-text h2 a{color:#111;text-decoration:none}.bp-penulis-text h1 a:hover{color:#1D4F91;text-decoration:underline}.bp-penulis-author{margin-top:4px;display:flex;flex-direction:column;gap:2px}.bp-penulis-name a{color:#1D4F91!important;font-size:12px;font-weight:600;word-break:break-word}.bp-penulis-role{color:#777;font-size:11px;word-break:break-word}.skeleton-item{animation:pulse 1.5s infinite ease-in-out}.skeleton-avatar,.skeleton-title,.skeleton-name,.skeleton-role{background-color:#ddd;border-radius:4px}.skeleton-avatar{width:clamp(40px, 10vw, 40px);height:clamp(40px, 10vw, 40px);flex-shrink:0}.skeleton-title{width:70%;height:1em;margin-bottom:6px}.skeleton-name{width:40%;height:.8em;margin-bottom:4px}.skeleton-role{width:30%;height:.7em}@keyframes pulse{0%{background-color:#eee}50%{background-color:#ddd}100%{background-color:#eee}}@media (max-width:480px){.bp-penulis-item{flex-direction:row}.bp-penulis-item img,.skeleton-avatar{width:clamp(40px, 15vw, 30px);height:clamp(40px, 15vw, 30px)}.bp-penulis-text h2{font-size:12px}.bp-penulis-name,.bp-penulis-role{font-size:10px}.skeleton-title{width:65%}.skeleton-name{width:50%}}