/* ===== Studio-styled light prose pages (privacy, terms, contact) ===== */
body.page {
  background: #FAF9F5; color: #16201B;
  font-family: "Sora", sans-serif;
  --pill-border: #E0DED6; --pill-fg: #5C6862;
  --pill-active-bg: #16201B; --pill-active-fg: #fff;
  --ft-border: #E6E4DC; --ft-fg: #5C6862;
}
.page .brand { color: #16201B; }
.page .brand-mark { background: linear-gradient(135deg, #16201B, #2C3A32); }
.page .site-nav { color: #5C6862; }
.page main { padding: 56px 0 90px; }
.page .prose h1 { color: #16201B; margin: 0; }
.page .prose .updated { font-size: 14px; font-weight: 600; color: #5C6862; margin-top: 10px; }
.page .prose h2 { color: #16201B; }
.page .prose p, .page .prose li { color: #3D463F; }
.page .prose a { color: #247A34; }

/* Contact cards */
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 40px; }
.contact-card {
  background: #fff; border: 1.5px solid #E6E4DC; border-radius: 20px; padding: 30px 28px;
  text-decoration: none; color: #16201B; display: block;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s;
}
.contact-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(22, 32, 27, 0.1); }
.contact-card .cc-mark {
  width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center;
  color: #fff; font-weight: 800; font-size: 18px;
}
.contact-card h3 { font-size: 19px; font-weight: 800; margin: 16px 0 6px; }
.contact-card p { font-size: 14.5px; font-weight: 500; color: #5C6862; line-height: 1.55; margin: 0; }
.contact-card .cc-link { display: inline-block; margin-top: 14px; font-size: 14.5px; font-weight: 700; color: #247A34; }

@media (max-width: 700px) { .contact-grid { grid-template-columns: 1fr; } }