/* project-sandbox.page: the Project Sandbox marks' palette, no institution's brand and no web fonts.
   ink #0b0b0b, orange #eb6834 (computation), blue #2a78d6 (verified by machine). Orange and blue keep their
   meaning in the text, so links are ink, underlined. Headings use the lockup's serif stack. */
:root{
  --ink:#0b0b0b; --text:#1c1c1c; --muted:#5c5c5c; --rule:#e4e4e4;
  --serif:Georgia,"Times New Roman",Times,serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:light}
body{margin:0;background:#f8f3e8;color:var(--text);font:17px/1.6 var(--sans)}   /* a light sand (founder, 12 Nov) */
.wrap{max-width:48rem;margin:0 auto;padding:0 1.25rem 3rem}
h1,h2,h3{font-family:var(--serif);color:var(--ink);font-weight:400;line-height:1.25}
h2{font-size:1.6rem;margin:2.3rem 0 .8rem}
p{margin:0 0 1rem}
a{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(11,11,11,.35);
  text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-color:var(--ink)}
img{max-width:100%;height:auto}
ul{padding-left:1.3rem;margin:0 0 1rem}
li{margin:.3rem 0}
small{color:var(--muted);font-size:.82rem;line-height:1.5}
.sandbox-marks a,.sandbox-logos a{text-decoration:none}
.legal-link{margin:2.4rem 0 0;font-size:.75rem}
.legal-link a{color:var(--muted);text-decoration-color:rgba(92,92,92,.35)}