@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=PT+Serif:ital,wght@0,400;0,700;1,400&display=swap');

body { font-family: 'PT Serif', serif!important; font-size: 1.1rem; line-height: 1.75; color: #333; }
h1,h2,h3,h4,h5,h6 { font-family: 'Manrope', sans-serif !important; color: #2e7d32 !important; }
.plant-story { max-width: 900px; margin: 0 auto; padding: 40px 20px; line-height: 1.75; }
.plant-story p { margin-bottom: 1.5rem; text-align: justify; }

.two-columns { 
    display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin: 2rem 0; 
}
@media (max-width: 768px) { .two-columns { grid-template-columns: 1fr; } }

.features-list { 
    background: linear-gradient(135deg, #f0f8f0, #e8f5e8); 
    padding: 1.5rem; border-radius: 12px; margin: 2rem 0; 
}
.features-list li { margin-bottom: 0.75rem; }

.highlight { 
    background: linear-gradient(90deg, #4CAF50, #81C784); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}

.caution-box { 
    background: #fff3e0; border-left: 5px solid #FF6B35; 
    padding: 1.5rem; border-radius: 8px; 
}

.plant-care { 
    display: flex; gap: 1rem; margin: 1.5rem 0; 
}
.care-item { 
    background: #4CAF50; color: white; padding: 1rem 1.5rem; 
    border-radius: 25px; font-weight: 600; 
}

blockquote { 
    background: linear-gradient(135deg, #f0f8f0, #e8f5e8); 
    border-left: 5px solid #4CAF50; padding: 2rem; margin: 2.5rem 0; 
    font-style: italic; position: relative; 
}
blockquote::before { content: '“'; font-size: 4rem; color: #4CAF50; position: absolute; top: -15px; left: 20px; }
.dream-quote { background: linear-gradient(135deg, #e8f7e8, #d4edda) !important; }

.teaser { 
    background: linear-gradient(90deg, #4CAF50, #81C784); 
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; 
    font-size: 1.2rem; font-weight: 600; text-align: center; padding: 2rem; 
}
/**/