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

const OILY = {
  type: "SPF Filters",
  parent: { title: "Ingredients", href: "/en/skin/ingredients/" },
  grandparent: { title: "Skin", href: "/en/skin/" },
  totalCount: 120,
  hero: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=1800&q=80&auto=format&fit=crop",
  heroAlt: "Editorial close-up — sunscreen application on skin",
  h1: "How sunscreen filters work.",
  deck: "Mineral, chemical, hybrid. The modern Asian and EU filters the US hasn't approved yet. What's actually in the sunscreen you're using — and why it matters more than the SPF number.",
  intro: "The SPF number tells you how much UVB protection a sunscreen provides. It tells you nothing about the filter behind it, the formulation it's in, or whether it covers UVA well enough to matter. The US is behind on filter approval. The EU and Asian markets have access to next-generation filters — Tinosorb, Uvinul, Mexoryl — that offer better photostability, broader UVA coverage, and lighter cosmetic feel than most of what's on American shelves. None of this is a reason not to use sunscreen. It is a reason to know what's in yours. Below is everything we've published on the subject: filter chemistry, formulation, how to apply enough, and what the mineral-vs-chemical debate actually comes down to.",
  byline: "Edited by Nelly · Beauty & Style Director",
  meta: { count: 120, updated: "Updated 29 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", 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", cur: true, href: "/en/skin/ingredients/spf-filters/" },
];

const QUICK_FACTS = {
  defn: {
    h: "What SPF filters actually are",
    body: "UV filters are the active ingredients in sunscreen that absorb or reflect UV radiation. Mineral filters (zinc oxide, titanium dioxide) sit on the skin surface and scatter UV. Chemical filters absorb UV and convert it to heat. Both work. The distinction is mechanism, not effectiveness — effectiveness depends on the specific filter, its coverage range, its concentration, and whether it degrades in sunlight.",
  },
  myths: [
    { m: "Mineral sunscreen is always safer than chemical.",
      t: "The safety profiles of approved UV filters — mineral and chemical — are well-studied. 'Natural' does not mean safer. White cast and skin feel are legitimate reasons to prefer one; fear is not." },
    { m: "A higher SPF means you can apply less.",
      t: "The SPF rating is measured at 2mg/cm² — most people apply 25–50% of that. SPF 50 applied too thinly gives you far less than SPF 50. Amount matters more than number." },
    { m: "You don't need SPF if you're indoors.",
      t: "UVA penetrates glass. If you're near windows, UVA exposure is happening. SPF is relevant year-round, indoors and out." },
  ],
};

const BEGINNER_PATH = {
  h: "Start here, if you want to understand your sunscreen.",
  deck: "Five pieces, in order. The filter chemistry, the US-vs-EU gap, and how to apply enough.",
  steps: [
    { n: "01", t: "Mineral vs chemical sunscreen — what actually differs",         time: "4 min", note: "Mechanism, coverage, feel, and the white-cast question." },
    { n: "02", t: "The EU and Asian filters — why they matter",                    time: "5 min", note: "Tinosorb, Mexoryl, Uvinul. What the US hasn't approved and why." },
    { n: "03", t: "UVA vs UVB — why both need covering",                           time: "3 min", note: "What each wavelength does to skin and why UVA coverage is often overlooked." },
    { n: "04", t: "How much sunscreen is enough",                                   time: "3 min", note: "The 2mg/cm² standard. The quarter-teaspoon estimate. Why less is less." },
    { n: "05", t: "Hybrid filters — the best of both",                             time: "4 min", note: "Mineral + chemical combined. Why it often wins on feel and coverage." },
  ],
};

const TRENDING = [
  { rank: "01", t: "Why European sunscreens feel so different", time: "5 min", auth: "Nelly", date: "Apr 28", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=1100&q=80&auto=format&fit=crop", reads: "16,203" },
  { rank: "02", t: "Zinc oxide vs chemical filters — the honest comparison", time: "4 min", auth: "Iris",  date: "Apr 24", img: "https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=1100&q=80&auto=format&fit=crop", reads: "13,441" },
  { rank: "03", t: "How much sunscreen you actually need to apply", time: "3 min", auth: "Nelly", date: "Apr 20", img: "https://images.unsplash.com/photo-1583416750470-965b2707b355?w=1100&q=80&auto=format&fit=crop", reads: "11,872" },
  { rank: "04", t: "UVA protection — what PA+++ and PPD actually mean", time: "4 min", auth: "Iris",  date: "Apr 15", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=1100&q=80&auto=format&fit=crop", reads: "9,107" },
  { rank: "05", t: "Tinosorb — the filter the US doesn't have", time: "5 min", auth: "Nelly", date: "Apr 10", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=1100&q=80&auto=format&fit=crop", reads: "7,644" },
];

const FORMAT_GUIDE = {
  h: "Format & cadence, by use case",
  deck: "Which filter type works best for your routine and skin type. Photostability matters as much as the label number.",
  formats: [
    { name: "Chemical filter SPF 50+",  when: "Daily, all skin types, urban use",        avoid: "If zinc-only is a preference or requirement", note: "Lightweight, no white cast. Photostability varies by filter — check the INCI.", verdict: "Best feel" },
    { name: "Mineral (zinc) SPF 30–50", when: "Sensitive skin, outdoors, children",       avoid: "Oily skin daily use — cast and feel",         note: "Broad-spectrum, photostable. White cast is real. Tinted versions help.", verdict: "Most protective" },
    { name: "Hybrid filter SPF 50+",    when: "Daily, year-round, most skin types",       avoid: "None — this is the best-practice format",     note: "Mineral + chemical combination. Best of both. Usually the cosmetically best SPF.", verdict: "★ Default" },
    { name: "EU/Asian filter SPF 50+",  when: "When you can source outside the US",       avoid: "Assuming SPF 50 means the same formula",      note: "Tinosorb S/M, Mexoryl SX/XL — broader UVA, better photostability.", verdict: "If accessible" },
    { name: "SPF in moisturiser",       when: "Low-UV days, supplemental use",           avoid: "As primary SPF in high-UV situations",         note: "Lower concentration, applied more thinly. Not a substitute for a dedicated SPF.", verdict: "Low-UV only" },
    { name: "Reapplication formats",    when: "During the day, over makeup",             avoid: "Skipping reapplication entirely",             note: "Powder SPF, mist SPF. Less coverage than morning application but better than nothing.", verdict: "Top-up use" },
  ],
};

const HOWTOS = [
  { t: "Why European sunscreens feel so different", time: 5, tech: "Essay", auth: "Nelly", date: "Apr 28", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: true },
  { t: "Zinc oxide vs chemical filters — the comparison", time: 4, tech: "Essay", auth: "Iris", date: "Apr 24", img: "https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: true },
  { t: "How much sunscreen is enough — the application question", time: 3, tech: "Technique", auth: "Nelly", date: "Apr 20", img: "https://images.unsplash.com/photo-1583416750470-965b2707b355?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: true },
  { t: "PA+++ and PPD — reading UVA ratings", time: 4, tech: "Essay", auth: "Iris", date: "Apr 15", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: true },
  { t: "Tinosorb — the filter the US hasn't approved", time: 5, tech: "Essay", auth: "Nelly", date: "Apr 10", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: true },
  { t: "The hybrid sunscreen — why it's usually the answer", time: 4, tech: "Essay", auth: "Iris", date: "Apr 05", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "SPF 30 vs SPF 50 — is the difference meaningful", time: 3, tech: "Essay", auth: "Nelly", date: "Mar 31", img: "https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Reapplying SPF over makeup", time: 4, tech: "Technique", auth: "Iris", date: "Mar 26", img: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: false },
  { t: "Photostability — why some filters degrade", time: 4, tech: "Essay", auth: "Nelly", date: "Mar 21", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Mexoryl SX and XL — the L'Oréal filter story", time: 5, tech: "Essay", auth: "Iris", date: "Mar 16", img: "https://images.unsplash.com/photo-1583416750470-965b2707b355?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "SPF for oily skin — the formats that work", time: 4, tech: "Format", auth: "Nelly", date: "Mar 11", img: "https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=900&q=80&auto=format&fit=crop", kick: "Format", pick: false },
  { t: "Tinted mineral SPF — when it makes sense", time: 3, tech: "Format", auth: "Iris", date: "Mar 06", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=900&q=80&auto=format&fit=crop", kick: "Format", pick: false },
  { t: "SPF under vitamin C — the morning sequence", time: 3, tech: "Layering", auth: "Nelly", date: "Mar 01", img: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "UVA vs UVB — what each wavelength does", time: 4, tech: "Essay", auth: "Iris", date: "Feb 24", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Avobenzone and photostability — why it needs a partner", time: 4, tech: "Essay", auth: "Nelly", date: "Feb 19", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "SPF for sensitive skin — the mineral path", time: 4, tech: "Essay", auth: "Iris", date: "Feb 14", img: "https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Winter SPF — do you still need it", time: 3, tech: "Routine", auth: "Nelly", date: "Feb 09", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
  { t: "Korean vs Japanese sunscreen formats", time: 5, tech: "Essay", auth: "Iris", date: "Feb 04", img: "https://images.unsplash.com/photo-1583416750470-965b2707b355?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "SPF in your moisturiser — when it's enough", time: 3, tech: "Routine", auth: "Nelly", date: "Jan 30", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
  { t: "How to build a retinoid routine around SPF", time: 4, tech: "Layering", auth: "Iris", date: "Jan 25", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "Titanium dioxide vs zinc oxide — the mineral comparison", time: 4, tech: "Essay", auth: "Nelly", date: "Jan 20", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "The powder SPF reapplication option", time: 3, tech: "Technique", auth: "Iris", date: "Jan 15", img: "https://images.unsplash.com/photo-1570194065650-d99fb4bedf0a?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: false },
  { t: "Reading a sunscreen label — the INCI walk-through", time: 5, tech: "Essay", auth: "Nelly", date: "Jan 10", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "SPF for dry skin — the right texture", time: 3, tech: "Format", auth: "Iris", date: "Jan 05", img: "https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=900&q=80&auto=format&fit=crop", kick: "Format", pick: false },
];

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

// Crosslinks to 4 adjacent ingredient siblings
const TYPE_CROSSLINKS = [
  { id: "vitamin-c",           title: "Vitamin C",           deck: "The antioxidant that works on top of SPF.",             count: 138, href: "/en/skin/ingredients/vitamin-c/" },
  { id: "retinoids",           title: "Retinoids",           deck: "Why SPF is non-negotiable alongside retinoids.",        count: 144, href: "/en/skin/ingredients/retinoids/" },
  { id: "the-brightening-pair", title: "The Brightening Pair", deck: "SPF first. Brightening ingredients second.",          count: 109, href: "/en/skin/ingredients/the-brightening-pair/" },
  { id: "niacinamide",         title: "Niacinamide",          deck: "A compatible SPF layer ingredient.",                   count: 163, href: "/en/skin/ingredients/niacinamide/" },
];

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