/* Style details blocks in post content only, not header dropdowns */
article details {
    border-left: 4px solid var(--primary-color);
    background-color: var(--bg-1);
    padding: 0.75rem 1rem;
    margin: 1rem 0;
    border-radius: 4px;
}

article details summary {
    cursor: pointer;
    font-weight: 500;
}

article details[open] summary {
    margin-bottom: 0.5rem;
}

/* Smaller footnote text */
.footnote-definition{
    font-size: 0.85rem;
}

/* Fix language switcher double-tap issue on iOS */
/* On touch devices, disable hover and rely on native <details> toggle */
@media (pointer: coarse) {
    .dropdown:hover .dropdown-content,
    .dropdown:focus-within .dropdown-content {
        display: none !important;
    }

    .dropdown[open] .dropdown-content {
        display: block !important;
    }
}