:root {
    /*Brand colors*/
    --brand-95: hsl(345deg 80% 95%);
    --brand-90: hsl(345deg 80% 90%);
    --brand-80: hsl(345deg 80% 80%);
    --brand-45: hsl(345deg 80% 45%);
    --brand-35: hsl(345deg 80% 35%);
    --brand-25: hsl(345deg 80% 25%);
    --brand-15: hsl(345deg 80% 15%);

    /*Accent colors*/
    --accent-95: hsl(210deg 100% 95%);
    --accent-90: hsl(210deg 100% 90%);
    --accent-80: hsl(210deg 100% 80%);
    --accent-40: hsl(210deg 100% 40%);
    --accent-30: hsl(210deg 100% 30%);
    --accent-20: hsl(210deg 100% 20%);
    --accent-15: hsl(210deg 100% 15%);

    /*Logo color*/
    --logo-60: hsl(65deg 75% 60%);

    /*Success colors*/
    --success-98: hsl(90deg 70% 98%);
    --success-90: hsl(90deg 70% 90%);
    --success-80: hsl(90deg 70% 80%);
    --success-40: hsl(90deg 70% 40%);
    --success-30: hsl(90deg 70% 30%);

    /*Error color mapping to brand colors*/
    --error-95: var(--brand-95);
    --error-45: var(--brand-45);
    --error-35: var(--brand-35);

    /*Warning colors*/
    --warning-90: hsl(45deg 90% 90%);
    --warning-60: hsl(45deg 90% 60%);
    --warning-40: hsl(45deg 90% 40%);

    /*Visited state color*/
    --visited-30: hsl(270deg 100% 30%);
    --visited-80: hsl(270deg 100% 80%);

    /* Grey values - Ordered by descending Lightness value */
    --grey-100: hsl(0deg 0% 100%);
    --grey-95: hsl(210deg 10% 95%);
    --grey-93: hsl(210deg 10% 93%);
    --grey-88: hsl(210deg 10% 88%);
    --grey-85: hsl(210deg 10% 85%);
    --grey-75: hsl(210deg 10% 75%);
    --grey-65: hsl(210deg 10% 65%);
    --grey-55: hsl(210deg 10% 55%);
    --grey-45: hsl(210deg 10% 45%);
    --grey-35: hsl(210deg 10% 35%);
    --grey-25: hsl(210deg 10% 25%);
    --grey-20: hsl(210deg 10% 20%);
    --grey-15: hsl(210deg 10% 15%);
    --grey-5: hsl(210deg 10% 5%);

    /* Partially transparent colors */
    --brand-10-10: hsla(345deg 80% 10% / 0.1);
    --grey-100-80: hsl(0deg 0% 100% / 0.8);
    --grey-100-60: hsl(0deg 0% 100% / 0.6);
    --grey-5-60: hsl(210deg 10% 5% / 0.6);
    --accent-40-60: hsl(210deg 100% 40% / 0.6);
    --accent-10-60: hsl(210deg 100% 10% / 0.6);
    --accent-10-10: hsla(210deg 100% 10% / 0.1);
    --success-10-10: hsla(90deg 70% 10% / 0.1);
    --warning-10-10: hsla(45deg 90% 60% / 0.1);

    /* TYPOGRAPHY */
    --font-family-monospace: "courier new", "courier", monospace;
    --font-family-heading: "IBM Plex Sans Condensed", "calibri", "helvetica", "Liberation Sans", sans-serif;
    --font-family-body: "arial", "helvetica", "Liberation Sans", sans-serif;

    /* FONT WEIGHTS */
    --font-weight-normal: 400;
    --font-weight-semibold: 600; /* only used with --font-family-heading */
    --font-weight-bold: 700; /* only used with --font-family-body */

    /* FONT SIZES & LINE-HEIGHTS */
    --font-size-s: 0.625rem;
    --font-size-s-plus: 0.75rem;
    --font-size-m: 0.875rem;
    --font-size-m-plus: 1rem;
    --font-size-l: 1.125rem;
    --font-size-l-plus: 1.25rem;
    --font-size-xl: 1.375rem;
    --font-size-xl-plus: 1.5rem;
    --font-size-jumbo: 2rem;

    /* GRID COLUMN SIZES */
    --grid-column-width: 344px;

    /* MIN WIDTH BREAKPOINTS */
    --breakpoint-tablet: 720px;
    --breakpoint-laptop: 1080px;
    --breakpoint-desktop: 1440px;

    /* Z-Indices */
    --z-bottom: -2;
    --z-behind: -1;
    --z-above: 1;
    --z-top: 2;
    --z-drawer: 555555;
    --z-backdrop: 666666;
    --z-modal: 777777;
    --z-dropdown: 888888;
    --z-tooltip: 999999;
    --z-skip-links: 1000000;

    --surface-base-color: var(--grey-100);
    --surface-card-color: var(--grey-93);

}

