/* Episode Summary (TL;DR) Styles */
/* Added for Phase 1 SEO implementation - Plain text summaries */

.episode-summary {
    background: var(--color-bg-secondary, #1a1a1a);
    padding: 0.75rem 1rem;
    margin: 1rem 0 1.5rem 0;
    border-left: 3px solid var(--color-primary, #3b82f6);
    border-radius: 4px;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--color-text, #e0e0e0);
}

.episode-summary strong {
    color: var(--color-primary, #3b82f6);
    font-weight: 600;
    font-family: 'Courier New', monospace;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.episode-summary {
    /* Ensure text is readable */
    color: var(--color-text, #e0e0e0) !important;
}

@media (max-width: 768px) {
    .episode-summary {
        padding: 0.625rem 0.875rem;
        margin: 0.75rem 0 1rem 0;
        font-size: 0.85rem;
    }
}