pre {
    border-radius: .2rem;
    font-size: .74rem;
    padding: .2rem;
    filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    background: #fffdf9;
    padding-left: .5rem;
    border-left: 2px solid rgb(255, 165, 96);
    tab-size: 4;
    overflow: auto;
    max-width: calc(100vw - 64px);
}

@media only screen and (min-width: 640px) and (max-width: 768px) {
    pre {
        max-width: calc(100vw - 164px);
    }
}

@media only screen and (min-width: 768px) {
    pre {
        max-width: calc(100vw - 230px);
    }
}

a {
    color: rgba(96,165,250,var(--tw-text-opacity));
}

a:hover {
    text-decoration: underline;
}

.drop-shadow-md {
    filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
}