@font-face { font-family: "Anton Local"; font-style: normal; font-weight: 400; font-display: swap; src: url("./assets/fonts/anton-latin.woff2") format("woff2"); }
.vsl-intro { max-width: 560px; margin: 0 auto 26px; text-align: center; }
.vsl-headline { max-width: 510px; margin: 0 auto; font-family: "Anton Local", Impact, "Arial Narrow", "Helvetica Neue", sans-serif; font-size: clamp(42px, 7vw, 68px); line-height: 1.02; letter-spacing: -.015em; font-weight: 400; }
.headline-opening { display: block; color: #fff; font-size: inherit; line-height: inherit; letter-spacing: inherit; }
.headline-opening strong, .headline-context { display: block; color: #fff; font-size: inherit; font-weight: 400; white-space: normal; overflow-wrap: anywhere; text-shadow: 0 2px 3px #000; }
.headline-question { display: block; width: fit-content; max-width: 100%; margin: 6px auto 0; padding: 5px 8px 7px; background: #f52b13; color: #fff; font-weight: 400; -webkit-text-stroke: 1px #181014; paint-order: stroke fill; text-shadow: 1px 2px 2px #0009; }
.headline-question span { display: block; white-space: normal; overflow-wrap: anywhere; }
.vsl-subheadline { max-width: 500px; margin: 20px auto 0; color: #d0c6cf; font-size: 13px; line-height: 1.55; letter-spacing: .45px; font-weight: 500; }
.vsl-sources { max-width: 620px; margin: 36px auto 0; padding: 28px 24px 8px; border-radius: 12px; background: #f7f7f9; color: #38333b; font-family: Arial, Helvetica, sans-serif; }
.vsl-sources h3 { margin: 0 0 12px; font-size: 13px; line-height: 1.5; font-weight: 400; text-align: center; color: #77717b; letter-spacing: .3px; }
.vsl-sources .first-step-image { display: block; width: 100%; height: auto; margin: 0 auto 28px; }
.reference-list { margin: 0; padding-left: 22px; font-size: 10px; line-height: 1.55; }
.reference-list li { padding-left: 5px; margin-bottom: 23px; }
.reference-list p { margin: 0; overflow-wrap: anywhere; }
.reference-title { font-weight: 400; }
.reference-title cite { font-style: italic; }
.reference-list .reference-journal { margin-top: 7px; font-weight: 500; }
.reference-meta { color: #77717b; font-size: 9px; }
.reference-meta a { color: inherit; text-underline-offset: 3px; }
.sources-notice { max-width: 620px; margin: 28px auto 0; text-align: center; font-size: 13px; line-height: 1.6; color: #c3b9c3; }
.sources-notice a { color: #bbb5ff; text-decoration: underline; text-underline-offset: 2px; }
.reference-meta a:focus-visible, .sources-notice a:focus-visible { outline: 2px solid #ce292c; outline-offset: 3px; }
@media (max-width: 480px) {
 .vsl-headline { font-size: clamp(46px, 15vw, 68px); }
 .headline-question { margin-top: 5px; }
 .vsl-subheadline { font-size: 12px; margin-top: 18px; }
 .vsl-sources { padding: 24px 16px 8px; }
}