:root {
  color: #192722;
  background: #f7f8f6;
  font-family: Arial, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
body { margin: 0; }
a { color: #1f5b43; }
.site-header, main, footer { width: min(900px, calc(100% - 40px)); margin: auto; }
.site-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid #e4e9e4; }
.wordmark { color: #192722; font-size: 24px; font-weight: 800; text-decoration: none; }
.wordmark span { color: #da8057; }
main { padding: 16px 0 32px; }
nav { margin-bottom: 14px; color: #75817a; font-size: 14px; }
.profile { padding: 18px; border: 1px solid #e4e9e4; border-radius: 8px; background: white; }
.eyebrow { color: #1f5b43; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
h1, h2 { line-height: 1.2; }
h1 { margin: 0 0 12px; font-size: clamp(30px, 6vw, 44px); }
h2 { margin-top: 24px; font-size: 25px; }
.rating { color: #59665f; }
.description { color: #4e5b53; line-height: 1.7; white-space: pre-wrap; }
.review { padding: 12px 0; border-bottom: 1px solid #e4e9e4; }
.review header { display: flex; justify-content: space-between; gap: 16px; }
.review p { color: #4e5b53; line-height: 1.6; white-space: pre-wrap; }
.review time { color: #75817a; font-size: 13px; }
footer { padding: 20px 0; border-top: 1px solid #e4e9e4; color: #75817a; font-size: 14px; }