/* The Skew-T page: two panes side by side (map, diagram) with the time ribbon underneath, stacking to map/diagram/ribbon on a phone. The controls (background/top buttons, the hint/error state line) live inside the map pane, above the map itself (skewt-look) -- Ivan tried a full-width row above the nav first and reversed it on seeing it, so there is no row for them at the top of the grid any more. Everything that draws inside these panes -- the map, the canvas, the paywall -- is styled by its own task; this file only lays out the shell. Mobile rework (skewt-look, this task): the fixed-viewport shell below (.sk-body's 100dvh/overflow:hidden, .sk's grid rows sized in vh) is a desktop-and-up thing only now. Below 760px the final @media block at the foot of this file kills every one of those constraints -- height:auto, overflow:visible, the grid collapsed to stacked blocks -- so the page simply scrolls, the way any other page on this site does; Ivan's complaint ("the whole page is fixed... the map is too short... the plot is too short and completely distorted") was this shell, inherited wholesale from the map viewer where a fixed viewport is the right call (one map, nothing to scroll to) but is the wrong call here (a map, a written analysis, a plate, nineteen cards and a ribbon, all fighting a phone's tiny fixed 1fr share of the screen). The plate itself becomes a lightbox on a phone (see .sk-plate's own comment, further down) rather than a plot squeezed into whatever height was left over. Nothing here changes above 760px -- every desktop rule above this comment, and the `min-width: 761px` blocks below, are untouched by this rework. */ /* .sk fills whatever the nav bar leaves behind. Not `calc(100dvh -