:root{
  --red:#b3241b; --paper:#f4f2ec; --ink:#16130f;
  --display:"Libre Caslon Display",Georgia,"Times New Roman",serif;
  --text:"Libre Caslon Text",Georgia,"Times New Roman",serif;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:inherit}
html{background:var(--red)}
body{margin:0;font-family:var(--text);font-size:1.0625rem;line-height:1.65;color:var(--paper);background:var(--red);min-height:100svh;display:flex;flex-direction:column}
a{color:inherit}
:focus-visible{outline:2px solid var(--paper);outline-offset:3px}
.wrap{width:min(100% - 2.5rem, 52rem);margin-inline:auto}

.home main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:4rem 0}
.mark{font-family:var(--display);font-style:italic;font-size:1.25rem;margin:0 0 2.5rem}
.verse{font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,9vw,6rem);line-height:1.08;margin:0;max-width:14ch}
.cite{font-style:italic;opacity:.7;margin:1.25rem 0 0}
.lede{font-size:1.2rem;max-width:30rem;margin:2.5rem 0 0}
.lede2{max-width:30rem;margin:1rem 0 2rem;opacity:.85}
.badge{align-self:flex-start;display:inline-block;line-height:0}
.badge img{display:block;width:180px;height:auto}
.store{align-self:flex-start;margin:0;background:#000;color:#fff;text-decoration:none;padding:.8rem 1.35rem;border-radius:.6rem;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-weight:500}
.foot{padding:2rem 0;font-size:.95rem;opacity:.8}
.foot a{margin-right:1.5rem}

/* Privacy and support pages */
.doc{background:var(--paper);color:var(--ink);flex:1;padding:3rem 0 4rem}
.doc h1{font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,6vw,3.2rem);margin:0 0 1.5rem}
.doc h2{font-family:var(--display);font-weight:400;font-size:1.5rem;margin:2rem 0 .4rem}
.doc p{max-width:36rem}
.top{padding:1.5rem 0}
.top a{font-family:var(--display);font-style:italic;font-size:1.2rem;text-decoration:none}