/* The older reference pages (Help, Terms, Press, the blog, the shared scripts, Scripting, About, Developers,
   Rewards) in the homepage's type and color (mock 2026-09-28). Loaded last and scoped to body.rs, so it
   restyles the shared pieces (hero, eyebrows, titles, FAQs, buttons) and leaves each page's own widgets alone. */

body.rs{-webkit-font-smoothing:antialiased}

/* eyebrows: plum small caps, never a pill */
body.rs:not(.rs-dark) .hero-eyebrow,body.rs:not(.rs-dark) .section-eyebrow,body.rs:not(.rs-dark) article > .wrap > .eyebrow,body.rs:not(.rs-dark) main .eyebrow,body.rs:not(.rs-dark) .tldr-label{display:inline-block;margin-bottom:14px;padding:0;border:0;border-radius:0;background:none;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6d3f7d}

/* light heroes: centered, the homepage's headline with the italic highlighter phrase */
body.rs:not(.rs-dark) .hero{text-align:center}
body.rs:not(.rs-dark) .hero .wrap,body.rs:not(.rs-dark) .hero .wrap-wide{max-width:920px;margin-left:auto;margin-right:auto}
body.rs:not(.rs-dark) .hero h1{max-width:none;margin-left:auto;margin-right:auto;font-size:60px;line-height:1.04;letter-spacing:-2px;font-weight:700;color:#1d1d1f;text-wrap:balance}
body.rs:not(.rs-dark) .hero h1 em,body.rs:not(.rs-dark) main h1 em,body.rs:not(.rs-dark) article h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-style:italic;letter-spacing:-.01em;color:inherit;background:linear-gradient(180deg,transparent 62%,#ff7900 62%,#ff7900 94%,transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
body.rs:not(.rs-dark) .hero .hero-lead,body.rs:not(.rs-dark) .hero > .wrap > p{margin-left:auto;margin-right:auto;max-width:760px;font-size:20px;line-height:1.55;color:#6e6e73;text-wrap:pretty}
body.rs:not(.rs-dark) .hero .hero-actions,body.rs:not(.rs-dark) .hero .actions{justify-content:center}

/* article and library pages (blog posts, shared scripts): left-aligned reading, bigger headline */
body.rs:not(.rs-dark) article > .wrap > h1,body.rs:not(.rs-dark) main > section > h1,body.rs:not(.rs-dark) main h1{font-size:52px;line-height:1.06;letter-spacing:-1.8px;font-weight:700;color:#1d1d1f;text-wrap:balance}
body.rs:not(.rs-dark) .standfirst,body.rs:not(.rs-dark) .lede-lg{font-size:20px;line-height:1.55;color:#6e6e73}
body.rs:not(.rs-dark) article h2{font-size:30px;letter-spacing:-.8px;line-height:1.15}

/* section titles */
body.rs:not(.rs-dark) .section-title{font-size:40px;line-height:1.1;letter-spacing:-1.1px;font-weight:700;color:#1d1d1f}

/* buttons: the orange pill; secondary ones quiet */
body.rs .btn-primary,body.rs a.btn-primary{border-radius:999px;background:#ff7a00;color:#fff}
body.rs .btn-primary:hover{background:#d96400}
body.rs .btn-ghost,body.rs .btn-secondary{border-radius:999px}

/* FAQs: the homepage's gray rows that open */
body.rs details.rs-faq{background:#f5f5f7;border-radius:20px;padding:0 24px;margin:0 0 10px;transition:background .2s}
body.rs details.rs-faq:hover{background:#efeff2}
body.rs details.rs-faq[open]{padding-bottom:20px}
body.rs details.rs-faq > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;font-size:17px;font-weight:600;line-height:1.35;color:#1d1d1f}
body.rs details.rs-faq > summary::-webkit-details-marker{display:none}
body.rs details.rs-faq .pm{flex:none;width:28px;height:28px;border-radius:50%;background:#e8e8ed;position:relative;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
body.rs details.rs-faq .pm:before,body.rs details.rs-faq .pm:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.8px;border-radius:2px;background:#6e6e73;transform:translate(-50%,-50%)}
body.rs details.rs-faq .pm:after{transform:translate(-50%,-50%) rotate(90deg)}
body.rs details.rs-faq[open] .pm{transform:rotate(45deg)}
body.rs details.rs-faq .rs-a > *{font-size:16.5px;line-height:1.6;color:#6e6e73}
body.rs details.rs-faq .rs-a > * + *{margin-top:10px}
body.rs details.rs-faq .rs-a a{color:#d96400}

@media (max-width:860px){
  body.rs:not(.rs-dark) .hero h1{font-size:40px;letter-spacing:-1.2px}
  body.rs:not(.rs-dark) article > .wrap > h1,body.rs:not(.rs-dark) main h1{font-size:36px;letter-spacing:-1px}
  body.rs:not(.rs-dark) .section-title{font-size:30px}
  body.rs .hero .hero-lead{font-size:18px}
}

/* the old warm cream boxes take the homepage's soft gray */
body.rs .post-cta,body.rs .tldr,body.rs .get-tellie-inner,body.rs .disclosure{background:#f5f5f7;border-color:transparent;box-shadow:none}