body {
    background-color: var(--surface-base-color);
    margin: 0;
    font-family: var(--font-family-body);
    font-size: var(--font-size-m-plus)
}

a {
    color: var(--accent-30);
}

a:visited {
    color: var(--accent-30);
}

.dropdown {
    display: none;
    position: absolute;
    right: 0;
}

.open {
    color: var(--brand-35);
}

.open + .dropdown {
    display: block;
}

.open svg {
    transform: rotate(180deg);
}

nav {
    background-color: var(--brand-35);
    width: 100%;
    color: var(--grey-100);
    height: 44px;
    position: fixed;
    top: 0;
    z-index: 500;
}

nav a {
    color: var(--grey-100);
    text-decoration: none;
    line-height: 40px;
    display: block;
    width: 1424px;
    margin: 0 auto;
}

nav a::before {
    content: url("assets/svgs/chevronleft.svg");
    vertical-align: middle;
    margin-right: 8px;
    margin-left: 8px;
    display:inline-flex;
}

nav a:hover {
    text-decoration: underline;
    cursor: pointer;
}

nav a:visited {
    color: var(--grey-100);
}

p {
    line-height: 26px;
}

h1, h2, h3, h4, h5 {
    color: var(--accent-30);
    font-family: var(--font-family-heading);
}

h1 {
    font-size: var(--font-size-jumbo);
}

h3 {
    font-size: var(--font-size-xl-plus)
}
   
.subNav{
    grid-column: 1 / span 4;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top:var(--accent-30) 2px solid;
    margin-top: 40px;
    align-items: center;
    position: sticky;
    top: 40px;
    background-color: var(--surface-base-color);
    z-index: 50;
}

.subNav.border {
    border-bottom: 1px solid var(--grey-75)
}

.subNav #laptopIcon {
    position: absolute;
    top: -40px;
}

.subNav .viewMore{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    width: auto;
}

.subNav .viewMore a{
    display: flex;
    align-items: center;
    text-decoration: none;
    
}

.subNav li{
    color:var(--accent-30);
    list-style: none;
    line-height: 24px;
    text-align: right;
}

.subNav a.laptops, .subNav a.alleBBGs {
    cursor: pointer;
}

.subNav a.laptops{
    margin-right: 45px;
    visibility: hidden;
    margin-left:20px;
}

.subNav div ul {
    padding:16px;
    border: var(--grey-75) 1px solid;
    background-color: white;
}

.subNav a svg{
    padding-left:2px;
}

.alleBBGs ul {
    width: 133px;
    position: absolute;
    right: 0;
    top: 48px;}

.laptops ul{
    width:180px;
    margin-left:-65px;
    position:absolute;
    right: 152px;
    top: 48px;
}

.laptops ul li:not(:last-child) {
    margin-bottom: 16px;
}

.alleBBGs ul li:not(:last-child) {
    margin-bottom: 16px;
}

.disclaimer {
    padding: 8px;
    background-color: var(--surface-card-color);
    grid-column: 1 / span 4;
    margin-bottom: 16px;
}

.disclaimer p {
    padding: 0;
    margin: 0;
    font-size: var(--font-size-s-plus);
    text-align: center;
}

.authorAndSocials{
    grid-column: 1 / span 4;
    display:flex;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0;
}

.socials{
    display: flex;
    gap: 16px;
    cursor: pointer;
}

