@layer components{.biosphere-blog-pathways{--pathways-gap: var(--space-5);--pathways-chain-gap: var(--space-8);--pathways-tag-edge: 5px;--pathways-tag-ink: var(--color-figure-accent);--pathways-tag-ground: var(--color-surface-raised);--pathways-tag-bold-ink: var(--color-band-deep);--pathways-connector: 2px;margin-block:var(--space-38);margin-inline:0;inline-size:100%}.biosphere-blog-pathways__panel{padding:var(--space-22) var(--space-22) var(--space-7);border:1px solid var(--color-border-mint);border-radius:var(--radius-card);background-color:var(--color-surface-raised)}.biosphere-blog-pathways__heading.biosphere-blog-pathways__heading{margin-block:0 var(--space-2);text-wrap:balance;color:var(--color-band-deep);font-size:var(--text-22);font-weight:700;line-height:1.2;letter-spacing:var(--tracking-heading-md)}.biosphere-blog-pathways__sub.biosphere-blog-pathways__sub{margin-block:0 var(--space-18);text-wrap:pretty;color:var(--color-article-muted);font-size:var(--text-16);line-height:1.45}.biosphere-blog-pathways__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-min-column)),1fr));gap:var(--pathways-gap);align-items:stretch}.biosphere-blog-pathways__route{padding:var(--space-6);border-radius:var(--radius);background-color:var(--color-signal-tint)}.biosphere-blog-pathways__route-title.biosphere-blog-pathways__route-title{margin-block:0 var(--space-13);color:var(--color-band-deep);font-size:var(--text-18);font-weight:700;line-height:1.3}.biosphere-blog-pathways__route-label{display:inline-block;padding:var(--space-1) var(--space-4);margin-inline-end:var(--space-3);border-radius:var(--radius-pill);background-color:var(--color-band-deep);color:var(--color-surface-raised);font-size:var(--text-12-5);font-weight:700;letter-spacing:var(--tracking-spec);text-transform:uppercase;vertical-align:1px}.biosphere-blog-pathways__chain :where(ol,ul){display:grid;gap:var(--pathways-chain-gap);margin-block:0;padding:0;list-style:none;counter-reset:pathway-stage}.biosphere-blog-pathways__chain :where(li){position:relative;margin-block:0;padding:var(--space-4) var(--space-13);border:1px solid var(--color-border-cyan);border-radius:var(--radius);background-color:var(--color-surface-raised);color:var(--color-text-strong);font-size:var(--text-16);line-height:1.45}.biosphere-blog-pathways__chain :where(li:not(:first-child)):before{content:"";position:absolute;inset-block-end:100%;inset-inline-start:var(--space-22);inline-size:var(--pathways-connector);block-size:var(--space-5);margin-block-end:calc((var(--pathways-chain-gap) - var(--space-5)) / 2);background-color:var(--color-cyan-20)}.biosphere-blog-pathways__chain :where(li:last-child){border-color:var(--color-band-deep);background-color:var(--color-band-deep);color:var(--color-surface-raised);font-weight:700}.biosphere-blog-pathways__tag.biosphere-blog-pathways__tag{margin-block:var(--space-4) 0;padding:var(--space-9) var(--space-13) var(--space-9) var(--space-6);border-radius:var(--radius);box-shadow:inset var(--pathways-tag-edge) 0 0 var(--pathways-tag-ink);background-color:var(--pathways-tag-ground);color:var(--color-text-strong);font-size:var(--text-15-5);line-height:1.45}.biosphere-blog-pathways__tag b{color:var(--pathways-tag-bold-ink)}.biosphere-blog-pathways__tag--hinders{--pathways-tag-ink: var(--color-error);--pathways-tag-ground: var(--color-error-tint);--pathways-tag-bold-ink: var(--color-error)}.biosphere-blog-pathways__caption.biosphere-blog-pathways__caption{max-inline-size:var(--measure-article);margin-block:var(--space-15) 0;color:var(--color-article-ink-2);font-size:var(--text-16);line-height:1.55}.biosphere-blog-pathways__caption :where(p){margin-block:0;color:inherit;font-size:inherit;line-height:inherit}.biosphere-blog-pathways__caption b{color:var(--color-band-deep)}@media(max-width:600px){.biosphere-blog-pathways__panel{padding:var(--space-22) var(--space-7)}}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/block-blog-pathways.css.map */