// Skin · Ingredients · Niacinamide — L3 data
// Visual skeleton must match the Oily prototype exactly. Vary copy, never layout.

const OILY = {
  type: "Niacinamide",
  parent: { title: "Ingredients", href: "/en/skin/ingredients/" },
  grandparent: { title: "Skin", href: "/en/skin/" },
  totalCount: 163,
  hero: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=1800&q=80&auto=format&fit=crop",
  heroAlt: "Editorial close-up — niacinamide serum texture",
  h1: "How to use niacinamide.",
  deck: "Vitamin B3, distilled. The ingredient that regulates oil, supports the barrier, and takes the edge off uneven tone — all without requiring you to believe in miracles.",
  intro: "Niacinamide is the ingredient that does too much to be a celebrity. It regulates oil, supports the barrier, takes the edge off uneven tone, and works at low percentages. The science is real. The 5% serum on your shelf is doing more than the 10% one. It's water-soluble, stable, and tolerant of most routines — which means most people can add it without drama. The problems come from concentration creep and from layering it with things it doesn't need to be next to. Below is everything we've published: how it works, what percentages actually mean, and how to fit it into a routine that already exists.",
  byline: "Edited by Nelly · Beauty & Style Director",
  meta: { count: 163, updated: "Updated 30 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", cur: true,  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",          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: "What niacinamide actually is",
    body: "Niacinamide is vitamin B3 — a water-soluble vitamin that sits in the epidermis and gets to work without penetrating far. It communicates with the sebaceous glands, reinforces the ceramide and fatty-acid layer in the barrier, and moderates the movement of melanin toward the skin surface. It doesn't do any of these things dramatically. It does all of them reliably.",
  },
  myths: [
    { m: "You need 10% niacinamide to see results.",
      t: "Most studies showing benefit used 2–5%. Above 5%, irritation risk rises faster than efficacy. The 10% products are marketing, not science." },
    { m: "Niacinamide turns vitamin C yellow and makes it useless.",
      t: "This is an old concern from a reaction that requires high heat and prolonged contact. At room temperature, in a normal routine, the reaction is negligible." },
    { m: "It works in two weeks.",
      t: "Barrier changes take 4–6 weeks. Tone changes take 8–12 weeks. If you're not patient, you'll stop before it's done anything." },
  ],
};

const BEGINNER_PATH = {
  h: "Start here, if niacinamide is new to you.",
  deck: "Five pieces, in order. Around eighteen minutes of reading. Enough to know what you're adding to your routine and why.",
  steps: [
    { n: "01", t: "What niacinamide actually does — the short version",  time: "3 min", note: "B3, barrier, oil, tone. Four functions, one ingredient." },
    { n: "02", t: "Which percentage to use, and when",                    time: "4 min", note: "The case for 5% and the honest limits of 10%." },
    { n: "03", t: "Where it fits in a routine",                           time: "4 min", note: "After cleanse, before oils. The layering logic." },
    { n: "04", t: "Niacinamide with vitamin C — the myth, addressed",    time: "3 min", note: "You don't need to choose. Here's why." },
    { n: "05", t: "What to expect at four weeks, and at twelve",          time: "4 min", note: "The patience curve. What changes, what doesn't." },
  ],
};

