html, body {
    font: 16px/24px sans-serif;
    letter-spacing: .012em;
}

img {
    max-width: 100%;
}

.left,
.half-center div.left {
    text-align: left;
}

.center {
    text-align: center;
}

.mb1 {
    margin-bottom: var(--regular-half);
}

.mb2 {
    margin-bottom: var(--double-half);
}

.mb3 {
    margin-bottom: var(--triple-half);
}

.mb5 {
    margin-bottom: var(--five-half);
}

.mb6 {
    margin-bottom: var(--six-half);
}

.mb7 {
    margin-bottom: var(--seven-half);
}

.mt1 {
    margin-top: var(--regular-half);
}

.mt2 {
    margin-top: var(--double-half);
}

.mt3 {
    margin-top: var(--triple-half);
}

.mt4 {
    margin-top: var(--quadruple-half);
}

.mt5 {
    margin-top: var(--five-half);
}

.mt6 {
    margin-top: var(--six-half);
}

.mt7 {
    margin-top: var(--seven-half);
}

.half-right {
    flex-direction: row-reverse;
}

.movies {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.movies iframe {
    box-sizing: content-box;
    border: solid 1px var(--gray-50);
    border-radius: var(--radius-border);
    height: calc((var(--page-wrapper) * .75) * 0.5625);
    width: calc(var(--page-wrapper) * .75);
}

.article-wrapper {
    margin: 0 auto;
    width: var(--article-wrapper);
}

article.news ol {
    list-style: decimal;
}

article.news ul {
    list-style: square;
}

article.news li:first-of-type {
    /*padding-top: 1rem;*/
}

article.news li {
    font-size: var(--p-font-size);
    line-height: var(--p-line-height);
    padding-bottom: 0.5rem;
}

article.news a {
    color: var(--black);
}

article.news div.article-info {
    color: var(--gray-600);
    display: flex;
    font-size: var(--small);
    font-weight: bold;
    justify-content: center;
    text-transform: uppercase;
}

article.news div.article-info .category:after {
    content: '\2022';
    margin: 0 var(--small);
}

.half-center > div,
.half-left > div:nth-child(2),
.half-right > div:nth-child(2) {
    text-align: center;
}

.half-left,
.half-right,
.half-center {
    align-items: center;
    display: flex;
    gap: var(--five-half);
}

.half-left > div,
.half-right > div {
    width: 100%;
}

.half-center {
    justify-content: center;
}

.half-cols h2,
.half-center > div:not(.bordered) {
    width: 70%;
}

.half-center h2,
.half-cols h2 {
    text-align: center;
}

.half-cols h2 {
    margin: 0 auto var(--double);
}

.half-cols p {
    column-count: 2;
    column-gap: var(--quadruple);
    column-rule: dotted;
    hyphens: auto;
}

.techdata section p {
    padding: var(--regular) 0 0;
}

.techdata ul {
    list-style: square;
    line-height: 28px;
    margin: 0 auto;
    padding: var(--regular) 0 var(--double) var(--double);
}

.techdata ul ul {
    list-style: disc;
    padding: 0 0 0 var(--double);
}

.techdata .half-center {
    flex-direction: column;
    gap: var(--regular);
    padding: var(--double);
}

.techdata header .half-center {
    padding: var(--header-cover-margin);
}

img.bordered,
.techdata .photo img,
.techdata .bordered {
    background-color: white;
    border-radius: var(--radius-border);
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
    padding: 2px;
    overflow: scroll;
}

.techdata table {
    border-collapse: collapse;
}

.techdata table thead tr:first-of-type,
.techdata table thead th:first-of-type {
    font-weight: bold;
}

.techdata table th,
.techdata table td {
    vertical-align: middle;
    padding: var(--half) var(--regular);
}

.techdata table thead th {
    border-left: 1px dotted var(--gray-300);
}

.techdata table thead tr {
    border-bottom: 1px dotted var(--gray-300);
}

.techdata table thead tr:last-of-type {
    border-bottom: 1px solid var(--gray-300);
}

.techdata table tbody tr:nth-child(even) {
    background-color: var(--gray-50)
}

.techdata table tbody tr:nth-child(odd) {
    background-color: var(--white)
}

.techdata table tbody td {
    border-left: 1px dotted var(--gray-200);
}

.techdata table tbody tr:hover {
    background-color: var(--logispak-orange-rgba);
}

.techdata table tbody tr {
    border-bottom: 1px dotted var(--gray-200);
}

.techdata table tbody td:first-of-type {
    text-align: left;
}

.techdata table tbody td:first-of-type,
.techdata table thead th:first-of-type {
    border-left: none;
}

.techdata table thead tr {
    background-color: var(--gray-100);
}

.techdata table tbody tr:last-of-type {
    border-bottom: none;
}

@media (max-width: 1024px) {
    .techdata section.full .half-center > div {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .half-center > div:not(.bordered) {
        width: 100%;
    }
}

@media (max-width: 540px) {
    .half-cols,
    .half-left,
    .half-right {
        flex-direction: column;
        gap: var(--double);
    }

    .half-left h2,
    .half-right h2 {
        margin-bottom: var(--double);
    }

    .half-cols h2,
    .half-center > div {
        width: 100%;
    }

    .half-left h2,
    .half-right h2,
    .half-center h2,
    .half-cols h2 {
        text-align: left;
    }

    .half-left p,
    .half-right p,
    .half-center p,
    .half-cols p {
        column-count: 1;
        column-gap: normal;
        column-rule: none;
        hyphens: none;
        text-align: left;
    }

    .techdata .half-center {
        padding: var(--regular);
    }

    .techdata .half-cols h2,
    .techdata .half-center > div:not(.bordered) {
        width: 100%;
    }
}