/* The shared MIS components provide the hero, explorers and recovery rows. */
.asd-distinction{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}
.asd-distinction>div{padding:1.25rem;border:1px solid var(--line);border-radius:.75rem;background:var(--chalk)}
.prose .asd-distinction h3{margin:0;font-size:1.35rem}
.asd-distinction p{margin-top:.5rem;font-size:.875rem;line-height:1.7}
.asd-options{margin-top:1.5rem;padding:0 1.5rem;border:1px solid var(--line);border-radius:1rem;background:var(--chalk)}
.asd-options>div{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:1rem;padding:1.25rem 0}
.asd-options>div+div{border-top:1px solid var(--line)}
.asd-options span{display:grid;place-items:center;align-self:start;width:2rem;height:2rem;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--brass-dark);font-size:.6875rem;font-weight:700}
.prose .asd-options h3{margin:0;font-size:1.3rem;line-height:1.3}
.asd-options p{margin-top:.4rem;font-size:.875rem;line-height:1.7}
@media(max-width:640px){.asd-distinction{grid-template-columns:1fr}.asd-options{padding:0 1rem}.asd-options>div{gap:.75rem}}