body { margin: 0; background: #f4f1ea; color: #1d1c19; font: 17px/1.5 "Segoe UI", system-ui, sans-serif; overflow-x: clip; }
    main { width: min(760px, calc(100% - 32px)); margin: 0 auto; padding: 72px 0 48px; }
    h1, h2 { font-family: Georgia, serif; font-weight: 500; overflow-wrap: anywhere; }
    p, li { overflow-wrap: anywhere; }
    a { color: #1f3d36; }
    .card { background: #fffcf7; border: 1px solid #ddd6c8; border-radius: 14px; padding: 18px; margin-top: 16px; }
    .muted { color: #5e5a53; }
    button, a.btn { font: inherit; border-radius: 999px; border: 1px solid #1f3d36; background: transparent; color: #1f3d36; padding: 8px 14px; min-height: 44px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; max-width: 100%; }
    li { margin: 10px 0; }
    @media (max-width: 640px) {
      main { padding-top: 76px; }
      .card { padding: 16px; }
    }
    a.wordmark { color: #1d1c19; font-family: Georgia, "Iowan Old Style", serif; font-size: 22px; letter-spacing: -0.03em; text-decoration: none; }
    a.wordmark .ai { color: #1f3d36; font-weight: 700; }