.content-site { --content-ink: #263f34; --content-muted: #687367; min-height: 100vh; color: var(--content-ink); background: #faf9f3; }
.content-site a { color: inherit; }
.content-header, .content-main, .content-footer { max-width: 1120px; margin: 0 auto; }
.content-header { min-height: 86px; padding: 0 6%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.content-header .brand, .content-footer .brand { color: var(--content-ink); text-decoration: none; font-size: 22px; font-weight: 700; }
.content-header .brand span, .content-footer .brand span { color: #66825a; }
.content-header .brand-mark { margin-right: 3px; }
.content-header nav { display: flex; align-items: center; gap: 24px; font-size: 13px; font-weight: 600; }
.content-header nav a { text-decoration: none; }
.content-header nav a:last-child { padding: 10px 14px; border: 1px solid var(--content-ink); border-radius: 5px; background: var(--content-ink); color: #fffef7; }
.content-main { padding: 38px 6% 72px; }
.content-hero { max-width: 700px; padding: 48px 0 52px; }
.content-eyebrow { color: #66825a; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; }
.content-hero h1, .article-header h1 { margin: 14px 0 20px; font: 500 clamp(38px, 5vw, 60px)/1.1 Manrope, sans-serif; letter-spacing: -2.4px; }
.content-hero > p:last-child, .article-header > p:last-child { color: var(--content-muted); font-size: 17px; line-height: 1.75; }
.guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.guide-grid article { display: flex; flex-direction: column; min-height: 245px; padding: 27px; border: 1px solid #d9dfd1; border-radius: 8px; background: #fffef9; }
.guide-grid span { color: #718468; font-size: 10px; font-weight: 700; letter-spacing: 1.2px; }
.guide-grid h2 { margin: 22px 0 13px; font-size: 21px; line-height: 1.25; letter-spacing: -.7px; }
.guide-grid h2 a { text-decoration: none; }
.guide-grid p { margin: 0; color: var(--content-muted); font-size: 14px; line-height: 1.7; }
.content-link { margin-top: auto; padding-top: 21px; color: #547049 !important; font-size: 13px; font-weight: 700; text-decoration: none; }
.content-cta, .article-callout { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 55px; padding: 35px 38px; border-radius: 8px; background: #2c4437; color: #fffef7; }
.content-cta h2 { max-width: 500px; margin: 0; font: 500 29px/1.2 Manrope, sans-serif; letter-spacing: -1px; }
.content-cta .content-eyebrow { margin: 0 0 11px; color: #c5d6af; }
.content-button { display: inline-block; flex: none; padding: 14px 18px; border-radius: 5px; background: #dfebc8; color: #2c4437 !important; font-size: 13px; font-weight: 700; text-decoration: none; }
.content-narrow { max-width: 850px; }
.faq-list { border-top: 1px solid #d5dccb; }
.faq-list details { border-bottom: 1px solid #d5dccb; padding: 22px 0; }
.faq-list summary { cursor: pointer; font-size: 18px; font-weight: 650; }
.faq-list p { max-width: 670px; margin: 15px 0 0; color: var(--content-muted); font-size: 15px; line-height: 1.75; }
.content-note { margin-top: 36px; color: var(--content-muted); }.content-note a { color: #547049; }
.breadcrumbs { display: flex; gap: 8px; color: var(--content-muted); font-size: 12px; }.breadcrumbs a { color: #547049; }
.content-article { max-width: 820px; }.article-header { max-width: 760px; padding: 38px 0 23px; }.article-body { max-width: 690px; }.article-body h2 { margin: 42px 0 11px; font-size: 25px; letter-spacing: -.8px; }.article-body p { color: var(--content-muted); font-size: 16px; line-height: 1.85; }.article-callout { max-width: 690px; display: block; margin-top: 48px; }.article-callout strong { font-size: 19px; }.article-callout p { max-width: 460px; color: #d9e4cc; font-size: 14px; line-height: 1.7; }.article-callout .content-button { margin-top: 4px; }
.content-footer { display: flex; align-items: center; gap: 20px; padding: 30px 6%; border-top: 1px solid #dce1d4; color: var(--content-muted); font-size: 12px; }.content-footer p { margin-right: auto; }.content-footer a { text-decoration: none; }
@media (max-width: 700px) { .content-header { min-height: 72px; }.content-header nav { gap: 13px; font-size: 12px; }.content-header nav a:last-child { padding: 8px 10px; }.guide-grid { grid-template-columns: 1fr; }.content-cta { display: block; padding: 29px; }.content-cta .content-button { margin-top: 22px; }.content-footer { flex-wrap: wrap; }.content-footer p { order: 4; flex-basis: 100%; }.content-hero { padding: 28px 0 35px; }.content-hero h1, .article-header h1 { letter-spacing: -1.5px; }.article-body h2 { margin-top: 33px; }.article-callout { padding: 27px; } }