.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0.6rem 0 1.2rem 0;
}

.tag {
    display: inline-block;
    background: transparent;
    border: 1px solid var(--primary);
    color: var(--primary) !important;
    font-family: monospace;
    font-size: 0.75rem;
    padding: 0.15rem 0.5rem;
    text-decoration: none !important;
}

.tag:hover {
    background: var(--primary);
    color: var(--background) !important;
}

.disclaimer-latest {
    font-family: monospace;
    font-size: 0.8rem;
    color: var(--text) !important;
    background: transparent !important;
    border-left: 3px solid #fc4e46;
    padding: 0.3rem 0.7rem;
    margin: 0.3rem 0 1rem 0;
    opacity: 0.85;
}

pre {
    position: relative;
}

.copy-btn {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.5);
    padding: 0.2rem 0.6rem;
    font-size: 0.75rem;
    font-family: monospace;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.15s;
}

pre:hover .copy-btn {
    opacity: 1;
}

.copy-btn:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.8);
}

#component-site-name::after {
    content: '_';
    color: #fc4e46;
    animation: blink 0.7s step-end infinite;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0; }
}