.section,footer,header,main,nav,section{display:grid;gap:1.5em 2em;padding:0 1em .5em}.pad:is(nav,header,main,footer,section,.section){padding:1em}@media screen and (width >= 768px){.mid{margin:0 auto;width:736px}}@media screen and (width >= 1024px){.mid{width:992px}}@media screen and (width >= 1216px){.mid{width:1184px}}@media screen and (width >= 1408px){.mid{width:1376px}}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-comb{display:grid;gap:1.5em 2em;grid-template-columns:repeat(1,1fr)}@media only screen and (width >= 960px){.col-2{grid-template-columns:repeat(2,1fr)}.col-2>.wide{grid-column-start:span 2}.col-2.just{grid-template-columns:repeat(2,auto);justify-content:space-between}.col-3{grid-template-columns:repeat(3,1fr)}.col-3>.wide{grid-column-start:span 3}.col-4{grid-template-columns:repeat(4,1fr)}.col-4>.wide{grid-column-start:span 4}.col-4>.half{grid-column-start:span 2}.col-5{grid-template-columns:repeat(5,1fr)}.col-5>.wide{grid-column-start:span 5}.col-6{grid-template-columns:repeat(6,1fr)}.col-6>.wide{grid-column-start:span 6}.col-6>.half{grid-column-start:span 3}.col-6>.third{grid-column-start:span 2}.rat-7-5{grid-template-columns:7fr 5fr}.rat-5-7{grid-template-columns:5fr 7fr}.rat-8-4{grid-template-columns:8fr 4fr}.rat-4-8{grid-template-columns:4fr 8fr}.rat-9-3{grid-template-columns:9fr 3fr}.rat-3-9{grid-template-columns:3fr 9fr}.rat-a-1{grid-template-columns:auto 1fr}.rat-a-1-1{grid-template-columns:auto 1fr 1fr}}:root{--body-background:#fff;--text-color:#1e293b;--link-color:#7c3aed;--link-color-hover:#6d28d9;--link-color-current:#5b21b6}body{background:var(--body-background);color:var(--text-color);font-family:system-ui,sans-serif;margin:0 0 3em}nav{margin:1em 0}a{color:var(--link-color)}a:hover{color:var(--link-color-hover)}a.current{color:var(--link-color-current)}.test{color:#263238}