:root{
  --c-paper:#ffffff;
  --c-stone:#f6f4ef;
  --c-mist:#e8eee7;
  --c-line:#cfd9d2;
  --c-ink:#042f2e;
  --c-muted:#4a5f5c;
  --c-teal:#0f766e;
  --c-teal-deep:#0b544e;
  --c-amber:#a15c07;
  --c-amber-ink:#8a4e05;
  --c-panel:#0b2b28;
  --c-on-panel:#dfeae6;
  --c-panel-accent:#7fd1c2;
  --c-panel-line:#1c4a45;
}

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'PT Serif',Georgia,'Times New Roman',serif;line-height:1.6}
img{max-width:100%;height:auto}

html{font-size:100%;-webkit-text-size-adjust:100%}
body{--cc-h:12em;background:var(--c-paper);color:var(--c-ink);font-size:1.0625em;padding-bottom:6.5em}
h1,h2,h3,h4,h5{font-family:'Rubik','Segoe UI',system-ui,sans-serif;color:var(--c-ink)}
h1{font-size:2.5em;font-weight:700;line-height:1.12;letter-spacing:-.015em}
h2{font-size:2em;font-weight:600;line-height:1.18;letter-spacing:-.01em}
h3{font-size:1.5em;font-weight:600;line-height:1.25}
h4{font-size:1.25em;font-weight:500;line-height:1.3}
p{font-size:1em;line-height:1.7}
a{color:var(--c-teal-deep);transition:color .2s ease}
a:hover{color:var(--c-amber-ink)}
ul,ol{list-style:none}
section{padding:1.5em 1em}
input,button,select,textarea{font:inherit;color:inherit}
::selection{background:var(--c-panel-accent);color:var(--c-panel)}
:focus-visible{outline:2px solid var(--c-teal);outline-offset:2px}