/* Resources (D "Feeds first"), Legal glossary (C "Search first"), Cadetship Program (C "Position description"),
   Emerging Leaders (H "A leg up"), Diversity and inclusion (D "Mosaic", more sections), Current vacancies (C "Two
   doors"), Perks and benefits (D "Manifesto") and the Compensation payout guide (B + D refined). Approved 3–4 Oct 2026,
   canvases "Resources — Refined", "Glossary — Refined", "Cadetship — Refined", "Emerging Leaders — Refined", "Diversity
   and inclusion — Refined", "Current vacancies — Refined (C)", "Perks and benefits — Refined (D)", "Compensation payout
   guide — Refined (B + D)".
   Scoped to main.rpx. Markup: include/ccl-rpx.php. */
.rpx {
	--rpx-bg: #FFFFFF; --rpx-soft: #F1F4F9; --rpx-ink: #0B1A2E; --rpx-body: #3A4659; --rpx-muted: #566175;
	--rpx-line: #E1E7F0; --rpx-line2: #C9D3E2; --rpx-blue: #1D63FF; --rpx-blue-text: #1D55E0; --rpx-blue-soft: #EEF4FF; --rpx-navy: #0A1628; --rpx-gold: #F6C85F;
	--rpx-dim: #C3CCDA; --rpx-onnavy-mute: #8E9AAE; --rpx-mark: #FCE7A8; --rpx-card: #FFFFFF; --rpx-green: #1F7A4A; --rpx-green-soft: #E6F4EC;
	--rpx-note-bg: #FBF8F1; --rpx-note-line: #ECE6D6; --rpx-note-ic: #8A5A00; --rpx-pay-bg: #FFF8E6; --rpx-pay-line: #F1DFAE;
	--rpx-paper: #FBF8F1; --rpx-edge: #E6DECB; --rpx-tan-soft: #FFF4D6;
	--rpx-cream: #FFF8E6; --rpx-cream-line: #F1DFAE;
	--rpx-rainbow: linear-gradient(90deg, #E5484D 0 16.6%, #F08C2E 16.6% 33.3%, #F6C85F 33.3% 50%, #2E9E5B 50% 66.6%, #1D63FF 66.6% 83.3%, #7A4FD1 83.3%);
	--rpx-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
	--rpx-display: 'Inter Tight', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--rpx-text: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--rpx-mono-f: 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;
	--rpx-pad: clamp(20px, 5.6vw, 80px);
	display: block; background: var(--rpx-bg); color: var(--rpx-ink); font-family: var(--rpx-text); font-size: 16px; line-height: 1.55;
}
html[data-ccl-theme="dark"] .rpx {
	--rpx-bg: #0B1220; --rpx-soft: #0F192B; --rpx-ink: #E8EDF5; --rpx-body: #C9D2DF; --rpx-muted: #9AA6B8;
	--rpx-line: #22304A; --rpx-line2: #2A3A58; --rpx-blue-text: #7DA4FF; --rpx-blue-soft: rgba(125,164,255,0.14); --rpx-navy: #070E1A; --rpx-mark: rgba(246,200,95,0.32);
	--rpx-card: #0F192B; --rpx-green: #8FDCB2; --rpx-green-soft: rgba(127,209,165,0.14);
	--rpx-note-bg: rgba(246,200,95,0.07); --rpx-note-line: rgba(246,200,95,0.22); --rpx-note-ic: #F6C85F; --rpx-pay-bg: rgba(246,200,95,0.08); --rpx-pay-line: rgba(246,200,95,0.25);
	--rpx-paper: #121A2A; --rpx-edge: #2A3650; --rpx-tan-soft: rgba(246,200,95,0.12);
	--rpx-cream: rgba(246,200,95,0.07); --rpx-cream-line: rgba(246,200,95,0.22);
}
/* One accent per commitment (Diversity and inclusion) */
.rpx .rpx-cm--diversity { --cm: #1D55E0; --cm-soft: #EEF4FF; --cm-dot: #1D63FF; }
.rpx .rpx-cm--gender { --cm: #8A5A00; --cm-soft: #FFF4D6; --cm-dot: #F6C85F; }
.rpx .rpx-cm--culture { --cm: #1F7A4A; --cm-soft: #E6F4EC; --cm-dot: #2E9E5B; }
.rpx .rpx-cm--lgbt { --cm: #A3236B; --cm-soft: #FBE8F2; --cm-dot: #E36AA5; }
html[data-ccl-theme="dark"] .rpx .rpx-cm--diversity { --cm: #7DA4FF; --cm-soft: rgba(125,164,255,0.14); }
html[data-ccl-theme="dark"] .rpx .rpx-cm--gender { --cm: #F6C85F; --cm-soft: rgba(246,200,95,0.12); }
html[data-ccl-theme="dark"] .rpx .rpx-cm--culture { --cm: #8FDCB2; --cm-soft: rgba(127,209,165,0.14); }
html[data-ccl-theme="dark"] .rpx .rpx-cm--lgbt { --cm: #F28BC0; --cm-soft: rgba(227,106,165,0.16); }
.rpx *, .rpx *::before, .rpx *::after { box-sizing: border-box; }
.rpx :where(h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd) { margin: 0; }
.rpx :where(ul, ol) { padding: 0; list-style: none; }
.rpx li { min-width: 0; }
.rpx a { color: inherit; text-decoration: none; }
.rpx button, .rpx input, .rpx select, .rpx textarea { font: inherit; }
.rpx a:focus-visible, .rpx button:focus-visible, .rpx input:focus-visible, .rpx select:focus-visible, .rpx textarea:focus-visible, .rpx summary:focus-visible { outline: 3px solid var(--rpx-blue); outline-offset: 3px; border-radius: 8px; }
.rpx .rpx-hero a:focus-visible, .rpx .rpx-hero button:focus-visible, .rpx .rpx-talk a:focus-visible, .rpx .rpx-ask a:focus-visible, .rpx .rpx-glance a:focus-visible { outline-color: var(--rpx-gold); }
.rpx .rpx-sbox input:focus-visible { outline: 0; }
.rpx .rpx-sbox:focus-within { outline: 3px solid var(--rpx-gold); outline-offset: 3px; }
.rpx [hidden] { display: none !important; }
.rpx [id] { scroll-margin-top: 112px; }
html:has(main.rpx), html:has(main.rpx) body { overflow-x: clip !important; }
.rpx-ic { flex: none; display: block; }
.rpx-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.rpx-wrap { max-width: 1280px; margin: 0 auto; padding-inline: var(--rpx-pad); box-sizing: content-box !important; }
.rpx mark { background: var(--rpx-mark); color: inherit; padding: 0 2px; border-radius: 3px; }
.rpx .rpx-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0; border: 0; background: none; font-size: 15.5px; font-weight: 800; color: var(--rpx-blue-text); cursor: pointer; }
.rpx .rpx-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.rpx-flip { display: inline-flex; transform: rotate(180deg); }
.rpx-p { font-size: 17px; line-height: 1.6; color: var(--rpx-body); }
.rpx-mono { font-family: var(--rpx-mono-f); font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--rpx-muted); }
.rpx-h2 { font-family: var(--rpx-display); font-size: clamp(26px, 2.4vw, 34px); font-weight: 800; line-height: 1.12; letter-spacing: -0.015em; color: var(--rpx-ink); text-wrap: balance; }
.rpx-h2--sm { font-size: clamp(24px, 2.1vw, 30px); }

/* Buttons */
.rpx .rpx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 22px; border-radius: 10px; border: 1px solid transparent; font-size: 16px; font-weight: 700; line-height: 1.2; white-space: nowrap; cursor: pointer; transition: background-color .15s, border-color .15s; }
.rpx .rpx-btn--gold { min-height: 54px; background: var(--rpx-gold); border-color: var(--rpx-gold); color: #0A1628; }
.rpx .rpx-btn--gold:hover { background: #F2BB3A; color: #0A1628; }
.rpx .rpx-btn--ghost { min-height: 54px; background: transparent; border-color: rgba(255,255,255,0.3); color: #FFFFFF; }
.rpx .rpx-btn--ghost:hover { border-color: #FFFFFF; background: rgba(255,255,255,0.06); color: #FFFFFF; }
.rpx .rpx-btn--line { background: transparent; border-color: var(--rpx-line2); color: var(--rpx-ink); }
.rpx .rpx-btn--line:hover { border-color: var(--rpx-blue); }
.rpx .rpx-btn--blue { background: var(--rpx-blue); border-color: var(--rpx-blue); color: #FFFFFF; }
.rpx .rpx-btn--blue:hover { background: #1550D6; border-color: #1550D6; color: #FFFFFF; }
/* The site sets a short height on every tel: link; these are buttons. */
.rpx a.rpx-btn[href^="tel:"] { display: inline-flex !important; align-items: center !important; min-height: 54px !important; }

/* Navy headers */
.rpx-hero { background: var(--rpx-navy); color: #FFFFFF; padding: 28px 0 56px; }
.rpx-crumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 14px; color: #AEBBD0; }
.rpx-crumb li { display: inline-flex; align-items: center; gap: 8px; }
.rpx-crumb a { display: inline-flex; align-items: center; min-height: 32px; text-decoration: underline !important; text-underline-offset: 3px; }
.rpx-crumb a:hover { color: #FFFFFF; }
.rpx-crumb .rpx-ic { color: var(--rpx-onnavy-mute); }
.rpx-crumb [aria-current] { color: #FFFFFF; font-weight: 600; }
.rpx-eyebrow { font-size: 13px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--rpx-gold); }
.rpx-h1 { font-family: var(--rpx-display); font-size: clamp(36px, 4.2vw, 60px); font-weight: 900; line-height: 1.03; letter-spacing: -0.025em; color: #FFFFFF; text-wrap: balance; overflow-wrap: break-word; }
.rpx-h1--xl { font-size: clamp(40px, 4.4vw, 62px); }
.rpx-h1--md { font-size: clamp(32px, 3.6vw, 52px); }
.rpx-lead { max-width: 820px; font-size: 19px; line-height: 1.6; color: var(--rpx-dim); text-wrap: pretty; }
.rpx-hero .rpx-mono { color: #C3CCDA; }

/* Search box (always on navy) */
.rpx-sbox { display: flex; width: 100%; height: 60px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.25); background: rgba(255,255,255,0.06); overflow: hidden; text-align: left; }
.rpx-sbox__f { flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px; padding: 0 8px 0 16px; color: #AEBBD0; }
.rpx .rpx-sbox input[type=search] { flex: 1; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; color: #FFFFFF; font-size: 16px; font-weight: 500; -webkit-appearance: none; appearance: none; }
.rpx .rpx-sbox--value input[type=search] { font-size: 17px; font-weight: 600; }
.rpx .rpx-sbox input[type=search]::placeholder { color: #AEBBD0; opacity: 1; }
.rpx .rpx-sbox input[type=search]::-webkit-search-cancel-button { display: none; }
.rpx .rpx-sbox__x { flex: none; width: 44px; height: 44px; border: 0; border-radius: 10px; background: transparent; color: #AEBBD0; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.rpx .rpx-sbox__x:hover { color: #FFFFFF; background: rgba(255,255,255,0.08); }
.rpx .rpx-sbox__go { flex: none; height: 100%; padding: 0 22px; border: 0; border-radius: 0; background: var(--rpx-gold); color: #0A1628; font-size: 15.5px; font-weight: 800; cursor: pointer; }
.rpx .rpx-sbox__go:hover { background: #F2BB3A; }

/* Chips and the phone dropdowns that replace them */
.rpx .rpx-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 999px; background: var(--rpx-card); border: 1px solid var(--rpx-line2); color: var(--rpx-ink); font-size: 15px; font-weight: 700; white-space: nowrap; transition: border-color .15s; }
.rpx .rpx-chip:hover { border-color: var(--rpx-blue); }
.rpx .rpx-hero .rpx-chip { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.18); color: #FFFFFF; font-size: 14.5px; }
.rpx .rpx-hero .rpx-chip:hover { border-color: rgba(246,200,95,0.7); }
.rpx-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.rpx-chips ul { display: flex; flex-wrap: wrap; gap: 10px; }
.rpx-chips__l { margin-right: 4px; font-size: 15px; font-weight: 800; color: var(--rpx-muted); }
.rpx-msel { display: none; }
.rpx-msel__l { font-size: 13px; font-weight: 700; color: var(--rpx-muted); }
.rpx-msel--dark .rpx-msel__l { color: #AEBBD0; }
.rpx-msel__f { position: relative; display: block; }
.rpx-msel__f .rpx-ic { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--rpx-blue-text); }
.rpx .rpx-msel select { display: block; width: 100%; height: 52px; margin: 0; padding: 0 44px 0 14px; border-radius: 10px; border: 1px solid var(--rpx-line2); background: var(--rpx-card); color: var(--rpx-ink); font-size: 16px; font-weight: 700; -webkit-appearance: none; appearance: none; cursor: pointer; }
.rpx .rpx-msel select option { color: #0B1A2E; background: #FFFFFF; }

/* Talk strip */
.rpx-talk { padding: 0 0 88px; }
.rpx-talk__box { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 40px 48px; border-radius: 20px; background: var(--rpx-navy); }
html[data-ccl-theme="dark"] .rpx-talk__box { background: #0F192B; border: 1px solid #22304A; }
.rpx-talk__txt { display: flex; flex-direction: column; gap: 8px; max-width: 640px; }
.rpx-talk h2 { font-family: var(--rpx-display); font-size: 32px; font-weight: 800; line-height: 1.12; letter-spacing: -0.015em; color: #FFFFFF; }
.rpx-talk p { font-size: 17px; line-height: 1.6; color: var(--rpx-dim); }
.rpx-talk__btns { flex: none; display: flex; gap: 12px; }

/* ================= Resources ================= */
.rpx-rhero { display: grid; grid-template-columns: minmax(0, 1fr) 480px; gap: 64px; align-items: end; padding: 30px 0 0; }
.rpx-rhero__t { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rpx-feeds { display: flex; flex-direction: column; gap: 14px; margin-top: 32px; }
.rpx-live { display: flex; align-items: center; gap: 10px; }
.rpx-live__dot { flex: none; width: 10px; height: 10px; border-radius: 50%; background: #3FD18B; box-shadow: 0 0 0 4px rgba(63,209,139,0.2); }
.rpx-feedlist { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.rpx-feed a { display: flex; flex-direction: column; gap: 14px; height: 100%; padding: 22px; border-radius: 18px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.16); color: #FFFFFF; transition: border-color .15s, background-color .15s; }
.rpx-feed a:hover { border-color: rgba(246,200,95,0.7); background: rgba(255,255,255,0.07); }
.rpx-feed__top { display: flex; justify-content: space-between; align-items: center; color: var(--rpx-gold); }
.rpx-feed__ic { flex: none; width: 48px; height: 48px; border-radius: 12px; background: rgba(246,200,95,0.14); color: var(--rpx-gold); display: flex; align-items: center; justify-content: center; }
.rpx-feed__b { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.rpx-feed__t { font-family: var(--rpx-display); font-size: 20px; font-weight: 800; line-height: 1.2; }
.rpx-feed__d { font-size: 14.5px; line-height: 1.5; color: var(--rpx-dim); }
.rpx-feed__tags { display: flex; flex-wrap: wrap; gap: 6px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.12); }
.rpx-feed__tags span { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; background: rgba(255,255,255,0.08); font-size: 12.5px; font-weight: 700; color: #DCE3EE; }
.rpx-feed__r { display: none; }
.rpx-jump { padding: 28px 0 0; }
.rpx-found { padding: 28px 0 0; }
.rpx-found .rpx-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; }
.rpx-found__t { font-family: var(--rpx-display); font-size: 22px; font-weight: 800; color: var(--rpx-ink); }
.rpx-grp { padding: 48px 0 24px; }
.rpx-grp--tools { padding-top: 40px; }
.rpx-grp .rpx-wrap { display: flex; flex-direction: column; gap: 24px; }
.rpx-grp__head { display: flex; flex-direction: column; gap: 8px; }
.rpx-ggrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.rpx-ggrid > .rpx-feat--kb { grid-column: span 2; grid-row: span 2; }
.rpx-ggrid > .rpx-item:nth-child(n+6) { grid-column: span 2; }
.rpx-tgrid { display: grid; grid-template-columns: 400px minmax(0, 1fr); gap: 20px; align-items: stretch; }
.rpx-tgrid--full { grid-template-columns: minmax(0, 1fr); }
.rpx-tcards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }

/* A resource: a card in the grids, a row in the lists */
.rpx-item a { display: flex; color: var(--rpx-ink); transition: border-color .15s, box-shadow .15s; }
.rpx-item__ic { flex: none; width: 48px; height: 48px; border-radius: 12px; background: var(--rpx-blue-soft); color: var(--rpx-blue-text); display: flex; align-items: center; justify-content: center; }
.rpx-item__b { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.rpx-item__t { font-family: var(--rpx-display); font-size: 20px; font-weight: 800; line-height: 1.22; }
.rpx-item__d { font-size: 15.5px; line-height: 1.55; color: var(--rpx-body); }
.rpx-item__go { flex: none; color: var(--rpx-blue-text); }
.rpx-item--card a { position: relative; flex-direction: column; gap: 14px; height: 100%; padding: 22px; border-radius: 18px; border: 1px solid var(--rpx-line); background: var(--rpx-card); }
.rpx-item--card a:hover { border-color: var(--rpx-blue); box-shadow: 0 6px 24px rgba(11,26,46,0.08); }
.rpx-item--card .rpx-item__go { position: absolute; top: 37px; right: 22px; }
.rpx-item--row a { align-items: center; gap: 18px; min-height: 76px; padding: 14px 0; border-top: 1px solid var(--rpx-line); }
.rpx-item--row .rpx-item__ic { width: 44px; height: 44px; }
.rpx-item--row .rpx-item__b { gap: 3px; }
.rpx-item--row .rpx-item__t { font-size: 18px; line-height: 1.25; }
.rpx-item--row .rpx-item__d { font-size: 15px; line-height: 1.5; }
.rpx-item--row a:hover .rpx-item__t { text-decoration: underline; text-underline-offset: 3px; }
.rpx-rows { border-bottom: 1px solid var(--rpx-line); }

/* Feature cards: Knowledgebase and the estimator */
.rpx-feat a { display: flex; flex-direction: column; justify-content: space-between; gap: 24px; height: 100%; padding: 32px; border-radius: 22px; }
.rpx-feat__top { display: flex; flex-direction: column; gap: 14px; }
.rpx-feat__ic { width: 56px; height: 56px; border-radius: 14px; display: flex; align-items: center; justify-content: center; }
.rpx-feat__t { font-family: var(--rpx-display); font-size: 34px; font-weight: 900; line-height: 1.1; letter-spacing: -0.015em; }
.rpx-feat__d { font-size: 17.5px; line-height: 1.6; }
.rpx-feat__go { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 800; }
.rpx-feat--kb a { background: var(--rpx-blue-soft); color: var(--rpx-ink); border: 1px solid transparent; transition: border-color .15s; }
.rpx-feat--kb a:hover { border-color: var(--rpx-blue); }
.rpx-feat--kb .rpx-feat__ic { background: var(--rpx-card); color: var(--rpx-blue-text); }
.rpx-feat--kb .rpx-mono, .rpx-feat--kb .rpx-feat__go { color: var(--rpx-blue-text); }
.rpx-feat--kb .rpx-feat__d { color: var(--rpx-body); }
.rpx-feat--est a { gap: 18px; background: var(--rpx-navy); color: #FFFFFF; border: 1px solid transparent; transition: border-color .15s; }
html[data-ccl-theme="dark"] .rpx-feat--est a { background: #0F192B; border-color: #22304A; }
.rpx-feat--est a:hover { border-color: var(--rpx-gold); }
.rpx-feat--est .rpx-feat__top { gap: 12px; }
.rpx-feat--est .rpx-mono, .rpx-feat--est .rpx-feat__go { color: var(--rpx-gold); }
.rpx-feat--est .rpx-feat__t { font-size: 30px; line-height: 1.12; }
.rpx-feat--est .rpx-feat__d { font-size: 16.5px; color: var(--rpx-dim); }
.rpx .rpx-feat--est a:focus-visible { outline-color: var(--rpx-gold); }
.rpx-fine { font-size: 13.5px; line-height: 1.55; color: var(--rpx-muted); }

.rpx-rest { padding: 40px 0 72px; }
.rpx-rest__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; align-items: start; }
.rpx-rest__c { display: flex; flex-direction: column; gap: 40px; min-width: 0; }
.rpx-list { display: flex; flex-direction: column; gap: 6px; }
.rpx-list .rpx-grp__head { padding-bottom: 10px; }
.rpx-list .rpx-h2 { font-size: 28px; }
.rpx-none { padding: 40px 0 64px; }
.rpx-none .rpx-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }

/* ================= Legal glossary ================= */
.rpx-ghero { display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 18px 0 0; text-align: center; }
.rpx-ghero .rpx-lead { max-width: 760px; }
.rpx-ghero .rpx-sbox { max-width: 820px; height: 66px; margin-top: 4px; }
.rpx-pop { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; max-width: 1000px; }
.rpx-pop ul { display: contents; }
.rpx-pop__l { margin-right: 6px; font-size: 14.5px; font-weight: 700; color: var(--rpx-onnavy-mute); }
.rpx-pop--light { flex-direction: column; align-items: flex-start; gap: 12px; }
.rpx-pop--light ul { display: flex; flex-wrap: wrap; gap: 10px; }
.rpx-shero { display: grid; grid-template-columns: minmax(0, 1fr) 640px; gap: 56px; align-items: end; padding-top: 26px; }
.rpx-shero__t { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.rpx-hero--search { padding-bottom: 44px; }
.rpx-gbar { display: none; }
.rpx-gmain { padding: 40px 0 72px; }
.rpx-gmain--results { padding-top: 40px; }
.rpx-gmain__grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 64px; align-items: start; }
.rpx-gcol { display: flex; flex-direction: column; min-width: 0; }
.rpx-letter { display: flex; flex-direction: column; }
.rpx-letter__h { padding: 26px 0 10px; font-family: var(--rpx-display); font-size: 30px; font-weight: 900; line-height: 1.1; color: var(--rpx-ink); }
.rpx-letter:first-child .rpx-letter__h { padding-top: 0; }
.rpx-term { border-top: 1px solid var(--rpx-line); }
.rpx-letter:last-child .rpx-term:last-child, .rpx-results__g .rpx-term:last-child { border-bottom: 1px solid var(--rpx-line); }
.rpx-term summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 60px; padding: 8px 0; list-style: none; cursor: pointer; }
.rpx-term summary::-webkit-details-marker { display: none; }
.rpx-term summary::marker { content: ''; }
.rpx-term__n { font-family: var(--rpx-display); font-size: 19px; font-weight: 800; line-height: 1.3; color: var(--rpx-ink); }
.rpx-term--big summary { min-height: 64px; }
.rpx-term--big .rpx-term__n { font-size: 21px; }
.rpx-term summary:hover .rpx-term__n { color: var(--rpx-blue-text); }
.rpx-term__r { flex: none; display: flex; align-items: center; gap: 14px; }
.rpx-term__x { display: flex; color: var(--rpx-blue-text); }
.rpx-term__x .rpx-ic + .rpx-ic, .rpx-term[open] .rpx-term__x .rpx-ic:first-child { display: none; }
.rpx-term[open] .rpx-term__x .rpx-ic + .rpx-ic { display: block; }
.rpx-term__b { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; max-width: 860px; padding: 0 0 18px; }
.rpx-term__aka { font-size: 14.5px; font-weight: 700; color: var(--rpx-muted); }
.rpx-term__d { font-size: 17px; line-height: 1.6; color: var(--rpx-body); }
.rpx-term .rpx-link { min-height: 44px; font-size: 14.5px; }
.rpx-stage { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; background: var(--rpx-blue-soft); font-size: 11.5px; font-weight: 700; color: var(--rpx-blue-text); white-space: nowrap; }
.rpx-stage--b { display: none; }
.rpx-rail { position: sticky; top: 112px; display: flex; flex-direction: column; gap: 16px; }
.rpx-az { display: grid; grid-template-columns: repeat(5, 44px); gap: 6px; }
.rpx-az a, .rpx-az span { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 10px; font-family: var(--rpx-display); font-size: 17px; font-weight: 800; }
.rpx-az a { background: var(--rpx-card); border: 1px solid var(--rpx-line2); color: var(--rpx-ink); transition: border-color .15s, background-color .15s; }
.rpx-az a:hover { border-color: var(--rpx-blue); }
.rpx-az a:focus { background: var(--rpx-ink); border-color: var(--rpx-ink); color: var(--rpx-bg); }
.rpx-az span { border: 1px solid var(--rpx-line); color: #A0AABA; }
html[data-ccl-theme="dark"] .rpx-az span { color: #4A5872; }
.rpx-note { display: flex; gap: 10px; padding: 14px 18px; border-radius: 12px; background: var(--rpx-note-bg); border: 1px solid var(--rpx-note-line); font-size: 14.5px; line-height: 1.55; color: var(--rpx-body); }
.rpx-note .rpx-ic { margin-top: 2px; color: var(--rpx-note-ic); }
.rpx-ask { display: flex; flex-direction: column; gap: 10px; padding: 22px; border-radius: 18px; background: var(--rpx-navy); }
html[data-ccl-theme="dark"] .rpx-ask { background: #0F192B; border: 1px solid #22304A; }
.rpx-ask h2 { font-family: var(--rpx-display); font-size: 22px; font-weight: 800; line-height: 1.2; color: #FFFFFF; }
.rpx-ask p { font-size: 15px; line-height: 1.55; color: var(--rpx-dim); }
.rpx-ask .rpx-btn { width: 100%; min-height: 50px; margin-top: 4px; }
.rpx-results { gap: 6px; }
.rpx-results .rpx-h2 { padding-bottom: 8px; }
.rpx-results__l { padding: 14px 0 4px; }
.rpx-results__g + .rpx-results__l { padding-top: 26px; }
.rpx-back { padding-top: 18px; }
.rpx-alias { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 14px; padding: 22px 24px; border-radius: 18px; background: var(--rpx-blue-soft); }
.rpx-alias__ic { flex: none; width: 46px; height: 46px; border-radius: 12px; background: var(--rpx-card); color: var(--rpx-blue-text); display: flex; align-items: center; justify-content: center; }
.rpx-alias__b { display: flex; flex-direction: column; gap: 4px; }
.rpx-alias__t { font-family: var(--rpx-display); font-size: 22px; font-weight: 800; line-height: 1.25; color: var(--rpx-ink); }
.rpx-alias__d { font-size: 16px; line-height: 1.55; color: var(--rpx-body); }
.rpx-noneg { display: flex; flex-direction: column; gap: 10px; max-width: 820px; margin-bottom: 26px; }
.rpx-tips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 26px; }
.rpx-tips li { display: flex; flex-direction: column; gap: 6px; padding: 20px 22px; border-radius: 14px; background: var(--rpx-soft); }
.rpx-tips__t { font-size: 17px; font-weight: 800; color: var(--rpx-ink); }
.rpx-tips__d { font-size: 15px; line-height: 1.55; color: var(--rpx-body); }

/* ================= Cadetship Program ================= */
.rpx-hero--cad { padding-bottom: 48px; }
.rpx-chero { display: flex; flex-direction: column; gap: 16px; max-width: 900px; padding-top: 26px; }
.rpx-glance { display: flex; flex-direction: column; padding: 24px 24px 12px; border-radius: 20px; background: var(--rpx-navy); }
html[data-ccl-theme="dark"] .rpx-glance { background: #0F192B; border: 1px solid #22304A; }
.rpx-glance .rpx-mono { color: var(--rpx-gold); }
.rpx-glance dl { padding-top: 8px; }
.rpx-glance dl > div { display: flex; flex-direction: column; gap: 2px; padding: 14px 0 14px 54px; position: relative; border-top: 1px solid rgba(255,255,255,0.12); min-height: 68px; justify-content: center; }
.rpx-glance dt { display: contents; }
.rpx-glance dt .rpx-ic { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding: 10px; border-radius: 10px; background: rgba(246,200,95,0.14); color: var(--rpx-gold); }
.rpx-glance dt span { font-size: 12.5px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--rpx-dim); }
.rpx-glance dd { font-size: 16px; font-weight: 700; color: #FFFFFF; }
.rpx-glance__btns { display: flex; flex-direction: column; gap: 10px; padding: 16px 0 12px; }
.rpx-glance__btns .rpx-btn { width: 100%; }
.rpx-glance--hero { display: none; }
.rpx-subnav { background: var(--rpx-bg); border-bottom: 1px solid var(--rpx-line); }
.rpx-subnav ul { display: flex; gap: 34px; }
.rpx-subnav li { flex: none; }
.rpx-subnav a { display: inline-flex; align-items: center; min-height: 58px; border-bottom: 3px solid transparent; font-size: 15.5px; font-weight: 600; color: var(--rpx-muted); white-space: nowrap; }
.rpx-subnav a:hover { color: var(--rpx-ink); }
.rpx-subnav a[aria-current] { border-bottom-color: var(--rpx-blue); font-weight: 800; color: var(--rpx-ink); }
.rpx-cbar { display: none; }
.rpx-cdoc { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 64px; align-items: start; padding-top: 24px; padding-bottom: 72px; }
.rpx-cdoc__main { display: flex; flex-direction: column; min-width: 0; }
.rpx-csec { display: flex; flex-direction: column; gap: 22px; padding: 44px 0; border-top: 1px solid var(--rpx-line); }
.rpx-csec:first-child { border-top: 0; }
.rpx-csec__head { display: flex; flex-direction: column; gap: 10px; }
.rpx-csec .rpx-h2 { font-size: 32px; }
.rpx-csec .rpx-p { font-size: 17.5px; }
.rpx-icards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.rpx-icards li { display: flex; flex-direction: column; gap: 12px; padding: 22px; border-radius: 18px; background: var(--rpx-card); border: 1px solid var(--rpx-line); }
.rpx-icards__ic { flex: none; width: 46px; height: 46px; border-radius: 12px; background: var(--rpx-blue-soft); color: var(--rpx-blue-text); display: flex; align-items: center; justify-content: center; }
.rpx-icards__b { display: flex; flex-direction: column; gap: 6px; }
.rpx-icards__t { font-family: var(--rpx-display); font-size: 17.5px; font-weight: 800; line-height: 1.25; color: var(--rpx-ink); }
.rpx-icards__d { font-size: 15.5px; line-height: 1.55; color: var(--rpx-body); }
.rpx-checks li { display: flex; gap: 14px; align-items: flex-start; padding: 14px 0; border-top: 1px solid var(--rpx-line); font-size: 17px; line-height: 1.5; font-weight: 600; color: var(--rpx-ink); }
.rpx-checks__ic { flex: none; width: 28px; height: 28px; margin-top: 1px; border-radius: 50%; background: var(--rpx-green-soft); color: var(--rpx-green); display: flex; align-items: center; justify-content: center; }
.rpx-csec--perks .rpx-checks li { font-size: 16.5px; }
.rpx-pay { display: flex; gap: 16px; align-items: flex-start; padding: 24px; border-radius: 18px; background: var(--rpx-pay-bg); border: 1px solid var(--rpx-pay-line); font-size: 17px; line-height: 1.6; font-weight: 600; color: var(--rpx-ink); }
.rpx-pay__ic { flex: none; width: 46px; height: 46px; border-radius: 12px; background: var(--rpx-card); color: var(--rpx-note-ic); display: flex; align-items: center; justify-content: center; }
.rpx-more { padding: 18px 22px; border-radius: 14px; background: var(--rpx-soft); font-size: 16px; line-height: 1.6; color: var(--rpx-body); }
.rpx-more :where(h2, h3, h4) { margin: 0 0 6px; font-size: 18px; color: var(--rpx-ink); }
.rpx-more p + p { margin-top: 8px; }
.rpx-caside { position: sticky; top: 112px; display: flex; flex-direction: column; gap: 16px; }
.rpx-onpage, .rpx-cmore { display: flex; flex-direction: column; padding: 22px 24px 8px; border-radius: 20px; }
.rpx-onpage { background: var(--rpx-card); border: 1px solid var(--rpx-line); }
.rpx-cmore { background: var(--rpx-soft); }
.rpx-onpage ul, .rpx-cmore ul { padding-top: 8px; }
.rpx-onpage a { display: flex; align-items: center; min-height: 44px; padding: 6px 0; border-top: 1px solid var(--rpx-line); font-size: 15.5px; font-weight: 700; color: var(--rpx-ink); }
.rpx-onpage a:hover { color: var(--rpx-blue-text); }
.rpx-cmore a { display: flex; align-items: center; gap: 14px; min-height: 56px; border-top: 1px solid var(--rpx-line); font-size: 16px; font-weight: 800; color: var(--rpx-ink); }
.rpx-cmore a span { flex: 1; }
.rpx-cmore a .rpx-ic { color: var(--rpx-blue-text); }
.rpx-cmore a:hover span { text-decoration: underline; text-underline-offset: 3px; }
.rpx-cmore--end { display: none; }
.rpx-next { padding: 0 0 72px; }
.rpx-next ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--rpx-line); }
.rpx-next a { display: flex; align-items: center; gap: 14px; min-height: 88px; padding: 18px 20px 18px 0; color: var(--rpx-ink); }
.rpx-next a > .rpx-ic { color: var(--rpx-blue-text); }
.rpx-next a > span { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.rpx-next b { font-size: 17px; font-weight: 800; }
.rpx-next a > span > span { font-size: 14.5px; color: var(--rpx-muted); }
.rpx-next a:hover b { text-decoration: underline; text-underline-offset: 3px; }

/* The application form (Everest Forms), in this page's style */
.rpx-form { display: flex; flex-direction: column; gap: 20px; padding: 32px; border-radius: 22px; background: var(--rpx-card); border: 1px solid var(--rpx-line); box-shadow: 0 24px 48px rgba(10,22,40,0.07); }
.rpx-form__head { display: flex; flex-direction: column; gap: 6px; }
.rpx-form__head h3 { font-family: var(--rpx-display); font-size: 26px; font-weight: 800; line-height: 1.15; color: var(--rpx-ink); }
.rpx-form__head p, .rpx-form__note { font-size: 14.5px; line-height: 1.55; color: var(--rpx-muted); }
.rpx-form__note a { color: var(--rpx-blue-text); text-decoration: underline; text-underline-offset: 3px; }
.rpx .rpx-form .everest-forms, .rpx .rpx-form .evf-container, .rpx .rpx-form form.everest-form { margin: 0; padding: 0; background: none; border: 0; box-shadow: none; }
/* The theme's main.css boxes form 2179 (Current vacancies) by id; undo that so the card holds the fields directly. */
.rpx .rpx-form form#evf-form-2179 { max-width: none; margin: 0; padding: 0; background: none; border: 0; border-radius: 0; }
/* Everest Forms pads its container and rows and offsets the rows with negative margins; flatten all of that so the
   fields line up with the card, as designed. */
.rpx .rpx-form .evf-field-container { padding: 0 !important; }
.rpx .rpx-form .evf-frontend-row { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
.rpx .rpx-form .evf-frontend-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; }
.rpx .rpx-form .evf-field { display: flex; flex-direction: column; gap: 8px; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; min-width: 0; }
.rpx .rpx-form .evf-field-radio, .rpx .rpx-form .evf-field-textarea { grid-column: 1 / -1; }
.rpx .rpx-form .evf-field-label { display: block; margin: 0; font-size: 14.5px; font-weight: 700; line-height: 1.4; color: var(--rpx-ink); }
.rpx .rpx-form .evf-field-label abbr { border: 0; text-decoration: none; color: #B4232A; }
html[data-ccl-theme="dark"] .rpx .rpx-form .evf-field-label abbr { color: #FF8A8F; }
.rpx .rpx-form input.input-text[type=text], .rpx .rpx-form input.input-text[type=email], .rpx .rpx-form input.input-text[type=tel], .rpx .rpx-form textarea.input-text {
	width: 100%; height: 52px; margin: 0; padding: 0 14px; border-radius: 10px; border: 1px solid var(--rpx-line2); background: var(--rpx-card); color: var(--rpx-ink); font-size: 16px; box-shadow: none; }
.rpx .rpx-form textarea.input-text { height: 120px; padding: 12px 14px; line-height: 1.5; resize: vertical; }
.rpx .rpx-form input.input-text:focus, .rpx .rpx-form textarea.input-text:focus { border-color: var(--rpx-blue); outline: 3px solid rgba(29,99,255,0.25); outline-offset: 0; }
.rpx .rpx-form .evf-field-radio ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; }
.rpx .rpx-form .evf-field-radio li { position: relative; display: flex; margin: 0; padding: 0; }
.rpx .rpx-form .evf-field-radio li input { position: absolute; left: 16px; top: 50%; width: 18px; height: 18px; margin: -9px 0 0; accent-color: var(--rpx-blue); }
.rpx .rpx-form .evf-field-radio li label { display: inline-flex; align-items: center; min-height: 48px; margin: 0; padding: 0 18px 0 44px; border-radius: 10px; border: 1px solid var(--rpx-line2); background: var(--rpx-card); font-size: 15.5px; font-weight: 700; color: var(--rpx-ink); cursor: pointer; }
.rpx .rpx-form .evf-field-radio li:has(input:checked) label { border-color: var(--rpx-blue); background: var(--rpx-blue-soft); }
.rpx .rpx-form .everest-forms-uploader { display: flex; align-items: center; min-height: 60px; margin: 0; padding: 10px 14px; border-radius: 10px; border: 1px dashed #9FB2CF; background: var(--rpx-soft); cursor: pointer; }
.rpx .rpx-form .everest-forms-uploader .dz-message { display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: center; gap: 2px 12px; margin: 0; text-align: left; }
.rpx .rpx-form .everest-forms-uploader .dz-message svg { grid-row: span 2; width: 32px; height: 32px; fill: var(--rpx-blue-text); }
.rpx .rpx-form .everest-forms-upload-hint { font-size: 13.5px; line-height: 1.4; color: var(--rpx-muted); }
.rpx .rpx-form .everest-forms-upload-title { font-size: 15px; font-weight: 700; line-height: 1.4; color: var(--rpx-ink); }
.rpx .rpx-form .everest-forms-upload-hint:empty { display: none; }
.rpx .rpx-form .dropzone-input { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden; clip: rect(0 0 0 0); border: 0 !important; }
.rpx .rpx-form .evf-submit-container { margin: 22px 0 0; padding: 0; }
.rpx .rpx-form .evf-submit-container button.evf-submit { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; margin: 0; padding: 0 22px; border: 0; border-radius: 10px; background: var(--rpx-blue); color: #FFFFFF; font-size: 16.5px; font-weight: 800; cursor: pointer; }
.rpx .rpx-form .evf-submit-container button.evf-submit:hover { background: #1550D6; }
.rpx .rpx-form label.evf-error, .rpx .rpx-form .evf-error { margin: 0; font-size: 14px; font-weight: 600; color: #B4232A; }
html[data-ccl-theme="dark"] .rpx .rpx-form label.evf-error { color: #FF8A8F; }
.rpx .rpx-form .everest-forms-notice { margin: 0 0 16px; padding: 16px 18px; border-radius: 12px; border: 1px solid var(--rpx-line); background: var(--rpx-soft); color: var(--rpx-ink); font-size: 16px; }
.rpx .rpx-form .everest-forms-notice--success { background: var(--rpx-green-soft); border-color: transparent; color: var(--rpx-green); font-weight: 700; }

/* ================= Emerging Leaders ================= */
.rpx-dhero { background: var(--rpx-paper); border-bottom: 1px solid var(--rpx-edge); padding: 28px 0 80px; }
.rpx-dhero .rpx-crumb ol { color: var(--rpx-muted); }
.rpx-dhero .rpx-crumb a:hover { color: var(--rpx-ink); }
.rpx-dhero .rpx-crumb .rpx-ic { color: var(--rpx-muted); }
.rpx-dhero .rpx-crumb [aria-current] { color: var(--rpx-ink); }
.rpx-dhero__g { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 72px; align-items: center; padding-top: 40px; }
.rpx-dict { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
.rpx-dict__k { font-size: 13px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--rpx-note-ic); }
.rpx-dict__w { font-family: var(--rpx-serif); font-size: clamp(52px, 5.3vw, 76px); font-weight: 600; line-height: 1.22; padding-bottom: 0.1em; letter-spacing: -0.015em; color: var(--rpx-ink); overflow-wrap: break-word; }
.rpx-dict__w i { font-size: 22px; font-weight: 400; letter-spacing: 0; color: var(--rpx-body); margin-left: 8px; white-space: nowrap; }
.rpx-dict__l { display: flex; flex-direction: column; gap: 14px; }
.rpx-dict__l li { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 8px; font-family: var(--rpx-serif); font-size: 22px; line-height: 1.5; color: var(--rpx-ink); }
.rpx-dict__n { font-weight: 600; color: var(--rpx-note-ic); }
.rpx-dict__see { font-family: var(--rpx-serif); font-size: 17px; font-style: italic; color: var(--rpx-muted); }
.rpx-dict__see a { display: inline-flex; align-items: center; min-height: 44px; color: var(--rpx-note-ic); text-decoration: underline; text-underline-offset: 3px; }
.rpx-brief { display: flex; flex-direction: column; padding: 30px 30px 18px; border-radius: 22px; background: var(--rpx-card); border: 1px solid var(--rpx-edge); box-shadow: 0 24px 48px rgba(10,22,40,0.07); }
.rpx-brief dl { padding-top: 6px; }
.rpx-brief dl > div { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 2px; min-height: 68px; padding: 14px 0 14px 54px; border-top: 1px solid var(--rpx-line); }
.rpx-brief dt { display: contents; }
.rpx-brief dt .rpx-ic { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding: 10px; border-radius: 10px; background: var(--rpx-blue-soft); color: var(--rpx-blue-text); }
.rpx-brief dt span { font-size: 12.5px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--rpx-muted); }
.rpx-brief dd { font-size: 16px; font-weight: 700; color: var(--rpx-ink); }
.rpx-brief__btns { display: flex; flex-direction: column; gap: 10px; padding: 14px 0 12px; }
.rpx-brief__btns .rpx-btn { width: 100%; min-height: 56px; }
.rpx .rpx-brief__btns a.rpx-btn[href^="tel:"] { min-height: 56px !important; }

.rpx-fair { padding: 96px 0; }
.rpx-fair__head { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.rpx-fair__head .rpx-mono { color: var(--rpx-blue-text); }
.rpx-fair .rpx-h2 { font-size: clamp(30px, 3.2vw, 46px); }
.rpx-fair__g { display: grid; grid-template-columns: minmax(0, 1fr) 180px minmax(0, 1fr); gap: 32px; align-items: start; margin-top: 40px; }
.rpx-fcol { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.rpx-fcol h3.rpx-mono { font-size: 12.5px; letter-spacing: 0.16em; }
.rpx-fcol ul { margin-top: 8px; }
.rpx-fcol li { display: flex; align-items: center; gap: 14px; min-height: 60px; padding: 8px 0; border-top: 1px solid var(--rpx-line); }
.rpx-fcol__ic { flex: none; display: flex; }
.rpx-fcol__b { display: flex; flex-direction: column; gap: 2px; }
.rpx-fcol__t { font-size: 17px; font-weight: 700; line-height: 1.4; color: var(--rpx-ink); }
.rpx-fcol__d { display: none; font-size: 14px; line-height: 1.45; color: var(--rpx-body); }
.rpx-fcol--you { align-items: flex-end; text-align: right; }
.rpx-fcol--you ul { width: 100%; }
.rpx-fcol--you li { flex-direction: row-reverse; justify-content: flex-start; }
.rpx-fcol--you h3, .rpx-fcol--you .rpx-fcol__ic { color: var(--rpx-note-ic); }
.rpx-fcol--we h3, .rpx-fcol--we .rpx-fcol__ic { color: var(--rpx-blue-text); }
.rpx-fair__mid { align-self: stretch; display: flex; flex-direction: column; align-items: center; }
.rpx-fair__mid::before, .rpx-fair__mid::after { content: ''; flex: 1; width: 2px; background: var(--rpx-line); }
.rpx-fair__ring { flex: none; width: 150px; height: 150px; border-radius: 50%; background: var(--rpx-navy); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
html[data-ccl-theme="dark"] .rpx-fair__ring { background: #0F192B; border: 1px solid #2A3A58; }
.rpx-fair__ring b { font-family: var(--rpx-serif); font-size: 44px; font-weight: 600; line-height: 1.1; color: var(--rpx-gold); }
.rpx-fair__ring span { font-family: var(--rpx-mono-f); font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #FFFFFF; }

.rpx-shead { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: end; }
.rpx-shead__t { display: flex; flex-direction: column; gap: 12px; }
.rpx-shead .rpx-mono { color: var(--rpx-blue-text); }
.rpx-areas .rpx-h2, .rpx-ways .rpx-h2, .rpx-paid .rpx-h2 { font-size: clamp(30px, 2.9vw, 42px); }
.rpx-areas .rpx-p, .rpx-ways .rpx-p, .rpx-paid .rpx-p { font-size: 18px; }
.rpx-areas { padding: 88px 0; background: var(--rpx-soft); }
.rpx-areas .rpx-wrap { display: flex; flex-direction: column; gap: 32px; }
.rpx-areas__l { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; }
.rpx-areas__l li { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 26px 12px; border-radius: 18px; background: var(--rpx-card); border: 1px solid var(--rpx-line); text-align: center; font-size: 15.5px; font-weight: 800; line-height: 1.3; color: var(--rpx-ink); }
.rpx-areas__ic { flex: none; width: 64px; height: 64px; border-radius: 50%; background: var(--rpx-blue-soft); color: var(--rpx-blue-text); display: flex; align-items: center; justify-content: center; }

.rpx-ways { padding: 88px 0; }
.rpx-ways .rpx-wrap { display: flex; flex-direction: column; gap: 36px; }
.rpx-ways__head { display: flex; flex-direction: column; gap: 12px; max-width: 820px; }
.rpx-ways__head .rpx-mono { color: var(--rpx-blue-text); }
.rpx-ways__l { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.rpx-ways__l::before { content: ''; position: absolute; left: 60px; right: 60px; top: 40px; border-top: 3px dashed var(--rpx-line2); }
.rpx-ways__l li { position: relative; display: flex; flex-direction: column; gap: 12px; }
.rpx-ways__ic { flex: none; width: 80px; height: 80px; border-radius: 22px; background: var(--rpx-navy); color: var(--rpx-gold); display: flex; align-items: center; justify-content: center; }
html[data-ccl-theme="dark"] .rpx-ways__ic { background: #16223A; border: 1px solid #2A3A58; }
.rpx-ways__b { display: flex; flex-direction: column; gap: 12px; }
.rpx-ways__t { font-family: var(--rpx-display); font-size: 22px; font-weight: 800; line-height: 1.25; color: var(--rpx-ink); }
.rpx-ways__d { font-size: 16.5px; line-height: 1.6; color: var(--rpx-body); }

.rpx-paid { padding: 88px 0; background: var(--rpx-navy); }
.rpx-paid .rpx-wrap { display: flex; flex-direction: column; gap: 12px; }
.rpx-paid .rpx-shead { margin-bottom: 20px; }
.rpx-paid .rpx-mono { color: var(--rpx-gold); }
.rpx-paid .rpx-h2 { color: #FFFFFF; }
.rpx-paid .rpx-p { color: var(--rpx-dim); }
.rpx-paid__l { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.rpx-paid__l li { display: flex; flex-direction: column; gap: 10px; padding: 22px; border-radius: 16px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.14); }
.rpx-paid__l--x li { background: rgba(246,200,95,0.08); border-color: rgba(246,200,95,0.25); }
.rpx-paid__ic { flex: none; display: flex; color: var(--rpx-gold); }
.rpx-paid__b { display: flex; flex-direction: column; gap: 10px; }
.rpx-paid__t { font-size: 17px; font-weight: 800; line-height: 1.3; color: #FFFFFF; }
.rpx-paid__d { font-size: 14.5px; line-height: 1.5; color: var(--rpx-dim); }

.rpx-elapply { padding: 88px 0; background: var(--rpx-paper); }
.rpx-elapply .rpx-wrap { display: grid; grid-template-columns: minmax(0, 1fr) 640px; gap: 64px; align-items: start; }
.rpx-elapply__t { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rpx-elapply__t .rpx-dict__k { color: var(--rpx-blue-text); }
.rpx-elapply .rpx-h2 { font-size: clamp(30px, 3vw, 44px); }
.rpx-elapply .rpx-p { font-size: 18px; }
.rpx-elmore { padding-top: 6px; }
.rpx-elmore .rpx-mono { display: none; }
.rpx-elmore a { display: flex; align-items: center; gap: 14px; min-height: 64px; padding: 12px 0; border-top: 1px solid var(--rpx-line); font-size: 16px; font-weight: 800; color: var(--rpx-ink); }
.rpx-elmore a span { flex: 1; }
.rpx-elmore a .rpx-ic { color: var(--rpx-blue-text); }
.rpx-elmore a:hover span { text-decoration: underline; text-underline-offset: 3px; }
.rpx--el .rpx-next { padding-top: 72px; }

/* ================= Diversity and inclusion ================= */
.rpx-rainbow { height: 6px; border-radius: 3px; background: var(--rpx-rainbow); }
.rpx-dihero { padding-bottom: 56px; }
.rpx-dihero .rpx-wrap { display: flex; flex-direction: column; gap: 36px; }
.rpx-dihero__g { display: grid; grid-template-columns: 1.4fr 1fr; gap: 72px; align-items: end; padding-top: 0; }
.rpx-dihero__t { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.rpx-dihero__h { font-size: clamp(44px, 5.3vw, 76px); }
.rpx-dihero__r { display: flex; flex-direction: column; gap: 22px; }
.rpx-dihero .rpx-lead { font-size: 19.5px; }
.rpx-dihero__btns, .rpx-diclose__btns { display: flex; flex-wrap: wrap; gap: 12px; }
.rpx-dichips { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.rpx-dichips ul { display: flex; flex-wrap: wrap; gap: 10px; }
.rpx-dichips__l { margin-right: 4px; font-size: 15px; font-weight: 700; color: var(--rpx-onnavy-mute); }
.rpx-dichips a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 16px; border-radius: 999px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.18); font-size: 15px; font-weight: 700; color: #FFFFFF; transition: border-color .15s; }
.rpx-dichips a:hover { border-color: rgba(246,200,95,0.7); }
.rpx-dichips__dot { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--cm-dot); }

.rpx-disec { padding: 88px 0; }
.rpx-disec > .rpx-wrap { display: flex; flex-direction: column; gap: 32px; }
.rpx-disec .rpx-shead { gap: 72px; }
.rpx-disec .rpx-shead .rpx-mono { color: var(--cm, var(--rpx-blue-text)); }
.rpx-disec .rpx-h2 { font-size: clamp(30px, 3.2vw, 46px); }
.rpx-disec .rpx-p { font-size: 18px; }
.rpx-dimos { padding: 96px 0 72px; }
.rpx-dimos > .rpx-wrap { gap: 36px; }

.rpx-mosaic { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; }
.rpx-mtile { position: relative; display: flex; flex-direction: column; gap: 14px; min-width: 0; margin: 0; padding: 32px; border-radius: 22px; overflow: hidden; }
.rpx-mtile .rpx-mono { color: var(--cm); }
.rpx-mtile__h { font-family: var(--rpx-display); font-size: 26px; font-weight: 800; line-height: 1.25; color: var(--rpx-ink); text-wrap: balance; }
.rpx-mtile__p { font-size: 16.5px; line-height: 1.6; color: var(--rpx-body); }
.rpx-mtile__ic { flex: none; width: 52px; height: 52px; border-radius: 14px; background: var(--rpx-card); color: var(--cm); display: flex; align-items: center; justify-content: center; }
.rpx .rpx-dimore { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: auto; align-self: flex-start; font-size: 15.5px; font-weight: 800; color: var(--cm); }
.rpx .rpx-dimore:hover { text-decoration: underline; text-underline-offset: 3px; }
.rpx-mtile--gender { grid-column: span 7; background: var(--rpx-navy); }
html[data-ccl-theme="dark"] .rpx-mtile--gender { background: #0F192B; border: 1px solid #22304A; }
.rpx-mtile--gender .rpx-mono, .rpx .rpx-mtile--gender .rpx-dimore { color: var(--rpx-gold); }
.rpx-mtile--gender .rpx-mtile__h { font-size: clamp(30px, 2.8vw, 40px); line-height: 1.1; letter-spacing: -0.015em; color: #FFFFFF; }
.rpx-mtile--gender .rpx-mtile__p { font-size: 18px; color: var(--rpx-dim); }
.rpx-mtile--diversity { grid-column: span 5; background: var(--cm-soft); }
.rpx-mtile--lgbt { grid-column: span 5; background: var(--rpx-card); border: 1px solid var(--rpx-line); }
.rpx-rainbow--top { position: absolute; left: 0; right: 0; top: 0; border-radius: 0; }
.rpx-mtile__h--serif { font-family: var(--rpx-serif); font-size: 30px; font-weight: 600; line-height: 1.25; }
.rpx-mtile--culture { grid-column: span 7; background: var(--cm-soft); }
.rpx-mtile--quote { grid-column: 1 / -1; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 28px; align-items: start; padding: 44px 40px; background: var(--rpx-cream); border: 1px solid var(--rpx-cream-line); }
.rpx-mtile__q { display: flex; color: var(--rpx-note-ic); }
.rpx-mtile--quote blockquote { max-width: 980px; margin: 0; padding: 0; border: 0; font-family: var(--rpx-serif); font-size: clamp(24px, 2.2vw, 32px); font-weight: 600; line-height: 1.38; font-style: normal; color: var(--rpx-ink); background: none; }
.rpx-mtile--quote blockquote::before, .rpx-mtile--quote blockquote::after { content: none; }

.rpx-ditiles--gender { background: var(--rpx-soft); }
.rpx-dtiles { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; }
.rpx-dtiles li { grid-column: span 4; display: flex; flex-direction: column; gap: 14px; padding: 32px; border-radius: 22px; background: var(--rpx-card); border: 1px solid var(--rpx-line); }
.rpx-ditiles--culture .rpx-dtiles li:nth-child(n+4) { grid-column: span 6; }
.rpx-ditiles--gender .rpx-dtiles li:nth-child(4n+1), .rpx-ditiles--culture .rpx-dtiles li:nth-child(even) { background: var(--cm-soft); border-color: transparent; }
.rpx-dtiles__ic { display: flex; color: var(--cm); }
.rpx-dtiles__b { display: flex; flex-direction: column; gap: 14px; }
.rpx-dtiles__t { font-family: var(--rpx-display); font-size: 22px; font-weight: 800; line-height: 1.25; color: var(--rpx-ink); }
.rpx-dtiles__d { font-size: 16px; line-height: 1.6; color: var(--rpx-body); }

.rpx-dilgbt { padding-top: 0; background: var(--rpx-navy); }
.rpx-rainbow--band { height: 6px; margin-bottom: 56px; border-radius: 0; }
.rpx-dilgbt .rpx-shead .rpx-mono { color: var(--rpx-gold); }
.rpx-dilgbt .rpx-h2 { color: #FFFFFF; }
.rpx-dilgbt .rpx-p { color: var(--rpx-dim); }
.rpx-princ { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.rpx-princ li { display: flex; flex-direction: column; gap: 14px; padding: 32px; border-radius: 22px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.14); }
.rpx-princ__w { font-family: var(--rpx-serif); font-size: clamp(28px, 2.5vw, 36px); font-weight: 600; line-height: 1.22; padding-bottom: 0.1em; color: var(--rpx-gold); }
.rpx-princ__d { font-size: 16px; line-height: 1.55; color: var(--rpx-dim); }

.rpx-distages { background: var(--rpx-soft); }
.rpx-dilegend { display: flex; flex-wrap: wrap; gap: 10px; }
.rpx-tag { display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 0 10px; border-radius: 999px; background: var(--cm-soft); font-size: 12.5px; font-weight: 800; line-height: 1.2; color: var(--cm); }
.rpx-tag__dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--cm); }
.rpx-dilegend .rpx-tag { min-height: 30px; font-size: 13.5px; }
.rpx-dstages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; align-items: start; }
.rpx-dstage { display: flex; flex-direction: column; border-radius: 20px; background: var(--rpx-card); border: 1px solid var(--rpx-line); overflow: hidden; }
.rpx-dstage__h { display: flex; align-items: center; gap: 14px; padding: 20px 22px; background: var(--rpx-navy); }
html[data-ccl-theme="dark"] .rpx-dstage__h { background: #16223A; }
.rpx-dstage__ic { flex: none; width: 44px; height: 44px; border-radius: 12px; background: rgba(246,200,95,0.14); color: var(--rpx-gold); display: flex; align-items: center; justify-content: center; }
.rpx-dstage__b { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rpx-dstage__n { font-family: var(--rpx-mono-f); font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--rpx-onnavy-mute); }
.rpx-dstage__t { font-family: var(--rpx-display); font-size: 21px; font-weight: 800; line-height: 1.2; color: #FFFFFF; }
.rpx-dstage__d { font-size: 14px; line-height: 1.4; color: var(--rpx-dim); }
.rpx-dstage ul { display: flex; flex-direction: column; padding: 4px 22px 10px; }
.rpx-dstage ul li { display: flex; flex-direction: column; gap: 8px; padding: 16px 0; border-top: 1px solid var(--rpx-line); }
.rpx-dstage ul li:first-child { border-top: 0; }
.rpx-dstage__it { display: flex; align-items: center; gap: 10px; font-size: 16.5px; font-weight: 800; line-height: 1.3; color: var(--rpx-ink); }
.rpx-dstage__bar { flex: none; align-self: stretch; width: 4px; min-height: 20px; border-radius: 2px; background: var(--cm); }
.rpx-dstage__tags { display: flex; flex-wrap: wrap; gap: 6px; padding-left: 14px; }

.rpx-ltiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.rpx-ltiles a { display: flex; flex-direction: column; gap: 12px; height: 100%; padding: 28px; border-radius: 22px; background: var(--rpx-card); border: 1px solid var(--rpx-line); color: var(--rpx-ink); transition: border-color .15s, box-shadow .15s; }
.rpx-ltiles a:hover { border-color: var(--rpx-blue); box-shadow: 0 6px 24px rgba(11,26,46,0.08); }
.rpx-ltiles__top { display: flex; align-items: center; justify-content: space-between; }
.rpx-ltiles__ic { flex: none; width: 52px; height: 52px; border-radius: 14px; background: var(--rpx-blue-soft); color: var(--rpx-blue-text); display: flex; align-items: center; justify-content: center; }
.rpx-ltiles__go { display: flex; color: var(--rpx-blue-text); }
.rpx-ltiles__t { font-family: var(--rpx-display); font-size: 22px; font-weight: 800; line-height: 1.25; }
.rpx-ltiles__d { font-size: 15.5px; line-height: 1.55; color: var(--rpx-body); }
.rpx-ltiles--dark { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rpx-ltiles--dark a { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.16); color: #FFFFFF; }
.rpx-ltiles--dark a:hover { border-color: var(--rpx-gold); box-shadow: none; }
.rpx-ltiles--dark .rpx-ltiles__ic { background: rgba(246,200,95,0.14); color: var(--rpx-gold); }
.rpx-ltiles--dark .rpx-ltiles__go { color: var(--rpx-gold); }
.rpx-ltiles--dark .rpx-ltiles__d { color: var(--rpx-dim); }
.rpx .rpx-ltiles--dark a:focus-visible, .rpx .rpx-diclose a:focus-visible { outline-color: var(--rpx-gold); }

.rpx-difaq { background: var(--rpx-soft); }
.rpx-difaq > .rpx-wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 64px; align-items: start; }
.rpx-difaq__t { display: flex; flex-direction: column; gap: 14px; }
.rpx-difaq__t .rpx-mono { color: var(--rpx-blue-text); }
.rpx-difaq .rpx-h2 { font-size: clamp(30px, 3vw, 44px); }
.rpx-difaq__l { display: flex; flex-direction: column; gap: 10px; }
.rpx .rpx-qa { padding: 0 24px; border-radius: 16px; background: var(--rpx-card); border: 1px solid var(--rpx-line); }
.rpx .rpx-qa summary { min-height: 68px; gap: 16px; }
.rpx-qa__q { font-family: var(--rpx-display); font-size: 19px; font-weight: 800; line-height: 1.3; color: var(--rpx-ink); }
.rpx-qa summary:hover .rpx-qa__q { color: var(--rpx-blue-text); }
.rpx-qa__a { padding: 0 0 20px; font-size: 16.5px; line-height: 1.6; color: var(--rpx-body); }

.rpx-diclose { background: var(--rpx-navy); }
.rpx-diclose__head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 48px; align-items: end; }
.rpx-diclose .rpx-mono { color: var(--rpx-gold); }
.rpx-diclose .rpx-h2 { font-size: clamp(32px, 3.3vw, 48px); color: #FFFFFF; }
.rpx-diclose .rpx-p { font-size: 18.5px; color: var(--rpx-dim); }
.rpx-dihelp { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; padding: 22px 26px; border-radius: 16px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.14); }
.rpx-dihelp__t { display: flex; flex-direction: column; gap: 4px; }
.rpx-dihelp__t b { font-size: 17px; font-weight: 800; color: #FFFFFF; }
.rpx-dihelp__t span { font-size: 15px; line-height: 1.5; color: var(--rpx-dim); }
.rpx-dihelp__btns { display: flex; flex-wrap: wrap; gap: 10px; }
.rpx .rpx-dihelp .rpx-btn { min-height: 50px; }
.rpx .rpx-dihelp a.rpx-btn[href^="tel:"] { min-height: 50px !important; }

/* ---------- Current vacancies (C "Two doors") ---------- */
.rpx-cvhead { background: var(--rpx-bg); padding: 28px 0 48px; }
.rpx-cvhead .rpx-crumb ol { color: var(--rpx-muted); }
.rpx-cvhead .rpx-crumb a:hover { color: var(--rpx-ink); }
.rpx-cvhead .rpx-crumb .rpx-ic { color: var(--rpx-muted); }
.rpx-cvhead .rpx-crumb [aria-current] { color: var(--rpx-ink); }
.rpx-cvhead__g { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: end; margin-top: 28px; }
.rpx-cvhead__t, .rpx-cvhead__r { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.rpx-cvhead__r { gap: 20px; }
.rpx-cvk { font-size: 13px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--rpx-blue-text); }
.rpx-cvh1 { font-family: var(--rpx-display); font-size: clamp(40px, 4.8vw, 68px); font-weight: 900; line-height: 1.03; letter-spacing: -0.025em; color: var(--rpx-ink); text-wrap: balance; overflow-wrap: break-word; }
.rpx-cvlead { font-size: 19px; line-height: 1.6; color: var(--rpx-body); text-wrap: pretty; }
.rpx-dlinks { display: flex; flex-wrap: wrap; gap: 12px; }
.rpx .rpx-dlink { display: inline-flex; align-items: center; gap: 12px; min-height: 52px; padding: 0 18px 0 8px; border-radius: 999px; border: 1px solid transparent; font-size: 15.5px; font-weight: 800; line-height: 1.2; }
.rpx-dlink__n { flex: none; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--rpx-display); font-size: 15px; font-weight: 900; }
.rpx .rpx-dlink--1 { background: #0A1628; color: #FFFFFF; }
.rpx-dlink--1 .rpx-dlink__n { background: var(--rpx-gold); color: #0A1628; }
.rpx .rpx-dlink--2 { background: var(--rpx-gold); color: #0A1628; }
.rpx-dlink--2 .rpx-dlink__n { background: #0A1628; color: var(--rpx-gold); }
.rpx .rpx-dlink:hover { text-decoration: underline; text-underline-offset: 3px; }
html[data-ccl-theme="dark"] .rpx .rpx-dlink--1 { background: #13213A; border-color: rgba(255,255,255,0.18); }

.rpx-doors { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.rpx-door { min-width: 0; }
.rpx-door--1 { background: #0A1628; color: #FFFFFF; }
.rpx-door--2 { background: var(--rpx-gold); color: #0A1628; }
html[data-ccl-theme="dark"] .rpx-door--1 { background: #070E1A; border-top: 1px solid var(--rpx-line); border-bottom: 1px solid var(--rpx-line); }
.rpx-door__in { display: flex; flex-direction: column; gap: 8px; height: 100%; }
.rpx-door--1 .rpx-door__in { padding: 64px 56px 72px max(var(--rpx-pad), calc(50vw - 640px)); }
.rpx-door--2 .rpx-door__in { padding: 64px max(var(--rpx-pad), calc(50vw - 640px)) 72px 56px; }
.rpx-door__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-bottom: 22px; border-bottom: 2px solid rgba(255,255,255,0.3); }
.rpx-door--2 .rpx-door__head { border-bottom-color: rgba(10,22,40,0.35); }
.rpx-door__ht { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.rpx-door__ht .rpx-mono { font-size: 12.5px; letter-spacing: 0.18em; color: var(--rpx-gold); }
.rpx-door--2 .rpx-door__ht .rpx-mono, .rpx-door--2 .rpx-mono { color: #5C4300; }
.rpx-door h2 { font-family: var(--rpx-display); font-size: clamp(40px, 3.4vw, 48px); font-weight: 900; line-height: 1; letter-spacing: -0.02em; white-space: nowrap; color: inherit; }
.rpx-door__sub { max-width: 220px; text-align: right; font-size: 15px; line-height: 1.5; color: var(--rpx-dim); }
.rpx-door--2 .rpx-door__sub { color: #3D3000; }
.rpx-door__l { display: flex; flex-direction: column; }
.rpx .rpx-drow { display: grid; grid-template-columns: minmax(0, 1fr) 52px; gap: 20px; align-items: center; padding: 26px 0; border-bottom: 1px solid rgba(255,255,255,0.16); color: inherit; }
.rpx-door--2 .rpx-drow { border-bottom-color: rgba(10,22,40,0.2); }
.rpx-drow__b { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.rpx-drow .rpx-mono { font-size: 11.5px; letter-spacing: 0.12em; color: #9DB9FF; }
.rpx-door--2 .rpx-drow .rpx-mono { color: #5C4300; }
.rpx-drow__t { font-family: var(--rpx-display); font-size: 26px; font-weight: 800; line-height: 1.2; overflow-wrap: break-word; }
.rpx-drow__d { font-size: 16px; line-height: 1.55; color: var(--rpx-dim); }
.rpx-door--2 .rpx-drow__d { color: #3D3000; }
.rpx-drow__go { flex: none; width: 52px; height: 52px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center; transition: background-color .15s, color .15s; }
.rpx-door--2 .rpx-drow__go { border-color: #0A1628; }
.rpx .rpx-drow:hover .rpx-drow__t { text-decoration: underline; text-underline-offset: 4px; }
.rpx .rpx-door--1 .rpx-drow:hover .rpx-drow__go { background: #FFFFFF; color: #0A1628; }
.rpx .rpx-door--2 .rpx-drow:hover .rpx-drow__go { background: #0A1628; color: var(--rpx-gold); }
.rpx .rpx-door--1 a:focus-visible { outline-color: var(--rpx-gold); }
.rpx .rpx-door--2 a:focus-visible { outline-color: #0A1628; }
.rpx-door__facts { display: flex; flex-wrap: wrap; gap: 8px 20px; padding-top: 22px; font-size: 15px; color: var(--rpx-dim); }
.rpx-door__facts li { display: inline-flex; align-items: center; gap: 8px; }
.rpx-door__facts .rpx-ic { color: var(--rpx-gold); }
.rpx-door__none { padding: 26px 0 0; font-size: 17px; line-height: 1.6; color: var(--rpx-dim); }
.rpx .rpx-door__none a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-weight: 800; color: var(--rpx-gold); }
.rpx-door__pc { display: flex; flex-direction: column; gap: 14px; margin: 28px 0 0; padding-top: 28px; border-top: 2px solid rgba(10,22,40,0.35); }
.rpx-door__pc .rpx-mono { font-size: 11.5px; }
.rpx-door__pc blockquote { margin: 0; font-family: var(--rpx-serif); font-size: 21px; font-weight: 600; line-height: 1.45; color: #0A1628; }
.rpx .rpx-door__pc blockquote a { text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.rpx-door__pc figcaption { display: flex; align-items: center; gap: 12px; }
.rpx-door__pc figcaption > span { display: flex; flex-direction: column; }
.rpx-door__pc b { font-size: 15.5px; font-weight: 800; color: #0A1628; }
.rpx-door__pc figcaption > span > span { font-size: 14px; color: #3D3000; }
.rpx .rpx-pcimg { flex: none; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; object-position: center 20%; background: #0A1628; color: var(--rpx-gold); font-size: 16px; font-weight: 800; }

.rpx-cvhow { padding: 80px 0; }
.rpx-cvhow .rpx-wrap { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 64px; align-items: start; }
.rpx-cvhow__t { display: flex; flex-direction: column; gap: 12px; }
.rpx-cvhow .rpx-h2 { font-size: clamp(30px, 2.8vw, 40px); }
.rpx-cvhow__note { display: flex; gap: 10px; font-size: 16px; line-height: 1.55; color: var(--rpx-body); }
.rpx-cvhow__note .rpx-ic { margin-top: 3px; color: var(--rpx-blue-text); }
.rpx-cvhow__l { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.rpx-cvhow__l li { display: flex; flex-direction: column; gap: 10px; padding-top: 18px; border-top: 3px solid var(--rpx-ink); }
.rpx-cvhow__l .rpx-mono { color: var(--rpx-blue-text); }
.rpx-cvhow__st { font-family: var(--rpx-display); font-size: 22px; font-weight: 800; color: var(--rpx-ink); }
.rpx-cvhow__sd { font-size: 16.5px; line-height: 1.6; color: var(--rpx-body); }
.rpx--cv .rpx-next { padding-top: 72px; }

/* The form (Everest Forms 2179): names side by side, then phone and email, the position across, the two files. */
.rpx .rpx-form select.input-text { display: block; width: 100%; height: 52px; margin: 0; padding: 0 44px 0 14px; border-radius: 10px; border: 1px solid var(--rpx-line2); background: var(--rpx-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231D55E0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center; color: var(--rpx-ink); font-size: 16px; box-shadow: none; -webkit-appearance: none; appearance: none; cursor: pointer; }
html[data-ccl-theme="dark"] .rpx .rpx-form select.input-text { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237DA4FF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
/* Everest Forms sets appearance: menulist with a longer selector, which adds the browser's own arrow next to ours. */
.rpx .rpx-form .evf-field-container .evf-frontend-row select.input-text { -webkit-appearance: none; appearance: none; }
.rpx .rpx-form select.input-text:focus { border-color: var(--rpx-blue); outline: 3px solid rgba(29,99,255,0.25); outline-offset: 0; }
.rpx .rpx-form select.input-text option { color: #0B1A2E; background: #FFFFFF; }
.rpx .rpx-form .evf-honeypot-container { display: none !important; }
.rpx--cv .rpx-form .evf-frontend-row + .evf-frontend-row { margin-top: 18px !important; }
.rpx--cv .rpx-form .evf-frontend-row:has(> .evf-grid-2) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.rpx--cv .rpx-form .evf-frontend-row > .evf-grid-2 { display: contents !important; }
.rpx--cv .rpx-form .evf-field-first-name { order: 1; }
.rpx--cv .rpx-form .evf-field-last-name { order: 2; }
.rpx--cv .rpx-form .evf-field-text { order: 3; }
.rpx--cv .rpx-form .evf-field-email { order: 4; }
.rpx--cv .rpx-form .evf-field-select { grid-column: 1 / -1; }

/* ---------- Perks and benefits (D "Manifesto") ---------- */
.rpx-pbhero { background: #0A1628; color: #FFFFFF; padding: 28px 0 40px; }
html[data-ccl-theme="dark"] .rpx-pbhero { background: #070E1A; border-bottom: 1px solid var(--rpx-line); }
.rpx-pbhero .rpx-wrap { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 64px; }
.rpx-pbhero .rpx-crumb { grid-column: 1 / -1; }
.rpx-pbhero__t { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 28px; margin-top: 52px; min-width: 0; }
.rpx-pbk { font-family: var(--rpx-mono-f); font-size: 13px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--rpx-gold); }
.rpx-pbh1 { font-family: var(--rpx-display); font-size: clamp(52px, 7.8vw, 112px); font-weight: 900; line-height: 1.04; letter-spacing: -0.035em; color: #FFFFFF; }
.rpx-pbh1 span { color: var(--rpx-gold); }
.rpx-pbhero__r { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 64px; align-items: end; margin-top: 28px; }
.rpx-pblead { max-width: 720px; font-size: 21px; line-height: 1.6; color: var(--rpx-dim); }
.rpx-pbhero__btns { display: flex; flex-wrap: wrap; gap: 12px; }
.rpx-pbidx { grid-column: 1 / -1; margin-top: 52px; border-top: 1px solid rgba(255,255,255,0.18); }
.rpx-pbidx ol { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0 16px; }
.rpx-pbidx a { display: flex; flex-direction: column; gap: 6px; min-height: 84px; padding: 18px 0 0; color: #FFFFFF; }
.rpx-pbidx .rpx-mono { color: var(--rpx-gold); }
.rpx-pbidx__t { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 16px; font-weight: 700; line-height: 1.3; }
.rpx-pbidx__t .rpx-ic { color: var(--rpx-dim); }
.rpx-pbidx a:hover .rpx-pbidx__t { text-decoration: underline; text-underline-offset: 3px; }
.rpx-pbjump { display: none; }

/* The bands: a statement on the left, its features on the right. Looks: a white, b paper, c green, d navy, gold. */
.rpx-band { padding: 96px 0; background: var(--rpx-bg); color: var(--rpx-ink); --band-k: var(--rpx-blue-text); --band-p: var(--rpx-body); --band-line: var(--rpx-line); --band-ic: var(--rpx-blue-text); }
.rpx-band--b { background: var(--rpx-paper); --band-k: #8A5A00; --band-line: var(--rpx-edge); --band-ic: #8A5A00; }
.rpx-band--c { background: #E9F3EC; --band-k: #1F7A4A; --band-line: #C9E2D1; --band-ic: #1F7A4A; }
.rpx-band--d { background: #0A1628; color: #FFFFFF; --band-k: var(--rpx-gold); --band-p: var(--rpx-dim); --band-line: rgba(255,255,255,0.16); --band-ic: var(--rpx-gold); }
.rpx-band--gold { background: var(--rpx-gold); color: #0A1628; --band-k: #5C4300; --band-p: #3D3000; --band-line: rgba(10,22,40,0.22); --band-ic: #0A1628; }
html[data-ccl-theme="dark"] .rpx-band--b { --band-k: var(--rpx-gold); --band-ic: var(--rpx-gold); }
html[data-ccl-theme="dark"] .rpx-band--c { background: #0E1F1A; --band-k: #8FDCB2; --band-line: rgba(143,220,178,0.22); --band-ic: #8FDCB2; }
html[data-ccl-theme="dark"] .rpx-band--d { background: #070E1A; border-top: 1px solid var(--rpx-line); border-bottom: 1px solid var(--rpx-line); }
.rpx-band__g { display: grid; grid-template-columns: minmax(0, 1fr) 560px; gap: 96px; align-items: start; }
.rpx-band__g--end { grid-template-columns: minmax(0, 1fr) 620px; align-items: end; }
.rpx-band__h0 { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.rpx-band__k { font-family: var(--rpx-mono-f); font-size: 12.5px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--band-k); }
.rpx-band__h { font-family: var(--rpx-display); font-size: clamp(44px, 5.3vw, 76px); font-weight: 900; line-height: 1.04; letter-spacing: -0.03em; color: inherit; text-wrap: balance; }
.rpx-band__p { font-size: 20px; line-height: 1.6; color: var(--band-p); }
.rpx-band__x { display: flex; flex-direction: column; gap: 14px; padding-top: 16px; }
.rpx-band__x .rpx-mono { font-size: 11.5px; color: var(--band-k); }
.rpx-band__r { min-width: 0; }
.rpx-band__l li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 16px; padding: 22px 0; border-top: 1px solid var(--band-line); }
.rpx-band__ic { color: var(--band-ic); padding-top: 1px; }
.rpx-band__b { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.rpx-band__t { font-size: 19px; font-weight: 800; line-height: 1.35; color: inherit; }
.rpx-band__d { font-size: 16.5px; line-height: 1.6; color: var(--band-p); }
.rpx-band__l--cal li { align-items: center; padding: 18px 0; }
.rpx-band__l--cal .rpx-band__b { gap: 4px; }
.rpx-band__when { font-family: var(--rpx-mono-f); font-size: 11.5px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--band-k); }
.rpx-band__l--cal .rpx-band__t { font-size: 18px; }
.rpx-band .rpx-link { color: var(--rpx-blue-text); }
.rpx-band--d .rpx-link { color: var(--rpx-gold); }
.rpx .rpx-band--d a:focus-visible { outline-color: var(--rpx-gold); }
.rpx .rpx-band--gold a:focus-visible { outline-color: #0A1628; }
.rpx-band__links { display: flex; flex-wrap: wrap; gap: 0 24px; }
.rpx-pbpc { display: flex; align-items: center; gap: 16px; }
.rpx .rpx-pbpc .rpx-pcimg { width: 64px; height: 64px; }
.rpx-pbpc > span { display: flex; flex-direction: column; gap: 2px; }
.rpx-pbpc b { font-size: 17px; font-weight: 800; }
.rpx-pbpc > span > span { font-size: 15px; line-height: 1.45; color: var(--rpx-muted); }
.rpx-pboffs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.rpx-pboffs li { display: flex; align-items: flex-start; gap: 10px; padding: 14px 16px; border-radius: 12px; background: var(--rpx-card); border: 1px solid var(--band-line); }
.rpx-pboffs .rpx-ic { color: var(--band-ic); margin-top: 1px; }
.rpx-pboffs li > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rpx-pboffs b { font-size: 15.5px; font-weight: 800; }
.rpx-pboffs li > span > span { font-size: 13.5px; line-height: 1.4; color: var(--rpx-muted); }
.rpx-pbgive { display: flex; flex-direction: column; gap: 4px; margin-top: 28px; padding: 22px 24px 10px; border-radius: 16px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.16); }
.rpx-pbgive__t { display: flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 800; color: #FFFFFF; }
.rpx-pbgive__t .rpx-ic { color: var(--rpx-gold); }
.rpx-pbgive__d { font-size: 16.5px; line-height: 1.6; color: var(--rpx-dim); }

/* Annual leave: columns on wide screens, bars on phones. */
.rpx-leave { padding: 32px; border-radius: 22px; background: rgba(255,255,255,0.45); }
.rpx-leave__key { display: flex; flex-wrap: wrap; gap: 8px 24px; padding-bottom: 22px; }
.rpx-leave__key span { display: inline-flex; align-items: center; gap: 10px; font-size: 14.5px; font-weight: 700; color: #0A1628; }
.rpx-leave__sw { flex: none; width: 18px; height: 18px; border-radius: 5px; background: rgba(255,255,255,0.7); border: 1px solid rgba(10,22,40,0.18); }
.rpx-leave__sw--x { background: #0A1628; border-color: #0A1628; }
.rpx-leave__cols { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; align-items: end; }
.rpx-leave__c { display: flex; flex-direction: column; justify-content: flex-end; gap: 5px; height: 220px; }
.rpx-leave__x { display: flex; align-items: center; justify-content: center; height: 38px; border-radius: 8px; background: #0A1628; font-size: 13.5px; font-weight: 800; color: #FFFFFF; white-space: nowrap; }
.rpx-leave__b { display: block; height: 104px; border-radius: 8px; background: rgba(255,255,255,0.7); border: 1px solid rgba(10,22,40,0.18); }
.rpx-leave__y { padding-top: 10px; font-family: var(--rpx-mono-f); font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #0A1628; white-space: nowrap; }
.rpx-leave__bars { display: none; }
.rpx-leave__row { display: flex; flex-direction: column; gap: 6px; }
.rpx-leave__row .rpx-mono { font-size: 11px; letter-spacing: 0.12em; color: #0A1628; }
.rpx-leave__bar { display: flex; gap: 4px; height: 40px; }
.rpx-leave__bar .rpx-leave__b { flex: 3; height: auto; }
.rpx-leave__bar .rpx-leave__x { flex: 1; height: auto; font-size: 12px; }
.rpx-leave__gap { flex: 1; }
.rpx-leave__rt { font-size: 15px; font-weight: 700; color: #3D3000; }

/* 07: what we ask */
.rpx-pbask { padding: 96px 0; background: var(--rpx-bg); }
.rpx-pbask .rpx-wrap { display: flex; flex-direction: column; gap: 48px; }
.rpx-pbask__t { display: flex; flex-direction: column; gap: 16px; max-width: 1040px; --band-k: var(--rpx-blue-text); }
.rpx-pbask__h { font-family: var(--rpx-display); font-size: clamp(36px, 4.4vw, 64px); font-weight: 900; line-height: 1.04; letter-spacing: -0.03em; color: var(--rpx-ink); text-wrap: balance; }
.rpx-pbvals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.rpx-pbvals li { display: flex; align-items: flex-start; gap: 12px; padding: 18px 20px; border-radius: 14px; background: var(--rpx-soft); }
.rpx-pbvals__ic { flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--rpx-green-soft); color: var(--rpx-green); display: flex; align-items: center; justify-content: center; }
.rpx-pbvals li > span:last-child { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.rpx-pbvals b { font-size: 17px; font-weight: 800; color: var(--rpx-ink); }
.rpx-pbvals li > span:last-child > span { font-size: 15px; line-height: 1.55; color: var(--rpx-body); }
.rpx-pbcul { display: flex; flex-direction: column; gap: 22px; }
.rpx-pbcul ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.rpx-pbcul li { display: flex; flex-direction: column; gap: 12px; padding-top: 20px; border-top: 2px solid var(--rpx-ink); }
.rpx-pbcul li > .rpx-ic { color: var(--rpx-blue-text); }
.rpx-pbcul li > span { display: flex; flex-direction: column; gap: 12px; }
.rpx-pbcul b { font-family: var(--rpx-display); font-size: 21px; font-weight: 800; line-height: 1.2; color: var(--rpx-ink); }
.rpx-pbcul li > span > span { font-size: 16px; line-height: 1.6; color: var(--rpx-body); }

/* Closing call, with Peter Carter's note */
.rpx-pbcta { padding: 88px 0; background: #0A1628; color: #FFFFFF; }
html[data-ccl-theme="dark"] .rpx-pbcta { background: #070E1A; border-top: 1px solid var(--rpx-line); border-bottom: 1px solid var(--rpx-line); }
.rpx-pbcta .rpx-wrap { display: grid; grid-template-columns: minmax(0, 1fr) 520px; gap: 80px; align-items: center; }
.rpx-pbcta__t { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rpx-pbcta__h { font-family: var(--rpx-display); font-size: clamp(34px, 3.6vw, 52px); font-weight: 800; line-height: 1.08; letter-spacing: -0.015em; color: #FFFFFF; }
.rpx-pbcta__p { font-size: 19px; line-height: 1.6; color: var(--rpx-dim); }
.rpx-pbcta .rpx-pbhero__btns { padding-top: 8px; }
.rpx .rpx-pbcta a:focus-visible, .rpx .rpx-pbhero a:focus-visible { outline-color: var(--rpx-gold); }
.rpx-pbnote { display: flex; flex-direction: column; gap: 16px; margin: 0; padding: 30px; border-radius: 20px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.16); }
.rpx-pbnote .rpx-mono { font-size: 11.5px; color: var(--rpx-gold); }
.rpx-pbnote blockquote { margin: 0; font-family: var(--rpx-serif); font-size: 21px; font-weight: 600; line-height: 1.45; color: #FFFFFF; }
.rpx .rpx-pbnote blockquote a { color: var(--rpx-gold); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.rpx-pbnote figcaption { display: flex; align-items: center; gap: 14px; }
.rpx-pbnote figcaption > span { display: flex; flex-direction: column; gap: 2px; }
.rpx-pbnote b { font-size: 17px; font-weight: 800; color: #FFFFFF; }
.rpx-pbnote figcaption > span > span { font-size: 15px; color: var(--rpx-dim); }
.rpx--pb .rpx-next { padding-top: 72px; }

/* ---------- Laptop ---------- */
@media (max-width: 1180px) {
	.rpx-subnav ul { flex-wrap: wrap; gap: 0 24px; }
	.rpx-rhero { grid-template-columns: minmax(0, 1fr) 420px; gap: 40px; }
	.rpx-feedlist { gap: 14px; }
	.rpx-feed a { padding: 20px; }
	.rpx-ggrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rpx-ggrid > .rpx-feat--kb { grid-column: 1 / -1; grid-row: auto; }
	.rpx-ggrid > .rpx-item:nth-child(n+6) { grid-column: auto; }
	.rpx-tgrid { grid-template-columns: minmax(0, 1fr); }
	.rpx-shero { grid-template-columns: minmax(0, 1fr) 520px; gap: 40px; }
	.rpx-cdoc { grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; }
	.rpx-talk__box { flex-direction: column; align-items: flex-start; gap: 24px; }
	.rpx-dhero__g { grid-template-columns: minmax(0, 1fr) 380px; gap: 48px; }
	.rpx-areas__l { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.rpx-elapply .rpx-wrap { grid-template-columns: minmax(0, 1fr) 540px; gap: 48px; }
	.rpx-dihero__g { gap: 48px; }
	.rpx-disec .rpx-shead { gap: 48px; }
	.rpx-dstages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rpx-ltiles--dark { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- Tablet ---------- */
@media (max-width: 1023px) {
	.rpx-rhero, .rpx-shero { grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: stretch; }
	.rpx-feedlist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rpx-tcards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rpx-rest__grid { gap: 40px; }
	.rpx-gmain__grid { grid-template-columns: minmax(0, 1fr) 260px; gap: 40px; }
	.rpx-az { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.rpx-az a, .rpx-az span { width: auto; }
	.rpx-tips { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.rpx-cdoc { grid-template-columns: minmax(0, 1fr); }
	.rpx-caside { display: none; }
	.rpx .rpx-cmore--end { display: block; padding: 0 0 32px; border-radius: 0; background: none; }
	.rpx-cmore--end ul { border-bottom: 1px solid var(--rpx-line); }
	.rpx-glance--hero { display: flex; margin-top: 24px; max-width: 520px; }
	.rpx-icards { grid-template-columns: minmax(0, 1fr); }
	.rpx-next ul { grid-template-columns: minmax(0, 1fr); }
	.rpx-next li + li a { border-top: 1px solid var(--rpx-line); }
	.rpx-subnav ul { flex-wrap: wrap; gap: 0 24px; }
	.rpx-subnav a { min-height: 50px; }
	.rpx-dhero__g { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.rpx-brief { max-width: 560px; }
	.rpx-fair__g { grid-template-columns: minmax(0, 1fr); gap: 20px; max-width: 680px; margin-inline: auto; }
	.rpx-fcol--you { align-items: stretch; text-align: left; }
	.rpx-fcol--you li { flex-direction: row; }
	.rpx-fair__mid { flex-direction: row; }
	.rpx-fair__mid::before, .rpx-fair__mid::after { flex: 1; width: auto; height: 2px; }
	.rpx-fair__ring { width: auto; height: 52px; flex-direction: row; gap: 10px; padding: 0 18px; border-radius: 999px; }
	.rpx-fair__ring b { font-size: 26px; }
	.rpx-shead { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.rpx-paid__l { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.rpx-elapply .rpx-wrap { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.rpx-dihero__g { grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
	.rpx-disec .rpx-shead { gap: 14px; }
	.rpx-mtile--gender, .rpx-mtile--diversity, .rpx-mtile--lgbt, .rpx-mtile--culture { grid-column: span 6; }
	.rpx-dtiles li, .rpx-ditiles--culture .rpx-dtiles li:nth-child(n+4) { grid-column: span 6; }
	.rpx-ditiles--culture .rpx-dtiles li:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.rpx-princ { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rpx-ltiles { grid-template-columns: minmax(0, 1fr); }
	.rpx-difaq > .rpx-wrap { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.rpx-diclose__head { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}

/* ---------- Phone ---------- */
@media (max-width: 760px) {
	.rpx-hero { padding: 20px 0 28px; }
	.rpx-crumb ol { gap: 2px 6px; font-size: 13.5px; }
	.rpx-h1, .rpx-h1--xl { font-size: 40px; letter-spacing: -0.02em; }
	.rpx-h1--md { font-size: 32px; }
	.rpx-lead { font-size: 16.5px; }
	.rpx-h2 { font-size: 24px; }
	.rpx-p { font-size: 15.5px; }
	.rpx-sbox, .rpx-ghero .rpx-sbox { height: 54px; }
	.rpx .rpx-sbox__go { padding: 0 16px; }
	.rpx-sbox__f { gap: 10px; padding-left: 14px; }
	.rpx-chips { display: none; }
	.rpx-msel { display: flex; flex-direction: column; gap: 6px; }
	.rpx-talk { padding: 4px 0 36px; }
	.rpx-talk__box { gap: 14px; padding: 24px 20px; border-radius: 18px; }
	.rpx-talk h2 { font-size: 24px; }
	.rpx-talk p { font-size: 15.5px; }
	.rpx-talk__btns { flex-direction: column; align-self: stretch; gap: 12px; }
	.rpx .rpx-talk .rpx-btn { width: 100%; min-height: 52px; }

	/* Resources: everything in rows */
	.rpx-rhero { padding-top: 16px; gap: 16px; }
	.rpx-rhero__t { gap: 12px; }
	.rpx-feeds { gap: 0; margin-top: 24px; }
	.rpx-live { padding-bottom: 6px; }
	.rpx-feedlist { display: flex; flex-direction: column; gap: 0; border-bottom: 1px solid rgba(255,255,255,0.12); }
	.rpx-feed a { flex-direction: row; align-items: center; gap: 14px; min-height: 72px; padding: 12px 0; border: 0; border-top: 1px solid rgba(255,255,255,0.12); border-radius: 0; background: transparent; }
	.rpx-feed a:hover { background: transparent; }
	.rpx-feed__top { flex: none; }
	.rpx-feed__ic { width: 44px; height: 44px; }
	.rpx-feed__go, .rpx-feed__tags { display: none; }
	.rpx-feed__b { gap: 2px; }
	.rpx-feed__t { font-size: 16.5px; line-height: 1.3; }
	.rpx-feed__d { font-size: 14px; line-height: 1.45; }
	.rpx-feed__r { display: flex; flex: none; color: var(--rpx-gold); }
	.rpx-jump { padding: 20px 0 0; }
	.rpx-found { padding: 20px 0 0; }
	.rpx-found__t { font-size: 18px; }
	.rpx-grp, .rpx-grp--tools { padding: 26px 0 6px; }
	.rpx-grp .rpx-wrap { gap: 8px; }
	.rpx-grp__head .rpx-p { display: none; }
	.rpx-ggrid, .rpx-tcards { display: flex; flex-direction: column; gap: 0; border-bottom: 1px solid var(--rpx-line); }
	.rpx-tgrid { display: flex; flex-direction: column; gap: 8px; }
	.rpx-feat { margin: 0 0 8px; }
	.rpx-feat a { gap: 10px; padding: 22px; border-radius: 18px; }
	.rpx-feat__top { gap: 10px; }
	.rpx-feat--kb .rpx-feat__ic { display: none; }
	.rpx-feat__t, .rpx-feat--est .rpx-feat__t { font-size: 25px; }
	.rpx-feat__d, .rpx-feat--est .rpx-feat__d { font-size: 15.5px; line-height: 1.55; }
	.rpx-feat__go { min-height: 32px; font-size: 15.5px; }
	.rpx-item--card a, .rpx-item--row a { position: static; flex-direction: row; align-items: center; gap: 14px; min-height: 72px; height: auto; padding: 12px 0; border: 0; border-top: 1px solid var(--rpx-line); border-radius: 0; background: transparent; box-shadow: none; }
	.rpx-item--card a:hover { box-shadow: none; }
	.rpx-item--card .rpx-item__go { position: static; }
	.rpx-item__ic, .rpx-item--row .rpx-item__ic { width: 44px; height: 44px; }
	.rpx-item__ic .rpx-ic { width: 20px; height: 20px; }
	.rpx-item__b, .rpx-item--row .rpx-item__b { gap: 2px; }
	.rpx-item__t, .rpx-item--row .rpx-item__t { font-size: 16.5px; line-height: 1.3; }
	.rpx-item__d, .rpx-item--row .rpx-item__d { font-size: 14px; line-height: 1.45; }
	.rpx-item__go { color: var(--rpx-muted); }
	.rpx-fine { padding-top: 10px; }
	.rpx-rest { padding: 0 0 24px; }
	.rpx-rest__grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.rpx-rest__c { gap: 0; }
	.rpx-list { gap: 0; padding: 26px 0 6px; }
	.rpx-list .rpx-grp__head { padding-bottom: 8px; }
	.rpx-list .rpx-h2 { font-size: 24px; }
	.rpx-none { padding: 26px 0 32px; }

	/* Glossary */
	.rpx-ghero { align-items: stretch; gap: 12px; padding: 16px 0 0; text-align: left; }
	.rpx-pop { justify-content: flex-start; }
	.rpx-pop__l { display: none; }
	.rpx-pop li:nth-child(n+5) { display: none; }
	.rpx-pop--light li:nth-child(n+5) { display: flex; }
	.rpx .rpx-hero .rpx-chip { padding: 0 14px; font-size: 14px; }
	.rpx-shero { padding-top: 16px; gap: 16px; }
	.rpx-hero--search { padding-bottom: 26px; }
	.rpx-gbar { display: block; padding: 20px 0 0; }
	.rpx-gbar .rpx-wrap { display: flex; flex-direction: column; gap: 14px; }
	.rpx-gmain, .rpx-gmain--results { padding: 0 0 28px; }
	.rpx-gmain--results { padding-top: 22px; }
	.rpx-gmain__grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.rpx-rail { display: none; }
	.rpx-letter__h, .rpx-letter:first-child .rpx-letter__h { padding: 22px 0 6px; font-size: 26px; }
	.rpx-term summary, .rpx-term--big summary { min-height: 56px; gap: 12px; }
	.rpx-term__n, .rpx-term--big .rpx-term__n { font-size: 17.5px; }
	.rpx-stage--s { display: none; }
	.rpx-stage--b { display: inline-flex; }
	.rpx-term__b { padding-bottom: 16px; }
	.rpx-term__aka { font-size: 14px; }
	.rpx-term__d { font-size: 16px; }
	.rpx-results .rpx-h2 { font-size: 22px; line-height: 1.2; }
	.rpx-alias { gap: 12px; padding: 18px; }
	.rpx-alias__ic { width: 40px; height: 40px; }
	.rpx-alias__t { font-size: 18px; }
	.rpx-alias__d { font-size: 15px; }
	.rpx-tips li { padding: 16px 18px; }

	/* Cadetship: the glance card in the header, dropdowns for the menus */
	.rpx-chero { gap: 12px; padding-top: 16px; }
	.rpx-glance--hero { max-width: none; margin-top: 18px; padding: 18px 18px 6px; border-radius: 18px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.14); }
	.rpx-glance__btns .rpx-btn { min-height: 52px; }
	.rpx-subnav { display: none; }
	.rpx-cbar { display: block; padding: 18px 0 4px; }
	.rpx-cbar .rpx-wrap { display: flex; flex-direction: column; gap: 12px; }
	.rpx-cdoc { padding-top: 0; padding-bottom: 28px; }
	.rpx-csec { gap: 14px; padding: 28px 0 8px; border-top: 0; }
	.rpx-csec .rpx-h2 { font-size: 26px; }
	.rpx-csec .rpx-p { font-size: 16px; }
	.rpx-icards { gap: 0; border-bottom: 1px solid var(--rpx-line); }
	.rpx-icards li { flex-direction: row; gap: 14px; padding: 16px 0; border: 0; border-top: 1px solid var(--rpx-line); border-radius: 0; background: transparent; }
	.rpx-icards__ic { width: 44px; height: 44px; }
	.rpx-icards__b { gap: 3px; }
	.rpx-icards__t { font-size: 16.5px; }
	.rpx-icards__d { font-size: 15px; }
	.rpx-checks li { font-size: 16px; }
	.rpx-csec--perks .rpx-checks li { font-size: 15.5px; line-height: 1.55; }
	.rpx-pay { gap: 14px; padding: 18px; font-size: 15.5px; line-height: 1.55; }
	.rpx-form { padding: 20px; border-radius: 18px; }
	.rpx-form__head h3 { font-size: 22px; }
	.rpx .rpx-form .evf-frontend-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.rpx-next { padding: 8px 0 32px; }
	.rpx-next ul { border-bottom: 1px solid var(--rpx-line); }
	.rpx-next a { min-height: 72px; padding: 12px 0; }
	.rpx-next b { font-size: 16px; }
	.rpx-next a > span > span { font-size: 14px; }

	/* Emerging Leaders: everything stacked, the brief under the entry */
	.rpx-dhero { padding: 20px 0 28px; }
	.rpx-dhero__g { gap: 18px; padding-top: 16px; }
	.rpx-dict { gap: 12px; }
	.rpx-dict__w { font-size: 44px; }
	.rpx-dict__w i { font-size: 18px; margin-left: 4px; }
	.rpx-dict__l { gap: 10px; }
	.rpx-dict__l li { grid-template-columns: 26px minmax(0, 1fr); gap: 6px; font-size: 18px; }
	.rpx-dict__see { display: none; }
	.rpx-brief { max-width: none; padding: 20px 18px 10px; border-radius: 18px; box-shadow: none; }
	.rpx-brief__btns .rpx-btn, .rpx .rpx-brief__btns a.rpx-btn[href^="tel:"] { min-height: 52px !important; }
	.rpx-fair { padding: 28px 0 8px; }
	.rpx-fair__head { align-items: flex-start; gap: 10px; text-align: left; }
	.rpx-fair .rpx-h2 { font-size: 26px; }
	.rpx-fair__g { gap: 14px; margin-top: 18px; max-width: none; }
	.rpx-fcol { gap: 4px; }
	.rpx-fcol h3.rpx-mono { font-size: 11.5px; }
	.rpx-fcol ul { margin-top: 4px; border-bottom: 1px solid var(--rpx-line); }
	.rpx-fcol li { min-height: 64px; padding: 10px 0; }
	.rpx-fcol__ic { width: 44px; height: 44px; border-radius: 12px; align-items: center; justify-content: center; }
	.rpx-fcol--you .rpx-fcol__ic { background: var(--rpx-tan-soft); }
	.rpx-fcol--we .rpx-fcol__ic { background: var(--rpx-blue-soft); }
	.rpx-fcol__t { font-size: 16px; font-weight: 800; line-height: 1.35; }
	.rpx-fcol__d { display: block; }
	.rpx-fair__ring span { font-size: 11px; }
	.rpx-areas, .rpx-paid { margin-top: 24px; padding: 28px 0; }
	.rpx-areas .rpx-wrap { gap: 14px; }
	.rpx-shead { gap: 10px; }
	.rpx-shead__t { gap: 10px; }
	.rpx-areas .rpx-h2, .rpx-ways .rpx-h2, .rpx-paid .rpx-h2 { font-size: 26px; }
	.rpx-areas .rpx-p, .rpx-ways .rpx-p, .rpx-paid .rpx-p { font-size: 15.5px; }
	.rpx-areas__l { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.rpx-areas__l li { align-items: flex-start; gap: 10px; padding: 16px; border-radius: 16px; text-align: left; font-size: 15px; }
	.rpx-areas__ic { width: 44px; height: 44px; }
	.rpx-areas__ic .rpx-ic { width: 21px; height: 21px; }
	.rpx-ways { padding: 28px 0 8px; }
	.rpx-ways .rpx-wrap { gap: 14px; }
	.rpx-ways__head { gap: 10px; }
	.rpx-ways__l { display: flex; flex-direction: column; gap: 0; }
	.rpx-ways__l::before { display: none; }
	.rpx-ways__l li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 16px; padding-bottom: 22px; }
	.rpx-ways__l li:last-child { padding-bottom: 0; }
	.rpx-ways__l li:not(:last-child)::before { content: ''; position: absolute; left: 27px; top: 56px; bottom: 0; border-left: 3px dashed var(--rpx-line2); }
	.rpx-ways__ic { width: 56px; height: 56px; border-radius: 16px; }
	.rpx-ways__ic .rpx-ic { width: 26px; height: 26px; }
	.rpx-ways__b { gap: 4px; padding-top: 4px; }
	.rpx-ways__t { font-size: 18px; }
	.rpx-ways__d { font-size: 15px; line-height: 1.55; }
	.rpx-paid .rpx-wrap { gap: 6px; }
	.rpx-paid .rpx-shead { margin-bottom: 6px; }
	.rpx-paid__l { display: flex; flex-direction: column; gap: 0; border-bottom: 1px solid rgba(255,255,255,0.12); }
	.rpx-paid__l li, .rpx-paid__l--x li { flex-direction: row; align-items: center; gap: 14px; min-height: 64px; padding: 10px 0; border: 0; border-top: 1px solid rgba(255,255,255,0.12); border-radius: 0; background: transparent; }
	.rpx-paid__ic { width: 44px; height: 44px; border-radius: 12px; background: rgba(246,200,95,0.14); align-items: center; justify-content: center; }
	.rpx-paid__ic .rpx-ic { width: 20px; height: 20px; }
	.rpx-paid__b { gap: 2px; }
	.rpx-paid__t { font-size: 16px; line-height: 1.35; }
	.rpx-paid__d { font-size: 14px; line-height: 1.45; }
	.rpx-elapply { padding: 28px 0 36px; }
	.rpx-elapply .rpx-wrap { display: flex; flex-direction: column; align-items: stretch; gap: 14px; }
	.rpx-elapply__t { display: contents; }
	.rpx-elapply .rpx-h2 { font-size: 26px; }
	.rpx-elapply .rpx-p { font-size: 15.5px; }
	.rpx-elapply .rpx-form { order: 1; }
	.rpx-elmore { order: 2; padding-top: 14px; }
	.rpx-elmore .rpx-mono { display: block; padding-bottom: 6px; font-size: 11.5px; }
	.rpx-elmore ul { border-bottom: 1px solid var(--rpx-line); }
	.rpx-elmore a { min-height: 60px; }
	.rpx--el .rpx-next { padding-top: 8px; }

	/* Diversity and inclusion: everything stacked */
	.rpx-dihero { padding-bottom: 26px; }
	.rpx-dihero .rpx-wrap { gap: 16px; }
	.rpx-dihero__g { gap: 12px; padding-top: 0; }
	.rpx-dihero__t { gap: 12px; }
	.rpx-dihero__h { font-size: 40px; }
	.rpx-dihero__r { gap: 16px; }
	.rpx-dihero .rpx-lead { font-size: 16.5px; }
	.rpx-dihero__btns { flex-direction: column; gap: 10px; }
	.rpx .rpx-dihero__btns .rpx-btn { width: 100%; min-height: 52px; }
	.rpx-rainbow { height: 5px; }
	.rpx-dichips { display: none; }
	.rpx-disec, .rpx-dimos { padding: 28px 0; }
	.rpx-disec > .rpx-wrap, .rpx-dimos > .rpx-wrap { gap: 14px; }
	.rpx-disec .rpx-shead, .rpx-disec .rpx-shead__t { gap: 10px; }
	.rpx-disec .rpx-mono { font-size: 11.5px; }
	.rpx-disec .rpx-h2, .rpx-difaq .rpx-h2, .rpx-diclose .rpx-h2 { font-size: 26px; }
	.rpx-disec .rpx-p, .rpx-diclose .rpx-p { font-size: 15.5px; }
	.rpx-mosaic, .rpx-dtiles, .rpx-princ, .rpx-dstages { display: flex; flex-direction: column; align-items: stretch; gap: 14px; }
	.rpx-mtile { gap: 10px; padding: 22px; border-radius: 18px; }
	.rpx-mtile__h { font-size: 20px; line-height: 1.3; }
	.rpx-mtile--gender .rpx-mtile__h { font-size: 24px; }
	.rpx-mtile--gender .rpx-mtile__p, .rpx-mtile__p { font-size: 15px; line-height: 1.6; }
	.rpx-mtile__h--serif { font-size: 24px; }
	.rpx-mtile--diversity { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 10px 12px; }
	.rpx-mtile--diversity > :not(.rpx-mtile__ic):not(.rpx-mtile__h) { grid-column: 1 / -1; }
	.rpx-mtile--diversity .rpx-mtile__ic { width: 24px; height: 24px; background: none; border-radius: 0; }
	.rpx-mtile--diversity .rpx-mtile__h { font-size: 18px; }
	.rpx-mtile--culture .rpx-mtile__ic { display: none; }
	.rpx .rpx-dimore { margin-top: 4px; font-size: 15px; }
	.rpx-mtile--quote { display: flex; flex-direction: column; gap: 10px; padding: 22px; }
	.rpx-mtile__q .rpx-ic { width: 32px; height: 32px; }
	.rpx-mtile--quote blockquote { font-size: 21px; line-height: 1.4; }
	.rpx-dtiles li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px 12px; padding: 22px; border-radius: 18px; }
	.rpx-dtiles__ic .rpx-ic { width: 24px; height: 24px; }
	.rpx-dtiles__b { display: contents; }
	.rpx-dtiles__t { align-self: center; font-size: 18px; }
	.rpx-dtiles__d { grid-column: 1 / -1; font-size: 15px; }
	.rpx-dilgbt { padding-top: 0; }
	.rpx-rainbow--band { margin-bottom: 14px; }
	.rpx-princ li { gap: 10px; padding: 22px; border-radius: 18px; }
	.rpx-princ__w { font-size: 26px; }
	.rpx-princ__d { font-size: 15px; }
	.rpx-dilegend { gap: 8px; }
	.rpx-dilegend .rpx-tag { min-height: 28px; font-size: 12.5px; }
	.rpx-dstage { border-radius: 16px; }
	.rpx-dstage__h { gap: 12px; padding: 14px 16px; }
	.rpx-dstage__ic { width: 40px; height: 40px; border-radius: 10px; }
	.rpx-dstage__n { font-size: 10.5px; }
	.rpx-dstage__t { font-size: 18px; }
	.rpx-dstage__d { font-size: 13.5px; }
	.rpx-dstage ul { padding: 0 16px 4px; }
	.rpx-dstage ul li { padding: 14px 0; }
	.rpx-dstage__it { font-size: 16px; }
	.rpx-ltiles { display: flex; flex-direction: column; gap: 0; border-bottom: 1px solid var(--rpx-line); }
	.rpx-ltiles a { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 14px; row-gap: 2px; align-items: center; min-height: 72px; padding: 12px 0; border: 0; border-top: 1px solid var(--rpx-line); border-radius: 0; background: transparent; }
	.rpx-ltiles a:hover { box-shadow: none; }
	.rpx-ltiles__top { display: contents; }
	.rpx-ltiles__ic { grid-row: 1 / 3; grid-column: 1; width: 44px; height: 44px; border-radius: 12px; }
	.rpx-ltiles__ic .rpx-ic { width: 20px; height: 20px; }
	.rpx-ltiles__go { grid-row: 1 / 3; grid-column: 3; color: var(--rpx-muted); }
	.rpx-ltiles__go .rpx-ic { width: 18px; height: 18px; }
	.rpx-ltiles__t { grid-column: 2; grid-row: 1; align-self: end; font-family: var(--rpx-text); font-size: 16.5px; }
	.rpx-ltiles__d { grid-column: 2; grid-row: 2; align-self: start; font-size: 14px; line-height: 1.45; }
	.rpx-ltiles--dark { border-bottom-color: rgba(255,255,255,0.12); }
	.rpx-ltiles--dark a { border-top-color: rgba(255,255,255,0.12); background: transparent; }
	.rpx-ltiles--dark .rpx-ltiles__go { color: var(--rpx-gold); }
	.rpx-difaq > .rpx-wrap { gap: 14px; }
	.rpx-difaq__t { gap: 10px; }
	.rpx-difaq__l { gap: 8px; }
	.rpx .rpx-qa { padding: 0 16px; border-radius: 14px; }
	.rpx .rpx-qa summary { min-height: 60px; gap: 12px; }
	.rpx-qa__q { font-family: var(--rpx-text); font-size: 16.5px; }
	.rpx-qa__a { padding-bottom: 16px; font-size: 15.5px; }
	.rpx-diclose { padding-bottom: 32px; }
	.rpx-diclose__head { gap: 10px; }
	.rpx-diclose__btns { display: none; }
	.rpx-dihelp { flex-direction: column; align-items: stretch; gap: 10px; margin-top: 8px; padding: 18px; }
	.rpx-dihelp__t b { font-size: 16px; }
	.rpx-dihelp__t span { font-size: 14.5px; }
	.rpx-dihelp__btns { flex-direction: column; }
	.rpx-dihelp__btns .rpx-btn + .rpx-btn { display: none; }
	.rpx .rpx-dihelp .rpx-btn { width: 100%; }
}
@media (max-width: 380px) {
	.rpx-h1, .rpx-h1--xl { font-size: 34px; }
	.rpx-dict__w { font-size: 40px; }
	.rpx-feat__t, .rpx-feat--est .rpx-feat__t { font-size: 23px; }
	.rpx .rpx-sbox__go { padding: 0 12px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
	.rpx * { transition: none !important; }
}

/* ---------- Current vacancies: laptop, tablet, phone ---------- */
@media (max-width: 1180px) {
	.rpx-cvhead__g { gap: 48px; }
	.rpx-door--1 .rpx-door__in { padding-right: 40px; }
	.rpx-door--2 .rpx-door__in { padding-left: 40px; }
	.rpx-door__head { flex-direction: column; align-items: flex-start; gap: 10px; }
	.rpx-door__sub { max-width: none; text-align: left; }
	.rpx-drow__t { font-size: 23px; }
	.rpx-cvhow .rpx-wrap { grid-template-columns: 260px minmax(0, 1fr); gap: 48px; }
	.rpx-cvhow__l { gap: 28px; }
}
@media (max-width: 1023px) {
	.rpx-cvhead__g { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.rpx-doors { grid-template-columns: minmax(0, 1fr); }
	.rpx-door--1 .rpx-door__in, .rpx-door--2 .rpx-door__in { padding: 56px var(--rpx-pad) 64px; }
	.rpx-door__head { flex-direction: row; align-items: flex-end; }
	.rpx-door__sub { max-width: 260px; text-align: right; }
	.rpx-cvhow .rpx-wrap { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}
@media (max-width: 760px) {
	.rpx-cvhead { padding: 16px 0 24px; }
	.rpx-cvhead__g { gap: 16px; margin-top: 16px; }
	.rpx-cvh1 { font-size: 40px; letter-spacing: -0.02em; }
	.rpx-cvlead { font-size: 16.5px; }
	.rpx-dlinks { flex-direction: column; gap: 10px; }
	.rpx .rpx-dlink { display: flex; }
	.rpx--cv .rpx-cbar { padding: 0 0 24px; }
	.rpx-door--1 .rpx-door__in, .rpx-door--2 .rpx-door__in { gap: 4px; padding: 32px var(--rpx-pad) 32px; }
	.rpx-door--2 .rpx-door__in { padding-bottom: 36px; }
	.rpx-door__head { flex-direction: column; align-items: flex-start; gap: 8px; padding-bottom: 18px; }
	.rpx-door__ht .rpx-mono { font-size: 11.5px; }
	.rpx-door h2 { font-size: 36px; white-space: normal; }
	.rpx-door__sub { max-width: none; text-align: left; }
	.rpx .rpx-drow { grid-template-columns: minmax(0, 1fr) 44px; gap: 16px; padding: 20px 0; }
	.rpx-drow__t { font-size: 21px; }
	.rpx-drow__d { font-size: 15px; }
	.rpx-drow__go { width: 44px; height: 44px; }
	.rpx-door__facts { padding-top: 18px; font-size: 14.5px; }
	.rpx-door__pc { margin-top: 22px; padding-top: 22px; }
	.rpx-door__pc blockquote { font-size: 18px; }
	.rpx .rpx-pcimg { width: 44px; height: 44px; }
	.rpx-cvhow { padding: 36px 0 32px; }
	.rpx-cvhow .rpx-wrap { gap: 18px; }
	.rpx-cvhow .rpx-h2 { font-size: 26px; }
	.rpx-cvhow__note { font-size: 14.5px; }
	.rpx-cvhow__l { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.rpx-cvhow__l li { gap: 6px; padding-top: 14px; }
	.rpx-cvhow__st { font-size: 19px; }
	.rpx-cvhow__sd { font-size: 15.5px; }
	.rpx--cv .rpx-form .evf-frontend-row:has(> .evf-grid-2) { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.rpx--cv .rpx-form .evf-frontend-row + .evf-frontend-row { margin-top: 14px !important; }
	.rpx--cv .rpx-next { padding-top: 8px; }
}

/* ---------- Perks and benefits: laptop, tablet, phone ---------- */
@media (max-width: 1180px) {
	.rpx-band__g { grid-template-columns: minmax(0, 1fr) 480px; gap: 64px; }
	.rpx-band__g--end { grid-template-columns: minmax(0, 1fr) 520px; }
	.rpx-pboffs { grid-template-columns: minmax(0, 1fr); }
	.rpx-pbcta .rpx-wrap { grid-template-columns: minmax(0, 1fr) 440px; gap: 56px; }
	.rpx-pbcul ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
	.rpx-pbhero__r { grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
	.rpx-pbidx ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.rpx-band { padding: 72px 0; }
	.rpx-band__g, .rpx-band__g--end { grid-template-columns: minmax(0, 1fr); gap: 36px; align-items: start; }
	.rpx-pboffs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.rpx-pbask { padding: 72px 0; }
	.rpx-pbvals { grid-template-columns: minmax(0, 1fr); }
	.rpx-pbcta { padding: 72px 0; }
	.rpx-pbcta .rpx-wrap { grid-template-columns: minmax(0, 1fr); gap: 36px; }
}
@media (max-width: 760px) {
	.rpx-pbhero { padding: 16px 0 32px; }
	.rpx-pbhero .rpx-wrap { display: flex; flex-direction: column; gap: 22px; }
	.rpx-pbhero__t { gap: 16px; margin-top: 0; }
	.rpx-pbk { font-size: 12px; letter-spacing: 0.18em; }
	.rpx-pbh1 { font-size: 48px; letter-spacing: -0.03em; }
	.rpx-pbh1 br { display: none; }
	.rpx-pbhero__r { display: flex; flex-direction: column; align-items: stretch; gap: 22px; margin-top: 0; }
	.rpx-pblead { font-size: 16.5px; }
	.rpx-pbhero__btns { flex-direction: column; gap: 10px; }
	.rpx .rpx-pbhero__btns .rpx-btn { width: 100%; min-height: 54px; }
	.rpx-pbidx { display: none; }
	.rpx-pbjump { display: block; }
	.rpx--pb .rpx-cbar { padding: 20px 0 4px; }
	.rpx-band { padding: 40px 0 36px; }
	.rpx-band__g, .rpx-band__g--end { gap: 22px; }
	.rpx-band__h0 { gap: 16px; }
	.rpx-band__k { font-size: 11.5px; }
	.rpx-band__h { font-size: 40px; }
	.rpx-band__p { font-size: 16.5px; }
	.rpx-band__x { padding-top: 4px; gap: 10px; }
	.rpx-band__l li { padding: 18px 0; }
	.rpx-band__t { font-size: 17px; }
	.rpx-band__d { font-size: 15.5px; }
	.rpx-band__l--cal li { padding: 14px 0; }
	.rpx-band__l--cal .rpx-band__t { font-size: 16.5px; }
	.rpx-band__links { flex-direction: column; gap: 0; }
	.rpx .rpx-pbpc .rpx-pcimg { width: 52px; height: 52px; }
	.rpx-pboffs { grid-template-columns: minmax(0, 1fr); }
	.rpx-pbgive { margin-top: 10px; padding: 18px 18px 8px; }
	.rpx-pbgive__t { font-size: 17px; }
	.rpx-pbgive__d { font-size: 15.5px; }
	.rpx-leave { padding: 20px; border-radius: 16px; }
	.rpx-leave__chart { display: none; }
	.rpx-leave__bars { display: flex; flex-direction: column; gap: 14px; }
	.rpx-pbask { padding: 40px 0 36px; }
	.rpx-pbask .rpx-wrap { gap: 18px; }
	.rpx-pbask__t { gap: 16px; }
	.rpx-pbask__h { font-size: 32px; }
	.rpx-pbvals li { padding: 16px; }
	.rpx-pbvals b { font-size: 16px; }
	.rpx-pbcul { gap: 4px; padding-top: 10px; }
	.rpx-pbcul ul { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.rpx-pbcul li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 14px; padding: 16px 0; border-top: 1px solid var(--rpx-line); }
	.rpx-pbcul li > .rpx-ic { width: 22px; height: 22px; }
	.rpx-pbcul li > span { gap: 4px; }
	.rpx-pbcul b { font-family: var(--rpx-text); font-size: 17px; }
	.rpx-pbcul li > span > span { font-size: 15px; }
	.rpx-pbcta { padding: 40px 0 36px; }
	.rpx-pbcta .rpx-wrap { gap: 16px; }
	.rpx-pbcta__h { font-size: 32px; }
	.rpx-pbcta__p { font-size: 16px; }
	.rpx-pbcta .rpx-pbhero__btns { padding: 0 0 8px; }
	.rpx-pbnote { padding: 20px; gap: 14px; }
	.rpx-pbnote blockquote { font-size: 18px; }
	.rpx .rpx-pbnote .rpx-pcimg { width: 44px; height: 44px; }
	.rpx--pb .rpx-next { padding-top: 8px; }
}

/* ================= Compensation payout guide ================= */
.rpx--pg {
	--pg-node: #0A1628; --pg-node-t: #FFFFFF; --pg-red: #B4232A; --pg-red-soft: #FDECEC; --pg-red-line: #E7A3A3; --pg-red-rule: #F3D3D3;
	--pg-brown: #8A5A00; --pg-brown-soft: #FCEFC9; --pg-light-num: #C9D6F0;
	--pg-layer1: #0A1628; --pg-layer2: #13284A;
	--pg-c1: #0A1628; --pg-c2: #1D55E0; --pg-c3: #6E95F5; --pg-c4: #F2BB3A; --pg-c5: #8A5A00;
	--pg-col: #0A1628; --pg-col2: #1D63FF; --pg-col3: #6E95F5; --pg-bar2: #0A1628; --pg-bar2-t: #FFFFFF;
	--pg-tl: linear-gradient(90deg, #0A1628 0%, #1D55E0 40%, #C9D6F0 100%);
}
html[data-ccl-theme="dark"] .rpx--pg {
	--pg-node: #1B2A44; --pg-node-t: #E8EDF5; --pg-red: #F28B8B; --pg-red-soft: rgba(229,72,77,0.16); --pg-red-line: rgba(242,139,139,0.5); --pg-red-rule: rgba(242,139,139,0.22);
	--pg-brown: #F6C85F; --pg-brown-soft: rgba(246,200,95,0.14); --pg-light-num: #34476B;
	--pg-layer1: #1B2A44; --pg-layer2: #22365A;
	--pg-c1: #E8EDF5; --pg-c2: #4F7FFF; --pg-c3: #9DB8FF; --pg-c4: #F6C85F; --pg-c5: #C08A2E;
	--pg-col: #E8EDF5; --pg-col2: #4F7FFF; --pg-col3: #9DB8FF; --pg-bar2: #E8EDF5; --pg-bar2-t: #0B1220;
	--pg-tl: linear-gradient(90deg, #E8EDF5 0%, #7DA4FF 40%, #2A3A58 100%);
}
.rpx .rpx-pghero a:focus-visible, .rpx .rpx-pgcta a:focus-visible { outline-color: var(--rpx-gold); }

/* Nodes and chips */
.rpx-pgnode { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: var(--pg-node); color: var(--pg-node-t); font-family: var(--rpx-display); font-size: 22px; font-weight: 900; line-height: 1; }
.rpx-pgnode--gold { background: var(--rpx-gold); color: #0A1628; }
.rpx-pgnode--lg { width: 72px; height: 72px; font-size: 30px; }
.rpx-pgnode--sm { display: none; width: 44px; height: 44px; font-size: 18px; }
.rpx-pgnode--step { width: 40px; height: 40px; font-size: 16px; }
.rpx-pgchip { align-self: flex-start; display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border-radius: 999px; background: rgba(246,200,95,0.14); font-family: var(--rpx-mono-f); font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--rpx-gold); white-space: nowrap; }
.rpx-pgchip--light { background: var(--pg-brown-soft); color: var(--pg-brown); }

/* Header */
.rpx-pghero { background: var(--rpx-navy); color: #FFFFFF; padding: 28px 0 72px; }
.rpx-pghero__g { display: grid; grid-template-columns: minmax(0, 1fr) 500px; gap: 72px; align-items: end; margin-top: 44px; }
.rpx-pghero__t { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.rpx-pgh1 { font-family: var(--rpx-display); font-size: clamp(40px, 4.6vw, 66px); font-weight: 900; line-height: 1.02; letter-spacing: -0.03em; color: #FFFFFF; text-wrap: balance; overflow-wrap: break-word; }
.rpx-pghero__r { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.rpx-pglead { font-size: 18.5px; line-height: 1.6; color: var(--rpx-dim); text-wrap: pretty; }
.rpx-pgbtns { display: flex; flex-wrap: wrap; gap: 12px; }
.rpx .rpx-pgbtns .rpx-btn { min-height: 56px; }
.rpx .rpx-pgbtns a.rpx-btn[href^="tel:"] { min-height: 56px !important; }
.rpx-pgconsult { font-size: 14.5px; line-height: 1.6; color: var(--rpx-dim); }
.rpx-pgstrip { margin-top: 44px; }
.rpx-pgstrip ol { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.rpx-pgstrip ol::before { content: ''; position: absolute; left: 28px; right: 28px; top: 27px; height: 2px; background: rgba(255,255,255,0.22); }
.rpx-pgstrip a { position: relative; display: flex; flex-direction: column; gap: 12px; height: 100%; padding-right: 22px; color: #FFFFFF; }
.rpx-pgstrip .rpx-pgnode:not(.rpx-pgnode--gold) { border: 2px solid rgba(255,255,255,0.4); background: var(--rpx-navy); color: #FFFFFF; }
.rpx-pgstrip__b { display: flex; flex-direction: column; gap: 12px; }
.rpx-pgstrip__t { display: flex; align-items: center; gap: 8px; font-family: var(--rpx-display); font-size: 20px; font-weight: 800; line-height: 1.2; }
.rpx-pgstrip__t .rpx-ic { color: var(--rpx-dim); }
.rpx-pgstrip__d { font-size: 14.5px; line-height: 1.5; color: var(--rpx-dim); }
.rpx-pgstrip a:hover .rpx-pgstrip__t { text-decoration: underline; text-underline-offset: 4px; }

/* Stages on a numbered spine */
.rpx-pgst { background: var(--rpx-bg); }
.rpx-pgst--soft { background: var(--rpx-soft); }
.rpx-pgst__g { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 40px; }
.rpx-pgst__rail { display: flex; flex-direction: column; align-items: center; }
.rpx-pgst__ln { flex: none; width: 2px; height: 80px; background: var(--rpx-line2); }
.rpx-pgst__ln--fill { flex: 1; height: auto; }
.rpx-pgst--first .rpx-pgst__ln:first-child, .rpx-pgst--last .rpx-pgst__ln--fill { background: transparent; }
.rpx-pgst__m { display: flex; flex-direction: column; gap: 64px; min-width: 0; padding: 80px 0 88px; }
.rpx-pgst__hd { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 40px; align-items: end; }
.rpx-pgst__ht { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.rpx-pgst__k { display: flex; align-items: center; gap: 12px; }
.rpx-pgst__k .rpx-mono, .rpx-pgfaq__t .rpx-mono { font-size: 12.5px; letter-spacing: 0.16em; color: var(--rpx-blue-text); }
.rpx-pgst__h { font-family: var(--rpx-display); font-size: clamp(36px, 3.7vw, 52px); font-weight: 900; line-height: 1.04; letter-spacing: -0.025em; color: var(--rpx-ink); }
.rpx-pgst__p { font-size: 18px; line-height: 1.6; color: var(--rpx-body); }
.rpx-pgsec { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.rpx-pgsec__t { display: flex; flex-direction: column; gap: 10px; max-width: 820px; }
.rpx-pgsec__h { font-family: var(--rpx-display); font-size: clamp(24px, 2.2vw, 30px); font-weight: 800; line-height: 1.15; letter-spacing: -0.015em; color: var(--rpx-ink); }
.rpx-pgsec__p { font-size: 16.5px; line-height: 1.6; color: var(--rpx-body); text-wrap: pretty; }
.rpx-pgserif { font-family: var(--rpx-serif); font-size: 22px; line-height: 1.5; color: var(--rpx-ink); max-width: 900px; }
.rpx-pgserif--rule { padding-top: 18px; border-top: 4px solid var(--rpx-gold); font-size: 19px; line-height: 1.55; }
.rpx-pgquote { margin: 0; font-family: var(--rpx-serif); font-size: 21px; font-style: italic; line-height: 1.5; color: var(--rpx-ink); }
.rpx-pgtile { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: var(--rpx-blue-soft); color: var(--rpx-blue-text); }

/* Stage 1: the steps by priority */
.rpx-pgpri { display: grid; grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr)); gap: 0 56px; }
.rpx-pgpri__g { display: flex; flex-direction: column; min-width: 0; }
.rpx-pgpri__h { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 14px; border-bottom: 3px solid var(--tone); }
.rpx-pgpri__g--critical { --tone: var(--pg-red); }
.rpx-pgpri__g--important { --tone: var(--pg-brown); }
.rpx-pgpri__g--recommended { --tone: var(--rpx-blue-text); }
.rpx-pgpri__n { font-size: 14.5px; font-weight: 700; color: var(--rpx-ink); text-align: right; }
.rpx-pgpill { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; font-family: var(--rpx-mono-f); font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; }
.rpx-pgpill--critical { background: var(--pg-red-soft); color: var(--pg-red); }
.rpx-pgpill--important { background: var(--pg-brown-soft); color: var(--pg-brown); }
.rpx-pgpill--recommended { background: var(--rpx-blue-soft); color: var(--rpx-blue-text); }
.rpx-pgpri__l { display: flex; flex-direction: column; }
.rpx-pgpri__l li { display: flex; flex-direction: column; gap: 10px; padding: 26px 0 28px; }
.rpx-pgpri__l li + li { border-top: 1px solid var(--rpx-line); }
.rpx-pgpri__s { display: flex; align-items: center; gap: 12px; }
.rpx-pgpri__s .rpx-mono { font-size: 11.5px; color: var(--rpx-blue-text); }
.rpx-pgpri__t { font-family: var(--rpx-display); font-size: 20px; font-weight: 800; line-height: 1.25; color: var(--rpx-ink); }
.rpx-pgpri__d { font-size: 15.5px; line-height: 1.6; color: var(--rpx-body); }
@supports (grid-template-rows: subgrid) {
	.rpx-pgpri__g { display: grid; grid-row: span var(--rows, 3); grid-template-rows: subgrid; }
	.rpx-pgpri__l { display: grid; grid-row: span var(--items, 2); grid-template-rows: subgrid; }
}

/* Stage 1: the time limit */
.rpx-pgdl { display: grid; grid-template-columns: 400px minmax(0, 1fr); gap: 80px; align-items: center; padding-top: 48px; border-top: 1px solid var(--rpx-line); }
.rpx-pgdl__t { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.rpx-pgdl__k { color: var(--pg-brown); }
.rpx-pgdl__h { font-family: var(--rpx-display); font-size: 28px; font-weight: 800; line-height: 1.15; color: var(--rpx-ink); }
.rpx-pgdl__p { font-size: 16px; line-height: 1.65; color: var(--rpx-body); }
.rpx-pgdl__b { padding-top: 10px; }
.rpx .rpx-pgdl__b .rpx-btn { min-height: 56px; }
.rpx-pgtl { position: relative; height: 160px; min-width: 0; }
.rpx-pgtl .rpx-mono { font-size: 11px; letter-spacing: 0.14em; }
.rpx-pgtl b { font-size: 15px; font-weight: 800; color: var(--rpx-ink); }
.rpx-pgtl__early, .rpx-pgtl__end { position: absolute; top: 0; display: flex; flex-direction: column; gap: 3px; white-space: nowrap; }
.rpx-pgtl__early { left: 0; }
.rpx-pgtl__early .rpx-mono { color: var(--pg-red); }
.rpx-pgtl__end { right: 0; align-items: flex-end; text-align: right; }
.rpx-pgtl__end .rpx-mono { color: var(--pg-brown); }
.rpx-pgtl__short { display: none; }
.rpx-pgtl__in { position: absolute; left: 0; right: 12px; top: 0; bottom: 0; }
.rpx-pgtl__br { position: absolute; left: 0; width: 33.33%; top: 54px; height: 10px; border: 2px solid var(--pg-red); border-bottom: 0; border-radius: 4px 4px 0 0; }
.rpx-pgtl__bar { position: absolute; left: 0; right: 0; top: 70px; height: 14px; border-radius: 7px; background: var(--pg-tl); }
.rpx-pgtl__tk { position: absolute; top: 92px; width: 2px; height: 10px; margin-left: -1px; background: var(--rpx-muted); opacity: 0.5; }
.rpx-pgtl__tl { position: absolute; top: 108px; white-space: nowrap; font-family: var(--rpx-mono-f); font-size: 11.5px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--rpx-muted); transform: translateX(-50%); }
.rpx-pgtl__tk--0, .rpx-pgtl__tl--0 { left: 0; }
.rpx-pgtl__tl--0 { transform: none; }
.rpx-pgtl__tk--1, .rpx-pgtl__tl--1 { left: 33.33%; }
.rpx-pgtl__tk--2, .rpx-pgtl__tl--2 { left: 66.67%; }
.rpx-pgtl__tk--3 { left: 100%; }
.rpx-pgtl__tl--3 { left: auto; right: -12px; transform: none; color: var(--rpx-ink); }
.rpx-pgtl__pin { position: absolute; left: 100%; top: 48px; width: 2px; height: 22px; margin-left: -1px; background: var(--rpx-gold); }
.rpx-pgtl__dot { position: absolute; left: 100%; top: 65px; width: 24px; height: 24px; margin-left: -12px; border-radius: 50%; background: var(--rpx-gold); box-shadow: 0 0 0 4px var(--rpx-soft); }
.rpx-pgtl__fade { position: absolute; left: 0; right: 0; top: 136px; display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--rpx-muted); }
.rpx-pgtl__fade span { flex: none; }
.rpx-pgtl__fade::after { content: ''; flex: 1; height: 2px; background: linear-gradient(90deg, var(--rpx-muted), transparent); opacity: 0.45; }

/* Stage 2: the three factors, the claim types, what can stand in the way */
.rpx-pgfac { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 72px; align-items: start; }
.rpx-pgfac__l { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.rpx-pgfac__l li { display: flex; flex-direction: column; gap: 12px; }
.rpx-pgfac__n { font-family: var(--rpx-display); font-size: 88px; font-weight: 900; line-height: 0.9; letter-spacing: -0.04em; color: var(--pg-light-num); }
.rpx-pgfac__l li:first-child .rpx-pgfac__n { color: var(--rpx-blue); }
.rpx-pgfac__b { display: flex; flex-direction: column; gap: 12px; }
.rpx-pgfac__t { font-family: var(--rpx-display); font-size: 21px; font-weight: 800; line-height: 1.2; color: var(--rpx-ink); }
.rpx-pgfac__d { font-size: 15.5px; line-height: 1.6; color: var(--rpx-body); }
.rpx-pgtypes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 48px; }
.rpx-pgtypes li { border-top: 1px solid var(--rpx-line); }
.rpx-pgtypes li:nth-child(-n+3) { border-top: 2px solid var(--rpx-ink); }
.rpx-pgtype { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 14px; padding: 22px 0 26px; color: var(--rpx-ink); }
.rpx-pgtype__ic { color: var(--rpx-blue-text); }
.rpx-pgtype__b { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.rpx-pgtype__t { display: flex; align-items: center; gap: 8px; font-family: var(--rpx-display); font-size: 21px; font-weight: 800; line-height: 1.2; }
.rpx-pgtype__t .rpx-ic { color: var(--rpx-blue-text); }
.rpx-pgtype__c { font-size: 11px; letter-spacing: 0.12em; }
.rpx-pgtype__d { font-size: 15px; line-height: 1.55; color: var(--rpx-body); }
.rpx-pgtype__f { font-size: 13.5px; line-height: 1.55; color: var(--rpx-muted); }
a.rpx-pgtype:hover .rpx-pgtype__t { color: var(--rpx-blue-text); text-decoration: underline; text-underline-offset: 3px; }
.rpx-pgsec--fun { gap: 28px; }
.rpx-pgfun { display: flex; flex-direction: column; gap: 8px; }
.rpx-pgfun__top { width: 460px; text-align: center; font-size: 11px; }
.rpx-pgfun__l { display: flex; flex-direction: column; gap: 8px; }
.rpx-pgfun__l li, .rpx-pgfun__end { display: grid; grid-template-columns: 460px minmax(0, 1fr); gap: 48px; align-items: center; min-height: 74px; }
.rpx-pgfun__c { display: flex; justify-content: center; }
.rpx-pgfun__layer { display: flex; align-items: center; justify-content: center; gap: 10px; width: max(40%, calc(100% - var(--i, 0) * 9%)); min-height: 58px; padding: 6px 12px; border-radius: 10px; background: var(--pg-layer1); color: #FFFFFF; font-size: 15px; text-align: center; }
.rpx-pgfun__l li:nth-child(even) .rpx-pgfun__layer { background: var(--pg-layer2); }
.rpx-pgfun__layer .rpx-ic { color: var(--rpx-gold); }
.rpx-pgfun__layer b { font-weight: 800; }
.rpx-pgfun__layer--gold { width: max(40%, calc(100% - var(--i, 0) * 9% - 3%)); background: var(--rpx-gold) !important; color: #0A1628; }
.rpx-pgfun__layer--gold b { font-weight: 900; }
.rpx-pgfun__d { font-size: 15px; line-height: 1.55; color: var(--rpx-body); }
html[data-ccl-theme="dark"] .rpx-pgfun__layer:not(.rpx-pgfun__layer--gold) { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08); }

/* Stage 3: steps 1 to 4, the mistakes under each */
.rpx-pgbuild { display: grid; grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); gap: 0 36px; margin-top: -24px; }
.rpx-pgstep { display: flex; flex-direction: column; min-width: 0; }
.rpx-pgstep__n { display: flex; align-items: center; gap: 8px; padding-bottom: 16px; }
.rpx-pgstep__ln { flex: 1; height: 2px; background: var(--rpx-ink); }
.rpx-pgstep__ln--more { background: repeating-linear-gradient(90deg, var(--rpx-ink) 0 8px, transparent 8px 14px); }
.rpx-pgstep__b { display: flex; flex-direction: column; gap: 8px; padding-bottom: 22px; }
.rpx-pgstep__t { font-family: var(--rpx-display); font-size: 20px; font-weight: 800; line-height: 1.25; color: var(--rpx-ink); }
.rpx-pgstep__d { font-size: 15px; line-height: 1.6; color: var(--rpx-body); }
.rpx-pgpit { display: flex; flex-direction: column; padding-top: 18px; border-top: 2px dashed var(--pg-red-line); }
.rpx-pgpit--none { border-top-color: transparent; }
.rpx-pgpit__k { font-size: 11px; letter-spacing: 0.16em; color: var(--pg-red); padding-bottom: 2px; }
.rpx-pgpit__i { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; padding: 14px 0; border-top: 1px solid var(--pg-red-rule); }
.rpx-pgpit__k + .rpx-pgpit__i { border-top: 0; }
.rpx-pgpit__ic { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; background: var(--pg-red-soft); color: var(--pg-red); }
.rpx-pgpit__b { display: flex; flex-direction: column; gap: 4px; }
.rpx-pgpit__b b { font-size: 16px; font-weight: 800; line-height: 1.3; color: var(--rpx-ink); }
.rpx-pgpit__b span { font-size: 14px; line-height: 1.5; color: var(--rpx-body); }
@supports (grid-template-rows: subgrid) {
	.rpx-pgbuild .rpx-pgstep { display: grid; grid-row: span 3; grid-template-rows: subgrid; }
	.rpx-pgbuild .rpx-pgpit { align-self: start; }
}

/* Stage 4: the claim as one bar */
.rpx-pgclaim { display: flex; flex-direction: column; gap: 14px; }
.rpx-pgclaim__h { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 20px; }
.rpx-pgclaim__h b { font-family: var(--rpx-display); font-size: 24px; font-weight: 900; color: var(--rpx-ink); }
.rpx-pgclaim__h .rpx-mono { font-size: 10.5px; letter-spacing: 0.12em; }
.rpx-pgclaim__bar { display: flex; gap: 4px; height: 64px; }
.rpx-pgclaim__bar .rpx-pgseg { background: var(--seg); }
.rpx-pgclaim__bar .rpx-pgseg:first-child { border-radius: 12px 0 0 12px; }
.rpx-pgclaim__bar .rpx-pgseg:last-child { border-radius: 0 12px 12px 0; }
.rpx-pgclaim__bar .rpx-pgseg:only-child { border-radius: 12px; }
.rpx-pgseg { flex: var(--fr, 20) 1 0; min-width: 0; }
.rpx-pgseg--1 { --seg: var(--pg-c1); --fr: 22; }
.rpx-pgseg--2 { --seg: var(--pg-c2); --fr: 17; }
.rpx-pgseg--3 { --seg: var(--pg-c3); --fr: 16; }
.rpx-pgseg--4 { --seg: var(--pg-c4); --fr: 18; }
.rpx-pgseg--5 { --seg: var(--pg-c5); --fr: 27; }
.rpx-pgclaim__l { display: flex; gap: 4px; }
.rpx-pgclaim__l li { flex: var(--fr, 20) 1 0; min-width: 0; display: flex; flex-direction: column; gap: 6px; padding: 12px 0 0; border-top: 3px solid var(--seg); overflow-wrap: break-word; }
.rpx-pgclaim__l li > * { margin-right: 18px; }
.rpx-pgclaim__t { display: flex; align-items: flex-start; gap: 8px; }
.rpx-pgclaim__t .rpx-ic { margin-top: 2px; color: var(--seg); }
.rpx-pgclaim__l li.rpx-pgseg--1 .rpx-pgclaim__t .rpx-ic { color: var(--rpx-ink); }
.rpx-pgclaim__t b { font-size: 16.5px; font-weight: 800; line-height: 1.3; color: var(--rpx-ink); }
.rpx-pgclaim__sw { display: none; flex: none; width: 14px; height: 14px; margin-top: 4px; border-radius: 4px; background: var(--seg); }
.rpx-pgclaim__l .rpx-mono { font-size: 10.5px; letter-spacing: 0.1em; }
.rpx-pgclaim__d { font-size: 14px; line-height: 1.55; color: var(--rpx-body); }
.rpx-pgsec > .rpx-pgserif { margin-top: 8px; }

/* Stage 4: the averages as a column chart */
.rpx-pgpay { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 56px; align-items: start; }
.rpx-pgchart { --k: 3.2px; margin: 0; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rpx-pgchart figcaption { display: flex; flex-direction: column; gap: 6px; }
.rpx-pgchart figcaption .rpx-mono { font-size: 11.5px; letter-spacing: 0.16em; color: var(--rpx-blue-text); }
.rpx-pgchart figcaption b { font-family: var(--rpx-display); font-size: 22px; font-weight: 800; color: var(--rpx-ink); }
.rpx-pgchart__g { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 12px 12px; }
.rpx-pgchart__g--noscale { grid-template-columns: minmax(0, 1fr); }
.rpx-pgchart__y { position: relative; height: calc(var(--k) * 100); margin-top: 40px; }
.rpx-pgchart__y span { position: absolute; right: 0; bottom: calc(var(--v) * var(--k)); transform: translateY(50%); font-family: var(--rpx-mono-f); font-size: 11.5px; font-weight: 600; color: var(--rpx-muted); white-space: nowrap; }
.rpx-pgchart__plot { position: relative; height: calc(var(--k) * 100 + 40px); padding: 40px 12px 0; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 22px; align-items: end; border-bottom: 2px solid var(--rpx-ink); }
.rpx-pgchart__grid { position: absolute; left: 0; right: 0; bottom: calc(var(--v) * var(--k)); border-top: 1px dashed var(--rpx-line2); }
.rpx-pgcol { position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: calc(var(--h) * var(--k)); }
.rpx-pgcol__a { position: absolute; left: -11px; right: -11px; bottom: 100%; padding-bottom: 8px; text-align: center; font-family: var(--rpx-display); font-size: 24px; font-weight: 900; letter-spacing: -0.02em; color: var(--rpx-ink); white-space: nowrap; }
.rpx-pgcol__b { display: block; height: 100%; min-height: 4px; border-radius: 10px 10px 0 0; background: var(--pg-col2); }
.rpx-pgcol--top .rpx-pgcol__b { background: var(--pg-col); }
.rpx-pgcol--star .rpx-pgcol__b { background: var(--pg-col3); }
.rpx-pgchart__x { grid-column: -2 / -1; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 22px; padding: 0 12px; }
.rpx-pgchart__x li { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.rpx-pgchart__x b { font-size: 15px; font-weight: 800; color: var(--rpx-ink); }
.rpx-pgchart__d { font-size: 12.5px; line-height: 1.45; color: var(--rpx-muted); }
.rpx-pgchart__fn { font-size: 13px; line-height: 1.5; color: var(--rpx-muted); }
.rpx-pgleft { display: flex; flex-direction: column; gap: 14px; padding-top: 18px; border-top: 4px solid var(--rpx-gold); }
.rpx-pgleft__h { font-family: var(--rpx-display); font-size: 19px; font-weight: 800; color: var(--rpx-ink); }
.rpx-pgleft__p { font-size: 15px; line-height: 1.6; color: var(--rpx-body); }
.rpx-pgleft__s { font-size: 14px; line-height: 1.55; font-weight: 700; color: var(--rpx-muted); }

/* Stage 4: TPD */
.rpx-pgtpd { display: flex; flex-direction: column; gap: 32px; }
.rpx-pgtpd__g { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 56px; align-items: start; }
.rpx-pgtpd__g .rpx-pgsec__h { font-size: clamp(24px, 2.1vw, 28px); }
.rpx-pgtpd__c { display: flex; flex-direction: column; gap: 14px; padding-top: 16px; border-top: 2px solid var(--rpx-ink); min-width: 0; }
.rpx-pgtpd__c .rpx-mono { font-size: 11.5px; color: var(--rpx-blue-text); }
.rpx-pgchecks { display: flex; flex-direction: column; gap: 8px; }
.rpx-pgchecks li { display: flex; gap: 10px; font-size: 15.5px; line-height: 1.5; color: var(--rpx-body); }
.rpx-pgchecks .rpx-ic { margin-top: 3px; color: var(--rpx-green); }
.rpx-pgtpd__end { max-width: 900px; font-size: 17px; line-height: 1.6; font-weight: 600; color: var(--rpx-ink); }

/* Stage 5: steps 5 to 7 */
.rpx-pgpaid { display: grid; grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr)); gap: 40px; }
.rpx-pgpaid .rpx-pgstep__b { padding-bottom: 0; }

/* Stage 5: how long it takes */
.rpx-pgdur { display: flex; flex-direction: column; gap: 18px; }
.rpx-pgdur .rpx-pgsec__h { font-size: 22px; }
.rpx-pgdur__g { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 0 24px; }
.rpx-pgdur__ax { position: relative; height: 26px; }
.rpx-pgdur__tk { position: absolute; left: var(--x); transform: translateX(-50%); font-family: var(--rpx-mono-f); font-size: 11.5px; font-weight: 600; color: var(--rpx-muted); white-space: nowrap; }
.rpx-pgdur__l { display: flex; align-items: center; min-height: 64px; border-top: 1px solid var(--rpx-line); font-size: 15px; font-weight: 800; color: var(--rpx-ink); }
.rpx-pgdur__tr { position: relative; min-height: 64px; border-top: 1px solid var(--rpx-line); }
.rpx-pgdur__gl { position: absolute; top: 0; bottom: 0; left: var(--x); border-left: 1px dashed var(--rpx-line2); }
.rpx-pgdur__bar { position: absolute; top: 20px; left: var(--a); width: var(--w); height: 24px; border-radius: 999px; background: var(--rpx-blue); }
.rpx-pgdur__bar span { position: absolute; top: 50%; left: calc(100% + 10px); transform: translateY(-50%); font-size: 14.5px; font-weight: 800; color: var(--rpx-ink); white-space: nowrap; }
.rpx-pgdur__bar--2 { background: var(--pg-bar2); }
.rpx-pgdur__bar--2 span { left: 14px; color: var(--pg-bar2-t); font-size: 13.5px; }
.rpx-pgdur__bar--more { -webkit-mask: linear-gradient(90deg, #000 85%, transparent); mask: linear-gradient(90deg, #000 85%, transparent); }
.rpx-pgdur__v { display: none; }
.rpx-pgdur__p { font-size: 15px; line-height: 1.6; color: var(--rpx-body); }

/* Stage 5: why advice matters */
.rpx-pgadv { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 64px; align-items: start; }
.rpx-pgadv__t { display: flex; flex-direction: column; gap: 16px; }
.rpx-pgadv__l { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
.rpx-pgadv__l li { border-top: 1px solid var(--rpx-line); }
.rpx-pgadv__l summary { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: baseline; padding: 18px 0 6px; list-style: none; cursor: default; }
.rpx-pgadv__l summary::-webkit-details-marker { display: none; }
.rpx-pgadv__l summary::marker { content: ''; }
.rpx-pgadv__l summary .rpx-mono { color: var(--rpx-blue-text); }
.rpx-pgadv__l summary b { font-family: var(--rpx-display); font-size: 17.5px; font-weight: 800; line-height: 1.3; color: var(--rpx-ink); }
.rpx-pgadv__l summary .rpx-ic { display: none; }
.rpx-pgadv__l p { padding: 0 0 18px 46px; font-size: 14.5px; line-height: 1.6; color: var(--rpx-body); }

/* Stage 5: with a lawyer, or without */
.rpx-pgcmp { display: flex; flex-direction: column; }
.rpx-pgcmp__r { display: grid; grid-template-columns: 220px minmax(0, 1fr) minmax(0, 1fr); border-bottom: 1px solid var(--rpx-line); }
.rpx-pgcmp__r--h { border-bottom: 2px solid var(--rpx-ink); }
.rpx-pgcmp__r--h > span { padding: 14px 20px; font-size: 12px; letter-spacing: 0.14em; }
.rpx-pgcmp__r--h > span:first-child { padding: 14px 0; }
.rpx-pgcmp__w { color: var(--rpx-blue-text) !important; }
.rpx-pgcmp__k { padding: 16px 0; font-size: 16px; font-weight: 800; color: var(--rpx-ink); }
.rpx-pgcmp__a, .rpx-pgcmp__b { display: flex; gap: 10px; padding: 16px 20px; font-size: 15.5px; line-height: 1.55; }
.rpx-pgcmp__a { color: var(--rpx-body); }
.rpx-pgcmp__a .rpx-ic { display: none; }
.rpx-pgcmp__b { font-weight: 600; color: var(--rpx-ink); }
.rpx-pgcmp .rpx-ic { margin-top: 3px; }
.rpx-pgcmp__b .rpx-ic { color: var(--rpx-green); }
.rpx-pgcmp__end { font-size: 16px; line-height: 1.6; color: var(--rpx-body); }

/* Questions */
.rpx-pgfaq { padding: 88px 0; background: var(--rpx-bg); }
.rpx-pgfaq__g { display: grid; grid-template-columns: 380px minmax(0, 1fr); gap: 80px; align-items: start; }
.rpx-pgfaq__t { display: flex; flex-direction: column; gap: 12px; }
.rpx-pgfaq__h { font-family: var(--rpx-display); font-size: clamp(30px, 2.9vw, 40px); font-weight: 900; line-height: 1.06; letter-spacing: -0.02em; color: var(--rpx-ink); }
.rpx-pgqa { border-top: 1px solid var(--rpx-line); }
.rpx-pgqa:last-child { border-bottom: 1px solid var(--rpx-line); }
.rpx-pgqa summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 64px; padding: 10px 0; list-style: none; cursor: pointer; }
.rpx-pgqa summary::-webkit-details-marker { display: none; }
.rpx-pgqa summary::marker { content: ''; }
.rpx-pgqa__q { font-size: 18px; font-weight: 800; line-height: 1.35; color: var(--rpx-ink); }
.rpx-pgqa summary:hover .rpx-pgqa__q { color: var(--rpx-blue-text); }
.rpx-pgqa summary .rpx-ic { color: var(--rpx-blue-text); transition: transform .15s; }
.rpx-pgqa[open] summary .rpx-ic { transform: rotate(45deg); }
.rpx-pgqa__a { display: flex; flex-direction: column; gap: 10px; padding: 0 40px 22px 0; }
.rpx-pgqa__a p { font-size: 16.5px; line-height: 1.65; color: var(--rpx-body); }

/* Closing call */
.rpx-pgcta { background: var(--rpx-navy); color: #FFFFFF; padding: 80px 0 64px; }
.rpx-pgcta__g { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 56px; align-items: center; }
.rpx-pgcta__t { display: flex; flex-direction: column; gap: 14px; max-width: 760px; }
.rpx-pgcta__h { font-family: var(--rpx-display); font-size: clamp(30px, 3.1vw, 44px); font-weight: 900; line-height: 1.08; letter-spacing: -0.02em; color: #FFFFFF; text-wrap: balance; }
.rpx-pgcta__p { font-size: 18.5px; line-height: 1.6; color: var(--rpx-dim); }
.rpx-pgcta__b { display: flex; flex-direction: column; gap: 12px; }
.rpx-pgbtns--col { flex-direction: column; flex-wrap: nowrap; }
.rpx .rpx-pgcta__est { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; font-size: 15.5px; font-weight: 800; color: var(--rpx-gold); }
.rpx .rpx-pgcta__est:hover { text-decoration: underline; text-underline-offset: 3px; }
.rpx-pgcta__note { margin-top: 32px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.14); font-size: 13.5px; line-height: 1.6; color: var(--rpx-dim); }

/* ---------- Compensation payout guide: laptop, tablet, phone ---------- */
@media (max-width: 1180px) {
	.rpx-pghero__g { grid-template-columns: minmax(0, 1fr) 420px; gap: 48px; }
	.rpx-pgfac { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.rpx-pgfac__n { font-size: 72px; }
	.rpx-pgfun__top { width: 380px; }
	.rpx-pgfun__l li, .rpx-pgfun__end { grid-template-columns: 380px minmax(0, 1fr); gap: 36px; }
	.rpx-pgfun__layer { width: max(50%, calc(100% - var(--i, 0) * 7%)); }
	.rpx-pgfun__layer--gold { width: max(46%, calc(100% - var(--i, 0) * 7% - 3%)); }
	.rpx-pgbuild { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
	.rpx-pgbuild .rpx-pgstep:nth-child(n+3) .rpx-pgstep__n { padding-top: 40px; }
	.rpx-pgpay { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.rpx-pgleft { max-width: 640px; }
	.rpx-pgchart__plot, .rpx-pgchart__x { gap: 14px; }
	.rpx-pgcol__a { font-size: 20px; }
	.rpx-pgadv { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.rpx-pgadv__t { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: start; }
	.rpx-pgdl { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.rpx-pgdl__t { max-width: 640px; }
}
@media (max-width: 1023px) {
	.rpx-pghero { padding-bottom: 56px; }
	.rpx-pghero__g { grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; margin-top: 28px; }
	.rpx-pgstrip { margin-top: 32px; }
	.rpx-pgstrip ol { display: flex; flex-direction: column; }
	.rpx-pgstrip ol::before { display: none; }
	.rpx-pgstrip li { border-top: 1px solid rgba(255,255,255,0.16); }
	.rpx-pgstrip a { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: center; min-height: 72px; padding: 12px 34px 12px 0; }
	.rpx-pgstrip .rpx-pgnode { width: 44px; height: 44px; font-size: 18px; }
	.rpx-pgstrip__b { gap: 6px; align-items: flex-start; }
	.rpx-pgstrip__t { font-size: 18px; }
	.rpx-pgstrip__t .rpx-ic { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; }
	.rpx-pgstrip__d { display: none; }
	.rpx-pgst__g { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.rpx-pgst__rail { display: none; }
	.rpx-pgnode--sm { display: inline-flex; }
	.rpx-pgst__m { gap: 48px; padding: 64px 0; }
	.rpx-pgst__hd { grid-template-columns: minmax(0, 1fr); gap: 14px; align-items: start; }
	.rpx-pgst__hd > .rpx-pgchip { justify-self: start; }
	.rpx-pgdl { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.rpx-pgdl__t { max-width: 640px; }
	.rpx-pgfac { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.rpx-pgtypes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 36px; }
	.rpx-pgtypes li:nth-child(3) { border-top: 1px solid var(--rpx-line); }
	.rpx-pgtypes li:nth-child(-n+2) { border-top: 2px solid var(--rpx-ink); }
	.rpx-pgfun__top { width: 300px; }
	.rpx-pgfun__l li, .rpx-pgfun__end { grid-template-columns: 300px minmax(0, 1fr); gap: 28px; }
	.rpx-pgfun__layer { font-size: 14px; }
	.rpx-pgclaim__l { flex-direction: column; gap: 0; }
	.rpx-pgclaim__l li { flex: none; display: grid; grid-template-columns: 14px minmax(0, 1fr); gap: 3px 12px; padding: 12px 0 14px; border-top: 1px solid var(--rpx-line); }
	.rpx-pgclaim__l li > * { grid-column: 2; margin-right: 0; }
	.rpx-pgclaim__t { display: contents; }
	.rpx-pgclaim__t .rpx-ic { display: none; }
	.rpx-pgclaim__sw { display: block; grid-column: 1; grid-row: 1; }
	.rpx-pgclaim__t b { grid-column: 2; grid-row: 1; }
	.rpx-pgpay { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.rpx-pgleft { max-width: 640px; }
	.rpx-pgtpd__g { grid-template-columns: 1fr 1fr; gap: 28px 40px; }
	.rpx-pgtpd__g > .rpx-pgsec__t { grid-column: 1 / -1; }
	.rpx-pgpaid { gap: 28px; }
	.rpx-pgdur__g { grid-template-columns: 170px minmax(0, 1fr); gap: 0 16px; }
	.rpx-pgadv__t { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.rpx-pgcmp__r { grid-template-columns: 150px minmax(0, 1fr) minmax(0, 1fr); }
	.rpx-pgcmp__a, .rpx-pgcmp__b { padding: 14px 14px; font-size: 15px; }
	.rpx-pgfaq { padding: 64px 0; }
	.rpx-pgfaq__g { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.rpx-pgcta { padding: 64px 0 48px; }
	.rpx-pgcta__g { grid-template-columns: minmax(0, 1fr); gap: 28px; align-items: start; }
	.rpx-pgcta__b { flex-direction: row; flex-wrap: wrap; align-items: center; }
	.rpx-pgbtns--col { flex-direction: row; flex-wrap: wrap; }
}
@media (max-width: 760px) {
	.rpx-pghero { padding: 16px 0 28px; }
	.rpx-pghero__g { gap: 22px; margin-top: 16px; }
	.rpx-pghero__t { gap: 12px; }
	.rpx-pgh1 { font-size: 40px; }
	.rpx-pghero__r { gap: 16px; }
	.rpx-pglead { font-size: 16.5px; }
	.rpx-pgbtns { flex-direction: column; gap: 10px; }
	.rpx .rpx-pgbtns .rpx-btn { width: 100%; min-height: 54px; }
	.rpx .rpx-pgbtns a.rpx-btn[href^="tel:"] { min-height: 54px !important; }
	.rpx-pgconsult { font-size: 14px; }
	.rpx-pgstrip { margin-top: 20px; }
	.rpx-pgst__m { gap: 32px; padding: 40px 0; }
	.rpx-pgst__h { font-size: 36px; }
	.rpx-pgst__p { font-size: 16px; }
	.rpx-pgst__k .rpx-mono, .rpx-pgfaq__t .rpx-mono { font-size: 11.5px; }
	.rpx-pgsec { gap: 14px; }
	.rpx-pgsec__t { gap: 6px; }
	.rpx-pgsec__h { font-size: 22px; }
	.rpx-pgsec__p { font-size: 15.5px; }
	.rpx-pgserif { font-size: 17px; line-height: 1.55; }
	.rpx-pgquote { font-size: 17px; }
	/* Stage 1 */
	.rpx-pgpri { display: flex; flex-direction: column; gap: 26px; }
	.rpx-pgpri__g, .rpx-pgpri__l { display: flex; flex-direction: column; }
	.rpx-pgpri__h { padding-bottom: 10px; }
	.rpx-pgpri__n { font-size: 13.5px; }
	.rpx-pgpri__l li { gap: 8px; padding: 18px 0; }
	.rpx-pgpri .rpx-pgtile { width: 36px; height: 36px; border-radius: 10px; }
	.rpx-pgpri__s { gap: 10px; }
	.rpx-pgpri__s .rpx-mono { font-size: 10.5px; }
	.rpx-pgpri__t { font-size: 17.5px; }
	.rpx-pgpri__d { font-size: 14.5px; }
	.rpx-pgdl { gap: 18px; padding-top: 26px; }
	.rpx-pgdl__k { font-size: 11px; }
	.rpx-pgdl__h { font-size: 22px; }
	.rpx-pgdl__p { font-size: 15px; }
	.rpx-pgdl__b { order: 3; padding-top: 0; }
	.rpx-pgdl__t { display: contents; }
	.rpx-pgdl { display: flex; flex-direction: column; align-items: stretch; }
	.rpx-pgtl { order: 2; height: 154px; margin: 8px 0 4px; }
	.rpx .rpx-pgdl__b .rpx-btn { width: 100%; min-height: 54px; }
	.rpx-pgtl .rpx-mono { font-size: 10px; }
	.rpx-pgtl b { font-size: 14px; }
	.rpx-pgtl__long { display: none; }
	.rpx-pgtl__short { display: inline; }
	.rpx-pgtl__br { top: 48px; }
	.rpx-pgtl__bar { top: 64px; }
	.rpx-pgtl__tk { top: 86px; }
	.rpx-pgtl__tl { top: 102px; font-size: 10.5px; }
	.rpx-pgtl__pin { top: 42px; }
	.rpx-pgtl__dot { top: 59px; }
	.rpx-pgtl__fade { top: 128px; font-size: 13px; }
	/* Stage 2 */
	.rpx-pgfac { gap: 14px; }
	.rpx-pgfac__l { display: flex; flex-direction: column; gap: 0; }
	.rpx-pgfac__l li { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 12px; padding: 14px 0; border-top: 1px solid var(--rpx-line); }
	.rpx-pgfac__n { font-size: 56px; }
	.rpx-pgfac__b { gap: 4px; }
	.rpx-pgfac__t { font-size: 17.5px; }
	.rpx-pgfac__d { font-size: 14.5px; }
	.rpx-pgtypes { display: flex; flex-direction: column; }
	.rpx-pgtypes li, .rpx-pgtypes li:nth-child(-n+3) { border-top: 1px solid var(--rpx-line); }
	.rpx-pgtype { position: relative; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; padding: 14px 30px 14px 0; }
	.rpx-pgtype__ic .rpx-ic { width: 24px; height: 24px; }
	.rpx-pgtype__b { gap: 3px; }
	.rpx-pgtype__t { font-family: var(--rpx-text); font-size: 17px; }
	.rpx-pgtype__t .rpx-ic { position: absolute; right: 0; top: 16px; }
	.rpx-pgtype__c, .rpx-pgtype__d { display: none; }
	.rpx-pgfun { gap: 6px; }
	.rpx-pgfun__top { width: auto; font-size: 10.5px; }
	.rpx-pgfun__l { gap: 6px; }
	.rpx-pgfun__l li, .rpx-pgfun__end { display: flex; flex-direction: column; align-items: stretch; gap: 6px; min-height: 0; padding-bottom: 6px; }
	.rpx-pgfun__layer { width: max(40%, calc(100% - var(--i, 0) * 8%)); min-height: 46px; font-size: 14px; gap: 8px; }
	.rpx-pgfun__layer .rpx-ic { width: 16px; height: 16px; }
	.rpx-pgfun__layer--gold { width: max(40%, calc(100% - var(--i, 0) * 8%)); }
	.rpx-pgfun__d { font-size: 13.5px; line-height: 1.5; text-align: center; }
	.rpx-pgfun__end { gap: 16px; }
	/* Stage 3 */
	.rpx-pgbuild { display: flex; flex-direction: column; gap: 0; margin-top: 0; }
	.rpx-pgbuild .rpx-pgstep, .rpx-pgpaid .rpx-pgstep { display: grid; grid-template-columns: 34px minmax(0, 1fr); grid-template-rows: auto; gap: 0 14px; }
	.rpx-pgstep__n { grid-row: 1 / span 2; flex-direction: column; gap: 0; padding: 0; }
	.rpx-pgstep__n .rpx-pgnode { width: 34px; height: 34px; font-size: 14px; }
	.rpx-pgstep__ln, .rpx-pgstep__ln--more { flex: 1; width: 2px; height: auto; min-height: 16px; background: var(--rpx-ink); }
	.rpx-pgstep:last-child .rpx-pgstep__ln--more { background: repeating-linear-gradient(180deg, var(--rpx-ink) 0 6px, transparent 6px 11px); }
	.rpx-pgstep__b { gap: 6px; padding: 4px 0 16px; }
	.rpx-pgstep__t { font-size: 17.5px; }
	.rpx-pgstep__d { font-size: 14.5px; }
	.rpx-pgpit { grid-column: 2; margin: 0 0 24px; padding-top: 10px; }
	.rpx-pgpit--none { display: none; }
	.rpx-pgpit__k { font-size: 10.5px; }
	.rpx-pgpit__i { grid-template-columns: 24px minmax(0, 1fr); gap: 10px; padding: 10px 0; border-top: 0; }
	.rpx-pgpit__ic { width: 24px; height: 24px; background: transparent; }
	.rpx-pgpit__ic .rpx-ic { width: 18px; height: 18px; }
	.rpx-pgpit__b { gap: 3px; }
	.rpx-pgpit__b b { font-size: 15px; }
	.rpx-pgpit__b span { font-size: 13.5px; }
	/* Stage 4 */
	.rpx-pgclaim { gap: 10px; }
	.rpx-pgclaim__h { flex-direction: column; gap: 0; }
	.rpx-pgclaim__h b { font-size: 20px; }
	.rpx-pgclaim__h .rpx-mono { order: 2; margin-top: 12px; font-size: 10px; letter-spacing: 0.1em; }
	.rpx-pgclaim { display: grid; }
	.rpx-pgclaim__h { display: contents; }
	.rpx-pgclaim__bar { order: 1; height: 44px; gap: 3px; }
	.rpx-pgclaim__l { order: 3; }
	.rpx-pgclaim__bar .rpx-pgseg:first-child { border-radius: 10px 0 0 10px; }
	.rpx-pgclaim__bar .rpx-pgseg:last-child { border-radius: 0 10px 10px 0; }
	.rpx-pgclaim__l li { padding: 12px 0 12px; }
	.rpx-pgclaim__t b { font-size: 16px; }
	.rpx-pgclaim__l .rpx-mono { font-size: 10px; }
	.rpx-pgchart { --k: 1.7px; gap: 12px; }
	.rpx-pgchart figcaption .rpx-mono { font-size: 10.5px; }
	.rpx-pgchart figcaption b { font-size: 18px; }
	.rpx-pgchart__g { grid-template-columns: minmax(0, 1fr); gap: 8px; }
	.rpx-pgchart__y { display: none; }
	.rpx-pgchart__plot { padding: 30px 0 0; gap: 8px; }
	.rpx-pgcol__a { left: -6px; right: -6px; padding-bottom: 6px; font-size: 14px; }
	.rpx-pgcol__b { border-radius: 6px 6px 0 0; }
	.rpx-pgchart__x { grid-column: 1; gap: 8px; padding: 0; }
	.rpx-pgchart__x b { font-size: 10.5px; line-height: 1.3; text-align: center; }
	.rpx-pgchart__d { display: none; }
	.rpx-pgchart__fn { font-size: 12.5px; }
	.rpx-pgleft { gap: 8px; padding-top: 14px; }
	.rpx-pgleft__h { font-size: 16.5px; }
	.rpx-pgleft__p { font-size: 14px; }
	.rpx-pgleft__s { font-size: 13px; }
	.rpx-pgtpd { gap: 16px; }
	.rpx-pgtpd__g { display: flex; flex-direction: column; gap: 16px; }
	.rpx-pgtpd__c { gap: 10px; padding-top: 12px; }
	.rpx-pgtpd__c .rpx-mono { font-size: 10.5px; }
	.rpx-pgchecks li { font-size: 14.5px; }
	.rpx-pgtpd__end { font-size: 15px; }
	/* Stage 5 */
	.rpx-pgpaid { display: flex; flex-direction: column; gap: 0; }
	.rpx-pgpaid .rpx-pgstep__b { padding: 4px 0 18px; }
	.rpx-pgpaid .rpx-pgstep:last-child .rpx-pgstep__b { padding-bottom: 0; }
	.rpx-pgdur { gap: 12px; }
	.rpx-pgdur .rpx-pgsec__h { font-size: 18px; }
	.rpx-pgdur__g { display: flex; flex-direction: column; }
	.rpx-pgdur__g > span:first-child { display: none; }
	.rpx-pgdur__ax { height: 20px; }
	.rpx-pgdur__tk { font-size: 10.5px; }
	.rpx-pgdur__tk--minor { display: none; }
	.rpx-pgdur__l { min-height: 0; padding-top: 10px; font-size: 14px; }
	.rpx-pgdur__tr { min-height: 0; padding: 30px 0 10px; border-top: 0; }
	.rpx-pgdur__gl { top: 6px; bottom: auto; height: 22px; }
	.rpx-pgdur__bar { top: 9px; height: 16px; }
	.rpx-pgdur__bar span { display: none; }
	.rpx-pgdur__v { display: block; font-size: 13.5px; font-weight: 700; color: var(--rpx-ink); }
	.rpx-pgdur__p { font-size: 14px; }
	.rpx-pgadv { display: flex; flex-direction: column; gap: 12px; }
	.rpx-pgadv__t { display: contents; }
	.rpx-pgadv__t > .rpx-pgsec__t { order: 1; }
	.rpx-pgadv__l { order: 2; display: flex; flex-direction: column; }
	.rpx-pgadv__t > .rpx-pgserif { order: 3; margin-top: 12px; padding-top: 14px; font-size: 17px; }
	.rpx-pgadv__l summary { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 6px 0; cursor: pointer; }
	.rpx-pgadv__l summary .rpx-mono { flex: none; font-size: 11px; }
	.rpx-pgadv__l summary b { flex: 1; font-family: var(--rpx-text); font-size: 16px; }
	.rpx-pgadv__l summary .rpx-ic { display: block; color: var(--rpx-blue-text); transition: transform .15s; }
	.rpx-pgadv__l details[open] summary .rpx-ic { transform: rotate(45deg); }
	.rpx-pgadv__l p { padding: 0 0 14px; }
	.rpx-pgadv__l li:last-child { border-bottom: 1px solid var(--rpx-line); }
	.rpx-pgcmp__r { display: flex; flex-direction: column; gap: 6px; padding: 14px 0; border-bottom: 0; border-top: 1px solid var(--rpx-line); }
	.rpx-pgcmp__r--h { display: none; }
	.rpx-pgcmp__k { padding: 0; font-size: 16px; }
	.rpx-pgcmp__a, .rpx-pgcmp__b { gap: 8px; padding: 0; font-size: 14px; line-height: 1.5; }
	.rpx-pgcmp__a { color: var(--rpx-muted); }
	.rpx-pgcmp__a .rpx-ic { display: block; margin-top: 2px; }
	.rpx-pgcmp__b { font-weight: 700; }
	.rpx-pgcmp__b .rpx-ic { margin-top: 2px; }
	.rpx-pgcmp__end { font-size: 14.5px; }
	/* Questions and closing call */
	.rpx-pgfaq { padding: 40px 0 32px; }
	.rpx-pgfaq__g { gap: 14px; }
	.rpx-pgfaq__h { font-size: 28px; }
	.rpx-pgqa summary { gap: 14px; }
	.rpx-pgqa__q { font-size: 16px; }
	.rpx-pgqa__a { padding: 0 0 18px; }
	.rpx-pgqa__a p { font-size: 15px; }
	.rpx-pgcta { padding: 36px 0 32px; }
	.rpx-pgcta__g { gap: 16px; }
	.rpx-pgcta__t { gap: 12px; }
	.rpx-pgcta__h { font-size: 28px; }
	.rpx-pgcta__p { font-size: 15.5px; }
	.rpx-pgcta__b { flex-direction: column; align-items: stretch; gap: 10px; }
	.rpx-pgbtns--col { flex-direction: column; }
	.rpx-pgcta__note { margin-top: 16px; padding-top: 16px; }
}
@media (max-width: 380px) {
	.rpx-pgchart__plot, .rpx-pgchart__x { gap: 5px; }
	.rpx-pgchart__x b { font-size: 10px; }
	.rpx-pgcol__a { font-size: 13px; }
}