.dna-page .hero-art img { object-position: center; }
.dna-page .topic-guide { padding: 24px; background: #e9ede3; border-radius: 8px; }
.dna-page .topic-guide h3 { margin: 0 0 12px; font-size: 20px; }
.dna-page .topic-guide a { display: block; padding: 12px 0; border-bottom: 1px solid var(--rule); font-size: 17px; }
.dna-page .topic-guide p { font-size: 14px; color: var(--subtle); }
.dna-page .science-flow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 28px 0; }
.dna-page .science-step { background: #e9ede3; border-radius: 8px; padding: 26px; }
.dna-page .science-step .molecule { font-family: Georgia, serif; font-size: 38px; color: #285b4b; }
.dna-page .science-step h3 { font-size: 20px; margin: 12px 0; }
.dna-page .science-step p { font-size: 17px; margin: 0; color: var(--subtle); }
.dna-page .passage-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: start; }
.dna-page .passage-layout .verse { margin: 0; }
.dna-page .passage-layout .arabic { margin-top: 0; }
.dna-page .passage-layout p { margin-top: 0; }
@media (max-width: 760px) { .dna-page .science-flow, .dna-page .passage-layout { grid-template-columns: 1fr; gap: 18px; } .dna-page .hero-art { height: 310px; } }