.authorInfo{
    align-items: center;
    display:flex;
}

.authorInfo a, .authorInfo span{
    font-size: 14px;
}

.authorInfo img{
    margin-right:12px;
    border-radius: 4px;
}
.authorInfo a{
    font-weight: bold;
    text-decoration: none;
    color:var(--grey-5);
}

.date{
    color:var(--grey-35);
}

.contentArea {
    width: 1424px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 1rem;
    margin-top: 56px;
}

.sidebar{
    background-color: var(--surface-card-color);
    padding: 16px;
    margin-bottom: 16px;
    height: fit-content;
}

.sidebar p {
    margin-top: 8px;
    margin-bottom: 8px;
}

.sidebar span.title{
    font-weight: bold;
    display: flex;
    align-items: center;
}

.specs {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    font-size:14px;
    grid-column: 1 / span 1;
}

.specs .specsInfo {
    align-items: center;
    text-align: center;
    width: 33%;
}

.specs .specsInfo p {
    margin-bottom: 0;
}

.specs .specsInfo p.specTitle{
    color: var(--accent-30);
}

.updated {
    grid-column: 1 / span 1;
}

.updated span.titleMobile{
    display:none;
}

.testmethod {
    grid-column: 1 / span 1;
}

.testmethod .behindReadMore {
    display: none;
}

.sidebar a{
    font-size: var(--font-size-m-plus);
    color:var(--accent-30);
    cursor: pointer;
}

.readMore {
    grid-column: 1 / span 1;
    grid-row: 8 / span 3;
    position: sticky;
    top: 128px;
}

.readMore img {
    width: 100%;
}

.ToC {
    position: sticky;
    top: 128px;
    grid-column: 4 / span 1;
    grid-row: 4 / span 1;
}

.ToC h3 {
    color: var(--brand-35);
    text-align: right;
    margin-top: 0;
}

.ToC ul{
    border-left: 1px solid var(--grey-55);
    margin-left: 80px;
    list-style-type: none;
    text-align: right;
}

.ToC ul li a {
    text-decoration: none;
    text-align: right;
}

.ToC ul li:not(:last-child) {
    margin-bottom: 16px;
}

.ToC p {
    text-align: right;
    font-size: var(--font-size-m);
    margin-top: 32px;
}

.ToC a#feedback {
    text-decoration: none;
    float: right;
    margin-top: 0;
    color: var(--accent-30);
    background: var(--grey-100);
    border: 1px solid var(--accent-30);
    border-radius: 2px;
    padding: 8px 16px;
}


article.mainText {
    grid-column: 2 / span 2;
    grid-row: 4 / span 10;
    font-size: var(--font-size-m-plus)
}

article.mainText p:nth-child(1) {
    margin: 0;
}

article.mainText > img {
    width: 100%;
}

article.mainText > .imgTextWrap {
    width: auto;
    float: right;
    margin: 0 0 10px 20px;
}

article.mainText > .imagesContainer {
    display: flex;
    justify-content: space-between;
    padding-top: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
}

article.mainText > .imagesContainer > img {
    border: #e6e6e6 1px solid;
    padding: 5px;
    border-radius: 2px;
    margin: 8px;
    width: 40vw;
    max-height: 200px;
    object-fit: cover;
    overflow-y: hidden;
    overflow-x: hidden;
}

article.mainText > .imagesContainer > img:first-of-type {
    margin-left: 0;
}

article.mainText > .imagesContainer > img:last-of-type {
    margin-right: 0;
}

article table {
    border-spacing: 0;
    font-size: 12px;
    line-height: 20px;
}

article table tr:first-child td {
    border: 0;
}

article table.benchTable td {
    background: none;
    border: none;
    white-space: nowrap;
}

.recommendationBlock.primary, .recommendationBlock.alternative{
    padding-top:32px;
}

.recommendationBlock.primary .recommendationContentArea {
    background-color: var(--grey-93);
    padding:32px 16px 16px 16px;
}

.recommendationBlock.alternative .recommendationContentArea{
    background-color: var(--grey-93);
    padding: 32px 16px 16px 16px;
}


