.terms-main { max-width: 800px; padding-top: 3rem; padding-bottom: 5rem; color: #334155; }
.terms-title { margin: 0 0 1.5rem; color: var(--primary-color); font-size: 2.25rem; font-weight: 800; letter-spacing: -.035em; line-height: 1.2; }
.terms-copy { display: flex; flex-direction: column; gap: 1.5rem; color: #334155; font-size: .9375rem; line-height: 1.8; font-family: var(--font-sans); }
.terms-copy p { margin: 0; }
.terms-copy section { display: flex; flex-direction: column; gap: 1.5rem; margin: 0; padding: 0; border: 0; scroll-margin-top: 24px; }
.terms-copy h2 { margin: 0; color: #0f172a; font-size: 1.125rem; font-weight: 700; letter-spacing: -.015em; line-height: 1.3; }
.terms-copy a { color: #006edb; text-decoration: underline; text-decoration-color: #b8d5f5; text-underline-offset: 3px; overflow-wrap: anywhere; }
.terms-copy a:hover { text-decoration-color: currentColor; }
.terms-copy a:focus-visible { outline: 2px solid #0071e3; outline-offset: 4px; }
.terms-copy strong { color: #303640; font-weight: 600; }
.terms-copy .terms-note { display: flex; align-items: center; gap: 10px; color: #303640; }
.terms-note-icon { width: 20px; height: 20px; flex: 0 0 20px; object-fit: contain; opacity: .84; filter: invert(35%) sepia(93%) saturate(1352%) hue-rotate(198deg) brightness(97%) contrast(101%); }
@media (max-width: 640px) {
  .terms-main { padding-top: 2.5rem; padding-bottom: 3.5rem; }
  .terms-title { font-size: 2rem; }
}
