/* Light editorial pages (About, Privacy): warm white, big tight type, calm reading width */
.page-light { --ink: #1d1d1f; --soft: #6e6e73; --line: rgba(29, 29, 31, .12); background: #f5f5f2; color: #1d1d1f; }
.page-light main { width: min(100% - 32px, 760px); margin: clamp(30px, 7vh, 80px) auto 90px; }
.page-light .eyebrow { font: 600 13px var(--sans); letter-spacing: .16em; text-transform: uppercase; color: #127a45; }
.page-light h1 { margin-top: 10px; font: 700 clamp(48px, 8vw, 88px)/1 var(--sans); letter-spacing: -.05em; }
.page-light .lede { margin-top: 18px; font-size: clamp(20px, 2.2vw, 25px); line-height: 1.45; color: #1d1d1f; }
.page-light h2 { margin-top: 56px; font: 700 clamp(26px, 3vw, 34px)/1.1 var(--sans); letter-spacing: -.035em; }
.page-light h3 { margin-top: 28px; font: 700 19px var(--sans); letter-spacing: -.02em; }
.page-light p, .page-light li { margin-top: 12px; font-size: 18px; line-height: 1.65; color: #3a3a3f; }
.page-light ul { padding-left: 22px; }
.page-light a { color: #127a45; text-decoration: underline; text-underline-offset: 3px; }
.page-light .nav a, .page-light .brand { color: #1d1d1f; text-decoration: none; }
.page-light .note { margin-top: 26px; padding: 18px 20px; border-radius: 18px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 10px 26px rgba(0, 0, 0, .05); font-size: 16px; color: #48484d; }
.qualities { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 22px; }
.qualities div { padding: 20px; border-radius: 20px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 10px 26px rgba(0, 0, 0, .05); }
.qualities b { font: 700 20px var(--sans); letter-spacing: -.02em; }
.qualities p { margin-top: 6px; font-size: 16px; }
.page-cta { display: inline-flex; align-items: center; min-height: 48px; margin-top: 22px; padding: 0 22px; border-radius: 99px; background: #044a27; color: #fff !important; text-decoration: none !important; font: 600 16px var(--sans); }
.page-foot { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-top: 80px; padding-top: 22px; border-top: 1px solid rgba(29, 29, 31, .12); font-size: 15px; }
.page-foot a { color: #1d1d1f; text-decoration: none; min-height: 40px; display: inline-flex; align-items: center; }
@media (max-width: 820px) { .qualities { grid-template-columns: minmax(0, 1fr); } .page-light p, .page-light li { font-size: 17px; } }
.post-page .eyebrow a { color: inherit; text-decoration: none; }
.post-art { display: block; width: 100%; height: auto; aspect-ratio: 16 / 8; object-fit: cover; object-position: 50% 80%; margin-top: 30px; border-radius: 22px; }
.post-faq details { border-top: 1px solid rgba(29, 29, 31, .12); }
.post-faq summary { min-height: 58px; display: flex; align-items: center; font: 600 18px var(--sans); cursor: pointer; }
.post-faq details p { margin-top: 0; padding-bottom: 16px; }
.post-page .note b { color: #1d1d1f; }