.recommendationBlock .onzeAanrader, .recommendationBlock.alternative .onzeAanrader{
    width: fit-content;
    font-weight: 600;
    border-radius: 20px;
    position: absolute;
    z-index: 5;
    margin-top: -16px;
    margin-left: 16px;
    padding: 0 8px;
}



.recommendationBlock.primary .onzeAanrader{
    background-color: var(--grey-85);
    color: var(--grey-5);
}
.recommendationBlock.alternative .onzeAanrader{
    background-color: var(--grey-75);
    color: var(--grey-5);
}

.recommendationBlock .onzeAanrader p{
    display:flex;
    align-items: center;
    gap:8px;
    padding:4px 8px;
}

.recommendationBlock p{
    margin-bottom:0px;
}

.recommendationBlock.primary .imageAndInfoContainer, .recommendationBlock.alternative .imageAndInfoContainer{
    display: flex;
    flex-direction: row;
}

.recommendationBlock.primary .imageContainer, .recommendationBlock.alternative .imageContainer{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 171px;
    border: var(--grey-75) 1px solid;
    background-color: white;
}

.recommendationBlock.primary div.productInfo, .recommendationBlock.alternative div.productInfo{
    display: flex;
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
    width: 50%;
    justify-content: space-between;
}

.recommendationBlock div.productInfo span.specsLine, .recommendationBlock.alternative div.productInfo span.specsLine{
    color:var(--grey-55);
    font-size: 14px;
    line-height: 24px;
}

.recommendationBlock.primary span.titleAndPrice, .recommendationBlock.alternative span.titleAndPrice{
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
}

.recommendationBlock h4{
    margin-top:0px;
    color:var(--grey-5);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    line-height: 24px;
    margin-bottom:0px;
}

.recommendationBlock.primary span.price, .recommendationBlock.alternative span.price{
    width:100px;
    text-align: right;
    color:var(--accent-30);
    font-weight: 600;

}

.recommendationBlock.primary span.price span.vanaf, .recommendationBlock.alternative span.price span.vanaf{
    font-weight: 400;
    font-size: 14px;
    color:var(--grey-55);
}

