/* Staffing comparison pages (/vs/<rival>), built by
   scripts/build-compare-pages.mjs. A copy of Ramp's "Ramp vs Brex" page
   (ramp.com/versus/brex, owner pick 3 Nov 2026) in our colours:
   near-black hero and band, paper body, one dark green card, soft tinted
   panels, grey alternating table bars, Schibsted Grotesk at regular
   weight with tight tracking, 64px gutters at 1440. Ramp's lime becomes
   our mint on dark and our ivy on light. Scoped under .rp / .rp-body so
   the shared sheets keep their own pages. */

.rp-body{
  --rp-ink:#111418;
  --rp-paper:#faf9f6;
  --rp-bar:#f1efea;
  --rp-panel:#eef0ea;
  --rp-panel-b:#e3ece5;
  --rp-muted:#5d6570;
  --rp-soft:#a3aab2;
  --rp-green:#173426;
  --rp-mint:#b7d9c0;
  --rp-ivy:#2e6b44;
  --rp-ivy-hover:#265a39;
  --rp-tile:#1a1e23;
  --rp-tile-line:#2a3037;
  --rp-gutter:64px;
  background:var(--rp-ink);
  font-family:"Schibsted Grotesk",var(--sans);
}
.rp-body main{background:var(--rp-ink)}

/* The live site header (/decagon/oldnav.css, from /staffing) over the dark hero: light words and a
   mint Book a demo until it turns into the floating paper bar on scroll. Markup is untouched. */
