/* Default states (mobile first approach) */
.rag-content-full {
    display: none;
}

.rag-content-preview {
    display: block;
}

.rag-read-more-link {
    display: inline-block;
    margin-top: 8px;
    color: #0073aa;
    text-decoration: none;
    font-style: italic;
    transition: color 0.2s ease;
}

.rag-read-more-link:hover {
    color: #005177;
    text-decoration: underline;
}

/* Desktop styles - override mobile defaults */
@media screen and (min-width: 769px) {
    .rag-content-full {
        display: block !important;
    }
    
    .rag-content-preview {
        display: none !important;
    }
    
    .rag-read-more-link {
        display: none !important;
    }
}