.atlas-world .resident-detail.dna-reference{display:flex;flex-direction:column;justify-content:space-between;background:#fff;padding:26px;gap:24px}.dna-ref-heading{display:flex!important;justify-content:space-between;align-items:start;border-bottom:1px solid #ccc;padding-bottom:20px}.dna-ref-heading small{font-size:11px;letter-spacing:1.2px}.dna-ref-heading h3{font-size:28px!important;font-weight:400;margin:10px 0 0!important}.dna-ref-heading>span{font-size:12px}.dna-ref-body{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:center;flex:1}.dna-ref-body>img{width:100%;aspect-ratio:1;object-fit:contain;background:#eee}.dna-ref-body h4{font-size:21px;margin:0 0 20px}.dna-ref-body p{font-size:14px;line-height:1.7}.dna-ref-body #dna-ref-bars>div{margin:16px 0}.dna-ref-body #dna-ref-bars span{font-size:12px}.dna-ref-body i{display:block;height:4px;background:#ddd;margin-top:8px}.dna-ref-body b{display:block;height:100%;background:#252525}.dna-ref-choices{display:flex;flex-wrap:wrap;gap:10px}.dna-ref-choices button{border:1px solid #bbb;border-radius:24px;padding:10px 14px;min-height:42px;font-size:14px}.dna-ref-choices button[aria-pressed=true]{background:#222;color:#fff}.dna-ref-note{font-size:11px;color:#777}.atlas-world .dna-reference>div:first-child{display:flex}.atlas-world .dna-reference .dna-ref-body{display:grid}@media(max-width:700px){.atlas-world .resident-detail.dna-reference{padding:18px;gap:18px}.dna-ref-body{gap:14px;grid-template-columns:1fr 1fr}.dna-ref-body h4{font-size:18px;margin-bottom:12px}.dna-ref-body p{font-size:12px}.dna-ref-choices{gap:6px}.dna-ref-choices button{font-size:13px;padding:8px 11px}}