.c-study-relay-workflow{color:var(--color-text);font-family:var(--font-body);overflow-wrap:anywhere}.c-study-relay-workflow h1,.c-study-relay-workflow h2,.c-study-relay-workflow h3{font-family:var(--font-display);color:inherit}.c-study-relay-workflow p,.c-study-relay-workflow li{line-height:1.6}.c-study-relay-workflow a{color:inherit;text-underline-offset:.2em}.c-study-relay-workflow a:focus-visible,.c-study-relay-workflow summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.c-study-relay-workflow img,.c-study-relay-workflow svg{max-width:100%;height:auto}.c-study-relay-workflow table{border-collapse:collapse;width:100%}.c-study-relay-workflow th,.c-study-relay-workflow td{text-align:left;padding:.8rem;border-bottom:1px solid var(--color-border)}.c-study-relay-workflow .teaching{font-size:.85rem;line-height:1.5}.c-study-relay-workflow nav a{display:inline-flex;align-items:center;min-height:44px}
.c-study-relay-workflow {max-width:1250px;margin:auto;padding:2rem}.c-study-relay-workflow nav{display:flex;gap:2rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.c-study-relay-workflow nav a:first-child{margin-right:auto;font-weight:800}.c-study-relay-workflow h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.05;margin:4rem 0 3rem}.c-study-relay-workflow .workspace{display:grid;grid-template-columns:1fr 3fr;border:1px solid var(--color-border);box-shadow:8px 8px 0 var(--color-surface-2);background:var(--color-surface)}.c-study-relay-workflow .workspace aside{padding:2rem;background:var(--color-surface-2);font-size:.9rem}.c-study-relay-workflow .workspace section{padding:2rem}.c-study-relay-workflow .workspace h2{font-size:1.1rem;margin:0}.c-study-relay-workflow caption{font-size:.8rem;text-align:left;margin:1rem 0}.c-study-relay-workflow td:last-child{font-family:ui-monospace,monospace}.c-study-relay-workflow .explanation{margin:5rem 0;display:grid;grid-template-columns:1fr 1.3fr;gap:1rem 4rem}.c-study-relay-workflow .explanation a,.c-study-relay-workflow .explanation>.teaching{grid-column:2/3}.c-study-relay-workflow .boundary{font-size:.85rem}.c-study-relay-workflow .walkthrough{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin:3rem 0}.c-study-relay-workflow .walkthrough h1{font-size:clamp(2rem,4vw,4rem);margin-top:1rem}.c-study-relay-workflow details{border-block:1px solid var(--color-border);padding:1rem 0}.c-study-relay-workflow summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item;align-content:center}.c-study-relay-workflow .states p{max-width:50ch}@media(max-width:750px){.c-study-relay-workflow {padding:1rem}.c-study-relay-workflow nav{gap:1rem}.c-study-relay-workflow h1{margin:2rem 0;font-size:2.8rem}.c-study-relay-workflow .workspace,.c-study-relay-workflow .explanation,.c-study-relay-workflow .walkthrough{display:block}.c-study-relay-workflow .workspace aside,.c-study-relay-workflow .workspace section{padding:1rem}.c-study-relay-workflow .explanation{margin:3rem 0}.c-study-relay-workflow .states{margin:2rem 0}}