/* Mobile layout */
@media (max-width: 760px) {

    .summarytable thead {
        display: none;
    }

    .summarytable tr {
        display: block; /* Stack the rows vertically */
        border: 1px solid #ccc;
        margin-bottom: 1rem;
    }

    .summarytable td {
        display: grid; /* Make the cell itself a grid container */
        grid-template-columns: 30% 70%; /* Col 1 is the ::before label, Col 2 is the text */
        border: none;
        border-bottom: 1px solid #eee; /* Optional: adds a line between fields */
        padding: 0.5rem;
    }

    /* Remove the bottom border from the last cell in the row */
    .summarytable td:last-child {
        border-bottom: none;
    }

    .summarytable td::before {
        content: attr(data-label);
        font-weight: bold;
        color: #333;
        /* display: block and margin-bottom are no longer needed 
           because grid automatically aligns the items side-by-side */
    }
}