/* FLSH · the site. Same voice as the app, on paper. */
:root{
  --black:#111110; --beige:#f2ede6; --gold:#e8c98a; --orange:#ff9a2e;
  --dim:rgba(242,237,230,.55);
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--black); color:var(--beige);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  line-height:1.75; font-size:16px;
  padding:0 22px 100px;
}
.wrap{max-width:680px;margin:0 auto}
header{padding:56px 0 34px;border-bottom:1px solid rgba(242,237,230,.14);margin-bottom:38px}
.mark{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.bolt{display:grid;grid-template-columns:repeat(6,3px);grid-template-rows:repeat(10,3px)}
.bolt i{background:var(--gold)}
.wordmark{font-size:20px;font-weight:900;letter-spacing:6px}
h1{font-size:34px;font-weight:900;letter-spacing:-.5px;line-height:1.1}
.updated{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:2px;
  color:var(--gold);margin-top:12px;text-transform:uppercase}
h2{font-size:12px;font-weight:900;letter-spacing:3px;color:var(--gold);
  margin:44px 0 14px;padding-bottom:8px;border-bottom:1px solid rgba(242,237,230,.12)}
h3{font-size:15px;font-weight:700;margin:26px 0 8px}
p{margin-bottom:16px;color:rgba(242,237,230,.82)}
ul{margin:0 0 18px 20px}
li{margin-bottom:9px;color:rgba(242,237,230,.82)}
strong{color:var(--beige);font-weight:700}
a{color:var(--gold)}
.lede{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:18px;
  color:var(--gold);margin-bottom:30px;line-height:1.6}
.callout{border-left:2px solid var(--gold);padding:14px 0 14px 18px;margin:26px 0;
  color:rgba(242,237,230,.75);font-size:15px}
.draft{border:1px solid var(--orange);color:var(--orange);padding:16px 18px;margin:0 0 34px;
  font-size:14px;line-height:1.6}
footer{margin-top:60px;padding-top:26px;border-top:1px solid rgba(242,237,230,.14);
  font-size:13px;color:var(--dim)}
footer a{margin-right:18px}

/* A paragraph that is talking to whoever is publishing this page rather than
   to whoever is reading it. It has to be impossible to miss and impossible to
   leave in. */
.note {
  border-left: 3px solid #d8281c;
  padding: 0.9rem 1.1rem;
  margin: 1.2rem 0;
  background: rgba(216, 40, 29, 0.06);
  font-size: 0.95em;
}