/* Shared by the sol-* blocks (solutions-a). */
.alp-sol-crumb { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; font: 500 13px var(--alp-body); color: var(--alp-muted); }
.alp-sol-crumb a { color: inherit; }
.alp-sol-crumb a:hover { color: var(--alp-forest); }
.alp-sol-crumb__pill { padding: 6px 12px; border-radius: 99px; background: var(--alp-ink); color: var(--alp-paper); }
.alp-sol-crumb__pill.is-honey { background: var(--alp-honey); color: var(--alp-ink); font-weight: 600; }
.alp-sol-title .alp-rise { padding-bottom: .26em; margin-bottom: -.26em; }

.alp-sol-tick { display: flex; align-items: center; gap: 14px; width: 100%; padding: 16px 18px; border-radius: 18px; border: 1.5px solid var(--alp-line); background: var(--alp-paper); cursor: pointer; text-align: left; font: 500 16px/1.35 var(--alp-body); color: var(--alp-ink); transition: all .45s var(--alp-spring); }
.alp-sol-tick:hover { border-color: var(--alp-stone); }
.alp-sol-tick__box { width: 26px; height: 26px; border-radius: 8px; flex: none; display: grid; place-items: center; font-size: 13px; color: var(--alp-white); border: 1.5px solid var(--alp-faint); transition: all .3s; }
.alp-sol-tick[aria-pressed="true"] { border-color: var(--alp-forest); background: var(--alp-sage); transform: translateX(6px); }
.alp-sol-tick[aria-pressed="true"] .alp-sol-tick__box { background: var(--alp-forest); border-color: var(--alp-forest); }
.alp-sol-tick[aria-pressed="true"] .alp-sol-tick__box::before { content: "✓"; }
.alp-sol-tick:focus-visible, .alp-sol-block :focus-visible { outline: 2px solid var(--alp-forest); outline-offset: 3px; }