/* Overview */
/************/
#intro {
    display:         flex;
    flex-wrap:       wrap-reverse;
    justify-content: space-between;
    gap:             1em;
    margin:          1em 0;
}

@media (min-width: 768px) {
    #intro > * { flex: 0 1 calc(50% - 0.5em); }
}

@media (max-width: 767px) {
    #intro > * { width: 100%; }
}
/************/
/* Overview */

/* Societal Impacts */
/********************/
@media only screen and (max-width: 991px){
    #data-table { font-size: 0.8em; }
}

#download-thresholds {
  display:         flex;
  flex-wrap:       wrap;
  justify-content: space-between;
  align-items:     flex-end;
}

#data-download,
ul#show-thresholds {
    margin: 1em 0 0 0;
}

ul#show-thresholds {
    padding:    0;
    list-style: none;
}

ul#show-thresholds li {
    margin-left:     0.25em;
    padding:         0;
    list-style-type: none;
    display:         inline-block;
}

ul#show-thresholds li button.selected {
    cursor:             default !important;
    background-color:   #8d9297 !important;
    border-color:       #1c1d1f !important;
    -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
}

@media (min-width: 1200px) {
    #data-table td .longName { display: inline; }
}

@media (max-width: 1199px) {
    #data-table td .longName { display: none; }
}

@media (max-width: 768px) {
    #data-table .description { display: none; }
}

@media (min-width: 576px) {
    #show-0 span.shortLabel { display: none; }
    #show-0 span.longLabel { display: inline; }

    #data-table th .longName { display: inline; }
}

@media (max-width: 575px) {
    #show-thresholds .btn { font-size: 12px; }

    #show-0 span.shortLabel { display: inline; }
    #show-0 span.longLabel { display: none; }

    #data-table th .longName { display: none; }
}
/********************/
/* Societal Impacts */