// Skin · Technique · Two-Finger SPF — L3 data
// Visual skeleton must match the Oily prototype exactly. Vary copy, never layout.

const OILY = {
  type: "Two-Finger SPF",
  parent: { title: "Technique", href: "/en/skin/technique/" },
  grandparent: { title: "Skin", href: "/en/skin/" },
  totalCount: 98,
  hero: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=1800&q=80&auto=format&fit=crop",
  heroAlt: "SPF application — two fingers of sunscreen",
  h1: "The two-finger SPF rule, and why most people ignore it.",
  deck: "The two-finger rule isn't science. It's a rough heuristic. The quarter-teaspoon weight is the actual number — and most people apply about a quarter of that.",
  intro: "SPF labelling is tested at 2mg per square centimetre of skin. Your face and neck together cover roughly 600 square centimetres. The maths produces a quarter-teaspoon — about 1.25ml — as the minimum for face and neck combined. The two-finger rule exists because most people don't own a kitchen scale, and 'two fingers of product along the length of your index and middle finger' gets close enough. The problem is that most people apply the two fingers across a single fingertip. That's roughly a quarter of the required amount, which gives you an effective SPF of 5 to 8, not 30 or 50. Below is the complete library on SPF quantity and application — the most under-addressed problem in skincare.",
  byline: "Edited by Nelly · Beauty & Style Director",
  meta: { count: 98, updated: "Updated 28 April 2026", reading: "Avg. 4 min per piece" },
};

const TYPE_SIBLINGS = [
  { id: "the-three-movements",    title: "The Three Movements",    n: "01", href: "/en/skin/technique/the-three-movements/" },
  { id: "two-finger-spf",         title: "Two-Finger SPF",         n: "02", cur: true, href: "/en/skin/technique/two-finger-spf/" },
  { id: "double-cleanse",         title: "Double Cleanse",         n: "03", href: "/en/skin/technique/double-cleanse/" },
  { id: "temperature-in-skincare",title: "Temperature",            n: "04", href: "/en/skin/technique/temperature-in-skincare/" },
  { id: "patch-testing",          title: "Patch Testing",          n: "05", href: "/en/skin/technique/patch-testing/" },
  { id: "the-forgotten-zones",    title: "The Forgotten Zones",    n: "06", href: "/en/skin/technique/the-forgotten-zones/" },
  { id: "four-minute-routine",    title: "Four-Minute Routine",    n: "07", href: "/en/skin/technique/four-minute-routine/" },
];

const QUICK_FACTS = {
  defn: {
    h: "What the two-finger rule actually measures",
    body: "The two-finger rule asks you to dispense product along the length of your index and middle fingers — both fingers, full length, from knuckle to fingertip. That produces roughly 1ml to 1.25ml for an average-sized adult face and neck. The rule isn't laboratory-derived; it's a practical approximation of the 2mg/cm² standard. The quarter-teaspoon weight test (0.25 tsp on a kitchen scale) gives the same target for people who want precision over estimation.",
  },
  myths: [
    { m: "A 'little dab' of SPF is enough for the face.",
      t: "A little dab is roughly 0.25ml. The tested minimum for face and neck is 1.25ml. That's a fivefold gap." },
    { m: "Applying more SPF than the two-finger amount wastes product.",
      t: "Applying more than needed is fine. Applying less results in a lower effective protection factor than the label states." },
    { m: "Reapplication is optional if you're inside most of the day.",
      t: "Reapplication matters when you're exposed to daylight — windows pass UVA regardless of cloud cover or whether you're technically 'inside'." },
  ],
};

