/* Privacy policy page: long-form text on the challenge page look (/c/challenge.css). */
main.policy { max-width: 42rem; text-align: left; padding: 1.5rem 1rem 3rem; }
.policy h1 { font-size: 1.75rem; }
.policy h2 { font-size: 1.25rem; margin: 2.25rem 0 0.5rem; color: #ffc23d; }
.policy h3 { font-size: 1.05rem; margin: 1.5rem 0 0.25rem; }
.policy p, .policy li, .policy dd { line-height: 1.55; }
.policy ul { padding-left: 1.25rem; }
.policy li { margin: 0.35rem 0; }
.policy a { color: #ffc23d; text-underline-offset: 0.15em; }
.policy a:focus-visible { outline: 3px solid #ffc23d; outline-offset: 2px; }
.policy dl { margin: 0.25rem 0 0; }
.policy dt { font-weight: 600; color: #c8c8e6; margin-top: 0.5rem; }
.policy dd { margin: 0; }
.policy .data { background: #1d1d3d; border-radius: 0.75rem; padding: 0.75rem 1rem 1rem; margin: 0.75rem 0; }
.policy .data h3 { margin-top: 0.25rem; }
.policy .toc { background: #1d1d3d; border-radius: 0.75rem; padding: 0.75rem 1rem; }
.policy .toc ol { margin: 0.25rem 0 0; padding-left: 1.25rem; }
.legal-review { border-left: 0.3rem solid #ffc23d; padding-left: 0.6rem; }
.placeholder { background: #ffc23d; color: #12122a; border-radius: 0.25rem; padding: 0 0.3rem; font-weight: 600; }
.skip { position: absolute; left: -999px; top: 0; }
.skip:focus { left: 1rem; top: 1rem; background: #ffffff; color: #12122a; padding: 0.5rem 0.75rem; border-radius: 0.5rem; z-index: 1; }
@media (min-width: 40rem) { .policy h1 { font-size: 2rem; } }
/* Site bar: the same Home / Support / Privacy links as the other site pages. */
.sitebar { max-width: 42rem; margin: 0 auto; padding: 1rem 1rem 0; }
.sitebar .top { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.sitebar .logo { display: flex; align-items: center; gap: 0.6rem; color: #ffffff; text-decoration: none; font-weight: 800; font-size: 1.15rem; }
.sitebar .logo img { border-radius: 11px; }
.sitebar nav { margin-left: auto; display: flex; gap: 1rem; }
.sitebar nav a { color: #ffc23d; font-weight: 600; text-decoration: none; }
.sitebar nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 0.3em; }
.sitebar a:focus-visible { outline: 3px solid #ffc23d; outline-offset: 2px; }