.faq-hero { padding-block: 32px; } .faq-copy h1 { font-size: clamp(1.8rem, 3.4vw, 2.8rem); line-height: 1.22; } .faq-copy p { max-width: 70ch; color: #41576b; } .faq-summary { background: #eef7fc; color: #203647; box-shadow: none; } .faq-summary::before, .faq-summary::after { display: none; } .faq-summary p, .faq-summary a { color: #203647; } .faq-list-shell > section { margin-block: 24px 32px; } .faq-list-shell > section ul { padding-left: 1.3em; } .faq-list-shell > section li { margin-block: 10px; line-height: 1.6; } .faq-list-shell a { color: #075b91; text-underline-offset: 3px; } .faq-side-nav, .faq-list-shell { min-width: 0; } .faq-list-shell a, [data-language-links] { overflow-wrap: anywhere; } .faq-list-shell a:focus-visible, .faq-side-nav a:focus-visible { outline: 3px solid #075b91; outline-offset: 3px; } @media (max-width: 640px) { .faq-hero { padding-block: 24px; gap: 20px; } .faq-copy p { font-size: 16px; line-height: 1.7; } .faq-summary { padding: 20px; } .faq-side-nav { position: static; } }