.sx-selection { margin: 2.5rem 0; color: #183429; overflow-wrap: anywhere; }
.sx-selection h2 { font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.25; }
.sx-selection h3 { font-size: 1.25rem; line-height: 1.35; }
.sx-selection p { line-height: 1.7; }
.sx-selection__eyebrow { font-weight: 700; font-size: .875rem; }
.sx-selection__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin: 1.5rem 0; }
.sx-selection__grid article { min-width: 0; padding: 1.25rem; border: 1px solid #d4dfd8; border-radius: .75rem; background: #f7faf8; }
.sx-selection__grid h3 { margin-top: 0; }
.sx-selection dl { margin: 0 0 1rem; }
.sx-selection dl > div { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: .8rem; padding: .7rem 0; border-bottom: 1px solid #d4dfd8; }
.sx-selection dt { font-size: .9375rem; }
.sx-selection dd { margin: 0; font-weight: 700; }
.sx-selection a { color: #15553a; text-decoration: underline; text-underline-offset: .2em; }
.sx-selection a:focus-visible { outline: 3px solid #15553a; outline-offset: 4px; }
.sx-selection__source { font-size: .875rem; color: #45594e; }
.sx-selection .sx-selection__cta { display: inline-block; max-width: 100%; box-sizing: border-box; padding: .8rem 1.1rem; border-radius: .4rem; background: #183e2b; color: #fff; }
@media (max-width: 640px) { .sx-selection__grid { grid-template-columns: minmax(0, 1fr); } }
