.card{background:var(--color-bg-card-parent);border-radius:14px;padding:2px}.card__header{padding:24px}.card__title{color:var(--color-text-primary);letter-spacing:-.01em;font-size:16px;font-weight:600}.card__description{color:var(--color-text-secondary);margin-top:4px;font-size:13px;line-height:1.5}.card__content{background:var(--color-bg-card);border-radius:12px;padding:24px}.card__content:not(:last-of-type){margin-bottom:2px}.card--collapsible{flex-direction:column;display:flex}.card--collapsible .card__content{flex:none;padding:0}.card--collapsible .card__content--active{flex:1;min-height:0}.card__content-body-wrapper{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .2s,opacity .2s;display:grid}.card__content-body-wrapper--active{opacity:1;grid-template-rows:1fr}.card__content-title{text-align:left;width:100%;font-family:var(--font-jetbrains-mono),monospace;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;opacity:.45;background:0 0;border:none;padding:16px;font-size:11px;font-weight:600;transition:color .15s,opacity .15s;display:block}.card__content-title:hover{color:var(--color-text-secondary);opacity:.7}.card__content--active .card__content-title{opacity:1}.card__content-body{overflow:hidden}.card__content-body-inner{padding:0 16px 16px}.card__footer{align-items:center;padding:0 28px 24px;display:flex}
