1main > *, #page-core {
2    min-width: 0; /** not auto */
3}
4
5
6
7
8
9@media (min-width: 992px) {
10
11    main {
12
13        grid-area: page-main;
14        display: grid;
15        grid-template-columns: [main] 7fr [side] minmax(auto,2fr);
16        grid-auto-flow: row;
17        gap: 1rem;
18        grid-template-areas: unset;
19        margin-left: 1rem;
20        margin-right: 1rem;
21        align-content: flex-start;
22
23    }
24
25    #main-toc {
26        grid-column: side;
27        grid-row: 1 / span 5;
28        position: sticky;
29        top: 5rem;
30        z-index: 2;
31        height: fit-content;
32    }
33
34    #main-header {
35        grid-column: main;
36    }
37
38    #main-content {
39        grid-column: main;
40    }
41
42    #main-footer {
43        grid-column: main;
44    }
45
46
47}
48