/* PremiumRadar marketing site: the application as host.
   The design (public/site/base.css, style.css) was written for plain pages. Inside the app, the root layout loads the
   application's global stylesheet (Tailwind preflight and the signed-in app's body rules) before it, and the design's
   font family is not installed by name. This file puts back exactly what that changes under the design, and nothing
   else; it loads after the design's two stylesheets and only on marketing routes. */

/* the design's one family, served from the app (the same file the workspace uses), under the name base.css asks for */
@font-face { font-family: "Google Sans Flex"; font-style: normal; font-weight: 300 800; font-display: swap; src: url("/brand/assets/google-sans-flex.woff2") format("woff2"); }

/* the ground and the family: the app's body rules (a font class on <body>, a white page) would otherwise win */
html body { color: rgb(var(--ink)); background: rgb(var(--bg)); }
.mk { font-family: "Google Sans Flex", Inter, ui-sans-serif, system-ui, -apple-system, sans-serif; font-optical-sizing: auto; }

/* preflight removes list markers, placeholder colour and the heading weight the design relies on */
.mk ul, .mk ol { list-style: revert; margin: revert; padding: revert; }
.mk ::placeholder { color: rgb(var(--muted)); opacity: 1; }
.mk h1, .mk h2, .mk h3, .mk h4 { font-weight: 600; }

/* the design switches smooth scrolling on only after load, so a direct anchor paints at once; the app's global
   stylesheet turns it on for every page */
html:root:not(.ready) { scroll-behavior: auto; }

/* phone width (founder, 16 Oct: the phone site is a separate design; here only no horizontal scroll and readable
   text). A grid track and a long select may not grow past the page. */
.turns { grid-template-columns: minmax(0, 1fr); }
.turnsec .ans > div { min-width: 0; }
.isell label { display: inline-flex; min-width: 0; max-width: 100%; }
.isell select { min-width: 0; }