/* eshnetwork.space root pages (index, privacy, terms). Needs hl.css first. */
*{box-sizing:border-box}
body{margin:0;background:var(--hl-paper);color:var(--hl-ink);font:17px/1.55 var(--hl-sans)}
.wrap{max-width:880px;margin:0 auto;padding:48px 24px 96px}
.wrap::before{content:"";display:block;width:24px;height:24px;background:var(--hl-orange);margin-bottom:48px}
h1{font-size:clamp(56px,11vw,112px);line-height:.9;font-weight:800;letter-spacing:-.045em;margin:0 0 24px;padding-bottom:24px;border-bottom:8px solid var(--hl-ink)}
p.lede{font-size:22px;line-height:30px;margin:0 0 56px;max-width:640px}
.date{color:var(--hl-mute);font-size:14px;margin:0 0 56px}
h2{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:48px 0 16px;padding-top:12px;border-top:2px solid var(--hl-ink)}
p,li{max-width:680px}
ul{padding-left:1.1em;margin:0}
li{margin:.4em 0}
li::marker{color:var(--hl-orange)}
a{color:var(--hl-ink);font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
a:hover{color:var(--hl-orange-text)}
a:focus-visible{outline:3px solid var(--hl-orange);outline-offset:2px}
code{font-family:var(--hl-mono);font-size:.9em;background:var(--hl-band);padding:.1em .35em}
footer{margin-top:72px;padding-top:16px;border-top:1px solid var(--hl-ink);color:var(--hl-mute);font-size:14px}
@media(prefers-color-scheme:dark){
  body{background:var(--hl-ink);color:var(--hl-paper-dark)}
  h1{border-color:var(--hl-paper-dark)} h2{border-color:var(--hl-paper-dark)} footer{border-color:var(--hl-paper-dark);color:var(--hl-mute-dark)}
  .date{color:var(--hl-mute-dark)} a{color:var(--hl-paper-dark)} a:hover{color:var(--hl-orange-text-dark)}
  code{background:#1F1F1F}
}