/* English work entrance. Existing ACLab tokens are the source of truth. */
.work-intro { padding-block: var(--s-8); }
.work-intro h1 { max-width: 14em; font-size: var(--fs-hero); line-height: var(--lh-display); letter-spacing: -.02em; }
.work-intro .lead { margin-top: var(--s-5); max-width: 34em; font-size: var(--fs-lead); line-height: 1.6; }
.work-actions { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-5); }
.work-entry { padding-block: var(--s-7); border-top: 1px solid var(--line); }
.work-entry h2 { max-width: 22em; font-size: var(--fs-h2); line-height: 1.35; }
.work-entry p { line-height: 1.6; }
.work-entry .work-copy { margin-top: var(--s-4); max-width: 34em; }
.work-label { margin-bottom: var(--s-3); color: var(--meta); font-size: var(--fs-note); font-weight: 500; }
.work-link { display: inline-flex; align-items: center; min-height: 48px; color: var(--brand); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.work-preview { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: start; gap: var(--s-7); margin-top: var(--s-6); }
.work-preview figure { margin: 0; padding: var(--s-5); background-color: var(--surface); border: 1px solid var(--line); border-radius: var(--r-sm); }
.work-preview img { display: block; width: 100%; max-width: 360px; height: auto; margin-inline: auto; border: 1px solid var(--line); border-radius: var(--r-sm); }
.work-preview figcaption { margin-top: var(--s-4); color: var(--meta); font-size: var(--fs-note); line-height: 1.6; }
.work-facts { margin: 0; }
.work-facts div { padding-block: var(--s-4); border-bottom: 1px solid var(--line); }
.work-facts div:first-child { padding-top: 0; }
.work-facts dt { font-weight: 700; }
.work-facts dd { margin: var(--s-2) 0 0; line-height: 1.6; }
.work-flow { margin: 0; padding: 0; list-style: none; counter-reset: flow; }
.work-flow li { counter-increment: flow; padding-block: var(--s-4); border-bottom: 1px solid var(--line); }
.work-flow li:first-child { padding-top: 0; }
.work-flow b { display: block; }
.work-flow b::before { content: counter(flow, decimal-leading-zero) " / "; color: var(--meta); font-weight: 500; }
.work-flow span { display: block; margin-top: var(--s-2); line-height: 1.6; }
.work-entry-mini { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--s-7); align-items: start; }
.work-entry-mini h2 { font-size: var(--fs-h2); line-height: 1.35; }
.work-entry-mini p { max-width: 34em; margin-top: var(--s-4); line-height: 1.6; }
.work-mini-list { margin: 0; padding: 0; list-style: none; }
.work-mini-list li { padding-block: var(--s-4); border-bottom: 1px solid var(--line); }
.work-mini-list li:first-child { padding-top: 0; }
.work-mini-list b { display: block; font-size: var(--fs-h3); line-height: 1.35; }
.work-mini-list span { display: block; margin-top: var(--s-2); line-height: 1.6; }
@media (max-width: 768px) {
  .work-intro { padding-block: var(--s-7); }
  .work-preview, .work-entry-mini { grid-template-columns: minmax(0, 1fr); gap: var(--s-6); }
  .work-preview figure { padding: var(--s-4); }
  .work-actions .button { width: 100%; justify-content: center; }
}

/* Featured workflow: real product evidence before implementation details. */
.stockflow-screen { margin: var(--s-6) 0 0; padding: var(--s-5); background-color: var(--surface); border: 1px solid var(--line); border-radius: var(--r-sm); }
.stockflow-screen a { display: block; }
.stockflow-screen img { display: block; width: 100%; height: auto; }
.stockflow-screen figcaption { margin-top: var(--s-4); color: var(--meta); font-size: var(--fs-note); line-height: 1.6; max-width: 60em; }
.work-example-title { margin-bottom: var(--s-5); font-size: var(--fs-h3); line-height: 1.35; }
@media (max-width: 768px) { .stockflow-screen { padding: var(--s-4); } }