/* ========================================================= Agent Workflows Section — prompt cards with a video still The still itself is .video-still in common.css,shared with the Source Control video section. What is left here is only what these cards add to it:the title across the top and the source line along the bottom. Used on:agentic-database-devops.html ========================================================= */
.workflows-section{background-color:var(--color-ink-50);}
.workflows-section .workflows-section-wrapper{gap:26px;padding-block:var(--section-padding);}
.workflows-section .workflows-section-wrapper .workflows-section-grid{--card-grid-min:460px;--card-grid-gap:18px;}
/* ---------- Card ---------- */
.workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card{display:flex;flex-direction:column;gap:16px;padding:26px 28px;background-color:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);/* Figma draws the stroke inside */
 height:100%;}
/* ---------- What the card adds to the still ---------- */
.workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-video h4{z-index:1;position:absolute;top:14px;left:16px;right:16px;font-family:var(--font-display);font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);line-height:1.15;letter-spacing:var(--letter-spacing-normal);color:var(--color-white);}
.workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-video .workflows-section-meta{z-index:1;position:absolute;left:16px;right:38px;bottom:10px;gap:var(--space-sm);}
.workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-video .workflows-section-meta small{font-family:var(--font-mono);font-size:var(--font-size-micro);line-height:var(--line-height-auto);color:#7fc6c0;}
.workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-video .workflows-section-meta .workflows-section-youtube{gap:7px;font-family:var(--font-mono);font-size:var(--font-size-micro);line-height:var(--line-height-auto);color:#cfe6ea;}
.workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-video .workflows-section-meta .workflows-section-youtube i{flex-shrink:0;width:7px;height:7px;background-color:#c4342b;border-radius:999px;}
/* ---------- Prompt ---------- */
.workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-prompt{flex-grow:1;padding:16px 18px;background-color:var(--color-slate-700);border-radius:var(--radius-sm);min-height:120px;}
.workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-prompt p{font-family:var(--font-mono);font-size:var(--font-size-body-xs);line-height:1.75;color:var(--color-white);position:relative;}
.workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-prompt p::before{content:"▸";font-family:var(--font-mono);font-size:var(--font-size-body-xs);line-height:1.75;color:var(--color-signal-400);margin-right:6px;}
/* ---------- Result checks ---------- */
.workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-checks{gap:9px;list-style:none;}
.workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-checks li{display:flex;align-items:flex-start;gap:10px;font-size:var(--font-size-body-sm);line-height:1.5;color:var(--color-slate-700);}
.workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-checks li::before{content:"✓";font-family:'IBM Plex Sans Condensed','IBM Plex Sans',sans-serif;flex-shrink:0;font-style:normal;width:18px;height:18px;/* margin-top:2px;*/
 background-color:#e6faf6;border-radius:999px;font-weight:var(--font-weight-bold);font-size:var(--font-size-micro);line-height:1;color:var(--color-signal-700);display:flex;justify-content:center;align-items:center;padding:2px 4px;}
/* ---------- Mobile ---------- */
@media (max-width:991px){.workflows-section .workflows-section-wrapper .workflows-section-slider-wrapper{margin:0 calc(var(--container-padding) * -1);padding:0 var(--container-padding);/* If swiper bleed needs extra overflow hidden,it's usually handled by swiper class */
}
.workflows-mobile-pagination{margin-top:24px;position:static;display:flex;justify-content:center;}
.workflows-section .workflows-section-wrapper .workflows-section-grid{display:flex;flex-wrap:nowrap;gap:0;}
.workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card{padding:24px 20px;/* background-color:#003E4C;*/
 /* border:none;*/
 /* box-shadow:none;*/
 /* height:auto;*/
 /* border-radius:var(--radius-lg);*/
}
/* Change title to white */
 /* .workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card h3{color:var(--color-white);}
*/
 /* Hide video */
 /* .workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-video{display:none !important;}
*/
 /* Prompt changes */
 /* .workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-prompt{background-color:transparent;padding:0;min-height:0;}
*/
 /* .workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-prompt p{color:var(--color-signal-400);}
*/
 /* Checks block */
 /* .workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-checks{gap:12px;margin-top:6px;}
*/
 /* .workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-checks li{background-color:#074f5d;border-radius:var(--radius-sm);padding:14px 16px;color:var(--color-white);font-weight:500;align-items:center;}
*/
 /* Hide the visual checkmark inside the block as per mockup */
 /* .workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-checks li::before{display:none;}
*/
}
@media (max-width:767px){.workflows-section .workflows-section-wrapper{gap:20px;}
.workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-video h4{left:15px;right:15px;}
.workflows-section .workflows-section-wrapper .workflows-section-grid .workflows-section-card .workflows-section-video .workflows-section-meta{left:15px;right:15px;bottom:10px;}
}