/* =========================================================================================================================== */
/*                                            🧩 INDICATORS – PI CYCLE TOP                                                     */
/*                                            📍 static/css/pages/indicators/pi_cycle_top.css                                  */
/* =========================================================================================================================== */



/* Headline – Pi Cycle Top */
.headline-indicators-pi-cycle-top {
    font-family: "Courier New", monospace;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.2em;

    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 2rem;

    /* 🔥 Cycle Phases: Expansion → Peak → Capitulation */
    background: linear-gradient(
        90deg,
        rgb(255, 140, 0) 0%,   /* Expansion */
        rgb(255, 69, 0) 55%,   /* Peak */
        rgb(178, 34, 34) 100%  /* Capitulation */
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    text-shadow:
        0 1px 0 rgba(255,255,255,0.4),
        0 0 8px rgba(255,69,0,0.45),
        0 0 14px rgba(178,34,34,0.35);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Layout – Pi Cycle Top */
.INDICATORS_PI_CYCLE_TOP-container {
    max-width: 1800px;
    margin: 0 auto;
    padding: 1rem;
}

/* Description – Pi Cycle Top */
.INDICATORS_PI_CYCLE_TOP-description {
    text-align: center;
    margin-bottom: 2rem;
    opacity: 0.85;
}

/* Chart – Pi Cycle Top */
.INDICATORS_PI_CYCLE_TOP-iframe {
    width: 100%;
    height: 80vh;
    min-height: 720px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.15);
    background: #000;
}