/* Page furniture for the public site's plain pages (Privacy, Terms, Security, Status, Thank you):
   a title band under the fixed header, and a readable column for the text. These pages used to
   have neither: the title sat under the header and the text ran edge to edge. */
.rs-pagehead {
    padding: 130px 0 44px;
    background: linear-gradient(135deg, var(--rs-pink-soft), var(--rs-pink));
}
.rs-pagehead h1 {
    margin: 0;
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    line-height: 1.2;
    font-weight: 700;
    color: #fff;   /* white on the brand pink, like the header and buttons (a design choice) */
}
.rs-pagehead p {
    margin: 10px 0 0;
    font-size: 1.05rem;
    color: #fff;   /* white on the brand pink, like the header and buttons (a design choice) */
}
.rs-doc { padding: 44px 0 72px; }
.rs-doc .container { max-width: 880px; }
/* Security and Status are several sibling sections after the first; each one is a readable column too. */
section.privacy-section { max-width: 880px; margin: 0 auto; padding: 0 15px 8px; }
main#main-content > section.privacy-section:last-of-type { padding-bottom: 72px; }
.rs-doc h2, .privacy-section h2 { margin: 2.2rem 0 .6rem; font-size: 1.45rem; line-height: 1.3; font-weight: 700; }
.rs-doc h3, .privacy-section h3 { margin: 1.6rem 0 .4rem; font-size: 1.15rem; line-height: 1.35; font-weight: 700; }
.rs-doc h2:first-child { margin-top: 0; }
.privacy-section h2 { margin-top: 1.6rem; }
.rs-doc p, .rs-doc li, .privacy-section p, .privacy-section li { font-size: 1rem; line-height: 1.75; }
.rs-doc p, .privacy-section p { margin-bottom: 1rem; }
.rs-doc ul, .rs-doc ol, .privacy-section ul, .privacy-section ol { margin: 0 0 1rem; padding-left: 1.4rem; }
.rs-doc li, .privacy-section li { margin-bottom: .35rem; }
.rs-doc code, .privacy-section code { word-break: break-word; }
.rs-doc table { max-width: 100%; }

/* The first section of any page must clear the fixed header. The template's section padding
   shrinks to 50px on phones, which put the page title under the header. */
main#main-content > section.overview-block-ptb:first-of-type { padding-top: 130px; }

/* Colour-overlay sections (newsletter, "Why work directly", counters, the Riddhi AI page). The theme draws
   the overlay with a :before and then, a few rules later, sets that overlay's z-index to 0 (style.css,
   [class*='iq-over-']:before), which puts it ABOVE any content that is not positioned: text and form
   fields came out washed in pink, or hidden. Lifting the content above the overlay fixes every such
   section at once. The parallax background container (jarallax) must keep its own stacking. */
[class*='iq-over-'] > *:not([id^='jarallax-container']),
.iq-bg-over > *:not([id^='jarallax-container']) { position: relative; z-index: 1; }