:root { color-scheme: light only; --ink: #1f1b16; --muted: #6b6258; --line: #e3dccf; --bg: #faf7f1; --accent: #6f5282; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.55 Georgia, "Times New Roman", serif; }
main, footer { max-width: 36rem; margin: 0 auto; padding: 0 16px; }
main { padding-top: 12vh; }
h1 { font-size: 2.2rem; margin: 0 0 .4rem; letter-spacing: -.01em; }
.lede { color: var(--muted); margin: 0 0 2.5rem; }
a { color: var(--accent); }
.apps { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--line); }
.apps li { padding: 1.2rem 0; border-bottom: 1px solid var(--line); }
.apps h2 { font-size: 1.15rem; margin: 0 0 .3rem; }
.apps p { margin: 0; }
.tag { font: 600 .7rem/1 system-ui, sans-serif; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); border: 1px solid var(--line); border-radius: 99px; padding: .25em .6em; vertical-align: .2em; margin-left: .4em; }
footer { color: var(--muted); font-size: .9rem; padding-top: 3rem; padding-bottom: 3rem; }