import re

with open('index.html', 'r', encoding='utf-8') as f:
    content = f.read()

# 1. Fix KNOW styling
old_know = '<span style="color: #4A2A18 !important; -webkit-text-stroke: 2px #ffffff; text-stroke: 2px #ffffff;">KNOW</span>'
new_know = '<span style="color: #4A2A18 !important; -webkit-text-fill-color: #4A2A18 !important; -webkit-text-stroke: 1.5px #ffffff !important; display: inline-block;">KNOW</span>'
content = content.replace(old_know, new_know)

# 2. Fix WORD OF GOD pill
old_pill = '<div style="display: inline-flex; align-items: center; gap: 0.6rem; background: rgba(255,255,255,0.1); padding: 0.4rem 1rem; border-radius: 50px; margin-bottom: 2.5rem; border: 1px solid rgba(255,255,255,0.05);">'
new_pill = '<div style="display: inline-flex; align-items: center; gap: 0.6rem; margin-bottom: 2.5rem;">'
content = content.replace(old_pill, new_pill)

# 3. Add line before Book of Psalms
old_psalms = '''<p style="font-family: 'Instrument Sans', sans-serif; font-size: 1.15rem; color: #a8a29e; margin: 0;">
                        Book of Psalms
                    </p>'''
new_psalms = '''<p style="font-family: 'Instrument Sans', sans-serif; font-size: 1.15rem; color: #a8a29e; margin: 0; display: flex; align-items: center; justify-content: center; gap: 1rem;">
                        <span style="display: inline-block; width: 40px; height: 1px; background-color: #57534e;"></span> Book of Psalms
                    </p>'''
content = content.replace(old_psalms, new_psalms)

with open('index.html', 'w', encoding='utf-8') as f:
    f.write(content)

print("Quote details fixed.")