/* RR DigitalOcean badge – small, responsive, out of the way */
#rr-do-badge {
    position: fixed;
    bottom: 14px;
    right: 14px;
    z-index: 9999;
    opacity: 0.8;
    width: 70px;          /* desktop-ish default */
    max-width: 18vw;      /* never more than ~18% of viewport width */
    transition: opacity .2s ease, transform .2s ease;
}

#rr-do-badge img {
    display: block;
    width: 100%;
    height: auto;
}

#rr-do-badge:hover {
    opacity: 1;
    transform: scale(1.03);
}

/* Tablets & phones */
@media (max-width: 768px) {
    #rr-do-badge {
        width: 11vw;      /* scale with screen */
        max-width: 52px;  /* hard cap */
        bottom: 10px;
        right: 8px;
        opacity: 0.75;
    }
}

/* Really small / high-zoom phones */
@media (max-width: 430px) {
    #rr-do-badge {
        width: 9vw;
        max-width: 44px;
        bottom: 8px;
        right: 6px;
        opacity: 0.7;
    }
}