/* --- PART 2 - Helper components (helper.css) --- */ /* ================================================================ helper.css — Shared styles for frameword helper files Sections: §0 Reset + base §1 Demo scaffolding (idx, sc-label, schema-box, variant preview) §2 Card scroller — shared track + nav §3 CS-01 Standard leaflet card §4 CS-02 Cinematic dark poster §5 CS-03 Landscape article §6 CS-04 Numbered feature §7 CS-05 Glass on gradient §8 CS-06 Tall editorial §9 CS-07 Wide panoramic §10 CS-08 Polaroid §11 CS-09 Flip card §12 CS-10 Layered depth §13 Floating social bar (fsb structure) §14 FSB themes (fs1–fs4) §15 Back to top buttons (bt01–bt05) §16 Keyframes §17 Responsive (320px up) ================================================================ */ /* ────────────────────────────────────────────────────────────── §0 Reset + base ────────────────────────────────────────────────────────────── */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;overflow-x:clip} body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--surface-color,#f8fafc);color:var(--text-strong,#1e293b);overflow-x:clip} /* Section Composer visibility toggle (eyebrow/title/subtitle "Hide X" switches in sp-pageedit.js) — target the outermost wrapper unique to that field so no padding/margin/min-height is left behind holding space when hidden. */ .pe-hidden{display:none!important} /* No link, no button — global, every section-library template (318 occurrences, always on an , never wrapping an image — verified across the whole library before adding this). sp-pageedit.js's renderLink sets href="" literally (trimmed, so whitespace-only input counts too) when an admin clears a Link field; this hides that CTA everywhere instead of leaving a dead, unclickable button visible. Untouched templates still ship href="#" as a placeholder, so nothing changes for a freshly-inserted section — this only fires once a field is deliberately emptied. */ a[data-pageedit="link"][href=""]{display:none} /* Restore native list markers for admin-typed rich-text content (issue #104). Tailwind's own preflight reset ships in output.css as `menu,ol,ul{list-style:none;margin:0;padding:0}` — global, unconditional, and correct for THIS library's own components, since every one of them (.ls01-list, .sc02-list, etc.) carries its own class and deliberately re-declares its own marker style (often still none, for a custom ::before-icon bullet). A raw