/* The brood guide extends the existing studio page without changing its theme. */
nav{flex-wrap:wrap}
.evolution-section{border-top:1px solid var(--line);padding-top:80px}
.evolution-diagram{margin-top:38px}
.evolution-diagram img{width:100%;border:1px solid var(--line);background:#030606}
.evolution-diagram a:hover img{border-color:var(--green)}
.evolution-diagram figcaption{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:15px;font-size:.9rem}
.evolution-image-links{display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--green);font-size:.85rem}
.evolution-image-links a{text-decoration:underline;text-underline-offset:4px}
.evolution-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}
.evolution-steps h3{margin:12px 0}
.evolution-purpose{margin-top:42px;padding:30px;background:#101a1a;border:1px solid var(--line)}
.evolution-purpose>h3{font-family:Georgia,'Times New Roman',serif;font-size:1.8rem;margin-bottom:14px}
.evolution-purpose>p{max-width:830px}
.evolution-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:24px}
.evolution-roles dt{font-size:1rem;color:var(--text)}
.evolution-roles dt span{display:block;color:var(--green);font-size:.75rem;margin-top:4px}
.evolution-roles dd{margin-top:12px;color:var(--muted)}
@media(max-width:1000px){.evolution-steps{gap:24px}.evolution-roles{gap:20px}}
@media(max-width:700px){.evolution-section{padding-top:55px}.evolution-steps,.evolution-roles{grid-template-columns:1fr;gap:26px}.evolution-diagram{margin-top:26px}.evolution-steps{margin-top:30px}.evolution-purpose{padding:23px;margin-top:30px}.evolution-section .button{gap:16px;text-align:center}.header nav{justify-content:flex-start;gap:12px 18px}}