.c4s-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
/* Variant C SEO blocks. Uses the tokens from inject.css: flat surface, 12px radius, blue for structure, no gradients. */
.c4s-tldr, .c4s-faq { background: var(--bg, #111010); color: var(--text, #fff); font-family: var(--sans, Epilogue, system-ui, sans-serif); }
/* sit above the neighbouring Squarespace section backgrounds: the next section's background layer was covering the bottom of the box */
.c4s-tldr, .c4s-faq { position: relative; z-index: 6; }   /* sections with a divider are z-index 3 and reach up over this box; the header is 10 */
.c4s-tldr { padding: var(--s5, 48px) var(--s3, 24px) 0; }
.c4s-faq { padding: var(--s6, 64px) var(--s3, 24px); }
.c4s-in { max-width: 860px; margin: 0 auto; }
/* the short answer reads as the opening line of the FAQ list: no card, no label, same hairline and answer type as the rows below it */
.c4s-tldr .c4s-in { background: none; border: 0; border-top: 1px solid var(--line, rgba(255,255,255,.14)); border-radius: 0; padding: var(--s3, 24px) 0 0; }
.c4s-label { display: none; }
.c4s-tldr p { margin: 0; max-width: 70ch; font-size: var(--fs-body, 16px); line-height: 1.65; color: var(--muted, #b9c0ca); }
html body .c4s-faq h2 { font: 400 var(--fs-h2, 40px)/1.05 var(--display, Anton, Impact, sans-serif); text-transform: uppercase; margin: 0 0 var(--s3, 24px); color: var(--text, #fff); }
.c4s-q { border-top: 1px solid var(--line, rgba(255,255,255,.14)); }
.c4s-q:last-of-type { border-bottom: 1px solid var(--line, rgba(255,255,255,.14)); }
.c4s-q summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: var(--s2, 16px); padding: var(--s2, 16px) 0; font: 700 var(--fs-lede, 18px)/1.35 var(--sans, Epilogue, sans-serif); color: var(--text, #fff); }
.c4s-q summary::-webkit-details-marker { display: none; }
.c4s-q summary::after { content: "+"; flex: none; font-size: 24px; color: var(--blue, #2c87ff); }
.c4s-q[open] summary::after { content: "\2212"; }
.c4s-q summary:hover { color: var(--blue, #2c87ff); }
.c4s-q summary:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.c4s-q p { margin: 0 0 var(--s3, 24px); font-size: var(--fs-body, 16px); line-height: 1.65; color: var(--muted, #b9c0ca); max-width: 70ch; }
.c4s-table { width: 100%; border-collapse: collapse; margin: 0 0 var(--s5, 48px); font-size: var(--fs-body, 16px); }
.c4s-table caption { text-align: left; padding-bottom: var(--s1, 8px); font: 800 var(--fs-label, 12px)/1 var(--sans, Epilogue, sans-serif); letter-spacing: .14em; text-transform: uppercase; color: var(--blue, #2c87ff); }
.c4s-table th, .c4s-table td { text-align: left; padding: 12px 12px 12px 0; border-bottom: 1px solid var(--line, rgba(255,255,255,.14)); vertical-align: top; color: var(--muted, #b9c0ca); }
.c4s-table thead th { color: var(--text, #fff); font-weight: 800; }
.c4s-table tbody th { color: var(--text, #fff); font-weight: 700; }
.c4s-where { margin: var(--s4, 32px) 0 0; font-size: var(--fs-body, 16px); color: var(--muted, #b9c0ca); }
.c4s-where b, .c4s-related b { color: var(--text, #fff); margin-right: 8px; }
.c4s-related { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: var(--s2, 16px) 0 0; font-size: var(--fs-body, 16px); }
html body .c4s-related a { color: var(--blue, #2c87ff) !important; font-weight: 700; text-decoration: none; }
html body .c4s-related a:hover { text-decoration: underline; }
@media (max-width: 640px) { .c4s-tldr .c4s-in { padding: var(--s3, 24px) 0 0; } }