/* UsTwo — site styles. Warm paper brand: cream bg, ink text, coral accent. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;1,9..144,400&family=Caveat:wght@500;600&display=swap');

:root {
  --ink: #1F1A24;
  --cream: #FBF4E7;
  --paper: #F5ECDB;
  --coral: #E55A4F;
  --sage: #5E7466;
  --mute: rgba(31, 26, 36, 0.6);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro", system-ui, sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--coral); text-decoration: none; }
a:hover { text-decoration: underline; }

.wrap { max-width: 720px; margin: 0 auto; padding: 48px 22px 80px; }

/* faint heart motif backdrop */
body::before {
  content: "";
  position: fixed; inset: 0; z-index: -1;
  background-image:
    radial-gradient(rgba(31,26,36,0.04) 1px, transparent 1px),
    radial-gradient(rgba(31,26,36,0.03) 1px, transparent 1px);
  background-size: 26px 26px, 40px 40px;
  background-position: 0 0, 13px 13px;
  pointer-events: none;
}

.brand {
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: -0.5px;
}
.brand .dot { color: var(--coral); }

h1, h2, h3 { font-family: 'Fraunces', Georgia, serif; font-weight: 500; letter-spacing: -0.3px; line-height: 1.2; }
h1 { font-size: 34px; margin: 0 0 6px; }
h2 { font-size: 22px; margin: 38px 0 10px; }
h3 { font-size: 17px; margin: 24px 0 6px; }

.eyebrow { font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--mute); }
.meta { color: var(--mute); font-size: 14px; margin-bottom: 8px; }
.hand { font-family: 'Caveat', cursive; font-size: 26px; color: var(--coral); }

table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 15px; }
th, td { text-align: left; padding: 9px 10px; border-bottom: 1px solid rgba(31,26,36,0.12); vertical-align: top; }
th { font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; color: var(--mute); }

hr { border: 0; border-top: 1px solid rgba(31,26,36,0.12); margin: 32px 0; }

.card {
  background: var(--paper);
  border-radius: 18px;
  padding: 20px 22px;
  margin: 18px 0;
}

.footer { margin-top: 56px; padding-top: 22px; border-top: 1px solid rgba(31,26,36,0.12); font-size: 14px; color: var(--mute); }
.footer a { color: var(--ink); }

.btn {
  display: inline-block; background: var(--coral); color: var(--cream);
  padding: 12px 22px; border-radius: 14px; font-weight: 600; margin-top: 8px;
}
.btn:hover { text-decoration: none; opacity: 0.94; }

.nav { font-size: 14px; margin-bottom: 28px; }
.nav a { color: var(--mute); margin-right: 16px; }