/* The two pages a reputation reviewer, and a learner wondering who runs this, look for. Hand-written
 * like landing.html, outside the bundle: they load no app CSS, so the two faces and the four colours
 * are declared again here rather than imported from src/styles/tokens.css. */

/* The same subsets and unicode ranges as landing.html — without the range the browser believes the
 * latin file covers everything and falls back glyph by glyph. */
@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/geist-latin.woff2") format("woff2-variations");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/geist-latin-ext.woff2") format("woff2-variations");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/fraunces-latin.woff2") format("woff2-variations");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Geist Fallback";src:local("Helvetica Neue");size-adjust:100.5%;ascent-override:100.5%;descent-override:28.86%;line-gap-override:0%}
@font-face{font-family:"Fraunces Fallback";src:local("Georgia");size-adjust:88.59%;ascent-override:110.62%;descent-override:29.35%;line-gap-override:0%}

:root{
  --ground:#1C1C1A;
  --loud:#F4F1E9;
  --quiet:#9B9689;
  --now:#E07A52;
  --sans:"Geist","Geist Fallback","Helvetica Neue",Arial,sans-serif;
  --serif:"Fraunces","Fraunces Fallback",Georgia,"Times New Roman",serif;
  --safe-top:max(1rem, env(safe-area-inset-top, 0px));
  --safe-bottom:max(34px, env(safe-area-inset-bottom, 0px));
  --gutter-left:calc(1.5rem + env(safe-area-inset-left, 0px));
  --gutter-right:calc(1.5rem + env(safe-area-inset-right, 0px));
}

html{-webkit-text-size-adjust:100%;font-synthesis:none;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0;overscroll-behavior:none}
body{
  background:var(--ground);
  color:var(--quiet);
  font-family:var(--sans);
  font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-size:1rem;
  line-height:1.65;
  padding:calc(var(--safe-top) + 2.5rem) var(--gutter-right) calc(var(--safe-bottom) + 3rem) var(--gutter-left);
}
/* 38rem rather than the landing page's 66: this is prose, and a measure that long is unreadable */
.page{max-width:38rem;margin:0 auto}

h1{
  font-family:var(--serif);font-weight:400;font-size:2rem;line-height:1.15;
  color:var(--loud);margin:0 0 0.5rem;
}
h2{
  font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;font-weight:500;
  color:var(--loud);margin:2.75rem 0 0.75rem;
}
p,ul{margin:0 0 1rem;overflow-wrap:anywhere}
ul{padding-left:1.1rem}
li{margin:0 0 0.4rem}
strong{color:var(--loud);font-weight:500}
.stamp{font-size:0.8125rem;margin:0 0 2rem}

a{color:var(--loud);text-decoration:underline;text-underline-offset:0.2em;touch-action:manipulation}
@media (hover:hover){a:hover{color:var(--now)}}
a:active{color:var(--now)}
:focus-visible{outline:2px solid var(--now);outline-offset:3px}

.foot{
  margin:4rem 0 0;
  font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;line-height:2.4;
}
.foot a{text-decoration:none}
/* The address keeps its own case inside an uppercased row: an uppercased address reads back as noise */
.foot strong{font-weight:400;text-transform:none;letter-spacing:0.05em}