@import url("/vesta.css");

.legal-page { width: min(100% - 48px, 820px); margin: 0 auto; padding: 84px 0 100px; }
.legal-page .section-index { margin-bottom: 14px; }
.draft-banner { display: inline-block; margin: 0 0 24px; padding: 8px 11px; border: 1px solid #bd6e51; color: #994e38; font: 500 9px/1.5 var(--mono); letter-spacing: .07em; }
.legal-page h1 { margin: 0 0 18px; font: 600 clamp(48px, 7vw, 76px)/1 var(--display); letter-spacing: -.075em; }
.legal-lede { max-width: 700px; margin-bottom: 15px; color: #56645b; font-size: 17px; line-height: 1.7; }
.legal-meta { margin: 0 0 54px; color: #7b847a; font: 10px var(--mono); }
.legal-page h2 { margin: 34px 0 8px; font: 600 20px var(--display); letter-spacing: -.04em; }
.legal-page > p:not(.section-index):not(.legal-lede):not(.legal-meta):not(.draft-reminder) { max-width: 750px; color: #5f6b62; font-size: 13px; line-height: 1.8; }
.draft-reminder { margin-top: 44px; padding: 16px 19px; border-left: 2px solid var(--clay); color: #764332; background: #ebe6d8; font-size: 12px; line-height: 1.7; }
.interest-faq { padding: 0 clamp(24px, 9vw, 144px) 76px; }
.interest-faq > .eyebrow { margin: 0 0 12px; color: #718a69; }
.interest-faq h2 { margin: 0 0 24px; color: #172a26; font: 600 clamp(30px, 4vw, 44px)/1.08 var(--display); letter-spacing: -.055em; }
.interest-faq-list { border-top: 1px solid #d5d4c7; }
.interest-faq-list details { border-bottom: 1px solid #d5d4c7; }
.interest-faq-list summary { padding: 18px 36px 18px 0; color: #172a26; font-size: 14px; font-weight: 500; line-height: 1.5; cursor: pointer; }
.interest-faq-list p { max-width: 720px; margin: -3px 0 19px; color: #626f64; font-size: 11px; line-height: 1.8; }
@media (max-width: 680px) { .legal-page { width: calc(100% - 44px); padding: 60px 0 72px; } .legal-meta { margin-bottom: 40px; } }
@media (max-width: 680px) { .interest-faq { padding: 0 22px 54px; } .interest-faq h2 { font-size: 34px; } }