.leftBarHeader{
    stroke-dasharray: 5px; 
    height: 63px;
}

.leftBarHeader .material-icons{
    color: black;
}


.leftBarBody{
    color: var(--panel-text-color);
    font-family: var(--panel-font-family);
    font-size: var(--panel-info-body-size);
    font-weight: 400;
    line-height: var(--panel-line-height-body);
    letter-spacing: 0;
}

.leftBarBody h1,
.leftBarBody h2,
.leftBarBody h3{
    color: var(--panel-text-color);
    font-family: inherit;
    font-size: var(--panel-heading-size);
    font-weight: 600;
    line-height: var(--panel-line-height-tight);
    letter-spacing: 0;
    margin: 0 0 clamp(12px, 0.94vw, 18px);
}

.leftBarBody h4,
.leftBarBody h5,
.leftBarBody h6{
    color: var(--panel-text-color);
    font-family: inherit;
    font-size: var(--panel-title-size);
    font-weight: 600;
    line-height: var(--panel-line-height-tight);
    letter-spacing: 0;
    margin: 0 0 clamp(12px, 0.94vw, 18px);
}

.leftBarBody p,
.leftBarBody li{
    color: var(--panel-text-color);
    font-family: inherit;
    font-size: var(--panel-info-body-size);
    font-weight: 400;
    line-height: var(--panel-line-height-body);
    letter-spacing: 0;
}

.leftBarBody p{
    margin: 0 0 var(--panel-paragraph-gap);
}

.leftBarBody ul,
.leftBarBody ol{
    margin: 0 0 var(--panel-paragraph-gap);
    padding-left: 28px;
}

.leftBarBody strong{
    font-weight: 500;
}

.leftBarBody a{
    color: var(--panel-text-color);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.leftBarBody a:hover {
    color: var(--panel-text-color);
    text-decoration: underline;
}

.leftBarBody img,
.leftBarBody iframe {
    display: block;
    max-width: 100%;
    margin: 10px 0 20px;
}

.leftBarBody img { height: auto; }

.leftBarBody iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    border: 0;
}