.flagship { display: grid; gap: var(--gap-split); align-items: start; } .flagship-body { display: grid; gap: 1.1rem; } .flagship-body p { max-width: 58ch; } .flagship-points { display: grid; gap: 0; align-content: start; } .flagship-points > div { display: grid; gap: 0.3rem; border-top: 1px solid var(--sand-line); padding-block: var(--row-pad); } .flagship-points dt { font-size: 0.82rem; color: var(--ink-faint); } .flagship-points dd { margin: 0; font-weight: 500; letter-spacing: -0.015em; } @media (min-width: 58rem) { .flagship { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }