@charset "utf-8";

@media screen and (max-width:767px) {
    .list--report {
        .card--report.card--experience {
            display: flex;
            position: relative;
        }
        .card--report.card--experience::before {
            content: "";
            display: block;
            width: 120px;
            flex-shrink: 0;
        }
        .list__item {
            margin-bottom: 12px;
        }
        .card__header {
            width: 120px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
        }
        .card__header .image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .card__body {
            padding-block: 8px;
            padding-inline: 12px;
        }
        .block--badge {
            margin-bottom: 0;
        }
        .block--badge:has(.badge) {
            margin-bottom: 4px;
            display: flex;
        }
        .block--badge .badge {
            margin-right: 0;
        }
        .block--badge .badge + .badge {
            margin-left: 6px;
        }
        .anchor.anchor--main {
            font-size: 14px;
            margin-bottom: 6px;
        }
        .text--2row {
            font-size: 14px;
        }
    }
}