/* Tools inherits the Collection's category rail and single shared visual stage. */
body:not(.is-home) .tools-page { padding-top:40px; }
.workflow-browser { max-width:1020px; margin-inline:auto; }
.workflow-detail-heading { --collection-ink:#dcd5d9; }
.workflow-detail-heading h1 { color:var(--collection-ink); font-size:44px; font-weight:600; line-height:1.12; letter-spacing:-.035em; text-wrap:balance; }
.workflow-detail,.workflow-content,.workflow-detail-preview { min-width:0; }
.workflow-content { margin-top:24px; }
.workflow-detail-preview .pack-reveal,.workflow-detail-preview .pack-demo-media { aspect-ratio:16/9; }
.workflow-detail-preview .pack-demo-video { background:#0b0b0b; }
.workflow-facts { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(180px,.7fr); gap:24px 40px; margin:40px 0 0; }
.workflow-facts > div { min-width:0; }
.workflow-facts dt { margin-bottom:10px; color:var(--muted); font-size:13px; font-weight:500; line-height:1.5; }
.workflow-facts dd { margin:0; color:var(--text); font-size:14px; line-height:1.65; overflow-wrap:anywhere; }
.workflow-pack-fact dt { color:var(--accent-ink); }
@media(max-width:1100px) {
 .workflow-detail-heading h1 { font-size:36px; }
}
@media(max-width:836px) {
 body:not(.is-home) .tools-page { padding-top:24px; }
 .workflow-detail-heading h1 { font-size:32px; }
 .workflow-detail-preview .pack-reveal,.workflow-detail-preview .pack-demo-media { aspect-ratio:4/3; }
 .workflow-detail-summary { width:100%; max-width:420px; margin-inline:auto; }
 .workflow-facts { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:32px; gap:24px; }
 .workflow-pack-fact { grid-column:1/-1; }
}
@media(max-width:375px) {
 .workflow-facts { grid-template-columns:minmax(0,1fr); gap:20px; }
}