.chem-guide{max-width:1200px;margin:auto;padding:clamp(1.25rem,4vw,4rem);color:rgb(var(--color-ink))}.chem-guide [id]{scroll-margin-top:calc(var(--header-height) + 2rem)}.chem-guide [hidden]{display:none!important}.chem-guide a{text-underline-offset:.25em}.chem-guide a:hover{color:rgb(var(--color-accent))}.chem-guide :is(a,button,input,select,summary):focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:5px}.chem-guide p{line-height:1.75;margin:0 0 1rem}.chem-guide .chem-kicker{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:rgb(var(--color-accent))}.chem-hero{padding:1.5rem 0 2rem}.chem-hero h1{font-family:var(--font-editorial);font-size:clamp(3rem,6.4vw,6rem);letter-spacing:-.055em;line-height:1.07;margin:1.5rem 0;font-weight:500}.chem-hero>p{max-width:39rem}.chem-hero .chem-lead{font-size:1.3rem;color:rgb(var(--color-accent))}.chem-map{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem}.chem-map>:is(a,div){border-top:1px solid rgb(var(--color-line));padding-top:1rem;font-size:.9rem;text-decoration:none}.chem-map span{display:block;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-muted));margin-bottom:.5rem}.chem-map b{color:rgb(var(--color-accent))}.chem-nav{display:flex;flex-wrap:wrap;gap:.5rem;padding:1.5rem 0;border-block:1px solid rgb(var(--color-line))}.chem-nav a{border:1px solid rgb(var(--color-line));border-radius:99px;padding:.5rem 1rem;font-size:.8rem;text-decoration:none}.chem-nav a:hover{background:rgb(var(--color-accent) / .08)}.chem-section{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(2rem,4vw,4rem);padding:4rem 0;border-bottom:1px solid rgb(var(--color-line))}.chem-guide h2{font-family:var(--font-editorial);font-weight:500;font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.15;letter-spacing:-.025em;margin-bottom:1rem}.chem-copy{font-size:.9rem}.chem-copy .chem-deck{font-size:1.1rem;color:rgb(var(--color-accent))}.chem-limit{border-left:2px solid rgb(var(--color-clay));padding-left:1rem;color:rgb(var(--color-muted))}.chem-guide .chem-reference{font-size:.78rem;padding-top:.5rem}.chem-guide .chem-reference a{display:block}.chem-copy details,.chem-source{font-size:.78rem;color:rgb(var(--color-muted))}.chem-copy summary{cursor:pointer;padding:.5rem 0;font-weight:700}.chem-copy details p{margin-top:.5rem}.chem-copy a,.chem-references a{text-decoration:underline}.chem-figure{min-width:0;margin:0;padding:clamp(1rem,2.4vw,2rem);border:1px solid rgb(var(--color-line));border-radius:1.25rem;background:rgb(var(--color-surface))}.chem-figure-heading{display:flex;justify-content:space-between;gap:.75rem;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;font-weight:800;color:rgb(var(--color-muted));margin-bottom:1.5rem}.chem-figure-heading span:last-child{color:rgb(var(--color-accent));white-space:nowrap}.chem-figure svg{width:100%;height:auto;overflow:visible}.chem-figure svg text{font-family:var(--font-interface);font-size:14px;fill:rgb(var(--color-muted))}.chem-axis,.chem-outline{fill:none;stroke:rgb(var(--color-muted));stroke-width:1.5}.chem-curve{fill:none;stroke:rgb(var(--color-accent));stroke-width:3}.chem-secondary{fill:none;stroke:rgb(var(--color-clay));stroke-width:3;stroke-dasharray:7 5}.chem-dashed{fill:none;stroke:rgb(var(--color-muted));stroke-width:1.5;stroke-dasharray:4 4}.chem-fill{fill:rgb(var(--color-accent))}.chem-track{fill:rgb(var(--color-line))}.chem-liquid{fill:rgb(var(--color-gold) / .4)}.chem-liquid.is-endpoint{fill:rgb(var(--color-clay) / .5)}.chem-highlight{fill:rgb(var(--color-accent) / .12);stroke:rgb(var(--color-accent));stroke-width:1}.chem-figure figcaption{color:rgb(var(--color-muted));font-size:.65rem;margin-top:1rem}.chem-control{margin:1rem 0}.chem-control label{display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem;font-weight:700}.chem-control input{width:100%;accent-color:rgb(var(--color-accent));min-height:36px}.chem-control select{width:100%;padding:.7rem;margin-top:.5rem;border:1px solid rgb(var(--color-line));border-radius:.5rem;color:rgb(var(--color-ink));background:rgb(var(--color-bg));font-size:.85rem}.chem-guide .chem-readout{margin:1rem 0 0;padding:.85rem 1rem;background:rgb(var(--color-bg));border-radius:.6rem;font-size:.8rem;min-height:4.8rem}.chem-buttons{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.chem-buttons button{font-size:.75rem;padding:.6rem .8rem;min-height:40px;border:1px solid rgb(var(--color-line));border-radius:99px}.chem-buttons button[aria-pressed=true]{background:rgb(var(--color-accent));color:rgb(var(--color-on-accent));border-color:transparent}.chem-guide .chem-legend{display:flex;flex-wrap:wrap;gap:.7rem;font-size:.7rem;margin-top:.8rem}.chem-legend span:first-child{color:rgb(var(--color-accent))}.chem-legend span:last-child{color:rgb(var(--color-clay))}.chem-mono,.chem-formula{font-family:ui-monospace,monospace}.chem-guide .chem-reaction{font-size:.8rem;color:rgb(var(--color-accent))}.chem-figure h3{font-family:var(--font-editorial);font-size:1.3rem;margin:1.5rem 0 1rem}.chem-figure [data-phenol-panel] p{font-size:.83rem}.chem-process{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:2rem 0;font-size:.8rem}.chem-process span{background:rgb(var(--color-accent) / .08);border:1px solid rgb(var(--color-line));border-radius:.6rem;padding:1rem .5rem;flex:1;text-align:center}.chem-together{padding:4rem 0 2rem}.chem-together>p:last-child{max-width:50rem;margin-top:2rem;font-size:.9rem}.chem-references{padding-top:2rem;color:rgb(var(--color-muted));font-size:.8rem}.chem-references h2{font-size:1.5rem;color:rgb(var(--color-ink))}@media(max-width:850px){.chem-section{grid-template-columns:1fr;gap:1.5rem;padding:2.5rem 0}.chem-map{grid-template-columns:1fr;gap:1rem}.chem-figure{max-width:620px;width:100%}}@media(max-width:480px){.chem-figure svg text{font-size:18px}}@media(prefers-reduced-motion:reduce){.chem-guide *{scroll-behavior:auto;animation:none;transition:none}}.chem-section--lab{grid-template-columns:minmax(0,1fr);gap:2rem}.chem-section--lab>.chem-copy{max-width:48rem}.chem-lab{width:100%;max-width:none}.chem-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.chem-sample{min-width:0;border:1px solid rgb(var(--color-line));border-top:3px solid rgb(var(--color-accent));border-radius:.7rem;padding:1rem}.chem-sample.is-above{border-top-color:rgb(var(--color-clay))}.chem-sample h3{font-family:var(--font-interface);font-size:.8rem;font-weight:800;margin:0 0 .5rem;color:rgb(var(--color-accent))}.chem-sample.is-above h3{color:rgb(var(--color-clay))}.chem-guide .chem-sample-value{font-size:.95rem;margin-bottom:1rem}.chem-sample-value strong{font-family:ui-monospace,monospace;font-size:1.5rem}.chem-sample.is-above .chem-curve{stroke:rgb(var(--color-clay))}.chem-sample.is-above .chem-fill{fill:rgb(var(--color-clay))}.chem-threshold{fill:none;stroke:rgb(var(--color-clay));stroke-width:1.5;stroke-dasharray:8 5}.chem-above-zone{fill:rgb(var(--color-clay) / .08)}.chem-gap{fill:none;stroke:rgb(var(--color-ink));stroke-width:2}.chem-guide .chem-note{color:rgb(var(--color-muted));font-size:.8rem;line-height:1.6;margin:.8rem 0 0}.chem-lab-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:1.5rem}.chem-delta-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}.chem-result{padding:1rem;border:1px solid rgb(var(--color-accent));background:rgb(var(--color-accent) / .06);border-radius:.7rem}.chem-result.is-above{border-color:rgb(var(--color-clay));background:rgb(var(--color-clay) / .06)}.chem-result strong{display:block;font-family:ui-monospace,monospace;font-size:1.5rem}.chem-result span{display:block;font-size:.8rem;margin-top:.3rem}.chem-calculation{list-style:decimal;padding-left:1.3rem;margin-top:1rem;font-size:.8rem;line-height:1.8}.chem-calculation li{padding-bottom:.5rem}.chem-calculation strong{display:block;font-family:ui-monospace,monospace}.chem-three-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:1rem}.chem-peak-area{fill:rgb(var(--color-accent) / .22)}.chem-sample.is-above .chem-peak-area{fill:rgb(var(--color-clay) / .22)}.chem-sample .chem-curve.chem-standard{stroke:rgb(var(--color-muted));stroke-dasharray:4 3}.chem-sample .chem-peak-area.chem-standard{fill:rgb(var(--color-muted) / .16)}.chem-peak-area.is-selected-peak{stroke:rgb(var(--color-ink));stroke-width:2}.chem-guide .chem-peak-sum{font-family:ui-monospace,monospace;font-size:.8rem;margin-top:.8rem}.chem-lab details{margin-top:1rem;font-size:.8rem;line-height:1.7}.chem-lab summary{cursor:pointer;font-weight:700}.chem-lab details p{margin-top:.75rem}.chem-gc-process{margin:0 0 1.5rem}@media(max-width:700px){.chem-comparison,.chem-delta-layout,.chem-lab-controls,.chem-three-controls{grid-template-columns:minmax(0,1fr);gap:1rem}.chem-lab-controls .chem-control,.chem-three-controls .chem-control{margin:.5rem 0}.chem-sample{padding:.7rem}.chem-lab .chem-buttons{margin:.5rem 0 1rem}.chem-gc-process{font-size:.7rem;gap:.25rem}.chem-gc-process span{padding:.7rem .3rem}}.chem-delta-layout .chem-legend span:first-child{color:rgb(var(--color-muted))}@media(max-width:480px){.chem-lab svg text{font-size:24px}}.chem-uv-overlay{max-width:850px;margin:0 auto}.chem-uv-legend{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;margin:1rem 0;font-size:.8rem}.chem-uv-legend>span{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.chem-uv-legend i{width:1.5rem;border-top:3px solid rgb(var(--color-accent))}.chem-uv-legend .is-above i{border-color:#e66b6b}.chem-uv-overlay .is-above .chem-curve{stroke:#e66b6b}.chem-uv-overlay .is-above .chem-fill{fill:#e66b6b}.chem-uv-overlay .chem-threshold{stroke:rgb(var(--color-muted))}#uv-solvent-control[hidden]{display:none}