.verse-collection { display: grid; gap: 82px; }
.verse-section { padding: 42px; background: var(--paper); border: 1px solid var(--line); }
.verse-content { max-width: 980px; margin: 0 auto 34px; text-align: center; }
.verse-content h3 { margin: 0 0 28px; font: 500 clamp(30px, 4vw, 50px)/1.2 var(--serif); letter-spacing: -.045em; }
.verse-content h3 span { color: var(--terracotta); font-family: var(--urdu); font-size: .85em; }
.verse-arabic { max-width: 890px; margin: 0 auto 20px; color: var(--ink); font: 500 clamp(19px, 2vw, 27px)/1.9 Georgia, serif; }
.verse-copy { display: grid; grid-template-columns: 1fr 1fr; text-align: left; gap: 28px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 20px 0; }
.verse-copy > div + div { border-left: 1px solid var(--line); padding-left: 28px; text-align: right; }
.verse-copy p { margin: 0; color: var(--muted); font: 500 16px/1.6 var(--serif); }
.verse-copy p span { display: block; color: var(--terracotta); font: 600 10px var(--sans); letter-spacing: .08em; margin-top: 8px; }
.verse-copy .verse-language { margin-bottom: 6px; color: var(--terracotta); font: 700 9px var(--sans); letter-spacing: .15em; text-transform: uppercase; }
.verse-copy .verse-urdu { color: var(--ink); font-family: var(--urdu); font-size: 17px; line-height: 1.9; }
.verse-images { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.verse-images-many { grid-template-columns: repeat(3, 1fr); }
.verse-images figure { margin: 0; }
.verse-images .art-open { aspect-ratio: 1.6; }
.verse-images figcaption { color: var(--muted); font: 500 12px var(--sans); margin-top: 11px; }
.study-guide { display: flex; align-items: end; justify-content: space-between; gap: 32px; max-width: 980px; margin: 40px auto 0; padding: 28px 30px; background: #f3e7d4; border: 1px solid var(--line); text-align: left; }
.study-guide > div { max-width: 670px; }
.study-guide h4 { margin: 8px 0 10px; color: var(--ink); font: 500 clamp(23px, 3vw, 34px)/1.2 var(--serif); letter-spacing: -.035em; }
.study-guide h4 span { color: var(--terracotta); font-family: var(--urdu); font-size: 1.15em; }
.study-guide p:not(.eyebrow) { margin: 0; color: var(--muted); font: 500 15px/1.65 var(--serif); }
.guide-download { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 16px; padding: 13px 17px; background: var(--ink); color: var(--paper); font: 700 10px var(--sans); letter-spacing: .08em; text-decoration: none; text-transform: uppercase; transition: background .2s ease, transform .2s ease; }
.guide-download:hover, .guide-download:focus-visible { background: var(--terracotta); transform: translateY(-2px); }
.newsletter { justify-content: center; text-align: center; }
@media (max-width: 760px) { .verse-section { padding: 24px 17px; }.verse-collection { gap: 44px; }.verse-copy, .verse-images { grid-template-columns: 1fr; }.verse-copy > div + div { border-left: 0; border-top: 1px solid var(--line); padding: 18px 0 0; }.verse-images { gap: 22px; }.verse-images .art-open { aspect-ratio: 1.45; }.study-guide { display: block; margin-top: 28px; padding: 24px 20px; }.guide-download { margin-top: 22px; } }