@font-face{font-family:"Lexend";src:url("fonts/Lexend.ttf") format("truetype");font-weight:100 900;font-display:swap}
:root{--paper:#F2EEE5;--card:#FCFAF6;--ink:#211D18;--faded:#5E5649;--leaf:#2F5D3A;--red:#A1301E;--line:#D9D2C3}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Lexend",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1rem;line-height:1.7}
.wrap{max-width:42rem;margin:0 auto;padding:32px 16px 48px}
main{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px 20px;overflow-wrap:anywhere}
main>:first-child{margin-top:0}
h1{font-size:1.75rem;line-height:1.3;font-weight:600;margin:0 0 .5em}
h2{font-size:1.25rem;line-height:1.35;font-weight:600;margin:2em 0 .5em;color:var(--leaf)}
p,li{max-width:65ch}
p{margin:0 0 1em}
ul{padding-left:1.25em;margin:0 0 1em}
li{margin-bottom:.6em}
a{color:var(--leaf);text-decoration:underline;text-underline-offset:.15em}
a:hover{color:var(--ink)}
a:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:2px}
.muted{color:var(--faded)}
.placeholder{color:var(--red);font-weight:600}
.tagline{font-size:1.125rem;color:var(--faded);margin:0 0 1.5em}
.apps{list-style:none;padding:0;margin:0}
.apps li{margin:0;padding:16px 0;border-top:1px solid var(--line)}
.apps h2{margin:0 0 .25em;color:var(--ink);font-size:1.125rem}
.apps p{margin:0 0 .5em}
footer.site{padding:24px 0 0;color:var(--faded)}
.back{display:inline-block;margin-bottom:16px}