:root{color-scheme:light;
  --teal:#2e7f7c; --teal-d:#1f6461; --navy:#123f5a; --ink:#27394a; --muted:#6b7a86;
  --sand:#c5ab8c; --mint:#d6ebe6; --bg:#f4f7f8; --card:#ffffff; --line:#dde5e8;
  --left-bg:#fbfcfc; --link:#1f6fbf;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}


*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
html,body{margin:0;min-height:100%}
body{font-family:Lato,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}

.page{display:grid;grid-template-columns:62fr 38fr;min-height:100vh;min-height:100dvh}
