:root { --ink: #2b2a28; --ground: #faf8f4; --accent: #b8482a; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, sans-serif; color: var(--ink); background: var(--ground); line-height: 1.6; }
header, main, footer { max-width: 46rem; margin: 0 auto; padding: 1.5rem; }
h1 { font-size: clamp(2rem, 6vw, 3rem); line-height: 1.1; margin: 0 0 1rem; }
.lede { font-size: 1.125rem; }
.button { display: inline-block; padding: 0.75rem 1.25rem; border-radius: 0.5rem; background: var(--accent); color: #fff; text-decoration: none; }
footer { color: #6f6a63; font-size: 0.875rem; }
header { border-bottom: 1px solid #e0d9d0; }
.mark { font-weight: 600; font-size: 1.25rem; margin: 0; }
h2 { font-size: 1.25rem; margin: 1.5rem 0 0.5rem; }
button { display: inline-block; padding: 0.75rem 1.25rem; border-radius: 0.5rem; background: var(--accent); color: #fff; border: none; font-size: 1rem; cursor: pointer; }
button:hover { opacity: 0.9; }
section { margin-bottom: 2rem; }
.apps { display: flex; flex-direction: column; gap: 1rem; }
article { padding: 1rem; border: 1px solid #e0d9d0; border-radius: 0.5rem; background: #fff; }
article h3 { margin: 0 0 0.5rem; font-size: 1.125rem; }
article p { margin: 0 0 0.75rem; font-size: 0.9375rem; }
article a { color: var(--accent); text-decoration: underline; }
#location-display { margin-top: 1rem; padding: 1rem; background: #f0ebe3; border-radius: 0.5rem; }
.hidden { display: none; }
.note { font-size: 0.875rem; color: #6f6a63; margin-top: 0.5rem; }