// ─────────────────────────────────────────────────────────────────────
// SUB-SOLUTION TEMPLATE (generic)
//
// One template renders every sub-solution detail page. It reads its
// data from window.__subSolution, which is populated server-side by
// src/pages/[parentSlug]/[slug].astro from the `sub-solutions` content
// collection.
//
// Page rhythm — same as the approved Custom Data Collection.html mock:
// Hero → Overview → Use Cases → Why Argos → Outcome → Related
//
// window.__subSolution shape:
// {
// solution: { …full frontmatter for THIS sub-solution… },
// featured: [ {title, slug, parentSlug, parentCategory, icon, shortDescription}, … ],
// siblings: [ {title, slug, parentSlug, icon, shortDescription}, … ],
// }
//
// Featured cards render with a navy bg + white text (cross-category
// spotlights). Sibling cards render with the standard cream-on-white
// treatment. Both appear in the same Related grid; featured first.
// ─────────────────────────────────────────────────────────────────────
const D = (typeof window !== 'undefined' && window.__subSolution)
? window.__subSolution
: { solution: {}, featured: [], siblings: [] };
const S = D.solution || {};
// Two-line title helper. The author MAY define overrides via a manual `\n`
// in the .md title field, but since titles in frontmatter are single-line
// strings, we auto-split at the natural midpoint for the hero/card titles
// to preserve the visual rhythm of the reference design ("Custom Data\nCollection").
function autoBreak(title) {
if (!title) return '';
if (title.includes('\n')) return title; // already broken
const words = title.split(' ');
if (words.length <= 1) return title;
// Find the split point closest to half the word count
const mid = Math.ceil(words.length / 2);
return words.slice(0, mid).join(' ') + '\n' + words.slice(mid).join(' ');
}
// Derived headlines — used when frontmatter doesn't override them.
function defaultOverviewHeadline(solution) {
return solution.overviewHeadline || `${solution.title}, treated as an engineered data discipline.`;
}
function defaultUseCasesHeadline(solution) {
return solution.useCasesHeadline || `Where ${solution.title} is applied.`;
}
function defaultWhyArgosHeadline(solution) {
return solution.whyArgosHeadline || `Why ${solution.title} delivers in production.`;
}
function defaultOutcomeHeadline(solution) {
return solution.outcomeHeadline || `Outcomes that move from pilot to production.`;
}
// Helpers to read overview/outcome paragraph bodies.
function overviewParagraph(solution) {
const e = solution.expandedDescription || [];
return e[1] || e[0] || '';
}
// ── HERO ─────────────────────────────────────────────────────────────
const SubServiceHero = ({ onCTA }) => (