/* Custom CSS for poetry page */

/* Poetry container with special formatting */
.poem-container {
    margin: 2rem 0;
    padding: 1.5rem;
    background: linear-gradient(to right, transparent, rgba(95, 155, 101, 0.03), transparent);
}

/* Style for poem text blocks */
.poem-text {
    font-family: Garamond, Georgia, serif;
    font-size: 1.1rem;
    line-height: 1.8;
    white-space: pre-line;
    margin: 1rem 0;
    padding-left: 2rem;
    border-left: 3px solid rgba(95, 155, 101, 0.3);
}

/* Alternative blockquote style for shorter excerpts */
.poem-excerpt {
    font-style: italic;
    color: #4a4a4a;
    margin: 1rem 2rem;
    position: relative;
    font-size: 1rem;
    line-height: 1.6;
    white-space: pre-line;
}

.poem-excerpt::before {
    content: '"';
    position: absolute;
    left: -1.5rem;
    top: -0.5rem;
    font-size: 3rem;
    color: rgba(95, 155, 101, 0.3);
    font-family: Georgia, serif;
}

/* Special styling for poem titles */
.poem-title {
    font-weight: bold;
    color: var(--color-link);
    margin-bottom: 0.5rem;
}

/* Author attribution */
.poem-author {
    font-style: italic;
    color: #666;
    margin-bottom: 1rem;
}

/* Stanza breaks */
.stanza-break {
    height: 1.5rem;
}

/* Native language poetry section */
.native-poetry {
    background-color: rgba(95, 155, 101, 0.02);
    padding: 2rem;
    border-radius: 8px;
    margin-top: 3rem;
}

/* Responsive design for poems */
@media screen and (max-width: 600px) {
    .poem-text {
        padding-left: 1rem;
        font-size: 1rem;
    }
    
    .poem-excerpt {
        margin: 1rem 1rem;
    }
}

/* Enhanced code blocks for poetry */
pre {
    background: transparent;
    border: none;
    margin: 1.5rem 0;
}

pre code {
    font-family: Garamond, Georgia, serif !important;
    font-size: 1rem;
    line-height: 1.8;
    background: transparent;
    white-space: pre;
    display: block;
    padding-left: 2rem;
    border-left: 3px solid rgba(95, 155, 101, 0.3);
    color: #4a4a4a;
}

/* Blockquotes for poetry */
blockquote {
    border-left: 3px solid rgba(95, 155, 101, 0.4);
    padding-left: 1.5rem;
    margin: 1.5rem 0;
    font-style: normal;
    background: linear-gradient(to right, rgba(95, 155, 101, 0.05), transparent);
}

blockquote p {
    margin: 0.5rem 0;
    line-height: 1.8;
}