.plot-wrapper {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.plot-wrapper .plotly-graph-div {
    width: 100% !important;
    height: auto !important;
}

.text_label {
    font-size: 22px;
    font-weight: bold;

}
.text_evidence{
    font-size: 16px;
}

.text_block {
    background-color: #edf1f4;
}

.text_pic  {
    width:200px;
    height: 200px;
}

.chart-box{
    width: 100%;
    height: 60vh;
    min-height: 350px;
    max-height: 700px;
}

.btn-neon {
    background: #f7f8f9;
    color: #3B82F6;
    border: 2px solid #3B82F6;
    padding: 12px 24px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px #3B82F6;
}
.btn-neon:hover {
    background: #3B82F6;
    color: #111;
    box-shadow: 0 0 30px #3B82F6;
    transform: scale(1.05);
}

.shadow-hover {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.shadow-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; /* Matches Bootstrap's shadow-lg */
}

.gradient-text-top {
    background: linear-gradient(to bottom, #1b7aff, #b0cff8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}