.scf-trail-card:where(.astro-3m5ywik7){position:relative;display:flex;flex-direction:column;width:100%;min-width:200px;padding:var(--nds-viewport-spacing-component-150, 24px);gap:var(--nds-viewport-spacing-layout-100, 16px);background:var(--nds-mode-color-background-neutral-surface-default-rest, #18232c);border:var(--nds-mode-border-width-component-outlined, 1px) solid var(--nds-mode-color-border-neutral-subtle-rest, #2e3c48);border-radius:var(--nds-viewport-border-radius-container, 16px);text-decoration:none;color:var(--nds-mode-color-foreground-neutral-default, #e5eaee);height:100%;box-sizing:border-box;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.scf-trail-card:where(.astro-3m5ywik7):hover{transform:translateY(-2px);background:var(--nds-mode-color-background-neutral-surface-default-hover, #202c36);box-shadow:var(--nds-mode-box-shadow-surface-raised, 0 12px 32px -16px rgba(0, 0, 0, .6))}.scf-top-section:where(.astro-3m5ywik7){display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--nds-viewport-spacing-component-075, 12px)}.scf-top-badges:where(.astro-3m5ywik7){display:flex;flex-direction:column;align-items:flex-end;gap:var(--nds-viewport-spacing-component-050, 8px)}.scf-recommendation-wrapper:where(.astro-3m5ywik7) .icon-badge-wrapper{white-space:nowrap;border-radius:50px}.scf-wip-badge:where(.astro-3m5ywik7){display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;border:1px dashed color-mix(in srgb,var(--nds-mode-color-foreground-warning-default, #e0a63b) 55%,transparent);background:color-mix(in srgb,var(--nds-mode-color-foreground-warning-default, #e0a63b) 12%,transparent);color:var(--nds-mode-color-foreground-warning-default, #e0a63b);font-family:var(--nds-mode-font-family-body, "DIN 2014");font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.scf-content-body:where(.astro-3m5ywik7){display:flex;flex-direction:column;gap:var(--nds-viewport-spacing-component-050, 8px)}.scf-meta-row:where(.astro-3m5ywik7){display:flex;align-items:center;gap:10px;min-width:0}.scf-contributor-label:where(.astro-3m5ywik7){font-family:var(--nds-mode-font-family-body, "DIN 2014"),sans-serif;font-size:var(--nds-viewport-font-size-body-small, 14px);color:var(--nds-mode-color-foreground-neutral-subtle, #9da5ac);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.scf-new-pulse:where(.astro-3m5ywik7){display:inline-flex;align-items:center;gap:7px;font-family:var(--nds-mode-font-family-body, "DIN 2014");font-size:var(--nds-viewport-font-size-label-small, 12px);font-weight:700;line-height:22px;color:var(--nds-mode-color-foreground-primary-on-neutral, #00c2cc);white-space:nowrap}.scf-new-dot:where(.astro-3m5ywik7){position:relative;width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.scf-new-dot:where(.astro-3m5ywik7):after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid currentColor;opacity:0;animation:scf-new-ping 2.4s ease-out infinite}@keyframes scf-new-ping{0%{transform:scale(.4);opacity:.9}70%{transform:scale(1.25);opacity:0}to{opacity:0}}@media(prefers-reduced-motion:reduce){.scf-new-dot:where(.astro-3m5ywik7):after{animation:none;transform:none;opacity:.35}}.scf-title:where(.astro-3m5ywik7){margin:0;font-size:var(--nds-viewport-font-size-heading-content-level-3, 20px);font-weight:var(--nds-mode-font-weight-heading-bold, 700);line-height:var(--nds-viewport-line-height-heading-content-level-3, 24px);color:var(--nds-mode-color-foreground-neutral-default, #ffffff);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scf-description:where(.astro-3m5ywik7){margin:0;font-family:var(--nds-mode-font-family-body, "DIN 2014"),sans-serif;font-size:var(--nds-viewport-font-size-body-small, 14px);line-height:var(--nds-viewport-line-height-body-small, 22px);color:var(--nds-mode-color-foreground-neutral-subtle, #9da5ac);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.scf-tag-row:where(.astro-3m5ywik7){display:flex;flex-wrap:wrap;gap:var(--nds-viewport-spacing-component-025, 4px)}.scf-custom-tag:where(.astro-3m5ywik7){display:flex;padding:var(--nds-viewport-spacing-component-025-responsive, 4px) var(--nds-viewport-spacing-component-100-responsive, 16px);align-items:center;border-radius:var(--nds-viewport-border-radius-full, 500px);background:var(--nds-mode-color-background-neutral-component-subtle-rest, #25323d);color:var(--nds-mode-color-foreground-neutral-default, #e5eaee);font-family:var(--nds-mode-font-family-body, "DIN 2014");font-size:var(--nds-viewport-font-size-label-small, 12px);font-weight:700;line-height:var(--nds-viewport-line-height-chip, 24px)}.scf-tag-filter:where(.astro-3m5ywik7){cursor:pointer;transition:background .15s ease,color .15s ease}.scf-tag-filter:where(.astro-3m5ywik7):hover{background:var(--nds-mode-color-background-neutral-component-subtle-hover, #33424e);color:var(--nds-mode-color-foreground-primary-on-neutral, #00c2cc)}.scf-tag-filter:where(.astro-3m5ywik7):focus-visible{outline:2px solid var(--nds-mode-color-border-focus, #00c2cc);outline-offset:2px}.scf-tag-filter:where(.astro-3m5ywik7).is-filter-active{background:var(--nds-mode-color-background-primary-component-rest, #00c2cc);color:var(--nds-mode-color-foreground-primary-on-component, #0c1218)}.scf-tag-filter:where(.astro-3m5ywik7).is-filter-active:hover{background:var(--nds-mode-color-background-primary-component-hover, #00b2bc);color:var(--nds-mode-color-foreground-primary-on-component, #0c1218)}.scf-lowercase-tag:where(.astro-3m5ywik7){text-transform:lowercase}.scf-more-tag:where(.astro-3m5ywik7){background:color-mix(in srgb,var(--nds-mode-color-foreground-primary-on-neutral, #00c2cc) 14%,transparent);color:var(--nds-mode-color-foreground-primary-on-neutral, #00c2cc);cursor:default}.scf-mini-trail-preview:where(.astro-3m5ywik7){margin-top:auto}.scf-preview-label:where(.astro-3m5ywik7){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;color:var(--nds-mode-color-foreground-neutral-default, #e5eaee);font-family:var(--nds-mode-font-family-heading, "Univia Pro");font-size:var(--nds-viewport-font-size-heading-content-level-6, .75rem);font-style:normal;font-weight:700;line-height:var(--nds-viewport-line-height-heading-content-level-6, 1rem);letter-spacing:.0225rem;text-transform:uppercase;margin-bottom:12px}.scf-preview-list:where(.astro-3m5ywik7){list-style:none;padding:0;margin:0 0 0 6px;border-left:1px solid var(--nds-mode-color-border-neutral-subtle-rest, #3a4b59)}.scf-preview-item:where(.astro-3m5ywik7){display:flex;align-items:flex-start;position:relative;padding-left:16px;margin-bottom:10px}.scf-preview-item:where(.astro-3m5ywik7):last-child{margin-bottom:0}.scf-preview-dot:where(.astro-3m5ywik7){position:absolute;left:-4px;top:6px;width:7px;height:7px;background:var(--nds-mode-color-foreground-primary-on-neutral, #00c2cc);border-radius:50%}.scf-preview-step-title:where(.astro-3m5ywik7){font-family:var(--nds-mode-font-family-body, "DIN 2014");font-size:14px;color:var(--nds-mode-color-foreground-neutral-default, #e5eaee);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scf-preview-more:where(.astro-3m5ywik7){flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nds-mode-color-foreground-neutral-subtle, #a2a8ad);font-family:var(--nds-mode-font-family-body, "DIN 2014");font-size:var(--nds-viewport-font-size-body-small, .875rem);font-style:normal;font-weight:400;line-height:var(--nds-viewport-line-height-body-small, 1.375rem);margin-top:12px;padding-left:22px}:root[data-theme=light] .scf-more-tag:where(.astro-3m5ywik7){color:var(--nds-mode-color-foreground-primary-on-subtle, #008d96);background:color-mix(in srgb,var(--nds-mode-color-foreground-primary-on-subtle, #008d96) 6%,transparent)}:root[data-theme=light] .scf-wip-badge:where(.astro-3m5ywik7){color:var(--nds-mode-color-foreground-warning-on-subtle, #976e00)}