/* Static layout utilities (replaces the Tailwind runtime: smaller, CSP-clean, no console warning).
   Same class names as Tailwind 3 (sm/md/lg/xl/2xl), but RESPONSIVE TO THE CONTENT AREA, not the viewport:
   inside #main they are container queries on the `main` container, so a layout reflows when the copilot dock
   (400 px) or the nav rail changes the room it really has. Thresholds = viewport breakpoint minus the chrome
   that is present at that size (nav 232 px + 48 px padding from 1024 px up, 32 px padding below), i.e. the
   same layout as before at every standard viewport. Overlays (drawer, modal, palette, copilot, login) keep the
   classic viewport media queries. Generated — edit the generator in docs/design-review.md, not by hand. */
.grid{display:grid}
.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-10{grid-column:span 10 / span 10}.col-span-11{grid-column:span 11 / span 11}.col-span-12{grid-column:span 12 / span 12}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
@container main (min-width:608px){.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:col-span-3{grid-column:span 3 / span 3}.sm\:col-span-4{grid-column:span 4 / span 4}.sm\:col-span-5{grid-column:span 5 / span 5}.sm\:col-span-6{grid-column:span 6 / span 6}.sm\:col-span-7{grid-column:span 7 / span 7}.sm\:col-span-8{grid-column:span 8 / span 8}.sm\:col-span-9{grid-column:span 9 / span 9}.sm\:col-span-10{grid-column:span 10 / span 10}.sm\:col-span-11{grid-column:span 11 / span 11}.sm\:col-span-12{grid-column:span 12 / span 12}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
@container main (min-width:736px){.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-5{grid-column:span 5 / span 5}.md\:col-span-6{grid-column:span 6 / span 6}.md\:col-span-7{grid-column:span 7 / span 7}.md\:col-span-8{grid-column:span 8 / span 8}.md\:col-span-9{grid-column:span 9 / span 9}.md\:col-span-10{grid-column:span 10 / span 10}.md\:col-span-11{grid-column:span 11 / span 11}.md\:col-span-12{grid-column:span 12 / span 12}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
@container main (min-width:744px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-6{grid-column:span 6 / span 6}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:col-span-9{grid-column:span 9 / span 9}.lg\:col-span-10{grid-column:span 10 / span 10}.lg\:col-span-11{grid-column:span 11 / span 11}.lg\:col-span-12{grid-column:span 12 / span 12}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
@container main (min-width:1000px){.xl\:col-span-1{grid-column:span 1 / span 1}.xl\:col-span-2{grid-column:span 2 / span 2}.xl\:col-span-3{grid-column:span 3 / span 3}.xl\:col-span-4{grid-column:span 4 / span 4}.xl\:col-span-5{grid-column:span 5 / span 5}.xl\:col-span-6{grid-column:span 6 / span 6}.xl\:col-span-7{grid-column:span 7 / span 7}.xl\:col-span-8{grid-column:span 8 / span 8}.xl\:col-span-9{grid-column:span 9 / span 9}.xl\:col-span-10{grid-column:span 10 / span 10}.xl\:col-span-11{grid-column:span 11 / span 11}.xl\:col-span-12{grid-column:span 12 / span 12}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
@container main (min-width:1256px){.\32 xl\:col-span-1{grid-column:span 1 / span 1}.\32 xl\:col-span-2{grid-column:span 2 / span 2}.\32 xl\:col-span-3{grid-column:span 3 / span 3}.\32 xl\:col-span-4{grid-column:span 4 / span 4}.\32 xl\:col-span-5{grid-column:span 5 / span 5}.\32 xl\:col-span-6{grid-column:span 6 / span 6}.\32 xl\:col-span-7{grid-column:span 7 / span 7}.\32 xl\:col-span-8{grid-column:span 8 / span 8}.\32 xl\:col-span-9{grid-column:span 9 / span 9}.\32 xl\:col-span-10{grid-column:span 10 / span 10}.\32 xl\:col-span-11{grid-column:span 11 / span 11}.\32 xl\:col-span-12{grid-column:span 12 / span 12}.\32 xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.\32 xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\32 xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32 xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32 xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\32 xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:640px){:where(#overlay-root,#login) .sm\:col-span-1{grid-column:span 1 / span 1}:where(#overlay-root,#login) .sm\:col-span-2{grid-column:span 2 / span 2}:where(#overlay-root,#login) .sm\:col-span-3{grid-column:span 3 / span 3}:where(#overlay-root,#login) .sm\:col-span-4{grid-column:span 4 / span 4}:where(#overlay-root,#login) .sm\:col-span-5{grid-column:span 5 / span 5}:where(#overlay-root,#login) .sm\:col-span-6{grid-column:span 6 / span 6}:where(#overlay-root,#login) .sm\:col-span-7{grid-column:span 7 / span 7}:where(#overlay-root,#login) .sm\:col-span-8{grid-column:span 8 / span 8}:where(#overlay-root,#login) .sm\:col-span-9{grid-column:span 9 / span 9}:where(#overlay-root,#login) .sm\:col-span-10{grid-column:span 10 / span 10}:where(#overlay-root,#login) .sm\:col-span-11{grid-column:span 11 / span 11}:where(#overlay-root,#login) .sm\:col-span-12{grid-column:span 12 / span 12}:where(#overlay-root,#login) .sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}:where(#overlay-root,#login) .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(#overlay-root,#login) .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where(#overlay-root,#login) .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}:where(#overlay-root,#login) .sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}:where(#overlay-root,#login) .sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:768px){:where(#overlay-root,#login) .md\:col-span-1{grid-column:span 1 / span 1}:where(#overlay-root,#login) .md\:col-span-2{grid-column:span 2 / span 2}:where(#overlay-root,#login) .md\:col-span-3{grid-column:span 3 / span 3}:where(#overlay-root,#login) .md\:col-span-4{grid-column:span 4 / span 4}:where(#overlay-root,#login) .md\:col-span-5{grid-column:span 5 / span 5}:where(#overlay-root,#login) .md\:col-span-6{grid-column:span 6 / span 6}:where(#overlay-root,#login) .md\:col-span-7{grid-column:span 7 / span 7}:where(#overlay-root,#login) .md\:col-span-8{grid-column:span 8 / span 8}:where(#overlay-root,#login) .md\:col-span-9{grid-column:span 9 / span 9}:where(#overlay-root,#login) .md\:col-span-10{grid-column:span 10 / span 10}:where(#overlay-root,#login) .md\:col-span-11{grid-column:span 11 / span 11}:where(#overlay-root,#login) .md\:col-span-12{grid-column:span 12 / span 12}:where(#overlay-root,#login) .md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}:where(#overlay-root,#login) .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(#overlay-root,#login) .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where(#overlay-root,#login) .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}:where(#overlay-root,#login) .md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}:where(#overlay-root,#login) .md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:1024px){:where(#overlay-root,#login) .lg\:col-span-1{grid-column:span 1 / span 1}:where(#overlay-root,#login) .lg\:col-span-2{grid-column:span 2 / span 2}:where(#overlay-root,#login) .lg\:col-span-3{grid-column:span 3 / span 3}:where(#overlay-root,#login) .lg\:col-span-4{grid-column:span 4 / span 4}:where(#overlay-root,#login) .lg\:col-span-5{grid-column:span 5 / span 5}:where(#overlay-root,#login) .lg\:col-span-6{grid-column:span 6 / span 6}:where(#overlay-root,#login) .lg\:col-span-7{grid-column:span 7 / span 7}:where(#overlay-root,#login) .lg\:col-span-8{grid-column:span 8 / span 8}:where(#overlay-root,#login) .lg\:col-span-9{grid-column:span 9 / span 9}:where(#overlay-root,#login) .lg\:col-span-10{grid-column:span 10 / span 10}:where(#overlay-root,#login) .lg\:col-span-11{grid-column:span 11 / span 11}:where(#overlay-root,#login) .lg\:col-span-12{grid-column:span 12 / span 12}:where(#overlay-root,#login) .lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}:where(#overlay-root,#login) .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(#overlay-root,#login) .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where(#overlay-root,#login) .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}:where(#overlay-root,#login) .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}:where(#overlay-root,#login) .lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:1280px){:where(#overlay-root,#login) .xl\:col-span-1{grid-column:span 1 / span 1}:where(#overlay-root,#login) .xl\:col-span-2{grid-column:span 2 / span 2}:where(#overlay-root,#login) .xl\:col-span-3{grid-column:span 3 / span 3}:where(#overlay-root,#login) .xl\:col-span-4{grid-column:span 4 / span 4}:where(#overlay-root,#login) .xl\:col-span-5{grid-column:span 5 / span 5}:where(#overlay-root,#login) .xl\:col-span-6{grid-column:span 6 / span 6}:where(#overlay-root,#login) .xl\:col-span-7{grid-column:span 7 / span 7}:where(#overlay-root,#login) .xl\:col-span-8{grid-column:span 8 / span 8}:where(#overlay-root,#login) .xl\:col-span-9{grid-column:span 9 / span 9}:where(#overlay-root,#login) .xl\:col-span-10{grid-column:span 10 / span 10}:where(#overlay-root,#login) .xl\:col-span-11{grid-column:span 11 / span 11}:where(#overlay-root,#login) .xl\:col-span-12{grid-column:span 12 / span 12}:where(#overlay-root,#login) .xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}:where(#overlay-root,#login) .xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(#overlay-root,#login) .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where(#overlay-root,#login) .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}:where(#overlay-root,#login) .xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}:where(#overlay-root,#login) .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:1536px){:where(#overlay-root,#login) .\32 xl\:col-span-1{grid-column:span 1 / span 1}:where(#overlay-root,#login) .\32 xl\:col-span-2{grid-column:span 2 / span 2}:where(#overlay-root,#login) .\32 xl\:col-span-3{grid-column:span 3 / span 3}:where(#overlay-root,#login) .\32 xl\:col-span-4{grid-column:span 4 / span 4}:where(#overlay-root,#login) .\32 xl\:col-span-5{grid-column:span 5 / span 5}:where(#overlay-root,#login) .\32 xl\:col-span-6{grid-column:span 6 / span 6}:where(#overlay-root,#login) .\32 xl\:col-span-7{grid-column:span 7 / span 7}:where(#overlay-root,#login) .\32 xl\:col-span-8{grid-column:span 8 / span 8}:where(#overlay-root,#login) .\32 xl\:col-span-9{grid-column:span 9 / span 9}:where(#overlay-root,#login) .\32 xl\:col-span-10{grid-column:span 10 / span 10}:where(#overlay-root,#login) .\32 xl\:col-span-11{grid-column:span 11 / span 11}:where(#overlay-root,#login) .\32 xl\:col-span-12{grid-column:span 12 / span 12}:where(#overlay-root,#login) .\32 xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}:where(#overlay-root,#login) .\32 xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(#overlay-root,#login) .\32 xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where(#overlay-root,#login) .\32 xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}:where(#overlay-root,#login) .\32 xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}:where(#overlay-root,#login) .\32 xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}