@media (max-width: 900px) {
    .financieel-overzicht { scrollbar-gutter: auto; }
    .financieel-titelbalk {
        min-height: 72px;
        padding: 12px;
        gap: 10px;
    }

    .financieel-titelbalk h1 { font-size: 18px; }
    .financieel-alleen-lezen {
        white-space: normal;
        text-align: center;
    }

    .financieel-kerncijfers {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .financieel-kerncijfer-groep {
        border-right: 0;
        border-bottom: 1px solid #a6a6a6;
    }

    .financieel-kerncijfer-groep:last-child { border-bottom: 0; }
    .financieel-kerncijfer-rij {
        height: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .financieel-kerncijfer {
        min-height: 70px;
        padding: 8px 10px;
        border-bottom: 1px solid #c8c8c8;
    }

    .financieel-kerncijfer dd > strong { font-size: 15px; }
    .financieel-kerncijfer > small { display: block; }
    .financieel-aandachtspunt {
        padding: 8px 12px;
        display: grid;
        gap: 2px;
    }

    .financieel-filterbalk {
        min-height: 72px;
        padding: 8px 12px;
        display: grid;
        gap: 5px;
    }

    .financieel-filterbalk input { min-height: 44px; }
    .financieel-zoekveld { min-width: 0; }
    .financieel-soortknoppen { flex-wrap: wrap; }
    .financieel-soortknoppen button {
        min-height: 40px;
        margin-top: -1px;
    }

    .financieel-filterbalk > .icoon-knop {
        position: absolute;
        right: 8px;
        bottom: 5px;
        min-width: 40px;
        min-height: 40px;
    }

    .financieel-resultaat { padding-bottom: 0; }
    .financieel-rasterkader {
        overflow: visible;
        padding-bottom: 24px;
    }

    .financieel-tabel,
    .financieel-tabel.project,
    .financieel-tabel.uitvoering {
        min-width: 0;
        display: block;
    }

    .financieel-tabel thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        clip-path: inset(50%);
    }

    .financieel-tabel tbody { display: grid; }
    .financieel-tabel tbody tr:not(.financieel-groepsrij) {
        min-width: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-bottom: 1px solid #8a8886;
        border-left: 3px solid transparent;
        background: #fff;
        content-visibility: auto;
        contain-intrinsic-size: 184px;
    }

    .financieel-tabel tbody tr.financieel-staartpost {
        border-left-color: #0f6f45;
        background: #f7faf8;
    }

    .financieel-tabel tbody tr:not(.financieel-groepsrij) td {
        min-width: 0;
        height: auto;
        min-height: 54px;
        padding: 8px 10px;
        display: grid;
        align-content: start;
        gap: 3px;
        border-right: 1px solid #a6a6a6;
        border-bottom: 1px solid #d1d1d1;
        border-left: 0;
        text-align: left;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .financieel-tabel.project tbody tr:not(.financieel-groepsrij) td:first-child {
        display: none;
    }

    .financieel-tabel.project tbody tr:not(.financieel-groepsrij) td:nth-child(2) {
        grid-column: 1;
        grid-row: 1;
    }

    .financieel-tabel.project tbody tr:not(.financieel-groepsrij) .financieel-omschrijving {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .financieel-tabel.project tbody tr:not(.financieel-groepsrij) td:nth-child(4) {
        grid-column: 1;
        grid-row: 3;
    }

    .financieel-tabel.project tbody tr:not(.financieel-groepsrij) td:nth-child(5) {
        grid-column: 2;
        grid-row: 3;
    }

    .financieel-tabel.project tbody tr:not(.financieel-groepsrij) td:last-child {
        grid-column: 2;
        grid-row: 1;
        border-right: 0;
    }

    .financieel-tabel tbody tr:not(.financieel-groepsrij) td::before {
        content: attr(data-label);
        color: #616161;
        font-size: 10px;
        font-weight: 600;
    }

    .financieel-tabel tbody tr:not(.financieel-groepsrij) td:nth-child(even) {
        border-right: 0;
    }

    .financieel-tabel tbody tr:not(.financieel-groepsrij) td:last-child {
        border-right: 0;
    }

    .financieel-tabel tbody tr:not(.financieel-groepsrij) .financieel-omschrijving {
        grid-column: 1 / -1;
        border-right: 0;
    }

    .financieel-tabel.uitvoering tbody tr:not(.financieel-groepsrij) .financieel-opbouwcel {
        grid-column: 1 / -1;
        border-right: 0;
    }

    .financieel-tabel .financieel-groepsrij {
        display: table-row;
        content-visibility: visible;
    }

    .financieel-tabel .financieel-groepsrij th {
        width: 100%;
        min-height: 40px;
        padding: 9px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        border-right: 0;
    }

    .financieel-groepsrij th > span {
        margin-left: 0;
        white-space: nowrap;
    }

    .financieel-opbouw > div { gap: 12px; }
    .financieel-leeg {
        min-height: 180px;
        padding: 38px 12px;
    }
}

@media (max-width: 430px) {
    .financieel-soortknoppen button {
        flex: 1 1 calc(50% - 2px);
        justify-content: space-between;
    }
}