/*!
 * ============================================================
 * Time-Gated Content – Optional CSS
 * ============================================================
 *
 * PURPOSE:
 *   Prevents "flash of expired or future content" before
 *   JavaScript runs by hiding time-gated elements by default.
 *
 * HOW IT WORKS:
 *   - Any element using data-start and/or data-expire
 *     will be hidden initially.
 *   - JavaScript will reveal elements that are within
 *     their valid date/time window.
 *
 * HOW TO INCLUDE (HTML):
 *
 *   <link rel="stylesheet" href="/css/time-gated-content.css">
 *
 * ============================================================
 */

[data-start],
[data-expire] {
    display: none;
}