.echo-card{--card-pad:var(--echo-space-9);--card-gap:var(--echo-space-6);display:flex;flex-direction:column;padding:0;min-width:0;color:var(--echo-text)}:is(li,[role=listitem])>.echo-card:only-child{box-sizing:border-box;block-size:100%}.echo-card[data-size=sm]{--card-pad:var(--echo-space-7);--card-gap:var(--echo-space-4)}.echo-card[data-size=lg]{--card-pad:var(--echo-space-11);--card-gap:var(--echo-space-8)}.echo-card__inner{flex:1 1;position:relative;z-index:var(--echo-z-raised,1);display:flex;flex-direction:column;gap:var(--card-gap);min-width:0;padding:var(--card-pad);border-radius:inherit}.echo-card__media{margin:calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad)) 0;overflow:hidden}.echo-card__media>:is(img,video,svg,canvas){display:block;width:100%;height:auto}.echo-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--echo-space-6);min-width:0}.echo-card__heading{display:grid;gap:var(--echo-space-2);min-width:0}.echo-card__title{margin:0;overflow-wrap:anywhere;font-size:var(--echo-text-lg);font-weight:var(--echo-weight-semibold,600);line-height:var(--echo-leading-snug,1.4);color:var(--echo-text)}.echo-card[data-size=sm] .echo-card__title{font-size:var(--echo-text-md)}.echo-card[data-size=lg] .echo-card__title{font-size:var(--echo-text-xl)}.echo-card__description{margin:0;overflow-wrap:anywhere;font-size:var(--echo-text-sm)}.echo-card__body,.echo-card__description{line-height:var(--echo-leading-body,1.55);color:var(--echo-text-dim)}.echo-card__body{min-width:0;font-size:var(--echo-text-md)}.echo-card__footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--echo-space-4);margin-block-start:auto;padding-block-start:var(--card-gap);border-block-start:var(--echo-border-hairline,1px) solid var(--echo-seam)}.echo-card__link{all:unset;cursor:pointer;color:inherit}.echo-card__link:after{content:"";position:absolute;inset:0;z-index:var(--echo-z-raised,1);border-radius:inherit}.echo-card__action,.echo-card__footer{position:relative;z-index:var(--echo-z-top,2)}.echo-card[data-interactive]{cursor:pointer;transition:transform var(--echo-duration-tick) ease,box-shadow var(--echo-duration-swap) ease}@media (hover:hover){.echo-card[data-interactive][data-variant=raised]:hover{box-shadow:var(
      --echo-shadow-lifted,0 1px 0 rgb(255 255 255/calc(.07 * var(--echo-gloss, 1))),0 10px 22px color-mix(in oklab,var(--echo-cast-ink,black) calc(.45 * var(--echo-shade, 1) * 100%),transparent),0 0 0 var(--echo-line-width,0) var(--echo-line,transparent),0 calc(4px * var(--echo-drawn, 0)) 0 var(--echo-line-width,0) var(--echo-line,transparent)
    )}}.echo-card[data-interactive]:active:not(:has(.echo-card__action:active,.echo-card__footer:active)){transform:translateY(1px)}.echo-card[data-interactive]:has(.echo-card__link:focus-visible){outline:2px solid transparent;box-shadow:var(
    --echo-shadow-ring,0 0 0 2px var(--echo-surface),0 0 0 4px var(--echo-accent-ink,var(--echo-accent-glow))
  )}@media (prefers-reduced-motion:reduce){.echo-card[data-interactive]{transition:none}.echo-card[data-interactive]:active{transform:none}}@media (forced-colors:active){.echo-card{border:var(--echo-border-hairline,1px) solid CanvasText}.echo-card[data-interactive]:has(.echo-card__link:focus-visible){outline:2px solid Highlight}}