/*! * cz-calc-3887.css — Term comparison calculator (post 3887) * Version: 4.0.0 (2026-05-29) — clean rebuild * * Loaded by cz-calc-restore.php mu-plugin only on post 3887. * * ARCHITECTURE: SELF-CONTAINED FORM PATTERN * ───────────────────────────────────────── * This calculator uses cz-3887-* form classes that do NOT inherit from * .cz-calculator__field / __label / __input / __hint / __select. The site-wide * form pattern in cz-design.css is bypassed entirely for this calculator. * * WHY: cz-design.css defines form spacing tuned for Bankrate-style "loose" * production calculators. When mockup-fidelity matters (custom spacing, * tightly-anchored labels), the only clean path is self-contained classes * to avoid specificity battles + inherited cascade leaks. * * Other calculator posts (2598, 3167, 3204, 3226, 3301, 3452, 2925, 2888, 2664) * continue using cz-design.css form pattern — they are not affected by this file. * * Header override (.cz-calculator__header etc.) IS still inherited because we * keep that part of the markup; we override only the bits that need to change. * * See README.md in drafts/84-month-auto-loan-true-cost-by-credit-tier-usa/ * for DEC-AR (self-contained form pattern decision) + lessons learned. * * IMPORTANT: pairs with cz-calc-3887.js (DOM element IDs are stable). * IMPORTANT: !important is used only where genuinely required to defeat * inline