/* TogetherAway's look: ivory and bronze in light mode, midnight and champagne in dark mode. */
:root { --page: #F7F3EC; --card: #FFFFFF; --text: #1C1B19; --muted: #6B655C; --gold: #9A6B2F; --hairline: #D9C7A8; }
@media (prefers-color-scheme: dark) {
  :root { --page: #0E0E10; --card: #18181B; --text: #F4F1EA; --muted: #A39D93; --gold: #C9A86A; --hairline: #5C4E35; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--page); color: var(--text); font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 48px 20px 64px; }
h1, h2 { font-family: ui-serif, "New York", Georgia, serif; font-weight: 600; line-height: 1.2; }
h1 { font-size: 40px; margin: 16px 0 4px; }
h2 { font-size: 22px; margin: 36px 0 8px; padding-top: 20px; border-top: 0.5px solid var(--hairline); }
.lede { color: var(--muted); font-size: 19px; margin-top: 0; }
.icon { width: 96px; height: 96px; border-radius: 22px; border: 1px solid var(--hairline); }
.card { background: var(--card); border: 1px solid var(--hairline); border-radius: 16px; padding: 20px 22px; margin: 28px 0; }
a { color: var(--gold); }
ul { padding-left: 22px; }
li { margin: 6px 0; }
footer { margin-top: 48px; padding-top: 16px; border-top: 0.5px solid var(--hairline); color: var(--muted); font-size: 14px; }