/* AI Geo Navigators — catastrophe risk console. * * Colour, typography and elevation all come from web/brand.css, which this * view loads first. Nothing in this file states a colour. It used to state 265 * of them across three theme blocks, and a further sixty-odd inside an * invented "AGN" skin whose blue was not an AGN colour; the same token names * carried different values here, in dash.css, in lab.css and in * validation.css, which is why the four views did not look like one product. * * What is left in :root below is geometry — radii, rail widths, the height of * the top bar. Those are this view's own layout, they carry no colour, and * tools/smoke_test.js allows exactly that and nothing more. */ :root{ color-scheme: light dark; /* The header no longer has a height this file can predict: it holds one row while the width allows it and wraps to two when it does not, so the number is whatever the content came to. .shell and .atlas therefore take the space that is left as flex children of the body rather than subtracting a constant, which is both shorter and correct at every width. The sheet is position:fixed and cannot do that, so it still measures from a token. The value below is the single-row height — the company lockup is never rendered below 120px wide and the pre-plated dark variant is 1.56:1 at that width, so 77px of image and a hairline — and app.js writes the measured height over it on load and on every resize. If the script never runs, the sheet opens against the common case rather than against a number that was wrong on both sides. */ --topbar:120px; /* The rails were fixed at 264 and 272. On a 1390px window that is 41% of the screen spent on two panels, and the map -- which is the reason the page exists -- got 830px of it. They now scale with the window: full width on a large screen, and giving room back to the map on a small one. The floor is the point below which the peril list and the loss numbers stop being readable, not an arbitrary minimum. */ --rail:clamp(200px, 14.5vw, 248px); --rrail:clamp(216px, 15.5vw, 264px); --gap-shell:6px; /* --r and --r-ctl come from masthead.css, which every view loads. */ } /* The browser's [hidden] rule lives in the UA stylesheet, so any author `display` declaration beats it. .shell, .atlas, .sheet and .stackpop all set display, which silently made `el.hidden = true` a no-op. */ [hidden]{display:none !important} *{box-sizing:border-box} html,body{height:100%} /* A flex column, so the header states its own height and everything under it takes what is left. Every other child of the body is position:fixed. */ body{margin:0; background:var(--plane); color:var(--ink); font-family:var(--sans); font-size:var(--t-sm); line-height:1.5; -webkit-font-smoothing:antialiased; overflow:hidden; display:flex; flex-direction:column} /* Form elements do not inherit the page font. A