.config-code-stage pre{max-height:570px}.config-pipeline{padding:72px 0;border-top:1px solid var(--line)}.pipeline-track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.pipeline-track article{min-height:210px;padding:24px;border-right:1px solid var(--line);background:#09100c}.pipeline-track article:last-child{border:0;background:#0d1812}.pipeline-track code{color:var(--brand-green);font:12px ui-monospace}.pipeline-track h3{margin:36px 0 10px;font:500 20px HostGrotesk,sans-serif}.pipeline-track p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.doc-difference{margin-top:22px;padding:22px;border-left:2px solid var(--brand-green);background:#0b140f}.doc-difference strong{color:var(--brand-green);font-size:13px}.doc-difference p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.config-principle{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:72px 0;border-top:1px solid var(--line)}.config-principle h2{margin:0 0 16px;font:500 38px/1.08 HostGrotesk,sans-serif;letter-spacing:-.03em}.config-principle p{color:var(--muted);line-height:1.7}.contrast-code{display:grid;gap:12px}.contrast-code>div{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:18px;padding:20px;border:1px solid var(--line);border-radius:12px}.contrast-code>div:last-child{border-color:#355645;background:#22bd7e0b}.contrast-code span{color:var(--muted);font-size:12px}.contrast-code code{color:#dbe8e1;font:13px ui-monospace}.hmr-sequence{display:flex;align-items:center;gap:12px;overflow:auto;padding:5px 0}.hmr-sequence span{flex:none;padding:15px 18px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:13px}.hmr-sequence span:last-child{border-color:var(--brand-green);color:var(--brand-green)}.hmr-sequence i{color:#526158;font-style:normal}@media(max-width:900px){.pipeline-track{grid-template-columns:1fr 1fr}.pipeline-track article:nth-child(2){border-right:0}.pipeline-track article:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:720px){.pipeline-track,.config-principle{grid-template-columns:1fr}.pipeline-track article{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.pipeline-track article:nth-child(2){border-bottom:1px solid var(--line)}.config-principle{gap:28px;padding:54px 0}.contrast-code>div{grid-template-columns:1fr}.config-code-stage pre{max-height:450px}}