.graph-card{
display:flex;
flex-direction:column;
width:100%;
}

/*.graph-header
{
display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:10px;

width:100%;
}

.graph-header
{
    flex-direction:column;

    align-items:flex-start;
}*/

.graph-header{
    display:flex;
    justify-content:space-between;
    align-items:normal;
    gap:20px;
    width:100%;
}

.graph-header h3
{
margin:0;
}

.graph-header small
{
color:#64748b;
}

.summary-item
{
text-align:center;

min-width:90px;
}

.summary-item{
overflow:hidden;
}

.summary-item{
min-width:0;
}

.chart-container{
position:relative;
width:100%;
height:260px;
}

.graph-title{
display:flex;
align-items:center;
gap:10px;
}

.graph-title svg{
color:#ec4899;
}

#speedChart
{
width:100% !important;

height:100% !important;
}

/*.graph-summary
{
display:flex;

gap:20px;
}

.graph-summary{
overflow:hidden;
}

.graph-summary{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
}*/

.graph-summary{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:23px;
}

.speed-number{
font-size:42px;
font-weight:900;
}

.speed-unit{
font-size:18px;
color:#64748b;
}

.summary-title
{
display:block;

color:#64748b;

font-size:13px;
}

.summary-value
{
display:block;

font-size:22px;

font-weight:700;

margin-top:4px;

color:#ec4899;
}