/* "2 Columns 40/60" (containerColumns-1-2), 10.11.2026.
   The original stylesheet let the right column end at grid line 3, so both
   columns took one of three tracks and the third track stayed empty.
   Left 40 %, right 60 %; stacked on small screens like the 60/40 layout. */

/* BEGIN columns-40-60 */
main div.c-section.c-columns-1-2 > .inner,
main div.c-columns.c-columns-1-2 > .inner {
    grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
}
main div.c-section.c-columns-1-2 > .inner .col.col-1,
main div.c-columns.c-columns-1-2 > .inner .col.col-1 {
    grid-column: 1;
}
main div.c-section.c-columns-1-2 > .inner .col.col-2,
main div.c-columns.c-columns-1-2 > .inner .col.col-2 {
    grid-column: 2;
}
@media (max-width: 768px) {
    main div.c-section.c-columns-1-2 > .inner,
    main div.c-columns.c-columns-1-2 > .inner {
        grid-template-columns: minmax(0, 1fr);
    }
    main div.c-section.c-columns-1-2 > .inner .col.col-1,
    main div.c-columns.c-columns-1-2 > .inner .col.col-1,
    main div.c-section.c-columns-1-2 > .inner .col.col-2,
    main div.c-columns.c-columns-1-2 > .inner .col.col-2 {
        grid-column: 1;
    }
}
/* END columns-40-60 */