const BEGINNER_PATH = {
  h: "Start here, if SPF quantity is new to you.",
  deck: "Five pieces, in order. Under twenty minutes. The most useful change most people can make to their routine today.",
  steps: [
    { n: "01", t: "Why your SPF probably isn't working",                  time: "3 min", note: "The under-application problem, in plain English." },
    { n: "02", t: "The two-finger rule — how to do it correctly",         time: "3 min", note: "The common error, the correct method, and how to check." },
    { n: "03", t: "The quarter-teaspoon test",                            time: "3 min", note: "How to weigh your SPF application once, to calibrate your eye forever." },
    { n: "04", t: "SPF over makeup — the reapplication question",         time: "5 min", note: "Powder SPF, spray SPF, and why the formula matters for reapplication." },
    { n: "05", t: "Which SPF format works best for your skin type",       time: "4 min", note: "Fluid, gel, stick, cushion — what each one does to application quantity." },
  ],
};

const TRENDING = [
  { rank: "01", t: "Why your SPF 50 is working like an SPF 8",            time: "3 min", auth: "Nelly", date: "Apr 26", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=1100&q=80&auto=format&fit=crop", reads: "18,402" },
  { rank: "02", t: "The two-finger rule: the correct version",             time: "3 min", auth: "Nelly", date: "Apr 21", img: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=1100&q=80&auto=format&fit=crop", reads: "12,715" },
  { rank: "03", t: "Quarter-teaspoon test — how to calibrate your dose",   time: "3 min", auth: "Iris",  date: "Apr 16", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=1100&q=80&auto=format&fit=crop", reads: "9,804" },
  { rank: "04", t: "Reapplying SPF over makeup — what actually works",     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: "8,291" },
  { rank: "05", t: "Tinted SPF — does the colour change the coverage?",    time: "4 min", auth: "Iris",  date: "Apr 04", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=1100&q=80&auto=format&fit=crop", reads: "6,847" },
];

const FORMAT_GUIDE = {
  h: "Variations, by use case",
  deck: "Different SPF formats change how easy the two-finger quantity is to apply and check.",
  formats: [
    { name: "Fluid/lotion SPF",  when: "Daily use, face and neck, most skin types",         avoid: "Oily skin in humid climates — can feel heavy", note: "Easiest format for the two-finger rule. Flows naturally to the target quantity.",             verdict: "★ Default" },
    { name: "Gel SPF",           when: "Oily skin, post-exercise, humid weather",            avoid: "Very dry skin — can look tight",               note: "Lighter than a fluid but same volume rule applies. Often underestimated.",                   verdict: "Best for oily" },
    { name: "Stick SPF",         when: "Reapplication over makeup, targeted zones",          avoid: "As primary full-face application",             note: "Sticks are for top-up, not primary coverage. Hard to hit two-finger equivalent.",            verdict: "Top-up only" },
    { name: "Cushion SPF",       when: "Reapplication over makeup, light texture preference", avoid: "As primary protection",                      note: "Same caveat as stick. Coverage per pump is too low for primary application.",               verdict: "Top-up only" },
    { name: "Powder SPF",        when: "Over makeup, oil control during the day",            avoid: "As your only SPF",                            note: "Even less reliable for quantity. Useful as a third or fourth pass over makeup.",             verdict: "Layer on top" },
    { name: "Spray SPF",         when: "Body, hairline, and hard-to-reach areas",            avoid: "Face — quantity is near-impossible to control", note: "Sprays are known to be underapplied. Face deserves a measured formula.",                   verdict: "Body only" },
  ],
};

const HOWTOS = [
  { t: "Why your SPF 50 is working like an SPF 8",              time: 3, tech: "SPF",          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: "The two-finger rule — the correct method",              time: 3, tech: "Application",  auth: "Nelly", date: "Apr 21", img: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: true },
  { t: "The quarter-teaspoon test for SPF",                     time: 3, tech: "Diagnostic",   auth: "Iris",  date: "Apr 16", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Diagnostic", pick: true },
  { t: "How to reapply SPF over makeup",                        time: 5, tech: "Reapplication",auth: "Nelly", date: "Apr 10", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: true },
  { t: "Tinted SPF — colour and coverage",                      time: 4, tech: "SPF",          auth: "Iris",  date: "Apr 04", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Format", pick: false },
  { t: "Chemical vs mineral SPF — application differences",     time: 5, tech: "SPF",          auth: "Nelly", date: "Mar 28", img: "https://images.unsplash.com/photo-1570194065650-d99fb4bedf0a?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "SPF after moisturiser — timing and order",              time: 3, tech: "Layering",     auth: "Iris",  date: "Mar 22", img: "https://images.unsplash.com/photo-1583416750470-965b2707b355?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "Why SPF on the ears and hairline matters",              time: 3, tech: "Application",  auth: "Nelly", date: "Mar 16", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: false },
  { t: "The neck and the two-finger rule",                      time: 3, tech: "Application",  auth: "Nelly", date: "Mar 10", img: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: false },
  { t: "SPF on glass-skin vs matte skin — does it change?",    time: 4, tech: "SPF",          auth: "Iris",  date: "Mar 04", img: "https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Winter SPF — the case for year-round application",      time: 4, tech: "Essay",        auth: "Nelly", date: "Feb 26", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "How to apply SPF to the eye area",                      time: 3, tech: "Application",  auth: "Iris",  date: "Feb 20", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: false },
  { t: "Cushion SPF — when to reach for it",                    time: 3, tech: "Reapplication",auth: "Nelly", date: "Feb 14", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=900&q=80&auto=format&fit=crop", kick: "Format", pick: false },
  { t: "SPF and vitamin C — what order, what timing",           time: 5, tech: "Layering",     auth: "Iris",  date: "Feb 08", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "The pilling problem with SPF under foundation",         time: 4, tech: "Troubleshoot", auth: "Nelly", date: "Feb 02", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=900&q=80&auto=format&fit=crop", kick: "Troubleshoot", pick: false },
  { t: "How the teaspoon test works for the body",              time: 3, tech: "Application",  auth: "Iris",  date: "Jan 27", img: "https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: false },
  { t: "What SPF 30 vs SPF 50 actually means",                  time: 4, tech: "Essay",        auth: "Nelly", date: "Jan 21", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Powder SPF reapplication — how many passes?",           time: 3, tech: "Reapplication",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: "SPF for the scalp — options beyond spray",              time: 3, tech: "Application",  auth: "Nelly", date: "Jan 09", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: false },
  { t: "How to check whether you're applying enough",           time: 3, tech: "Diagnostic",   auth: "Iris",  date: "Jan 03", img: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=900&q=80&auto=format&fit=crop", kick: "Diagnostic", pick: false },
  { t: "SPF and melasma — a quantity question",                 time: 5, tech: "Essay",        auth: "Nelly", date: "Dec 28", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Running and SPF — the sweat factor",                    time: 3, tech: "Reapplication",auth: "Iris",  date: "Dec 22", img: "https://images.unsplash.com/photo-1583416750470-965b2707b355?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
  { t: "The argument for a dedicated SPF step",                 time: 4, tech: "Essay",        auth: "Nelly", date: "Dec 16", img: "https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Testing SPF by UV camera — what it shows",              time: 5, tech: "Diagnostic",   auth: "Iris",  date: "Dec 10", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=900&q=80&auto=format&fit=crop", kick: "Diagnostic", pick: false },
];

const TECH_FILTERS = ["All", "SPF", "Application", "Reapplication", "Layering", "Essay", "Diagnostic", "Troubleshoot", "Routine"];

const TYPE_CROSSLINKS = [
  { id: "the-three-movements",    title: "The Three Movements",  deck: "Press, not rub. The mechanics that change how every product performs.",  count: 143, href: "/en/skin/technique/the-three-movements/" },
  { id: "double-cleanse",         title: "Double Cleanse",       deck: "Oil first, water second. When it's worth it, when it isn't.",            count: 112, href: "/en/skin/technique/double-cleanse/" },
  { id: "the-forgotten-zones",    title: "The Forgotten Zones",  deck: "The eye area. The neck. The zones most routines leave behind.",          count: 119, href: "/en/skin/technique/the-forgotten-zones/" },
  { id: "four-minute-routine",    title: "Four-Minute Routine",  deck: "The minimum-time routine that still works.",                             count: 134, href: "/en/skin/technique/four-minute-routine/" },
];

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