const TRENDING = [
  { rank: "01", t: "5% vs 10% niacinamide — does the number matter", time: "4 min", auth: "Nelly", date: "Apr 28", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=1100&q=80&auto=format&fit=crop", reads: "14,203" },
  { rank: "02", t: "Niacinamide and vitamin C: can you layer them", time: "5 min", auth: "Iris",  date: "Apr 24", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=1100&q=80&auto=format&fit=crop", reads: "11,847" },
  { rank: "03", t: "What niacinamide does to your pores (really)", time: "4 min", auth: "Nelly", date: "Apr 20", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=1100&q=80&auto=format&fit=crop", reads: "9,512" },
  { rank: "04", t: "Niacinamide for dark spots — the honest timeline", time: "5 min", auth: "Iris",  date: "Apr 15", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=1100&q=80&auto=format&fit=crop", reads: "8,074" },
  { rank: "05", t: "Is niacinamide the same as niacin?", time: "3 min", auth: "Nelly", date: "Apr 10", img: "https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=1100&q=80&auto=format&fit=crop", reads: "6,388" },
];

const FORMAT_GUIDE = {
  h: "Format & cadence, by use case",
  deck: "Where niacinamide lives in a product, and how that changes what it does.",
  formats: [
    { name: "5% serum",             when: "Daily, AM or PM, oily to normal skin", avoid: "On compromised, broken skin", note: "The default. Water-thin, fast-absorbing, layers under everything.", verdict: "★ Default" },
    { name: "10% serum",            when: "Oily skin, spot use on congestion",     avoid: "Sensitive, dry, or reactive skin", note: "More is not more for tone. Useful for oily, overstated for most.", verdict: "Proceed with caution" },
    { name: "Niacinamide + zinc",   when: "Oily, congestion-prone, PM",           avoid: "Dry or dehydrated skin", note: "Zinc pairs well for oil control. A legitimate combination.", verdict: "Good pair" },
    { name: "Leave-on toner",       when: "Low-concentration daily use, AM",      avoid: "Stacking with another niacinamide step", note: "2–4%, gentle entry point. Good for beginners.", verdict: "Low-commitment" },
    { name: "In moisturiser",       when: "Year-round, all skin types",           avoid: "Very high-concentration formulas", note: "Most stable delivery. Barrier benefit without layering complexity.", verdict: "Most forgiving" },
    { name: "In mask",              when: "Weekly, brightening focus",            avoid: "More than twice per week", note: "Higher concentration, short contact. Less cumulative benefit than daily.", verdict: "Supplemental" },
  ],
};

const HOWTOS = [
  { t: "5% vs 10% niacinamide — does the number matter", time: 4, tech: "Serums", auth: "Nelly", date: "Apr 28", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: true },
  { t: "Niacinamide and vitamin C — can you use both", time: 5, tech: "Layering", auth: "Iris",  date: "Apr 24", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: true },
  { t: "What niacinamide does to pore appearance", time: 4, tech: "Technique", auth: "Nelly", date: "Apr 20", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: true },
  { t: "Niacinamide for uneven tone — the honest timeline", time: 5, tech: "Serums", auth: "Iris", date: "Apr 15", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: true },
  { t: "How to layer niacinamide with retinol", time: 5, tech: "Layering", auth: "Nelly", date: "Apr 11", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: true },
  { t: "Niacinamide for dry skin — does it work", time: 3, tech: "Essay", auth: "Nelly", date: "Apr 07", img: "https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "The zinc + niacinamide combination, explained", time: 4, tech: "Serums", auth: "Iris", date: "Apr 03", img: "https://images.unsplash.com/photo-1570194065650-d99fb4bedf0a?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: false },
  { t: "Why your niacinamide stopped working", time: 3, tech: "Troubleshoot", auth: "Nelly", date: "Mar 29", img: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=900&q=80&auto=format&fit=crop", kick: "Troubleshoot", pick: false },
  { t: "Niacinamide in a moisturiser vs a serum", time: 4, tech: "Format", auth: "Iris", date: "Mar 24", img: "https://images.unsplash.com/photo-1583416750470-965b2707b355?w=900&q=80&auto=format&fit=crop", kick: "Format", pick: false },
  { t: "Skin barrier repair with niacinamide", time: 6, tech: "Essay", auth: "Nelly", date: "Mar 19", img: "https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Can niacinamide cause a flush", time: 3, tech: "Troubleshoot", auth: "Iris", date: "Mar 14", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=900&q=80&auto=format&fit=crop", kick: "Troubleshoot", pick: false },
  { t: "Niacinamide with AHAs — timing and order", time: 5, tech: "Layering", auth: "Nelly", date: "Mar 09", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "Niacinamide for sensitive skin", time: 4, tech: "Essay", auth: "Nelly", date: "Mar 04", img: "https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Building a niacinamide routine from scratch", time: 5, tech: "Routine", auth: "Iris", date: "Feb 27", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
  { t: "What 'skin tone' means for niacinamide", time: 4, tech: "Essay", auth: "Nelly", date: "Feb 22", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Niacinamide + peptides — a good stack", time: 5, tech: "Layering", auth: "Iris", date: "Feb 17", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "Leave-on toner with niacinamide — worth it", time: 3, tech: "Format", auth: "Nelly", date: "Feb 12", img: "https://images.unsplash.com/photo-1570194065650-d99fb4bedf0a?w=900&q=80&auto=format&fit=crop", kick: "Format", pick: false },
  { t: "The niacinamide-ceramide synergy", time: 5, tech: "Layering", auth: "Iris", date: "Feb 07", img: "https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "Niacinamide at night vs morning", time: 3, tech: "Routine", auth: "Nelly", date: "Feb 02", img: "https://images.unsplash.com/photo-1583416750470-965b2707b355?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
  { t: "When to stop using niacinamide", time: 3, tech: "Troubleshoot", auth: "Iris", date: "Jan 27", img: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=900&q=80&auto=format&fit=crop", kick: "Troubleshoot", pick: false },
  { t: "Niacinamide in your SPF — does it count", time: 4, tech: "Essay", auth: "Nelly", date: "Jan 22", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "The 30-day niacinamide log", time: 6, tech: "Routine", auth: "Iris", date: "Jan 17", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
  { t: "How niacinamide fits into a minimal routine", time: 4, tech: "Routine", auth: "Nelly", date: "Jan 12", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
  { t: "Niacinamide and retinoids — the full guide", time: 6, tech: "Layering", auth: "Iris", date: "Jan 07", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
];

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

// Crosslinks to 4 adjacent ingredient siblings
const TYPE_CROSSLINKS = [
  { id: "ceramides",           title: "Ceramides",          deck: "The barrier-rebuild ingredient. Layer after niacinamide.",   count: 112, href: "/en/skin/ingredients/ceramides/" },
  { id: "vitamin-c",           title: "Vitamin C",           deck: "The antioxidant question. How it sits next to B3.",         count: 138, href: "/en/skin/ingredients/vitamin-c/" },
  { id: "retinoids",           title: "Retinoids",           deck: "The 12-week patience game. Where niacinamide helps.",       count: 144, href: "/en/skin/ingredients/retinoids/" },
  { id: "peptides",            title: "Peptides",            deck: "Signal molecules. A compatible pairing.",                   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,
});