/* Concrete delivery evidence, using the site's existing type and color tokens. */
.workflow-proof .mid { gap:clamp(28px,4vw,64px); }
.workflow-proof .workflow-caption, .timeline .workflow-caption { font-family:var(--serif-text); font-size:var(--text-secondary); color:var(--ink-soft); line-height:1.5; margin:16px 0; }
.workflow-proof .text-link { display:inline-block; margin-top:8px; }
.workflow-card { border-top:1px solid var(--hairline); border-bottom:1px solid var(--hairline); }
.workflow-comparison { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:24px 0; }
.workflow-comparison > div + div { border-left:1px solid var(--hairline); padding-left:24px; }
.workflow-comparison span { font-family:var(--serif-text); font-size:var(--text-secondary); color:var(--ink-soft); }
.workflow-comparison strong { display:block; font-family:var(--serif); font-size:var(--text-heading-large); font-weight:400; color:var(--accent); white-space:nowrap; margin:8px 0; }
.workflow-comparison small { font-size:var(--text-secondary); }
.workflow-card p { font-family:var(--serif-text); font-size:var(--text-secondary); line-height:1.5; margin:8px 0 0; }
.workflow-detail { border-top:1px solid var(--hairline); padding:20px 0; }
.workflow-detail > strong, .handover-sample strong { font-family:var(--serif); font-size:var(--text-secondary); font-weight:400; color:var(--accent); }
.workflow-disclosure { border-top:1px solid var(--hairline); font-family:var(--serif-text); font-size:var(--text-secondary); }
.workflow-disclosure summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 0; cursor:pointer; list-style:none; color:var(--accent); }
.workflow-disclosure summary::-webkit-details-marker { display:none; }
.workflow-disclosure summary:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.disclosure-icon { flex:0 0 14px; position:relative; width:14px; height:14px; }
.disclosure-icon::before, .disclosure-icon::after { content:''; position:absolute; background:currentColor; left:0; top:6px; width:14px; height:1px; }
.disclosure-icon::after { transform:rotate(90deg); }
.workflow-disclosure[open] > summary .disclosure-icon::after { transform:rotate(0); }
.workflow-disclosure ol { padding-left:22px; margin:0 0 20px; line-height:1.5; }
.workflow-disclosure li + li { margin-top:12px; }
.handover-example { margin-top:20px; }
.handover-sample { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.handover-sample p { margin-top:8px; line-height:1.5; }
@media(max-width:900px) { .workflow-proof .mid { grid-template-columns:1fr; } .handover-sample { grid-template-columns:1fr; gap:12px; } }
/* Editorial placeholders reserve the final assets' proportions. */
.media-placeholder { display:flex; align-items:center; justify-content:center; aspect-ratio:16/9; width:100%; background:#000; padding:24px; box-sizing:border-box; text-align:center; }
.media-placeholder > span { color:#fff; font-family:var(--serif-text); font-size:var(--text-secondary); line-height:1.5; max-width:42ch; }
.listing-placeholder { aspect-ratio:4/3; }
.workflow-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; list-style:none; counter-reset:workflow; padding:20px 0; margin:0; }
.workflow-steps li { font-family:var(--serif-text); font-size:var(--text-secondary); line-height:1.4; counter-increment:workflow; }
.workflow-steps li::before { content:'0' counter(workflow); display:block; color:var(--accent); margin-bottom:8px; }
.visual-delivery .phase .media-placeholder { margin:18px 0; }
.visual-delivery .phase h3 { min-height:2.4em; }
.handover-preview { padding-bottom:24px; max-width:75ch; }
.handover-preview .media-placeholder { aspect-ratio:3/2; }
.handover-preview p { line-height:1.5; margin:0 0 16px; }
@media(max-width:900px) { .handover-preview { grid-template-columns:1fr; } .visual-delivery .phase h3 { min-height:0; } }

.carol-workflow-image { display:block; width:100%; height:auto; margin-top:20px; }