.lab-card{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);gap:24px;margin:28px 0;align-items:start}.lab-card h2{margin:0 0 12px}.lab-card img,.lab-step img,.lab-comparison img{display:block;width:100%;height:auto}.lab-thumbnail{display:block}.lab-step{border-top:1px solid var(--line);padding-top:12px;margin:32px 0}.lab-step h3{margin:0 0 8px}.lab-step>math{font-size:1.35rem;margin:12px 0}.lab-step figure,.lab-comparison{margin:20px 0 12px}.lab-step figcaption,.lab-comparison figcaption{font-size:14px;color:var(--muted);margin-top:8px}.lab-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0}.lab-legend li{display:grid;grid-template-columns:22px 1.25em max-content;align-items:center;column-gap:8px;margin:0}.lab-legend .lab-formula{white-space:nowrap;font-size:1rem;line-height:1.6}.lab-swatch{width:22px;flex:0 0 22px;border-top:3px solid}.lab-color-1{color:#73B5FF}.lab-color-2{color:#ED8CB5}.lab-color-3{color:#77D4A0}.lab-color-4{color:#F0C675}.lab-color-5{color:#C6AFE8}.lab-color-6{color:#62D8E3}.laboratory pre{max-width:100%}.laboratory details{margin:18px 0}.laboratory summary{cursor:pointer}.laboratory h2{scroll-margin-top:16px}.site-header nav{flex-wrap:wrap}@media(max-width:700px){.lab-card{grid-template-columns:minmax(0,1fr);gap:18px}}@media(max-width:1000px){.lab-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.lab-legend{grid-template-columns:minmax(0,1fr)}}