.workflow-card-new{background:var(--warm-white);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;height:100%}.workflow-card-new:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.card-layout{display:flex;gap:16px;padding:20px;height:100%;align-items:flex-start}.card-layout-no-thumbnail{padding:20px;height:100%}.thumbnail-vertical{position:relative;width:80px;height:142px;flex-shrink:0;background:var(--platinum);border-radius:8px;overflow:hidden}.thumbnail-image-vertical{width:100%;height:100%;object-fit:cover}.duration-badge-vertical{position:absolute;bottom:4px;right:4px;background:#000c;color:#fff;padding:2px 4px;border-radius:3px;font-size:10px;font-weight:500}.content-section-horizontal{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:142px}.content-section-full{display:flex;flex-direction:column;justify-content:space-between;width:100%}.content-header{flex:1}.workflow-title-compact{font-size:16px;font-weight:600;color:var(--charcoal);margin-bottom:12px;line-height:1.3}.workflow-title-large{font-size:20px;font-weight:700;color:var(--charcoal);margin-bottom:12px;line-height:1.3}.workflow-description{font-size:15px;color:#3c3b37cc;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.workflow-metadata-simple{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;color:#3c3b3799;font-weight:500}.action-buttons{display:flex;flex-direction:column;gap:8px;margin-top:12px}.instagram-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#e1306c,#f56040);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.instagram-button:hover{background:linear-gradient(135deg,#f56040,#e1306c);transform:translateY(-1px);box-shadow:0 2px 8px #e1306c4d}.instagram-icon{font-size:14px}.workflow-cta-button-compact{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,var(--led-amber),#ff9a56);color:#fff;border-radius:8px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s ease}.workflow-cta-button-compact:hover{background:linear-gradient(135deg,#ff9a56,var(--led-amber));transform:translateY(-1px);box-shadow:0 2px 8px #ffb3664d}.workflow-cta-button-full{width:100%}.timeline-container{display:flex;align-items:center;justify-content:flex-start;margin:12px 0;padding:0;gap:0}.timeline-step{display:flex;align-items:center;position:relative}.timeline-number{width:20px;height:20px;background:#ffb366cc;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;cursor:default;transition:all .2s ease;position:relative;z-index:2}.timeline-number:hover{background:var(--led-amber);transform:scale(1.2)}.timeline-number:hover:after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;pointer-events:none;z-index:10}.timeline-line{width:40px;height:1px;background:linear-gradient(to right,#ffb3664d,#ffb3664d);margin:0}.timeline-more{padding:3px 6px;background:#e3dfd780;border-radius:10px;font-size:10px;color:var(--charcoal);opacity:.6;margin-left:8px}.workflow-metadata{display:flex;align-items:center;justify-content:flex-start;gap:6px;margin-bottom:8px;font-size:11px;color:#3c3b3799;flex-wrap:wrap}.workflow-metadata span{display:flex;align-items:center;gap:4px}.metadata-separator{opacity:.3}.workflow-cta-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:linear-gradient(135deg,var(--led-amber),#ff9a56);color:#fff;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease}.workflow-cta-button:hover{background:linear-gradient(135deg,#ff9a56,var(--led-amber));transform:translateY(-1px);box-shadow:0 4px 12px #ffb3664d}@media (max-width: 640px){.card-layout{padding:16px;gap:12px}.card-layout-no-thumbnail{padding:16px}.thumbnail-vertical{width:60px;height:107px}.content-section-horizontal{min-height:107px;justify-content:center;text-align:center}.content-section-full{justify-content:center;text-align:center}.content-header{text-align:center;width:100%}.workflow-title-compact{font-size:14px;margin-bottom:8px;text-align:center}.workflow-title-large{font-size:18px;margin-bottom:10px}.workflow-description{font-size:14px;margin-bottom:14px;-webkit-line-clamp:2}.workflow-metadata-simple{font-size:12px;margin-bottom:16px}.timeline-container{justify-content:center;margin:8px 0}.timeline-number{width:16px;height:16px;font-size:9px}.timeline-line{width:24px}.workflow-metadata{font-size:10px;gap:4px;margin-bottom:6px;justify-content:center}.timeline-number:hover:after{display:none}.action-buttons{gap:6px;align-items:center}.instagram-button,.workflow-cta-button-compact{padding:6px 10px;font-size:11px}}@media (min-width: 641px) and (max-width: 1023px){.card-layout{gap:14px;padding:18px}.card-layout-no-thumbnail{padding:18px}.content-section-horizontal,.content-section-full,.content-header,.workflow-title-compact{text-align:center}.timeline-container,.workflow-metadata{justify-content:center}.action-buttons{gap:8px;justify-content:center}.instagram-button,.workflow-cta-button-compact{max-width:180px}}@media (min-width: 1024px){.thumbnail-vertical{width:100px;height:178px}.content-section-horizontal{min-height:178px}.content-section-full{min-height:auto}.workflow-title-compact{font-size:18px}.workflow-title-large{font-size:22px}.workflow-description{font-size:16px}.workflow-metadata-simple{font-size:14px}.timeline-container,.workflow-metadata{justify-content:flex-start}.action-buttons{flex-direction:row;gap:8px}.instagram-button,.workflow-cta-button-compact{flex:1;justify-content:center}}