.rp-body .site-nav:not(.is-scrolled):not(.menu-open){border-bottom-color:rgba(250,249,246,.1)}
.rp-body .site-nav:not(.is-scrolled):not(.menu-open) .wordmark{color:var(--rp-paper)}
.rp-body .site-nav:not(.is-scrolled):not(.menu-open) .wordmark span{color:var(--rp-mint)}
.rp-body .site-nav:not(.is-scrolled):not(.menu-open) .dd-t{border-color:transparent;background:transparent;color:var(--rp-paper)}
.rp-body .site-nav:not(.is-scrolled):not(.menu-open) .dd-t:hover{color:var(--rp-mint)}
.rp-body .site-nav:not(.is-scrolled):not(.menu-open) .nav-cta{border-color:var(--rp-mint);background:var(--rp-mint);color:var(--rp-ink)}
.rp-body .site-nav:not(.is-scrolled):not(.menu-open) .nav-cta:hover{border-color:#c8e4cf;background:#c8e4cf}
.rp-body .site-nav:not(.is-scrolled):not(.menu-open) .nav-burger{background:rgba(250,249,246,.1)}
.rp-body .site-nav:not(.is-scrolled):not(.menu-open) .nav-burger span{background:var(--rp-paper)}
.rp-body .site-nav:not(.is-scrolled):not(.menu-open) .nav-vine{display:none}
.rp-body .site-nav:not(.is-scrolled):not(.menu-open) :is(.wordmark,.dd-t,.nav-studio,.nav-cta,.nav-burger):focus-visible{outline:2px solid var(--rp-mint);outline-offset:2px}
/* the live header drops the focus ring on menu links; keep one for keyboard users */
.rp-body .site-nav .dd-a:focus-visible{outline:2px solid var(--rp-ivy);outline-offset:-2px}
html:has(.rp-body){scroll-padding-top:96px}
.rp-body{overflow-x:clip}
.skip-link{position:absolute;left:12px;top:-64px;z-index:100;padding:10px 14px;border-radius:8px;background:#fff;color:var(--rp-ink);font-size:15px}
.skip-link:focus{top:12px}

/* ---------- base ---------- */
.rp{display:block;color:var(--rp-ink)}
.rp *,.rp *::before,.rp *::after{box-sizing:border-box}
.rp-wrap{width:min(1312px,100% - var(--rp-gutter) * 2);margin:0 auto}
.rp h1,.rp h2,.rp h3{font-family:"Schibsted Grotesk",var(--sans);font-style:normal;max-width:none;text-wrap:balance}
.rp h2{margin:0 auto;font-size:clamp(34px,3.45vw,50px);font-weight:440;line-height:1.04;letter-spacing:-.032em;text-align:center}
.rp-l2{display:block}
.rp-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.rp-arr{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.rp-more{display:inline-flex;align-items:center;gap:10px;color:var(--rp-muted);font-size:16px;line-height:1.3;text-decoration:none;transition:color .2s ease}
.rp-more:hover{color:var(--rp-ink)}
.rp-more:hover .rp-arr,.rp-pill:hover .rp-arr,.rp-point a:hover .rp-arr{transform:translateX(3px)}

/* ---------- 1. hero ---------- */
.rp-hero{background:var(--rp-ink);color:var(--rp-paper);text-align:center;padding:166px 0 52px}
.rp-hero h1{margin:0 auto;font-size:clamp(40px,4.75vw,70px);font-weight:440;line-height:1.01;letter-spacing:-.038em;color:var(--rp-paper)}
.rp-hero-sub{max-width:34em;margin:22px auto 0;color:var(--rp-soft);font-size:20px;line-height:1.32;text-wrap:balance}
.rp-ctas{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 22px;margin-top:34px}
.rp-btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 28px;border-radius:6px;background:var(--rp-mint);color:var(--rp-ink);font-size:17px;font-weight:500;text-decoration:none;transition:background .2s ease}
.rp-btn:hover{background:#c8e4cf}
.rp-btn--ivy{margin-top:30px;background:var(--rp-ivy);color:#fff}
.rp-btn--ivy:hover{background:var(--rp-ivy-hover)}
.rp-btn--ghost{gap:10px;border:1px solid rgba(250,249,246,.32);background:transparent;color:var(--rp-paper)}
.rp-btn--ghost:hover{border-color:var(--rp-paper);background:transparent}
.rp-btn--ghost:hover .rp-arr{transform:translateX(3px)}
.rp-pill{display:inline-flex;align-items:center;gap:10px;margin-top:32px;padding:10px 16px;border-radius:6px;background:var(--rp-paper);color:var(--rp-ink);font-size:15px;font-weight:500;line-height:1.3;text-decoration:none}
.rp-hero-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:22px 46px;margin:62px auto 0;padding:0;list-style:none;max-width:1100px}
.rp-hero-logos img{display:block;width:auto;filter:brightness(0) invert(1);opacity:.6}


/* ---------- light body ---------- */
.rp-paper{padding-bottom:128px;background:var(--rp-paper)}
.rp-paper--end{border-radius:0 0 28px 28px;padding-bottom:0}
.rp-sec{padding:112px 0 0}
.rp-sec--tight{padding-top:78px}
.rp-sec--flush{padding-top:120px}

/* ---------- 2. logo band ---------- */
.rp-band{padding:70px 0 6px;text-align:center}
.rp-band p{margin:0;font-size:16px;line-height:1.4;color:var(--rp-ink)}
.rp-marquee{width:min(1180px,100% - 48px);margin:34px auto 0}
.rp-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px 56px;margin:0;padding:0;list-style:none}
.rp-logos[aria-hidden]{display:none}
.rp-logos img{display:block;width:auto;max-width:none;filter:grayscale(1);opacity:.55}
/* the row only scrolls once a script marks the page and motion is welcome */
@media (prefers-reduced-motion:no-preference){
  .rp-js .rp-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
  .rp-js .rp-marquee-track{display:flex;width:max-content;animation:rp-scroll 46s linear infinite}
  .rp-js .rp-marquee:hover .rp-marquee-track{animation-play-state:paused}
  .rp-js .rp-logos,.rp-js .rp-logos[aria-hidden]{display:flex;flex:none;flex-wrap:nowrap;gap:72px;padding-right:72px}
}
@keyframes rp-scroll{to{transform:translateX(-50%)}}

/* ---------- 3. dark green card ---------- */
.rp-green{position:relative;margin-top:62px;padding:34px 32px 0;border-radius:16px;background:var(--rp-green);color:#e4ece6;overflow:hidden}
.rp-green-title{max-width:11em;margin:0;font-size:28px;font-weight:420;line-height:1.15;letter-spacing:-.02em;color:#fff}
.rp-marks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:24px;width:70%;margin:-40px 0 0 auto;padding:0;list-style:none}
.rp-marks>li{--drop:0px;position:relative;padding:0 0 calc(var(--drop) + 34px) 0}
.rp-marks>li:nth-child(2){--drop:62px}
.rp-marks>li:nth-child(3){--drop:124px}
.rp-marks>li::after{content:"";position:absolute;left:3px;top:28px;bottom:6px;border-left:1px dotted rgba(183,217,192,.6)}
.rp-marks>li::before{content:"";position:absolute;left:-1px;bottom:0;width:9px;height:9px;border-radius:50%;background:var(--rp-mint);box-shadow:0 0 0 4px rgba(183,217,192,.16)}
.rp-marks b{display:block;margin-bottom:10px;font-size:14px;font-weight:500;line-height:1.3;color:#fff}
.rp-marks ul{margin:0;padding:0 0 0 20px;list-style:none}
.rp-marks ul li{position:relative;margin:0 0 6px;font-size:14px;line-height:1.35;color:#cfdcd3}
.rp-marks ul li::before{content:"";position:absolute;left:-9px;top:.55em;width:4px;height:4px;border-radius:50%;background:#cfdcd3}
.rp-green-shot{position:relative;margin-top:14px;height:470px;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 -10px 60px rgba(0,0,0,.25)}
.rp-green-shot img{display:block;width:100%;height:auto}

/* ---------- 4 and 8. product cards ---------- */
.rp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:58px}
.rp-card h3{margin:22px 0 0;font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.01em;color:var(--rp-ink)}
.rp-card p{margin:8px 0 0;max-width:30em;color:var(--rp-muted);font-size:16px;line-height:1.4}
.rp-card .rp-more{margin-top:14px}
.rp-panel{position:relative;aspect-ratio:421/337;padding:30px 0 0 30px;border-radius:12px;background:var(--rp-panel);overflow:hidden}
.rp-cards--tall .rp-panel{aspect-ratio:1/1}
.rp-panel--b{background:linear-gradient(160deg,#e9f1eb 0%,#d3e5d8 100%)}
.rp-win{position:relative;height:100%;border-radius:10px 0 0 0;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(17,20,24,.06),0 12px 34px rgba(17,20,24,.1)}
.rp-win img{position:absolute;left:0;top:0;display:block;width:var(--w);height:auto;max-width:none;transform:translate(var(--tx),var(--ty))}
.rp-panel--logos{display:grid;place-items:center;padding:30px 26px;background:#fff!important;box-shadow:inset 0 0 0 1px #e6e3dd}
.rp-int{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;margin:0;padding:0;list-style:none}
.rp-int li{display:grid;place-items:center;height:56px;padding:0 6px}
.rp-int img{display:block;max-width:100%;width:auto;object-fit:contain}

/* ---------- 5. a call in large type, where Ramp shows a customer quote ---------- */
.rp-split{display:grid;grid-template-columns:5fr 7fr;border-radius:16px;overflow:hidden;background:var(--rp-bar)}
.rp-split-copy{display:flex;flex-direction:column;align-items:flex-start;padding:44px 40px 40px}
.rp-split-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--rp-ink);color:var(--rp-mint)}
.rp-split-mark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.rp-turns{display:grid;gap:18px;margin-top:36px}
.rp-turn{margin:0;font-size:24px;font-weight:420;line-height:1.28;letter-spacing:-.018em;color:var(--rp-ink)}
.rp-turn b{display:block;margin-bottom:4px;font-size:14px;font-weight:500;letter-spacing:0;color:var(--rp-muted)}
.rp-turn--ai b{color:var(--rp-ivy)}
.rp-split-copy .rp-more{margin-top:auto;padding-top:36px}
.rp-split-shot{position:relative;padding:40px 0 0 40px;background:linear-gradient(160deg,#e9f1eb 0%,#cfe3d5 100%)}
.rp-win--split{height:auto;aspect-ratio:1344/940;box-shadow:0 1px 2px rgba(17,20,24,.06),0 18px 50px rgba(17,20,24,.14)}

/* ---------- 6. black band ---------- */
.rp-dark{padding:120px 0 128px;background:var(--rp-ink);color:var(--rp-paper);text-align:center}
.rp-dark h2{color:var(--rp-paper)}
.rp-dark-sub{max-width:31em;margin:20px auto 0;color:var(--rp-soft);font-size:16px;line-height:1.4;text-wrap:balance}
.rp-more--light{margin-top:26px;color:#c4cad0}
.rp-more--light:hover{color:var(--rp-paper)}
.rp-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:66px;text-align:left}
/* label, number and line share rows across the tiles, so the numbers line up */
.rp-tile{container-type:inline-size;display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start;padding:30px 32px 26px;border:1px solid var(--rp-tile-line);border-radius:8px;background:var(--rp-tile)}
.rp-tile span{font-size:16px;line-height:1.35;color:#c4cad0}
.rp-tile b{align-self:end;padding-top:46px;font-size:clamp(34px,21cqi,72px);white-space:nowrap;font-weight:420;line-height:1;letter-spacing:-.045em;color:#fff}
.rp-tile b+span{margin-top:12px}
.rp-src{display:block;margin-top:8px;font-size:13px;color:#8a93a0;text-decoration:underline;text-decoration-color:rgba(138,147,160,.45);text-underline-offset:2px}
.rp-src:hover{color:#c4cad0}
.rp-tile sup{margin-left:1px;font-size:12px;line-height:0;vertical-align:super}
.rp-tile sup a{color:inherit;text-decoration:none}
.rp-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:80px;text-align:left}
.rp-point{display:flex;flex-direction:column;padding-bottom:28px;border-bottom:1px solid var(--rp-tile-line)}
.rp-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:7px;background:var(--rp-paper);color:var(--rp-ink)}
.rp-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rp-point h3{margin:22px 0 0;font-size:20px;font-weight:440;line-height:1.25;letter-spacing:-.015em;color:#fff}
.rp-point p{margin:12px 0 0;color:#a9b0b8;font-size:16px;line-height:1.4}
.rp-point a{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:28px;color:var(--rp-paper);font-size:14px;line-height:1.4;text-decoration:none}

/* ---------- 7. tick and cross table ---------- */
.rp-cmp{width:calc(100% + 48px);margin:46px -24px 0;border-collapse:separate;border-spacing:24px 0;table-layout:fixed}
.rp-cmp th{padding:0 0 38px;text-align:center;font-weight:400}
.rp-wm{font-family:var(--serif);font-size:30px;font-weight:600;letter-spacing:-.05em;color:var(--rp-ink)}
.rp-wm span{color:var(--rp-ivy)}
.rp-rival{font-family:"Schibsted Grotesk",var(--sans);font-size:29px;font-weight:700;letter-spacing:-.04em;color:var(--rp-ink)}
.rp-cmp td{position:relative;height:58px;padding:15px 24px 15px 72px;color:#4d555f;font-size:15px;line-height:1.35;vertical-align:middle}
.rp-cmp tbody tr:nth-child(odd) td{background:var(--rp-bar)}
.rp-cmp td{border-radius:8px}
/* words for screen readers and AI tools that read the page as text; on screen the icons say it */
.rp-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.rp-yes,.rp-no,.rp-part{position:absolute;left:27px;top:50%;width:22px;height:22px;margin-top:-11px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rp-yes{stroke:var(--rp-ink)}
.rp-no,.rp-part{stroke:#9aa0a7}
.rp-cmp .rp-rowh{display:none}
.rp-cmp td.rp-off{color:#9aa0a7}

/* ---------- 8. intro line ---------- */
.rp-sub{margin:20px auto 0;text-align:center;color:var(--rp-muted);font-size:16px;line-height:1.4}

/* ---------- 8b. how the two differ: four short answers, two by two ---------- */
.rp-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;max-width:1120px;margin:58px auto 0;text-align:left}
.rp-diff-item{padding:30px 0 34px;border-top:1px solid #e3e0da}
.rp-diff-item h3{margin:0;font-size:22px;font-weight:460;line-height:1.25;letter-spacing:-.018em;color:var(--rp-ink)}
.rp-diff-item p{margin:12px 0 0;max-width:34em;color:var(--rp-muted);font-size:16px;line-height:1.55}

/* ---------- 9. FAQ: the main site's two columns of cards (/research .lfaq) ---------- */
.rp-faq h2{margin:0;text-align:left;font-size:clamp(40px,3.6vw,52px)}
.rp-lfaq{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;align-items:start;margin-top:50px}
.rp-lfaq-col{display:flex;flex-direction:column;gap:12px}
.rp-lfaq details{border:1px solid #e3e0da;border-radius:14px;background:#fff;transition:box-shadow .2s ease}
.rp-lfaq details[open]{box-shadow:0 8px 24px rgba(17,20,24,.05)}
.rp-lfaq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;font-size:17px;font-weight:500;line-height:1.35;color:var(--rp-ink);cursor:pointer;list-style:none}
.rp-lfaq summary::-webkit-details-marker{display:none}
.rp-lfaq summary::after{content:"";flex:none;width:12px;height:12px;background:linear-gradient(currentColor,currentColor) center/12px 1.6px no-repeat,linear-gradient(currentColor,currentColor) center/1.6px 12px no-repeat;color:var(--rp-muted);transition:transform .3s ease}
.rp-lfaq details[open] summary::after{transform:rotate(45deg)}
.rp-lfaq details p{margin:0;padding:0 22px 22px;color:var(--rp-muted);font-size:16px;line-height:1.55}
.rp-lfaq details p a{color:var(--rp-ink);text-decoration:underline;text-decoration-color:#c9c5bd;text-underline-offset:3px}

/* ---------- 10. closing ---------- */
.rp-end{padding:104px var(--rp-gutter) 128px;text-align:center}
.rp-end h2{font-size:26px;font-weight:440;letter-spacing:-.02em;line-height:1.2}
.rp-dark .rp-more--light{margin-top:22px}

/* ---------- footnotes in the dark, above the footer ---------- */
.rp-notes{padding:64px 0 40px;background:var(--rp-ink);color:#8a93a0}
.rp-notes .rp-wrap{width:min(1180px,100% - 48px)}
.rp-notes p{margin:0 0 8px;font-size:13px;line-height:1.5}
.rp-notes sup{font-size:12px;line-height:0}
.rp-notes a{color:#c4cad0;text-decoration:underline;text-decoration-color:rgba(196,202,208,.4);text-underline-offset:2px}

/* The footer is /site/footer.css, shared by every page (7 Nov 2026). */

/* ---------- tablet ---------- */
@media (max-width:1100px){
  .rp-body{--rp-gutter:32px}
  .rp-marks{width:100%;margin-top:28px;grid-template-columns:repeat(3,minmax(0,1fr))}
  .rp-points{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
  .rp-split{grid-template-columns:1fr}
  .rp-split-copy{padding:34px 28px 30px}
}

/* ---------- phone ---------- */
@media (max-width:760px){
  .rp-body{--rp-gutter:16px}
  .rp-l2{display:inline}
  .rp h2{font-size:clamp(32px,9vw,38px);line-height:1.08}
  .rp-hero{padding:120px 0 44px}
  .rp-hero h1{font-size:clamp(38px,10.4vw,44px);line-height:1.04}
  .rp-hero-sub{margin-top:18px;font-size:18px}
  .rp-ctas{margin-top:28px}
  .rp-hero-logos{gap:20px 30px;margin-top:44px;padding:0 4px}
  .rp-hero-logos img{transform:scale(.86)}
  .rp-band{padding:42px 0 0}
  .rp-band p{max-width:20em;margin:0 auto}
  .rp-marquee{width:100%;margin-top:26px}
  .rp-logos{gap:24px 36px}
  .rp-js .rp-logos,.rp-js .rp-logos[aria-hidden]{gap:48px;padding-right:48px}
  .rp-logos img{transform:scale(.86)}
  .rp-sec{padding-top:84px}
  .rp-sec--tight{padding-top:76px}
  .rp-green{margin-top:34px;padding:26px 20px 0}
  .rp-green-title{font-size:24px}
  .rp-marks{display:block;margin-top:26px}
  .rp-marks>li,.rp-marks>li:nth-child(2),.rp-marks>li:nth-child(3){--drop:0px;padding:0 0 18px 22px}
  .rp-marks>li::before{top:4px;bottom:auto}
  .rp-marks>li::after{top:20px;bottom:10px}
  .rp-marks ul{padding-left:12px}
  .rp-green-shot{height:300px;margin:12px -20px 0 0;border-radius:10px 0 0 0}
  .rp-green-shot img{width:155%;margin-left:-31.8%}
  .rp-cards{grid-template-columns:1fr;gap:44px;margin-top:38px}
  .rp-panel{padding:22px 0 0 22px}
  .rp-cards--tall .rp-panel{aspect-ratio:421/360}
  .rp-panel--logos{padding:18px}
  .rp-int{gap:8px}
  .rp-int li{height:50px;padding:0 6px}
  .rp-int img{transform:scale(.82)}
  .rp-split-copy{padding:30px 22px 28px}
  .rp-turn{font-size:20px}
  .rp-split-shot{padding:22px 0 0 22px}
  .rp-win--split{height:auto}
  .rp-paper{padding-bottom:84px}
  .rp-paper--end{padding-bottom:0}
  .rp-dark{padding:84px 0 70px}
  .rp-tiles{grid-template-columns:1fr;gap:16px;margin-top:44px}
  .rp-points{grid-template-columns:1fr;row-gap:36px;margin-top:56px}
  /* one card per row, each vendor named, so neither side hides (site rule) */
  .rp-cmp{width:100%;margin:30px 0 0;border-spacing:0}
  .rp-cmp thead{display:none}
  .rp-cmp,.rp-cmp tbody{display:block;width:auto}
  .rp-cmp tr{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;margin:0 0 10px;padding:14px 16px;border-radius:10px;background:var(--rp-bar)}
  .rp-cmp .rp-rowh{display:block;flex-basis:100%;padding:0;text-align:left;font-size:15px;line-height:1.4;color:var(--rp-ink)}
  .rp-cmp td,.rp-cmp tbody tr:nth-child(odd) td{display:flex;align-items:center;gap:7px;height:auto;padding:0;background:transparent;border-radius:0;font-size:13.5px;font-weight:600;line-height:1.3}
  .rp-cmp td:first-child{color:var(--rp-ivy)}
  .rp-cmp td .rp-t{display:none}
  .rp-cmp td::after{content:attr(data-label)}
  .rp-cmp td[data-fig]::after{content:attr(data-label) ": " attr(data-fig)}
  .rp-yes,.rp-no,.rp-part{position:static;flex:none;width:18px;height:18px;margin:0}
  .rp-diff{grid-template-columns:1fr;margin-top:34px}
  .rp-diff-item{padding:24px 0 26px}
  .rp-diff-item h3{font-size:20px}
  .rp-faq h2{font-size:clamp(32px,9vw,38px)}
  .rp-lfaq{grid-template-columns:1fr;margin-top:30px}
  .rp-lfaq summary{padding:18px;font-size:16px}
  .rp-lfaq details p{padding:0 18px 18px}
  .rp-end{padding:96px var(--rp-gutter) 88px}
  .rp-end h2{font-size:24px}
  .rp-paper--end{border-radius:0 0 22px 22px}
  .rp-notes{padding-top:48px;padding-bottom:32px}
}
@media (prefers-reduced-motion:reduce){
  /* the header's menu slides and fades (the old shared sheet switched them off here) */
  .rp-body .site-nav,.rp-body .site-nav *,.rp-body .site-nav *::before,.rp-body .site-nav *::after,.rp-body .nav-scrim{animation:none!important;transition:none!important}
  .rp-arr,.rp-lfaq summary::after,.rp-lfaq details,.rp-btn{transition:none}
}