// Skin · Ingredients · Humectants vs Emollients — L3 data (COMBINED PAGE: #hyaluronic-acid, #squalane)
// Visual skeleton must match the Oily prototype exactly. Vary copy, never layout.

const OILY = {
  type: "Humectants vs Emollients",
  parent: { title: "Ingredients", href: "/en/skin/ingredients/" },
  grandparent: { title: "Skin", href: "/en/skin/" },
  totalCount: 128,
  hero: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=1800&q=80&auto=format&fit=crop",
  heroAlt: "Editorial close-up — serum and oil on skin surface",
  h1: "Humectants vs emollients.",
  deck: "Hyaluronic acid draws water in. Squalane seals it. Two different mechanisms, both necessary — and most people are only using one of them correctly.",
  intro: "Hydration and moisture are not the same thing, and that distinction is the whole point of this page. Humectants — hyaluronic acid, glycerin, panthenol — draw water from the environment and from the deeper skin layers toward the surface. Emollients — squalane, plant oils, fatty alcohols — sit on the surface and prevent that water from evaporating. Using a humectant without an emollient in a dry environment is a way to make your skin drier. Using an emollient without a humectant means there's no water being drawn in to keep. Both work best together. The sequencing matters. Below is everything we've published, including the full guide to hyaluronic acid and squalane specifically — the two most commonly used in each category.",
  byline: "Edited by Nelly · Beauty & Style Director",
  meta: { count: 128, updated: "Updated 26 April 2026", reading: "Avg. 4 min per piece" },
};

// Ingredients sibling rail — 9 siblings under /en/skin/ingredients/
const TYPE_SIBLINGS = [
  { id: "niacinamide",             title: "Niacinamide",            n: "01", href: "/en/skin/ingredients/niacinamide/" },
  { id: "vitamin-c",               title: "Vitamin C",              n: "02", href: "/en/skin/ingredients/vitamin-c/" },
  { id: "retinoids",               title: "Retinoids",              n: "03", href: "/en/skin/ingredients/retinoids/" },
  { id: "chemical-exfoliants",     title: "Chemical Exfoliants",    n: "04", href: "/en/skin/ingredients/chemical-exfoliants/" },
  { id: "ceramides",               title: "Ceramides",              n: "05", href: "/en/skin/ingredients/ceramides/" },
  { id: "peptides",                title: "Peptides",               n: "06", href: "/en/skin/ingredients/peptides/" },
  { id: "humectants-vs-emollients", title: "Humectants vs Emollients", n: "07", cur: true, href: "/en/skin/ingredients/humectants-vs-emollients/" },
  { id: "the-brightening-pair",    title: "The Brightening Pair",   n: "08", href: "/en/skin/ingredients/the-brightening-pair/" },
  { id: "spf-filters",             title: "SPF Filters",            n: "09", href: "/en/skin/ingredients/spf-filters/" },
];

const QUICK_FACTS = {
  defn: {
    h: "Humectants and emollients — the fundamental distinction",
    // Combined page: anchors #hyaluronic-acid and #squalane appear as real h3 ids in sections
    body: "Humectants attract and bind water molecules. They increase the water content of the skin. Emollients fill the spaces between skin cells and prevent water from leaving. Both are necessary. The simplest functional routine has a humectant layer followed by an emollient layer, in that order. Skipping either creates a gap. This page covers both — with a focused section on hyaluronic acid (the most used humectant) and squalane (the most tolerated emollient).",
  },
  myths: [
    { m: "Hyaluronic acid hydrates skin on its own.",
      t: "Applied without an emollient, HA draws water toward the surface and that water evaporates. In low-humidity environments, HA can pull moisture from the skin rather than add it. Seal it in." },
    { m: "Oils and emollients are only for dry skin.",
      t: "Emollients regulate trans-epidermal water loss, which is relevant to every skin type. Oily skin can be dehydrated. Squalane is well-tolerated on oily skin." },
    { m: "You need both in the same product.",
      t: "Two separate products — a humectant serum, then an emollient moisturiser or oil — often work better than a combined product where both are at lower concentrations." },
  ],
};

