{"id":1299,"date":"2026-05-13T12:59:32","date_gmt":"2026-05-13T10:59:32","guid":{"rendered":"https:\/\/q2g649veoy.apb.spinupwp.site\/?post_type=articles&#038;p=1299"},"modified":"2026-06-08T15:16:46","modified_gmt":"2026-06-08T13:16:46","slug":"what-is-chromatography","status":"publish","type":"articles","link":"https:\/\/q2g649veoy.apb.spinupwp.site\/en\/articles\/what-is-chromatography\/","title":{"rendered":"Part I \u2013 What Is Chromatography? An Introduction to the Essentials"},"content":{"rendered":"\n<!-- Part I \u2014 What Is Chromatography \u2014 v3.0 (textbook register) -->\n<style>\n        \/* ==========================================\n           CSS VARIABLES - Customize your fonts\/colors here\n           ========================================== *\/\n        :root {\n            \/* Colors - modify these to match your WordPress theme *\/\n            --color-primary: #1a365d;\n            --color-primary-light: #2c5282;\n            --color-accent: #3182ce;\n            --color-accent-light: #63b3ed;\n            --color-text: #2d3748;\n            --color-text-light: #718096;\n            --color-bg: #ffffff;\n            --color-bg-alt: #f7fafc;\n            --color-bg-card: #edf2f7;\n            --color-border: #e2e8f0;\n            \n            \/* Fonts - modify these to match your WordPress theme *\/\n            --font-heading: inherit;\n            --font-body: inherit;\n            \n            \/* Spacing *\/\n            --space-xs: 0.5rem;\n            --space-sm: 1rem;\n            --space-md: 1.5rem;\n            --space-lg: 2rem;\n            --space-xl: 3rem;\n            --space-2xl: 4rem;\n            \n            \/* Layout *\/\n            --max-width: 900px;\n            --sidebar-width: 260px;\n        }\n\n        \/* ==========================================\n           BASE STYLES\n           ========================================== *\/\n        *, *::before, *::after {\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n            font-family: var(--font-body);\n            color: var(--color-text);\n            background: var(--color-bg);\n            line-height: 1.7;\n            font-size: 17px;\n        }\n\n        img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        \/* ==========================================\n           LAYOUT\n           ========================================== *\/\n        .article-wrapper {\n            display: flex;\n            max-width: 1400px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .article-main {\n            flex: 1;\n            max-width: var(--max-width);\n            margin: 0 auto;\n            padding: var(--space-lg);\n        }\n\n        \/* Sidebar \/ Table of Contents *\/\n        .article-sidebar {\n            width: var(--sidebar-width);\n            flex-shrink: 0;\n            padding: var(--space-lg);\n            display: none;\n        }\n\n        @media (min-width: 1200px) {\n            .article-sidebar {\n                display: block;\n            }\n            \n            .article-wrapper {\n                padding-left: var(--space-lg);\n            }\n        }\n\n        .toc {\n            position: sticky;\n            top: var(--space-lg);\n        }\n\n        .toc-title {\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            color: var(--color-text-light);\n            margin-bottom: var(--space-sm);\n            font-weight: 600;\n        }\n\n        .toc-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .toc-list li {\n            margin-bottom: var(--space-xs);\n        }\n\n        .toc-list a {\n            color: var(--color-text-light);\n            text-decoration: none;\n            font-size: 0.875rem;\n            display: block;\n            padding: var(--space-xs) 0;\n            border-left: 2px solid transparent;\n            padding-left: var(--space-sm);\n            transition: all 0.2s ease;\n        }\n\n        .toc-list a:hover,\n        .toc-list a.active {\n            color: var(--color-accent);\n            border-left-color: var(--color-accent);\n        }\n\n        \/* ==========================================\n           HERO SECTION\n           ========================================== *\/\n        .article-hero {\n            background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);\n            color: white;\n            padding: var(--space-2xl) var(--space-lg);\n            margin: calc(-1 * var(--space-lg));\n            margin-bottom: var(--space-xl);\n            border-radius: 0 0 2rem 2rem;\n        }\n\n        .article-hero h2 {\n            font-family: var(--font-heading);\n            font-size: clamp(2rem, 5vw, 2.75rem);\n            margin: 0 0 var(--space-md);\n            line-height: 1.2;\n            font-weight: 700;\n            color: white;\n        }\n\n        .article-hero .lead {\n            font-size: 1.2rem;\n            color: white;\n            max-width: 700px;\n            margin: 0;\n        }\n\n        \/* ==========================================\n           TYPOGRAPHY\n           ========================================== *\/\n        h2 {\n            font-family: var(--font-heading);\n            font-size: 1.75rem;\n            color: var(--color-primary);\n            margin: var(--space-2xl) 0 var(--space-md);\n            padding-bottom: var(--space-sm);\n            border-bottom: 2px solid var(--color-border);\n            scroll-margin-top: var(--space-lg);\n        }\n\n        h3 {\n            font-family: var(--font-heading);\n            font-size: 1.35rem;\n            color: var(--color-accent);\n            margin: var(--space-xl) 0 var(--space-sm);\n        }\n\n        h4 {\n            font-family: var(--font-heading);\n            font-size: 1.15rem;\n            color: var(--color-text);\n            margin: var(--space-lg) 0 var(--space-xs);\n        }\n\n        p {\n            margin: 0 0 var(--space-md);\n        }\n\n        strong {\n            color: var(--color-primary);\n        }\n\n        \/* ==========================================\n           KEY CONCEPT CALLOUT\n           ========================================== *\/\n        .callout {\n            background: var(--color-bg-alt);\n            border-left: 4px solid var(--color-accent);\n            padding: var(--space-md) var(--space-lg);\n            margin: var(--space-lg) 0;\n            border-radius: 0 0.5rem 0.5rem 0;\n        }\n\n        .callout p {\n            margin: 0;\n            font-size: 1.15rem;\n        }\n\n        .callout strong {\n            color: var(--color-accent);\n        }\n\n        \/* ==========================================\n           LISTS - Card Style\n           ========================================== *\/\n        .card-list {\n            list-style: none;\n            padding: 0;\n            margin: var(--space-lg) 0;\n            display: grid;\n            gap: var(--space-sm);\n        }\n\n        .card-list li {\n            background: var(--color-bg);\n            padding: var(--space-md);\n            border-radius: 0.75rem;\n            border: 1px solid var(--color-border);\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n            font-size: 16px;\n        }\n\n        .card-list li:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n        }\n\n        .card-list li strong {\n            display: block;\n            margin-bottom: var(--space-xs);\n            font-size: 1.1rem;\n            color: var(--color-accent);\n        }\n\n        \/* Simple inline lists *\/\n        .simple-list {\n            padding-left: var(--space-lg);\n            margin: var(--space-md) 0;\n        }\n\n        .simple-list li {\n            margin-bottom: var(--space-xs);\n        }\n\n        \/* Nested lists *\/\n        .nested-list {\n            padding-left: var(--space-lg);\n            margin: var(--space-sm) 0;\n        }\n\n        .nested-list li {\n            margin-bottom: var(--space-xs);\n        }\n\n        \/* ==========================================\n           TWO-COLUMN GRID\n           ========================================== *\/\n        .two-col-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: var(--space-md);\n            margin: var(--space-lg) 0;\n        }\n\n        @media (min-width: 640px) {\n            .two-col-grid {\n                grid-template-columns: 1fr 1fr;\n            }\n        }\n\n        .grid-card {\n            background: var(--color-bg);\n            padding: var(--space-md);\n            border-radius: 0.75rem;\n            border: 1px solid var(--color-border);\n            font-size: 16px;\n        }\n\n        .grid-card h4 {\n            margin-top: 0;\n            color: var(--color-accent);\n        }\n\n        .grid-card p:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* ==========================================\n           IMAGES\n           ========================================== *\/\n        .article-image {\n            margin: var(--space-xl) 0;\n            border-radius: 1rem;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n        }\n\n        .article-image img {\n            width: 100%;\n        }\n\n        .article-image figcaption {\n            background: var(--color-bg-alt);\n            padding: var(--space-sm) var(--space-md);\n            font-size: 0.875rem;\n            color: var(--color-text-light);\n            text-align: center;\n        }\n\n        \/* ==========================================\n           ANALOGY BOX\n           ========================================== *\/\n        .analogy-box {\n            background: linear-gradient(135deg, var(--color-bg-card) 0%, var(--color-bg-alt) 100%);\n            border-radius: 1rem;\n            padding: var(--space-lg);\n            margin: var(--space-xl) 0;\n            border: 1px solid var(--color-border);\n        }\n\n        .analogy-box h4 {\n            margin-top: 0;\n            display: flex;\n            align-items: center;\n            gap: var(--space-xs);\n        }\n\n        .analogy-box h4::before {\n            content: \"\ud83d\udca1\";\n        }\n\n        \/* ==========================================\n           COMPONENT GRID\n           ========================================== *\/\n        .component-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: var(--space-md);\n            margin: var(--space-lg) 0;\n        }\n\n        @media (min-width: 640px) {\n            .component-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (min-width: 900px) {\n            .component-grid {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n\n        .component-card {\n            background: var(--color-bg);\n            border: 1px solid var(--color-border);\n            border-radius: 0.75rem;\n            padding: var(--space-md);\n            transition: all 0.2s ease;\n        }\n\n        .component-card:hover {\n            border-color: var(--color-accent);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n        }\n\n        .component-card strong {\n            display: block;\n            font-size: 1.05rem;\n            margin-bottom: var(--space-xs);\n            color: var(--color-accent);\n        }\n\n        .component-card p {\n            font-size: 0.95rem;\n            color: var(--color-text-light);\n            margin: 0;\n        }\n\n        \/* ==========================================\n           CHROMATOGRAM FEATURES\n           ========================================== *\/\n        .feature-list {\n            list-style: none;\n            padding: 0;\n            margin: var(--space-lg) 0;\n        }\n\n        .feature-list li {\n            display: flex;\n            gap: var(--space-md);\n            padding: var(--space-md) 0;\n            border-bottom: 1px solid var(--color-border);\n        }\n\n        .feature-list li:last-child {\n            border-bottom: none;\n        }\n\n        .feature-label {\n            flex-shrink: 0;\n            width: 140px;\n            font-weight: 600;\n            color: var(--color-primary);\n        }\n\n        @media (max-width: 480px) {\n            .feature-list li {\n                flex-direction: column;\n                gap: var(--space-xs);\n            }\n            \n            .feature-label {\n                width: auto;\n            }\n        }\n\n        \/* ==========================================\n           COMPARISON SECTION\n           ========================================== *\/\n        .comparison-section {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: var(--space-lg);\n            margin: var(--space-xl) 0;\n        }\n\n        @media (min-width: 768px) {\n            .comparison-section {\n                grid-template-columns: 1fr 1fr;\n            }\n        }\n\n        .comparison-card {\n            background: var(--color-bg);\n            border: 2px solid var(--color-border);\n            border-radius: 1rem;\n            overflow: hidden;\n        }\n\n        .comparison-card.analytical {\n            border-color: var(--color-accent-light);\n        }\n\n        .comparison-card.preparative {\n            border-color: var(--color-primary);\n        }\n\n        .comparison-header {\n            padding: var(--space-sm) var(--space-md);\n            font-weight: 700;\n            font-size: 1rem;\n        }\n\n        .comparison-card.analytical .comparison-header {\n            background: var(--color-accent-light);\n            color: var(--color-primary);\n        }\n\n        .comparison-card.preparative .comparison-header {\n            background: var(--color-primary);\n            color: white;\n        }\n\n        .comparison-content {\n            padding: var(--space-sm) var(--space-md);\n            font-size: 0.875rem;\n        }\n\n        .comparison-content ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .comparison-content li {\n            padding: 0.35rem 0;\n            border-bottom: 1px solid var(--color-border);\n            display: flex;\n            gap: var(--space-xs);\n        }\n\n        .comparison-content li:last-child {\n            border-bottom: none;\n        }\n\n        .comparison-content li strong {\n            flex-shrink: 0;\n            width: 75px;\n            color: var(--color-text-light);\n            font-weight: 600;\n            font-size: 0.8rem;\n        }\n\n        \/* ==========================================\n           TABLE - Glossary\n           ========================================== *\/\n        .glossary-table {\n            width: 100%;\n            border-collapse: collapse;\n            margin: var(--space-lg) 0;\n            font-size: 0.95rem;\n        }\n\n        .glossary-table thead {\n            background: var(--color-primary);\n            color: white;\n        }\n\n        .glossary-table th {\n            padding: var(--space-md);\n            text-align: left;\n            font-weight: 600;\n            color: white !important;\n        }\n\n        .glossary-table td {\n            padding: var(--space-md);\n            border-bottom: 1px solid var(--color-border);\n            vertical-align: top;\n        }\n\n        .glossary-table tr:hover td {\n            background: var(--color-bg-alt);\n        }\n\n        .glossary-table td:first-child {\n            font-weight: 600;\n            color: var(--color-primary);\n            white-space: nowrap;\n            width: 220px;\n        }\n\n        @media (max-width: 640px) {\n            .glossary-table {\n                display: block;\n            }\n            \n            .glossary-table thead {\n                display: none;\n            }\n            \n            .glossary-table tbody {\n                display: block;\n            }\n            \n            .glossary-table tr {\n                display: block;\n                margin-bottom: var(--space-md);\n                background: var(--color-bg-alt);\n                border-radius: 0.5rem;\n                overflow: hidden;\n            }\n            \n            .glossary-table td {\n                display: block;\n                border-bottom: none;\n            }\n            \n            .glossary-table td:first-child {\n                width: auto;\n                white-space: normal;\n                background: var(--color-primary);\n                color: white;\n                padding: var(--space-sm) var(--space-md);\n            }\n        }\n\n        \/* ==========================================\n           FAQ ACCORDION\n           ========================================== *\/\n        .faq-section {\n            margin: var(--space-xl) 0;\n        }\n\n        .faq-item {\n            border: 1px solid var(--color-border);\n            border-radius: 0.75rem;\n            margin-bottom: var(--space-sm);\n            overflow: hidden;\n            transition: box-shadow 0.2s ease;\n        }\n\n        .faq-item:hover {\n            box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n        }\n\n        .faq-question {\n            width: 100%;\n            background: var(--color-bg);\n            border: none;\n            padding: var(--space-md) var(--space-lg);\n            text-align: left;\n            cursor: pointer;\n            font-size: 1.05rem;\n            font-weight: 600;\n            color: var(--color-primary);\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: var(--space-md);\n            font-family: inherit;\n        }\n\n        .faq-question::after {\n            content: \"+\";\n            font-size: 1.5rem;\n            font-weight: 300;\n            color: var(--color-accent);\n            transition: transform 0.2s ease;\n        }\n\n        .faq-item.open .faq-question::after {\n            transform: rotate(45deg);\n        }\n\n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n        }\n\n        .faq-item.open .faq-answer {\n            max-height: 1000px;\n        }\n\n        .faq-answer-inner {\n            padding: 0 var(--space-lg) var(--space-lg);\n            border-top: 1px solid var(--color-border);\n            padding-top: var(--space-md);\n        }\n\n        .faq-answer-inner p:last-child,\n        .faq-answer-inner ul:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* ==========================================\n           MOBILE TABLE OF CONTENTS\n           ========================================== *\/\n        .mobile-toc {\n            display: block;\n            background: var(--color-bg-alt);\n            border-radius: 0.75rem;\n            padding: var(--space-md);\n            margin-bottom: var(--space-xl);\n        }\n\n        @media (min-width: 1200px) {\n            .mobile-toc {\n                display: none;\n            }\n        }\n\n        .mobile-toc-toggle {\n            width: 100%;\n            background: none;\n            border: none;\n            font-family: inherit;\n            font-size: 0.875rem;\n            font-weight: 600;\n            color: var(--color-primary);\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 0;\n        }\n\n        .mobile-toc-toggle::after {\n            content: \"\u25bc\";\n            font-size: 0.75rem;\n            transition: transform 0.2s ease;\n        }\n\n        .mobile-toc.open .mobile-toc-toggle::after {\n            transform: rotate(180deg);\n        }\n\n        .mobile-toc-list {\n            display: none;\n        }\n\n        .mobile-toc.open .mobile-toc-list {\n            display: block;\n        }\n\n        .mobile-toc-list ul {\n            list-style: none;\n            padding: 0;\n            margin: var(--space-sm) 0 0;\n        }\n\n        .mobile-toc-list li {\n            margin-bottom: var(--space-xs);\n        }\n\n        .mobile-toc-list a {\n            color: var(--color-text-light);\n            text-decoration: none;\n            font-size: 0.875rem;\n            display: block;\n            padding: var(--space-xs) 0;\n        }\n\n        .mobile-toc-list a:hover {\n            color: var(--color-accent);\n        }\n\n        \/* ==========================================\n           UTILITY CLASSES\n           ========================================== *\/\n        .visually-hidden {\n            position: absolute;\n            width: 1px;\n            height: 1px;\n            padding: 0;\n            margin: -1px;\n            overflow: hidden;\n            clip: rect(0, 0, 0, 0);\n            white-space: nowrap;\n            border: 0;\n        }\n    <\/style>\n\n\n\n<div class=\"article-wrapper\">\n        <!-- Sidebar TOC (desktop only) -->\n        <aside class=\"article-sidebar\">\n            <nav class=\"toc\">\n                <p class=\"toc-title\">In this article<\/p>\n                <ul class=\"toc-list\">\n                    <li><a href=\"#why-matters\">1. Why Chromatography Matters<\/a><\/li>\n                    <li><a href=\"#what-is\">2. What Is Chromatography?<\/a><\/li>\n                    <li><a href=\"#how-works\">3. How It Works<\/a><\/li>\n                    <li><a href=\"#components\">4. Core Components<\/a><\/li>\n                    <li><a href=\"#chromatogram\">5. Reading a Chromatogram<\/a><\/li>\n                    <li><a href=\"#types\">6. Types of Chromatography<\/a><\/li>\n                    <li><a href=\"#analytical-vs-prep\">7. Analytical vs. Preparative<\/a><\/li>\n                    <li><a href=\"#glossary\">8. Key Terms<\/a><\/li>\n                    <li><a href=\"#faq\">9. FAQs<\/a><\/li>\n                <\/ul>\n            <\/nav>\n        <\/aside>\n\n        <!-- Main Content -->\n        <article class=\"article-main\">\n            <!-- Hero Section -->\n            <header class=\"article-hero\">\n                <h2>Understanding Chromatography<\/h2>\n                <p class=\"lead\">Chromatography is among the most important separation techniques in modern science, underpinning pharmaceutical manufacturing, biopharmaceutical purification, food-safety testing, environmental analysis, and clinical diagnostics.<\/p>\n            <\/header>\n\n            <!-- Mobile TOC -->\n            <nav class=\"mobile-toc\" id=\"mobileToc\">\n                <button class=\"mobile-toc-toggle\" aria-expanded=\"false\" aria-controls=\"mobileTocList\">\n                    Table of Contents\n                <\/button>\n                <div class=\"mobile-toc-list\" id=\"mobileTocList\">\n                    <ul>\n                        <li><a href=\"#why-matters\">1. Why Chromatography Matters<\/a><\/li>\n                        <li><a href=\"#what-is\">2. What Is Chromatography?<\/a><\/li>\n                        <li><a href=\"#how-works\">3. How It Works<\/a><\/li>\n                        <li><a href=\"#components\">4. Core Components<\/a><\/li>\n                        <li><a href=\"#chromatogram\">5. Reading a Chromatogram<\/a><\/li>\n                        <li><a href=\"#types\">6. Types of Chromatography<\/a><\/li>\n                        <li><a href=\"#analytical-vs-prep\">7. Analytical vs. Preparative<\/a><\/li>\n                        <li><a href=\"#glossary\">8. Key Terms<\/a><\/li>\n                        <li><a href=\"#faq\">9. FAQs<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/nav>\n\n            <p>Chromatography first appears as an alphabet soup of acronyms \u2014 HPLC, UHPLC, FPLC, GC, SEC, IEX, TLC, HIC \u2014 and as a collection of seemingly unrelated methods, each with its own rules and equipment.<\/p>\n\n            <div class=\"callout\">\n                <p>In reality, <strong>chromatography is a single, unifying concept<\/strong>: a mixture flows through a medium, its components move at different speeds, and they separate. The instrumentation, software, resin chemistries, and method names are all just ways of implementing that one principle.<\/p>\n            <\/div>\n\n            <p>This article is a practical primer on that principle: what chromatography is, how it works, its main types, and why it matters. It is the foundation for the rest of the series, which builds from here toward preparative purification and the techniques used to scale it.<\/p>\n\n            <!-- Section 1 -->\n            <h2 id=\"why-matters\">1. Why Chromatography Matters: Real-World Impact<\/h2>\n\n            <p>Chromatography is deeply embedded in modern life, helping ensure that medicines are safe, water is clean, foods are consistent, and research data are reliable.<\/p>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/q2g649veoy.apb.spinupwp.site\/wp-content\/uploads\/2025\/11\/Part1_22-1024x765.jpg\" alt=\"Chromatography in real-world applications\" loading=\"lazy\">\n            <\/figure>\n\n            <ul class=\"card-list\">\n                <li>\n                    <strong>Pharmaceutical development and manufacturing<\/strong>\n                    Purifies small-molecule drugs, biologics (antibodies, proteins), vaccines, peptides, and oligonucleotides; quality-control labs use analytical HPLC and related techniques to assay active ingredients and monitor purity, impurities, and degradation products.\n                <\/li>\n                <li>\n                    <strong>Environmental analysis<\/strong>\n                    LC and GC detect pollutants \u2014 pesticides, industrial chemicals, and other contaminants \u2014 in air, water, and soil, often to parts-per-billion or parts-per-trillion.\n                <\/li>\n                <li>\n                    <strong>Food and beverage testing<\/strong>\n                    Ensures safety and quality by measuring vitamins, flavor compounds, additives, and residues of pesticides, mycotoxins, and veterinary drugs.\n                <\/li>\n                <li>\n                    <strong>Biotechnology and research<\/strong>\n                    Central to purifying and characterizing biomolecules in proteomics, metabolomics, and genomics workflows.\n                <\/li>\n                <li>\n                    <strong>Forensic and clinical applications<\/strong>\n                    GC\u2013MS and LC\u2013MS identify drugs of abuse, toxins, and unknown compounds in forensic labs; clinical labs measure analytes such as amino acids, vitamins, and therapeutic drug levels in patient samples.\n                <\/li>\n            <\/ul>\n\n            <!-- Section 2 -->\n            <h2 id=\"what-is\">2. What Is Chromatography? (Definition)<\/h2>\n\n            <div class=\"callout\">\n                <p><strong>Chromatography separates the components of a mixture according to their differing interactions with a stationary phase and a mobile phase.<\/strong><\/p>\n            <\/div>\n\n            <p>Chromatography is used to <strong>isolate, identify, and sometimes collect<\/strong> individual components of a complex mixture \u2014 both to gain information (analytical chromatography) and to obtain purified material (preparative chromatography).<\/p>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/q2g649veoy.apb.spinupwp.site\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_4ivf5h4ivf5h4ivf-1024x565.jpg\" alt=\"Chromatography concept illustration\" loading=\"lazy\">\n            <\/figure>\n\n            <h3>The Two Phases: Stationary and Mobile<\/h3>\n\n            <p>Every chromatographic method involves two distinct phases:<\/p>\n\n            <div class=\"two-col-grid\">\n                <div class=\"grid-card\">\n                    <h4>Stationary Phase<\/h4>\n                    <p>A material fixed in place that interacts with the sample components \u2014 porous beads packed into a column, a thin layer on a plate (TLC), or a membrane.<\/p>\n                <\/div>\n                <div class=\"grid-card\">\n                    <h4>Mobile Phase<\/h4>\n                    <p>A fluid \u2014 liquid or gas \u2014 that flows through the stationary phase, carrying the sample with it.<\/p>\n                <\/div>\n            <\/div>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/q2g649veoy.apb.spinupwp.site\/wp-content\/uploads\/2025\/11\/Part1_19-1-1024x559.jpg\" alt=\"Stationary and mobile phases diagram\" loading=\"lazy\">\n            <\/figure>\n\n            <h3>How Chromatographic Separation Happens<\/h3>\n\n            <p>As the mobile phase moves through the stationary phase, each molecule spends a different proportion of its time in each phase:<\/p>\n\n            <ul class=\"simple-list\">\n                <li>Molecules that interact strongly with the stationary phase move more slowly.<\/li>\n                <li>Molecules that prefer to remain in the mobile phase move more quickly.<\/li>\n            <\/ul>\n\n            <p>These differing migration speeds gradually separate the mixture: faster-moving species elute (exit the column) first, slower-moving ones later. The time a molecule takes to pass through is its <strong>retention time<\/strong> \u2014 and, as the next section shows, every mode of chromatography is simply a different way of making the target retain differently from everything around it.<\/p>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/q2g649veoy.apb.spinupwp.site\/wp-content\/uploads\/2025\/11\/Part-1_11-1024x559.jpg\" alt=\"Separation process visualization\" loading=\"lazy\">\n            <\/figure>\n\n            <div class=\"analogy-box\">\n                <h4>A Simple Analogy<\/h4>\n                <p>Imagine a running track with sticky patches:<\/p>\n                <ul class=\"simple-list\">\n                    <li>Each runner represents a different molecule.<\/li>\n                    <li>The track is the stationary phase.<\/li>\n                    <li>Air pushing the runners forward is the mobile phase.<\/li>\n                <\/ul>\n                <p>Runners who get stuck more often (high affinity for the stationary phase) finish later; those who rarely stick finish earlier. By the finish line they are spread out \u2014 and in chromatography, that spread is the separation.<\/p>\n            <\/div>\n\n            <!-- Section 3 -->\n            <h2 id=\"how-works\">3. How Chromatography Works: Key Separation Mechanisms<\/h2>\n\n            <p>If separation comes down to making molecules retain differently, the practical question is <em>which property<\/em> to exploit. Pick a property on which the target differs from its impurities, then use a stationary phase mechanism built to respond to it. The mechanisms below exploit the most useful molecular properties: polarity, charge, size, specific binding, and volatility.<\/p>\n\n            <h3>Polarity: Adsorption and Partition Chromatography<\/h3>\n\n            <p>Separation here is based on how polar or non-polar a molecule is, determining how it distributes between the two phases. This mechanism forms the backbone of several major LC modes:<\/p>\n\n            <div class=\"two-col-grid\">\n                <div class=\"grid-card\">\n                    <h4>Normal-Phase &amp; HILIC<\/h4>\n                    <p>Uses a <strong>polar stationary phase<\/strong> (such as bare silica) and a non-polar mobile phase; polar compounds are retained longer and elute later. <em>Hydrophilic Interaction Liquid Chromatography (HILIC)<\/em> is a specialized variant used to separate highly polar compounds using aqueous-organic mobile phases.<\/p>\n                <\/div>\n                <div class=\"grid-card\">\n                    <h4>Reversed-Phase (RPC) &amp; HIC<\/h4>\n                    <p>The most common HPLC mode, RPC uses a <strong>non-polar stationary phase<\/strong> (hydrophobic) and a polar mobile phase; non-polar compounds elute later. <em>Hydrophobic Interaction Chromatography (HIC)<\/em> similarly exploits hydrophobicity, but uses high-salt aqueous buffers to gently separate fragile biomolecules like proteins.<\/p>\n                <\/div>\n            <\/div>\n\n            <h3>Charge: Ion Exchange Chromatography (IEX)<\/h3>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/q2g649veoy.apb.spinupwp.site\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_pqal08pqal08pqal-1024x547.jpg\" alt=\"Ion exchange chromatography illustration\" loading=\"lazy\">\n            <\/figure>\n\n            <p>When the property is charge rather than polarity, the mode is ion exchange. It separates molecules by electrical charge, using a resin functionalized with charged groups:<\/p>\n\n            <ul class=\"simple-list\">\n                <li><strong>Anion exchangers<\/strong> carry positive charges and bind negatively charged molecules.<\/li>\n                <li><strong>Cation exchangers<\/strong> carry negative charges and bind positively charged molecules.<\/li>\n            <\/ul>\n\n            <p>Bound molecules are later eluted by changing pH or salt concentration. Ion exchange is widely used to purify proteins, peptides, and amino acids.<\/p>\n\n            <h3>Size: Size Exclusion Chromatography (SEC)<\/h3>\n\n            <p>Some separations exploit no chemical interaction at all, only size. Size exclusion chromatography, also called <strong>gel filtration<\/strong>, uses a porous stationary phase as a molecular sieve:<\/p>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/q2g649veoy.apb.spinupwp.site\/wp-content\/uploads\/2025\/11\/Part1_17-1024x559.jpg\" alt=\"Size exclusion chromatography diagram\" loading=\"lazy\">\n            <\/figure>\n\n            <ul class=\"simple-list\">\n                <li><strong>Small molecules<\/strong> can enter the pores, taking a longer, more tortuous path.<\/li>\n                <li><strong>Large molecules<\/strong> cannot enter the pores and move around them, taking a shorter path.<\/li>\n            <\/ul>\n\n            <p>Large molecules therefore elute first, smaller molecules later. SEC is widely used to characterize polymers, desalt samples, and separate target proteins from unwanted high-molecular-weight aggregates.<\/p>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/q2g649veoy.apb.spinupwp.site\/wp-content\/uploads\/2025\/11\/Part1_16-1024x559.jpg\" alt=\"SEC results visualization\" loading=\"lazy\">\n            <\/figure>\n\n            <h3>Specific Binding: Affinity Chromatography (AC)<\/h3>\n\n            <p>The most selective property of all is a molecule&#8217;s specific shape or binding site. Affinity chromatography exploits it through a lock-and-key interaction between a <strong>ligand<\/strong> immobilized on the stationary phase and a specific <strong>target molecule<\/strong> in the sample.<\/p>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/q2g649veoy.apb.spinupwp.site\/wp-content\/uploads\/2025\/11\/Part1_14-1024x559.jpg\" alt=\"Affinity chromatography diagram\" loading=\"lazy\">\n            <\/figure>\n\n            <ul class=\"simple-list\">\n                <li>The target molecule binds strongly and is retained.<\/li>\n                <li>Non-binding components wash through and are removed.<\/li>\n                <li>The target is then eluted by shifting conditions (such as altering pH, increasing salinity, or introducing a competitive ligand) to safely disrupt the lock-and-key interaction.<\/li>\n            <\/ul>\n\n            <p>Because the interaction is so specific, affinity chromatography can deliver very high purity in a single step. It is a cornerstone of antibody and protein purification in biopharmaceutical manufacturing.<\/p>\n\n            <h3>Volatility: Gas Chromatography (GC)<\/h3>\n\n            <p>The properties above all operate in a liquid mobile phase, but separation can also be driven by volatility. Gas chromatography separates compounds by how readily they vaporize and how they interact with a coated stationary phase inside a narrow capillary column; the mobile phase is an inert gas such as helium or nitrogen. GC suits small, volatile organic compounds \u2014 solvents, fragrances, and environmental pollutants.<\/p>\n\n            <!-- Section 4 -->\n            <h2 id=\"components\">4. Core Components of a Chromatography System<\/h2>\n\n            <p>Although chromatographic systems vary widely in complexity and scale, they share a common architecture. These building blocks are the basic vocabulary of chromatography.<\/p>\n\n            <div class=\"component-grid\">\n                <div class=\"component-card\">\n                    <strong>Sample (mixture)<\/strong>\n                    <p>The material to be separated \u2014 a blood sample, fermentation broth, plant extract, or reaction mixture.<\/p>\n                <\/div>\n                <div class=\"component-card\">\n                    <strong>Mobile phase (eluent)<\/strong>\n                    <p>The moving liquid or gas that carries the sample through the system \u2014 a solvent or solvent mixture in LC, an inert gas in GC.<\/p>\n                <\/div>\n                <div class=\"component-card\">\n                    <strong>Pump or flow system<\/strong>\n                    <p>Drives the mobile phase through the system at a defined flow rate and pressure; HPLC uses high-pressure pumps to push solvent through tightly packed columns.<\/p>\n                <\/div>\n                <div class=\"component-card\">\n                    <strong>Column (stationary phase)<\/strong>\n                    <p>Where the separation occurs. The stationary phase (often called resin in LC) is packed into the column; its chemistry and physical properties determine how components separate.<\/p>\n                <\/div>\n                <div class=\"component-card\">\n                    <strong>Detector<\/strong>\n                    <p>A device at the column outlet that senses compounds as they elute. Common types include UV\u2013Vis absorbance (LC), flame-ionization detectors (GC), and mass spectrometers (LC\u2013MS, GC\u2013MS).<\/p>\n                <\/div>\n                <div class=\"component-card\">\n                    <strong>Chromatogram<\/strong>\n                    <p>The detector&#8217;s output, showing how the signal changes over the course of a run.<\/p>\n                <\/div>\n                <div class=\"component-card\">\n                    <strong>Waste \/ fraction collector<\/strong>\n                    <p>After detection, separated components either go to waste or are collected in separate containers for further use or analysis.<\/p>\n                <\/div>\n            <\/div>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/q2g649veoy.apb.spinupwp.site\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_msnu90msnu90msnu-1024x541.jpg\" alt=\"Chromatography system components\" loading=\"lazy\">\n            <\/figure>\n\n            <!-- Section 5 -->\n            <h2 id=\"chromatogram\">5. How to Read a Chromatogram<\/h2>\n\n            <p>A <strong>chromatogram<\/strong> is the visual output of a chromatographic run \u2014 typically a plot of <strong>detector signal (Y-axis)<\/strong> against <strong>time (X-axis)<\/strong>.<\/p>\n\n            <h3>Key Features of a Chromatogram<\/h3>\n\n            <ul class=\"feature-list\">\n                <li>\n                    <span class=\"feature-label\">Baseline<\/span>\n                    <span>The flat signal when only mobile phase passes through the detector and no analytes are eluting.<\/span>\n                <\/li>\n                <li>\n                    <span class=\"feature-label\">Peaks<\/span>\n                    <span>As a separated compound elutes, the signal rises and falls, forming a peak; ideally each peak corresponds to a single component (analyte).<\/span>\n                <\/li>\n                <li>\n                    <span class=\"feature-label\">Retention time (RT)<\/span>\n                    <span>The time from injection to a peak&#8217;s maximum. Under fixed conditions, each compound has a characteristic retention time, usable for identification.<\/span>\n                <\/li>\n                <li>\n                    <span class=\"feature-label\">Peak height &amp; area<\/span>\n                    <span>Peak size correlates with the amount of analyte. Because peaks naturally broaden the longer they remain in the column, quantitation relies on <strong>peak area<\/strong>, which provides a much more robust and accurate measure of total mass than peak height.<\/span>\n                <\/li>\n            <\/ul>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/q2g649veoy.apb.spinupwp.site\/wp-content\/uploads\/2025\/11\/Part-1_2-1024x559.jpg\" alt=\"Chromatogram features diagram\" loading=\"lazy\">\n            <\/figure>\n\n            <h3>Assessing Separation Quality<\/h3>\n\n            <p>Two important indicators of separation quality are <strong>resolution<\/strong> and <strong>peak shape<\/strong>.<\/p>\n\n            <ul class=\"card-list\">\n                <li>\n                    <strong>Resolution<\/strong>\n                    How well two peaks are separated. Good resolution shows distinct, baseline-separated peaks; poor resolution appears as overlapping or merged peaks (co-elution).\n                <\/li>\n                <li>\n                    <strong>Peak shape<\/strong>\n                    <ul class=\"nested-list\">\n                        <li><strong>Symmetrical, narrow peaks<\/strong> indicate an efficient, ideal separation where the sample concentration is low enough to match a linear adsorption isotherm.<\/li>\n                        <li><strong>Tailing<\/strong> features a steep, sharply rising leading edge followed by a long, drawn-out trailing edge. In analytical runs, this usually points to secondary chemical interactions (such as basic analytes sticking to residual acidic silanols). However, in preparative chromatography, it is the classic signature of <strong>mass overloading under a Langmuir isotherm<\/strong>. As high sample concentrations saturate the stationary phase, excess target molecules travel faster and pile up at the front of the band, creating a distinct &#8220;shark-fin&#8221; or &#8220;sailboat&#8221; profile.<\/li>\n                        <li><strong>Fronting<\/strong> is the mirror image of tailing, displaying a gradual leading edge that ends in a sharp drop-off (an anti-Langmuir profile). It is far less common in standard liquid chromatography, typically arising from unusual adsorption chemistry or from dissolving the sample in a solvent significantly stronger than the mobile phase.<\/li>\n                        <li><strong>Broad peaks<\/strong> indicate slow elution or excessive column dispersion, which drastically reduces resolution.<\/li>\n                    <\/ul>\n                <\/li>\n            <\/ul>\n\n            <figure class=\"article-image\">\n                <img decoding=\"async\" src=\"https:\/\/q2g649veoy.apb.spinupwp.site\/wp-content\/uploads\/2025\/11\/Part-1_1-1024x559.jpg\" alt=\"Peak shape examples\" loading=\"lazy\">\n            <\/figure>\n\n            <!-- Section 6 -->\n            <h2 id=\"types\">6. Types of Chromatography: The Practical Toolbox<\/h2>\n\n            <p>While Section 3 categorized chromatography by the molecular <em>property<\/em> it exploits, practitioners also group these techniques by their <strong>physical phase<\/strong> and equipment. Understanding both classifications allows you to mix and match concepts \u2014 such as pairing a liquid mobile phase (LC) with a charge-based mechanism (IEX) \u2014 to map out a complete purification strategy.<\/p>\n\n            <h3>By Physical Phase<\/h3>\n\n            <ul class=\"card-list\">\n                <li>\n                    <strong>Liquid chromatography (LC)<\/strong>\n                    The mobile phase is a liquid. Highly versatile, handling small molecules, peptides, proteins, and oligonucleotides.\n                <\/li>\n                <li>\n                    <strong>High-performance liquid chromatography (HPLC)<\/strong>\n                    A high-resolution, high-pressure form of LC that uses tightly packed columns and small particles for fast, efficient separations.\n                <\/li>\n                <li>\n                    <strong>Gas chromatography (GC)<\/strong>\n                    The mobile phase is a gas; analytes must be volatile and thermally stable. GC excels at volatile organic compounds \u2014 solvents, flavors, and pollutants.\n                <\/li>\n                <li>\n                    <strong>Planar chromatography (e.g., TLC)<\/strong>\n                    The stationary phase is coated on a flat plate, and the mobile phase rises by capillary action. TLC is simple, low-cost, and ideal for quick qualitative checks.\n                <\/li>\n            <\/ul>\n\n            <h3>By Separation Mechanism<\/h3>\n\n            <p>Grouped by the dominant interaction \u2014 the properties from Section 3 \u2014 the common modes are:<\/p>\n\n            <ul class=\"card-list\">\n                <li>\n                    <strong>Polarity-based<\/strong>\n                    Normal-phase, reversed-phase, and hydrophilic interaction chromatography (HILIC).\n                <\/li>\n                <li>\n                    <strong>Ion exchange (IEX)<\/strong>\n                    Separates charged analytes by electrostatic interactions.\n                <\/li>\n                <li>\n                    <strong>Size exclusion (SEC)<\/strong>\n                    Separates molecules by size using porous beads.\n                <\/li>\n                <li>\n                    <strong>Affinity chromatography (AC)<\/strong>\n                    Uses specific biological or chemical binding to capture the target.\n                <\/li>\n                <li>\n                    <strong>Hydrophobic interaction chromatography (HIC)<\/strong>\n                    Separates biomolecules by hydrophobicity under high-salt conditions.\n                <\/li>\n            <\/ul>\n\n            <!-- Section 7 -->\n            <h2 id=\"analytical-vs-prep\">7. Analytical vs. Preparative Chromatography<\/h2>\n\n            <p>Chromatography can also be categorized by its primary goal \u2014 <strong>information<\/strong> versus <strong>purification<\/strong>.<\/p>\n\n            <div class=\"comparison-section\">\n                <div class=\"comparison-card analytical\">\n                    <div class=\"comparison-header\">Analytical Chromatography<\/div>\n                    <figure class=\"article-image\" style=\"margin: 0; border-radius: 0;\">\n                        <img decoding=\"async\" src=\"https:\/\/q2g649veoy.apb.spinupwp.site\/wp-content\/uploads\/2025\/11\/Part1_6-1024x559.jpg\" alt=\"Analytical chromatography\" loading=\"lazy\">\n                    <\/figure>\n                    <div class=\"comparison-content\">\n                        <ul>\n                            <li><strong>Goal<\/strong> Identify what is in a sample and how much (qualitative and quantitative analysis)<\/li>\n                            <li><strong>Scale<\/strong> Very small samples (microliters, micrograms)<\/li>\n                            <li><strong>Focus<\/strong> High resolution, sensitivity, and reproducibility; ideally every component is baseline-separated for accurate quantitation<\/li>\n                            <li><strong>Equipment<\/strong> Small-bore columns packed with fine particles, and highly sensitive detectors (HPLC, UHPLC, LC\u2013MS, GC\u2013MS)<\/li>\n                            <li><strong>Outcome<\/strong> A chromatogram and numerical data; separated components are usually discarded after detection<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                <div class=\"comparison-card preparative\">\n                    <div class=\"comparison-header\">Preparative Chromatography<\/div>\n                    <figure class=\"article-image\" style=\"margin: 0; border-radius: 0;\">\n                        <img decoding=\"async\" src=\"https:\/\/q2g649veoy.apb.spinupwp.site\/wp-content\/uploads\/2025\/11\/Part1_7-1024x559.jpg\" alt=\"Preparative chromatography\" loading=\"lazy\">\n                    <\/figure>\n                    <div class=\"comparison-content\">\n                        <ul>\n                            <li><strong>Goal<\/strong> Purify and collect material \u2014 a drug substance, intermediate, or target protein<\/li>\n                            <li><strong>Scale<\/strong> Larger sample amounts (milligrams in research, grams to kilograms in manufacturing)<\/li>\n                            <li><strong>Focus<\/strong> Purity, yield (recovery), and throughput; complete resolution is desirable but may be traded against speed and capacity<\/li>\n                            <li><strong>Equipment<\/strong> Larger columns and higher flow rates, often with automated fraction collection<\/li>\n                            <li><strong>Outcome<\/strong> Isolated fractions containing the target component for downstream use<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <p>A typical workflow runs an <strong>analytical HPLC<\/strong> method first to understand the mixture, then scales the optimized method to a <strong>preparative<\/strong> setup to collect grams or kilograms of a specific component.<\/p>\n\n            <div class=\"callout\">\n                <p>That distinction \u2014 information versus material \u2014 is where the series goes next. <strong>Part II, <em>What Is Preparative Chromatography?<\/em><\/strong> takes the preparative side and shows how the single goal of collecting material reshapes the whole system, from column size to detector design.<\/p>\n            <\/div>\n\n            <!-- Section 8 -->\n            <h2 id=\"glossary\">8. Key Chromatography Terms (Glossary)<\/h2>\n\n            <table class=\"glossary-table\">\n                <thead>\n                    <tr>\n                        <th>Term<\/th>\n                        <th>Definition<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>Affinity chromatography (AC)<\/td>\n                        <td>A chromatography mode where the stationary phase contains ligands that selectively bind a specific target molecule.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Analyte<\/td>\n                        <td>The substance or molecule being detected, measured, or purified in a chromatography run.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Analytical chromatography<\/td>\n                        <td>Chromatography performed to identify and quantify components in a sample, typically at small scale.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Chromatogram<\/td>\n                        <td>A plot of detector signal versus time that visualizes analyte separation during a run.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Column<\/td>\n                        <td>A tube packed with stationary phase where the separation process occurs.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Detector<\/td>\n                        <td>An instrument that measures compounds as they elute from the column and converts the signal into data.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Elution<\/td>\n                        <td>The process of washing analytes from a chromatography column using the mobile phase.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>FPLC (Fast Protein Liquid Chromatography)<\/td>\n                        <td>Low-pressure liquid chromatography using biocompatible materials, designed for gentle purification of large biomolecules.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Gas chromatography (GC)<\/td>\n                        <td>A chromatography technique using a gas as the mobile phase, ideal for volatile compounds.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>HIC (Hydrophobic Interaction Chromatography)<\/td>\n                        <td>A separation mode optimized for fragile biomolecules that exploits surface hydrophobicity using high-salt buffers.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>High-performance liquid chromatography (HPLC)<\/td>\n                        <td>An advanced form of LC that uses high pressure and fine particles for improved resolution and speed.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>HILIC (Hydrophilic Interaction Liquid Chromatography)<\/td>\n                        <td>A variant of normal-phase chromatography used to separate highly polar compounds using aqueous-organic mobile phases.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Ion exchange chromatography (IEX)<\/td>\n                        <td>A separation mode that uses charged stationary phases to separate analytes by charge.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Liquid chromatography (LC)<\/td>\n                        <td>Chromatography using a liquid mobile phase; widely used for small and large molecules.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Mobile phase<\/td>\n                        <td>The liquid or gas that flows through the chromatographic system and carries the sample.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Preparative chromatography<\/td>\n                        <td>Chromatography designed to purify and collect larger quantities of material, focusing on purity and yield.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Resin<\/td>\n                        <td>The stationary phase material (often porous beads) used inside liquid chromatography columns.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Resolution<\/td>\n                        <td>A measure of how well two analyte peaks are separated from each other.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Retention time (RT)<\/td>\n                        <td>The time between sample injection and the apex of a chromatographic peak.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Size exclusion chromatography (SEC)<\/td>\n                        <td>A chromatography mode that separates molecules by size using porous media.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Stationary phase<\/td>\n                        <td>The fixed phase that interacts with analytes and slows their movement, enabling separation.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Thin-layer chromatography (TLC)<\/td>\n                        <td>A planar chromatography method where the stationary phase is coated on a flat plate and separation occurs by capillary action.<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>UHPLC (Ultra-High-Performance LC)<\/td>\n                        <td>An evolution of HPLC utilizing extremely small particles (sub-2 \u00b5m) and very high pressures (up to 1000+ bar) for maximum analytical resolution.<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n\n            <!-- Section 9 - FAQ -->\n            <h2 id=\"faq\">9. Frequently Asked Questions About Chromatography<\/h2>\n\n            <div class=\"faq-section\">\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" aria-expanded=\"false\">\n                        Why is it called &#8220;chromatography&#8221;? Do the substances have to be colored?\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            <p>The name comes from Greek roots meaning &#8220;color writing&#8221;: early chromatography separated plant pigments into colored bands on a column. Today it applies to many substances invisible to the eye, with modern detectors (UV or mass spectrometers) revealing colorless compounds during separation.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" aria-expanded=\"false\">\n                        What&#8217;s the difference between a resin, a column, and the stationary phase?\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            <p>These three terms are often used loosely, a common source of confusion. They describe nested things:<\/p>\n                            <ul class=\"simple-list\">\n                                <li>The <strong>stationary phase<\/strong> is the material that interacts with the sample and does the separating.<\/li>\n                                <li>In liquid chromatography, that material is usually a <strong>resin<\/strong> \u2014 porous beads carrying the active chemistry.<\/li>\n                                <li>The <strong>column<\/strong> is the tube that holds the packed resin in place.<\/li>\n                            <\/ul>\n                            <p>So the column contains the resin, and the resin is the stationary phase. (In GC or TLC the stationary phase takes a different form \u2014 a coating on a capillary wall or a flat plate \u2014 but its role is the same.)<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" aria-expanded=\"false\">\n                        What is the main difference between gas chromatography (GC) and liquid chromatography (LC)?\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            <p>The primary difference is the <strong>mobile phase<\/strong>:<\/p>\n                            <ul class=\"simple-list\">\n                                <li><strong>GC<\/strong> uses a gas as the mobile phase and requires analytes that can be vaporized without decomposing. It is ideal for small, volatile compounds.<\/li>\n                                <li><strong>LC<\/strong> uses a liquid mobile phase and handles a far wider range of analytes, including large and thermally sensitive molecules such as proteins, peptides, and polymers.<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" aria-expanded=\"false\">\n                        What exactly is HPLC, and how is it different from traditional liquid chromatography?\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            <p><strong>High-performance liquid chromatography (HPLC)<\/strong> is an advanced form of liquid chromatography that uses:<\/p>\n                            <ul class=\"simple-list\">\n                                <li>High-pressure pumps to drive solvent through the system.<\/li>\n                                <li>Columns packed with very small particles to increase surface area and resolution.<\/li>\n                                <li>Highly sensitive detectors and automated data analysis.<\/li>\n                            <\/ul>\n                            <p>Compared with older gravity-driven methods, HPLC delivers faster, more efficient, more reproducible separations, and is the standard for modern analytical chromatography.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" aria-expanded=\"false\">\n                        Can chromatography purify large molecules like proteins and DNA?\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            <p>Yes. Chromatography is a core technology in protein and nucleic acid purification. Common strategies include:<\/p>\n                            <ul class=\"simple-list\">\n                                <li><strong>Affinity chromatography<\/strong> to selectively capture specific proteins (for example, antibodies binding to Protein A ligands).<\/li>\n                                <li><strong>Ion exchange chromatography<\/strong> to separate proteins by charge.<\/li>\n                                <li><strong>Size exclusion chromatography<\/strong> to separate by size and remove aggregates.<\/li>\n                            <\/ul>\n                            <p>For DNA, RNA, and oligonucleotides, specialized ion exchange and reversed-phase methods are often used at both analytical and preparative scales.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" aria-expanded=\"false\">\n                        What if two substances are very similar? Can chromatography still separate them?\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            <p>Often yes, though it may require method optimization or specialized columns. Compounds with very similar properties may initially co-elute; to improve resolution:<\/p>\n                            <ul class=\"simple-list\">\n                                <li>Adjust the mobile phase composition, gradient, pH, or temperature.<\/li>\n                                <li>Select a different stationary phase chemistry.<\/li>\n                                <li>Use a more selective mode (for example, chiral chromatography for enantiomers).<\/li>\n                                <li>Combine techniques in <strong>two-dimensional chromatography<\/strong>, using two different columns in sequence.<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" aria-expanded=\"false\">\n                        How sensitive is chromatography?\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            <p>Sensitivity depends on the detector. Coupled with mass spectrometry (LC\u2013MS or GC\u2013MS), chromatography can detect analytes down to the picogram or femtogram range, suitable for trace impurities in pharmaceuticals or pollutants at very low concentrations in environmental samples.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" aria-expanded=\"false\">\n                        Analytical or preparative chromatography \u2014 which one do I need?\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            <p>It depends on what you need when the run is over. For <strong>information<\/strong> \u2014 what is in a sample and how much \u2014 use analytical chromatography; the sample is consumed in the measurement. For <strong>material<\/strong> \u2014 a purified component collected in usable quantity \u2014 use preparative chromatography. Many projects use both: an analytical method first to understand the mixture, then a preparative method to collect the target. Part II, <strong>What Is Preparative Chromatography?<\/strong>, covers the preparative side in detail.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/article>\n    <\/div>\n\n\n\n<script>\n        \/\/ FAQ Accordion functionality\n        document.querySelectorAll('.faq-question').forEach(button => {\n            button.addEventListener('click', () => {\n                const faqItem = button.parentElement;\n                const isOpen = faqItem.classList.contains('open');\n                \n                \/\/ Close all other items\n                document.querySelectorAll('.faq-item').forEach(item => {\n                    item.classList.remove('open');\n                    item.querySelector('.faq-question').setAttribute('aria-expanded', 'false');\n                });\n                \n                \/\/ Toggle current item\n                if (!isOpen) {\n                    faqItem.classList.add('open');\n                    button.setAttribute('aria-expanded', 'true');\n                }\n            });\n        });\n\n        \/\/ Mobile TOC toggle\n        const mobileToc = document.getElementById('mobileToc');\n        const mobileTocToggle = mobileToc.querySelector('.mobile-toc-toggle');\n        \n        mobileTocToggle.addEventListener('click', () => {\n            const isOpen = mobileToc.classList.contains('open');\n            mobileToc.classList.toggle('open');\n            mobileTocToggle.setAttribute('aria-expanded', !isOpen);\n        });\n\n        \/\/ Close mobile TOC when clicking a link\n        document.querySelectorAll('.mobile-toc-list a').forEach(link => {\n            link.addEventListener('click', () => {\n                mobileToc.classList.remove('open');\n                mobileTocToggle.setAttribute('aria-expanded', 'false');\n            });\n        });\n\n        \/\/ Highlight active TOC item on scroll (desktop)\n        const observerOptions = {\n            rootMargin: '-100px 0px -70% 0px',\n            threshold: 0\n        };\n\n        const observer = new IntersectionObserver(entries => {\n            entries.forEach(entry => {\n                const id = entry.target.getAttribute('id');\n                const tocLink = document.querySelector(`.toc-list a[href=\"#${id}\"]`);\n                \n                if (tocLink) {\n                    if (entry.isIntersecting) {\n                        document.querySelectorAll('.toc-list a').forEach(link => {\n                            link.classList.remove('active');\n                        });\n                        tocLink.classList.add('active');\n                    }\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('h2[id]').forEach(section => {\n            observer.observe(section);\n        });\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>A practical primer on chromatography: what it is, how it works, and why it matters. Learn about key separation mechanisms including reversed-phase, ion exchange, size exclusion and affinity chromatography, plus how to read chromatograms and the difference between analytical and preparative methods.<\/p>\n","protected":false},"featured_media":1307,"comment_status":"closed","ping_status":"closed","template":"","article_category":[22],"class_list":["post-1299","articles","type-articles","status-publish","has-post-thumbnail","","article_category-fundamentals-of-preparative-chromatography"],"acf":[],"_links":{"self":[{"href":"https:\/\/q2g649veoy.apb.spinupwp.site\/en\/wp-json\/wp\/v2\/articles\/1299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/q2g649veoy.apb.spinupwp.site\/en\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/q2g649veoy.apb.spinupwp.site\/en\/wp-json\/wp\/v2\/types\/articles"}],"replies":[{"embeddable":true,"href":"https:\/\/q2g649veoy.apb.spinupwp.site\/en\/wp-json\/wp\/v2\/comments?post=1299"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/q2g649veoy.apb.spinupwp.site\/en\/wp-json\/wp\/v2\/media\/1307"}],"wp:attachment":[{"href":"https:\/\/q2g649veoy.apb.spinupwp.site\/en\/wp-json\/wp\/v2\/media?parent=1299"}],"wp:term":[{"taxonomy":"article_category","embeddable":true,"href":"https:\/\/q2g649veoy.apb.spinupwp.site\/en\/wp-json\/wp\/v2\/article_category?post=1299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}