.recommendationBlock.primary span.buttons, .recommendationBlock.alternative span.buttons{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.recommendationBlock.primary a.primary, .recommendationBlock.alternative a.primary{
    color:var(--grey-100);
    cursor: pointer;
    background: var(--accent-30);
    border-radius:2px;
    padding: 8px 16px;
    font-size: 14px;    
    max-width: 162px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
}

.recommendationBlock.primary a.primary.disabled, .recommendationBlock.alternative a.primary.disabled {
    color: var(--grey-100);
    background: var(--grey-75);
    cursor: default;
}

.recommendationBlock.primary a.secondary, .recommendationBlock.alternative a.secondary{
    color:var(--accent-30);
    cursor: pointer;
    border: none;
    font-size: 14px;
    text-decoration: none;
}

.recommendationBlock.secondary{
    padding-top:32px;
    font-size: 14px;
}


.recommendationBlock.secondary .onzeAanrader{
    background-color: var(--grey-88);
    color: var(--grey-55);
}


.recommendationBlock.secondary .recommendationContentArea{
    border:var(--grey-55) 1px solid;
    padding:32px 16px 16px 16px;
    display: flex;
    flex-direction: row;
    gap:16px;
}

.recommendationBlock.secondary .recommendationContentArea div.recommendation{
    display: flex;
    flex-direction: row;
}

.recommendationBlock.secondary .recommendationContentArea div.recommendation div.productInfo{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
} 

.recommendationBlock.secondary .recommendationContentArea div.recommendation div.productInfo span.specsLine{
    font-size:12px;
}

.recommendationBlock.secondary span.price{
    width:100px;
    color:var(--accent-30);
    font-weight: 600;

}

.recommendationBlock.secondary span.price span.vanaf{
    font-weight: 400;
    font-size: 14px;
    color:var(--grey-55);
}

.recommendationBlock.secondary div.imageContainer{
    height:96px;
    width: 80px;
    display:flex;
    align-items: center;
    padding:16px;
}

.recommendationBlock img.productImage {
    object-fit: contain;
}

.tabbedContentWrapper.display-tags>ul.tabbedContent li {
    padding: 8px 16px;
}

footer {
    background-color: var(--grey-15);
    height: 15vh;
    height: 15dvh;
    width: 100%;
    margin-top: 64px;
}

footer p, footer a, footer a:visited {
    color: var(--grey-100);
    text-align: center;
    padding-top: 32px;
}

.floating-action-button {
    --fab-text-color: var(--grey-100);
    --fab-background-color: var(--accent-30);
    --fab-font-size: var(--font-size-l);
    --fab-font-family: var(--font-family-body);
    --fab-font-weight: var(--font-weight-semibold);
    --fab-base-padding: 0.75rem;
    --fab-icon-size: 2rem;
    --tip-icon-fill: var(--fab-text-color);
    background-color: var(--fab-background-color);
    border-radius: .25rem 0 0 .25rem;
    bottom: 15vh;
    color: var(--fab-text-color);
    cursor: pointer;
    display: flex;
    font-family: var(--fab-font-family);
    font-size: var(--fab-font-size);
    font-weight: var(--fab-font-weight);
    gap: .75rem;
    line-height: var(--fab-font-size);
    padding: var(--fab-base-padding);
    position: fixed;
    right: 0;
    writing-mode: vertical-rl;
    z-index: 999;
    text-decoration: unset;
}

.floating-action-button:hover {
    --fab-background-color: var(--accent-40);
    color: var(--fab-text-color);
    text-decoration: unset;
}

.floating-action-button:visited {
    color: var(--grey-100);
}

.floating-action-button svg {
    transform: rotate(90deg) scale(2);
}

@media only screen and (min-width: 1441px)  {
    a.alleBBGs svg {
        width:18px;
        height:18px;
    }

    .floating-action-button{
       display:none; 
    }
}

@media only screen and (max-width: 1440px)  {
    nav a, .contentArea {
        width: 1064px;
    }

    h1 {
        font-size: var(--font-size-xl-plus);
    }

    .disclaimer, .subNav, .authorAndSocials {
        grid-column: 1 / span 3;
    }

    .disclaimer {
        grid-row: 1 / span 1;
    }

    .subNav {
        grid-row: 2 / span 1;
    }

    .authorAndSocials {
        grid-row: 3 / span 1;
    }

    .contentArea {
        grid-template-columns: 1fr 1fr 1fr;
    }

    article.mainText {
        grid-column: 1 / span 2;
        grid-row: 4 / span 10;
    }

    .ToC {
        display: none;
    }

    .updated, .readMore, .testmethod, .specs {
        grid-column: 3 / span 1;
    }

    .updated {
        grid-row: 4 / span 1;
    }

    .specs {
        grid-row: 5 / span 1;
    }

    .testmethod {
        grid-row: 6 / span 1;
    }

    .subNav a.laptops {
        visibility: visible;
        margin-right: 8px;
        width: 144px;
    }

    .subNav a.alleBBGs {
        width: 144px;
    }

    .subNav .viewMore a{
       font-size:14px;
    }
    
    .subNav li{
        font-size:14px;
    }
}

@media only screen and (max-width: 1080px)  {

    nav a {
        width: 704px;
    }
    
    
    .contentArea {
        grid-template-columns: 1fr;
        width: 704px
    }

    .disclaimer, .subNav, .authorAndSocials {
        grid-column: 1 / span 2;   
    }

    .subNav div ul {
        width: calc(704px - 2rem);
        right: 0;
    }
    

    .subNav li {
        color:var(--accent-30);
        list-style: none;
        line-height: 24px;
        text-align: left;
    }
    .laptops ul{
        right:180px;
    }


    .disclaimer {
        grid-row: 1 / span 1;
    }

    .subNav {
        grid-row: 2 / span 1;
    }

    .authorAndSocials {
        grid-row: 3 / span 1;
    }

    .subNav {
        padding-top: 0px;
    }

    article.mainText {
        grid-column: 1 / span 2;
        grid-row: 7 / span 1;

    }

    .sidebar{
        width: calc(100% - 16px);
    }

    .updated {
        grid-column: 1 / span 2;
        grid-row: 4 / span 1;
    }

    .testmethod {
        grid-column: 1 / span 2;
        grid-row: 10 / span 1;
    }

    .specs {
        display: none;
    }

    .readMore {
        display: none;
    }
}

@media only screen and (max-width: 767px)  {

    nav a {
        width: calc(100% - 32px);
    }

    .contentArea {
        grid-template-columns: 1fr;
        width: calc(100% - 32px);
    }

    .subNav {
        display:flex;
        flex-direction: column;
        padding-top:0px;
        justify-content: space-between;
        padding-bottom: 16px;
    }

    .subNav div ul {
        padding:16px;
        border: var(--grey-75) 1px solid;
        background-color: white;
        width: calc(100vw - 4rem);
        right: 0;
        z-index: 6;
    }

    .authorAndSocials {
        flex-direction: column;
        margin-bottom: 16px;
    }
   
    .authorAndSocials .socials {
        padding-top: 16px;
    }


    .recommendationBlock.primary .imageAndInfoContainer, .recommendationBlock.alternative .imageAndInfoContainer{
        flex-direction: column;
    }

    .recommendationBlock.primary .imageContainer, .recommendationBlock.alternative .imageContainer{
        width: 100%;
    }
    
    .recommendationBlock.primary div.productInfo, .recommendationBlock.alternative div.productInfo{
        width: 100%;
        margin-left: -16px;
        padding-top: 16px;
    }

    .recommendationBlock div.productInfo span.specsLine{
        padding:16px 0px;
    }

    .recommendationBlock.secondary{
        width: calc(100vw - 1rem);
        overflow-x: scroll;
    }

    .recommendationBlock.secondary .recommendationContentArea {
        border:none;
    }
    .recommendationBlock.secondary .bgMobile{
        background-color: var(--grey-95);
        width:fit-content;
    }

    .recommendationBlock.secondary .recommendationContentArea div.recommendation {
        min-width: 360px;
        background-color: var(--grey-100);
    }

    .recommendationBlock.secondary .recommendationContentArea  span.specsLine{
        line-height: normal;
    }

    .recommendationBlock.secondary .recommendationContentArea div.recommendation div.productInfo {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    article.mainText > .imagesContainer > img {
        width: 45vw;
        max-height: 200px;
    }

    table.benchTable {
        padding:10px 0
    }
    
    table.benchTable thead tr th {
        padding-top:5px
    }
    
    table.benchTable thead tr:last-child th {
        display:none
    }
    
    table.benchTable thead tr:last-child th:last-child {
        display:block;
        padding-bottom:10px;
        width:100%;
    }
    
    table.benchTable tr {
        display:block;
        width:100%;
    }
        
    table.benchTable tr th, table.benchTable tr td {
        box-sizing:border-box;
        padding:0;
        text-align:left;
    }
    
    table.benchTable tr td.singleColumn {
        min-width:0
    }
    
    table.benchTable tr td.specColumn:not(:empty) {
        color:gray;
        font-size:13px;
    }
    
    table.benchTable tr td.specColumn:not(:empty)::before {
        content:"•";
        margin:0 5px;
    }
    
    table.benchTable tr td.scoreColumn {
        display:block;
        padding:3px 0 9px;
        width:100%;
    }
    
    .benchdb-article-chart {
        overflow:auto;
    }
    
    .benchdb-article-chart table.benchTable th, .benchdb-article-chart table.benchTable td.scoreColumn {
        max-width:calc(100VW - 40px);
    }

    article .benchdb-article-chart {
        overflow: auto;
    }

    article table.benchTable tr {
        display: block;
        width: 100%;
    }

    article table.benchTable tr td.singleColumn {
        min-width: 0;
    }

    article table.benchTable tr td.specColumn:not(:empty) {
        color: gray;
        font-size: 13px;
    }

    article table.benchTable tr th, .article table.benchTable tr td {
        box-sizing: border-box;
        padding: 0;
        text-align: left;
    }

    .benchdb-article-chart .benchTable .singleColumn {
        min-width: 127px;
        text-align: left;
    }
       
}