const BEGINNER_PATH = {
  h: "Start here, if this category is new to you.",
  deck: "Five pieces, in order. The humectant logic first, then emollients, then how to sequence them.",
  steps: [
    { n: "01", t: "Humectants vs emollients — the difference, clearly",          time: "3 min", note: "Water-attracting vs water-sealing. The full distinction." },
    { n: "02", t: "Hyaluronic acid — what it does and what it doesn't",           time: "4 min", note: "The most used humectant. Molecular weight, application, environment." },
    { n: "03", t: "Squalane — the emollient worth knowing",                       time: "4 min", note: "Plant-derived, non-comedogenic, skin-identical. How to use it." },
    { n: "04", t: "The layering sequence — humectant first, emollient second",    time: "3 min", note: "Why order matters. The water-in, then seal-it logic." },
    { n: "05", t: "Choosing other humectants and emollients",                     time: "4 min", note: "Glycerin, panthenol, plant oils. What else is in the category." },
  ],
};

const TRENDING = [
  { rank: "01", t: "Hyaluronic acid in dry climates — the problem", time: "4 min", auth: "Nelly", date: "Apr 26", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=1100&q=80&auto=format&fit=crop", reads: "12,109" },
  { rank: "02", t: "Squalane for oily skin — why it works", time: "3 min", auth: "Iris",  date: "Apr 21", img: "https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=1100&q=80&auto=format&fit=crop", reads: "9,873" },
  { rank: "03", t: "What molecular weight means for hyaluronic acid", time: "4 min", auth: "Nelly", date: "Apr 17", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=1100&q=80&auto=format&fit=crop", reads: "8,044" },
  { rank: "04", t: "Glycerin vs hyaluronic acid — which is better", time: "4 min", auth: "Iris",  date: "Apr 12", img: "https://images.unsplash.com/photo-1583416750470-965b2707b355?w=1100&q=80&auto=format&fit=crop", reads: "6,722" },
  { rank: "05", t: "The humectant-emollient stack — a minimal routine", time: "3 min", auth: "Nelly", date: "Apr 07", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=1100&q=80&auto=format&fit=crop", reads: "5,887" },
];

const FORMAT_GUIDE = {
  h: "Format & cadence, by use case",
  deck: "Which humectant or emollient, in what format, and when. Sequence always: humectant before emollient.",
  formats: [
    { name: "HA serum (low MW)",    when: "AM + PM, after cleansing, all skin types", avoid: "In dry environments without an emollient over it", note: "Low molecular weight HA penetrates deeper. Still needs sealing. Apply to damp skin.", verdict: "★ Default humectant" },
    { name: "Glycerin-based toner", when: "AM + PM, all skin types, budget-friendly", avoid: "Layering multiple humectants unnecessarily",      note: "Glycerin is the most cost-effective humectant. Works on every skin type.", verdict: "Reliable, affordable" },
    { name: "Squalane oil",         when: "PM, after serums, before bed",              avoid: "Over heavy occlusive creams",                    note: "Skin-identical emollient. Non-comedogenic. Absorbs well. The versatile emollient.", verdict: "★ Best emollient" },
    { name: "Panthenol serum",      when: "AM or PM, irritated or post-active skin",   avoid: "Expecting occlusive function",                   note: "Also has barrier and soothing properties. Good in a repair routine.", verdict: "Soothing humectant" },
    { name: "Plant oil blend",      when: "PM, dry to normal skin",                    avoid: "Oily or congested skin (unless non-comedogenic)", note: "Rosehip, jojoba, sea buckthorn. Emollient + fatty acid delivery.", verdict: "Dry skin use" },
    { name: "Occlusive + emollient", when: "PM, winter, dry or compromised barrier",  avoid: "AM under makeup",                                note: "Petrolatum or shea + an emollient layer underneath. Maximum barrier support.", verdict: "Repair mode" },
  ],
};

const HOWTOS = [
  { t: "Hyaluronic acid in dry climates — the humidity problem", time: 4, tech: "Essay", auth: "Nelly", date: "Apr 26", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: true },
  { t: "Squalane for oily skin — the case for it", time: 3, tech: "Essay", auth: "Iris", date: "Apr 21", img: "https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: true },
  { t: "Hyaluronic acid molecular weight — what it means", time: 4, tech: "Serums", auth: "Nelly", date: "Apr 17", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: true },
  { t: "Glycerin vs hyaluronic acid — comparing humectants", time: 4, tech: "Essay", auth: "Iris", date: "Apr 12", img: "https://images.unsplash.com/photo-1583416750470-965b2707b355?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: true },
  { t: "The humectant-emollient stack — the minimal routine", time: 3, tech: "Routine", auth: "Nelly", date: "Apr 07", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: true },
  { t: "How to apply hyaluronic acid — damp skin, sealed", time: 3, tech: "Technique", auth: "Iris", date: "Apr 02", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: false },
  { t: "Squalane vs rosehip oil — which emollient", time: 4, tech: "Essay", auth: "Nelly", date: "Mar 28", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Panthenol — the humectant that also soothes", time: 3, tech: "Serums", auth: "Iris", date: "Mar 23", img: "https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: false },
  { t: "Humectants under SPF — the sequence", time: 3, tech: "Layering", auth: "Nelly", date: "Mar 18", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "Why trans-epidermal water loss matters", time: 4, tech: "Essay", auth: "Iris", date: "Mar 13", img: "https://images.unsplash.com/photo-1570194065650-d99fb4bedf0a?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Plant oils that don't clog pores", time: 4, tech: "Essay", auth: "Nelly", date: "Mar 08", img: "https://images.unsplash.com/photo-1583416750470-965b2707b355?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Hyaluronic acid with retinoids — the buffer logic", time: 4, tech: "Layering", auth: "Iris", date: "Mar 03", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "Multi-weight HA — is it worth it", time: 3, tech: "Serums", auth: "Nelly", date: "Feb 26", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: false },
  { t: "Emollients in winter vs summer", time: 3, tech: "Routine", auth: "Iris", date: "Feb 21", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
  { t: "Squalane and ceramides — a complete barrier routine", time: 5, tech: "Layering", auth: "Nelly", date: "Feb 16", img: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "Dehydrated vs dry skin — why it matters here", time: 4, tech: "Essay", auth: "Iris", date: "Feb 11", img: "https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Sodium hyaluronate vs hyaluronic acid — the difference", time: 3, tech: "Essay", auth: "Nelly", date: "Feb 06", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Occlusive vs emollient — where the line is", time: 4, tech: "Essay", auth: "Iris", date: "Feb 01", img: "https://images.unsplash.com/photo-1583416750470-965b2707b355?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Jojoba oil — technically a wax ester", time: 4, tech: "Serums", auth: "Nelly", date: "Jan 27", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: false },
  { t: "Squalane from olives vs sugarcane", time: 3, tech: "Essay", auth: "Iris", date: "Jan 22", img: "https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Hyaluronic acid for beginners — the right way to start", time: 4, tech: "Routine", auth: "Nelly", date: "Jan 17", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
  { t: "Fatty alcohols — the forgotten emollients", time: 4, tech: "Essay", auth: "Iris", date: "Jan 12", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "The fully minimal hydration routine", time: 3, tech: "Routine", auth: "Nelly", date: "Jan 07", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
  { t: "Hyaluronic acid vs HA serum concentration", time: 4, tech: "Serums", auth: "Iris", date: "Jan 02", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: false },
];

const TECH_FILTERS = ["All", "Serums", "Layering", "Routine", "Essay", "Technique"];

// Crosslinks to 4 adjacent ingredient siblings
const TYPE_CROSSLINKS = [
  { id: "ceramides",           title: "Ceramides",          deck: "The barrier lipid layer. Works alongside emollients.",  count: 112, href: "/en/skin/ingredients/ceramides/" },
  { id: "niacinamide",         title: "Niacinamide",         deck: "A humectant-compatible daily addition.",               count: 163, href: "/en/skin/ingredients/niacinamide/" },
  { id: "retinoids",           title: "Retinoids",           deck: "HA buffers the retinoid irritation curve.",            count: 144, href: "/en/skin/ingredients/retinoids/" },
  { id: "peptides",            title: "Peptides",            deck: "The hydration context that supports peptide work.",     count: 97,  href: "/en/skin/ingredients/peptides/" },
];

Object.assign(window, {
  OILY, TYPE_SIBLINGS, QUICK_FACTS, BEGINNER_PATH, TRENDING, FORMAT_GUIDE, HOWTOS, TECH_FILTERS, TYPE_CROSSLINKS,
});