/* Extra styles for the privacy policy, kept out of the page so the
   Content-Security-Policy can block inline styles. */
body {
    background-color: #F5F0E1;
}
/* Clear site-green outline for people using the keyboard (Tab key); mouse and touch users don't see it */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #344E41;
    outline-offset: 2px;
}
footer a:focus-visible {
    outline-color: #F5F0E1;
}
/* Details Caitlin still needs to fill in - remove the highlight once done */
.placeholder {
    background-color: #FEF3C7;
    padding: 0 0.25rem;
    border-radius: 0.25rem;
}
.policy h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1F2937;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    scroll-margin-top: 5rem;
}
.policy h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1F2937;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}
.policy p {
    margin-bottom: 1rem;
}
.policy ul {
    list-style: disc;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}
.policy li {
    margin-bottom: 0.5rem;
}
.policy a {
    color: #344E41;
    text-decoration: underline;
}
/* Keep whatever has keyboard focus clear of the sticky menu bar at the top (5rem tall). This is set on
   the links, buttons and form fields themselves rather than the whole page, so menu links still land
   with each section's own top spacing tucked under the menu bar, as originally designed. */
a, button, input, select, textarea, [tabindex] {
    scroll-margin-top: 6rem;
}