.design-heading h1{max-width:880px}
.design-layout{padding-top:16px}
.design-publication{padding:24px;border:1px solid var(--line);background:var(--tint);margin-bottom:24px;min-width:0}
.design-publication .eyebrow{font-size:.875rem;margin-bottom:12px;letter-spacing:.08em}
.design-publication h3{font-size:1.2rem;line-height:1.55;margin:0 0 12px;overflow-wrap:anywhere}
.design-paper-title{color:var(--ink)}
.design-paper-title:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.design-authors,.design-venue{font-size:1rem;line-height:1.75;color:var(--muted)}
.design-corresponding{color:var(--accent);font-size:.875rem;margin-top:4px}
.design-venue{margin-top:13px}
.design-paper-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px;font-size:.875rem}
.design-workflow{list-style:none;counter-reset:design-step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:24px 0}
.design-workflow li{counter-increment:design-step;min-width:0;border-top:2px solid var(--accent);padding:16px 12px;background:var(--tint);margin:0!important}
.design-workflow li:before{content:'0' counter(design-step);display:block;color:var(--accent);font-family:'Courier New',monospace;font-size:.875rem;line-height:1.5;margin-bottom:8px}
.design-workflow strong{display:block;font-size:1rem;font-weight:550;line-height:1.5;overflow-wrap:anywhere}
.design-workflow p{font-size:.875rem;color:var(--muted);line-height:1.65;margin-top:8px}
.automation-concept{margin:28px 0 0;min-width:0}
.automation-concept-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0}
.automation-concept-steps li{position:relative;min-width:0;margin:0!important;padding:16px 12px;border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--tint)}
.automation-concept-steps li:not(:last-child):after{content:'';position:absolute;left:calc(100% + 7px);top:50%;width:8px;height:8px;border-top:1.5px solid var(--accent);border-right:1.5px solid var(--accent);transform:translateY(-50%) rotate(45deg)}
.automation-concept-number{display:block;margin-bottom:12px;font-family:'Courier New',monospace;font-size:.75rem;color:var(--accent)}
.automation-concept-steps strong{display:block;font-size:.9375rem;font-weight:550;line-height:1.4}
.automation-concept-steps p{font-size:.875rem;color:var(--muted);line-height:1.65;margin-top:9px;overflow-wrap:anywhere}
.automation-concept-refine{position:relative;margin:14px 0 0 21%;padding:0 0 14px;border-bottom:1px solid var(--accent);text-align:center;color:var(--muted);font-size:.75rem;line-height:1.6}
.automation-concept-refine:before{content:'';position:absolute;left:0;bottom:-4px;width:7px;height:7px;border-left:1px solid var(--accent);border-bottom:1px solid var(--accent);transform:rotate(45deg)}
.automation-concept figcaption{margin-top:16px;font-size:.8125rem;line-height:1.7;color:var(--muted)}
.design-figure{max-width:680px;margin-inline:auto}
.design-process{list-style:none;counter-reset:process-step;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.design-process li{counter-increment:process-step;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;min-width:0;padding:18px 0;border-top:1px solid var(--line);margin:0!important}
.design-process li:before{content:counter(process-step,upper-alpha);color:var(--accent);font-family:'Courier New',monospace;font-size:1.2rem;line-height:1.4}
.design-process strong{display:block;font-size:1rem;font-weight:550;line-height:1.5}
.design-process p{font-size:.9375rem;color:var(--muted);line-height:1.7;margin-top:7px}
.design-concept-references{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:.875rem;margin-top:24px}
.design-concept-references .eyebrow{width:100%;font-size:.875rem;margin:0}
@media(max-width:1100px){.design-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1100px){
  .automation-concept-steps{grid-template-columns:minmax(0,1fr);gap:20px}
  .automation-concept-steps li{display:grid;grid-template-columns:24px 100px minmax(0,1fr);gap:12px;align-items:center;padding:14px 16px}
  .automation-concept-number,.automation-concept-steps p{margin:0}
  .automation-concept-steps li:not(:last-child):after{left:50%;top:calc(100% + 6px);transform:translateX(-50%) rotate(135deg)}
  .automation-concept-refine{margin-left:0}
}
@media(max-width:760px){
  .design-layout{padding-top:0}
  .design-publication{padding:20px}
  .design-publication h3{font-size:1.1rem}
  .design-workflow{gap:12px}
  .design-process{grid-template-columns:minmax(0,1fr)}
  .design-figure .roadmap-figure-image{padding:6px}
  .automation-concept-steps{grid-template-columns:minmax(0,1fr);gap:20px}
  .automation-concept-steps li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px 12px;padding:14px 16px}
  .automation-concept-number{grid-row:1 / 3;margin:0;padding-top:2px}
  .automation-concept-steps p{grid-column:2;margin:0;font-size:.875rem}
  .automation-concept-steps strong{font-size:1rem}
  .automation-concept-steps li:not(:last-child):after{left:50%;top:calc(100% + 6px);transform:translateX(-50%) rotate(135deg)}
  .automation-concept-refine{margin-left:0;font-size:.8125rem}
}
@media(max-width:360px){.design-workflow{grid-template-columns:minmax(0,1fr)}}