/* Careers — careers page and register your interest (layout M refined) and each vacancy (layout C refined, "Position
   description"). Approved 3 Oct 2026, canvas "Careers — Refined (M + C)". Scoped to main.crx. */
.crx {
	--crx-bg: #FFFFFF; --crx-soft: #F1F4F9; --crx-card: #FFFFFF; --crx-ink: #0B1A2E; --crx-body: #2A3446; --crx-body2: #3A4659; --crx-muted: #566175;
	--crx-line: #E1E7F0; --crx-line2: #C9D3E2; --crx-dash: #B9C6DA; --crx-blue: #1D63FF; --crx-blue-text: #1D55E0; --crx-blue-soft: #EEF4FF;
	--crx-navy: #0A1628; --crx-gold: #F6C85F; --crx-onnavy: #C3CCDA; --crx-green: #1F7A4A; --crx-green-soft: #E6F4EC;
	--crx-cream: #FFF8E6; --crx-cream-line: #F1DFAE; --crx-amber: #8A5A00; --crx-track: #F3E7C4;
	--crx-paper: #FBF8F1; --crx-paper-line: #D8D2C2; --crx-paper-line2: #E4DCC8; --crx-paper-btn: #C9C1AC; --crx-paper-label: #6B6450; --crx-sheet: #FFFFFF;
	--crx-bar1: #DCE4F0; --crx-bar2: #7FA6FF; --crx-mark: #FCE7A8;
	--crx-t-lawyer: #1D55E0; --crx-t-lawyer-bg: #EEF4FF; --crx-t-para: #1F7A4A; --crx-t-para-bg: #E6F4EC; --crx-t-supp: #8A5A00; --crx-t-supp-bg: #FCEFC9; --crx-t-open: #0B1A2E; --crx-t-open-bg: #E9EDF4;
	--crx-shadow: 0 24px 48px rgba(10,22,40,0.08); --crx-shadow-sm: 0 10px 24px rgba(10,22,40,0.05);
	--crx-display: 'Inter Tight', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--crx-text: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--crx-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
	--crx-mono-f: 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;
	--crx-pad: clamp(20px, 5.6vw, 80px);
	--crx-top: 0px;
	display: block; background: var(--crx-bg); color: var(--crx-ink); font-family: var(--crx-text); font-size: 16px; line-height: 1.55;
}
html[data-ccl-theme="dark"] .crx {
	--crx-bg: #0B1220; --crx-soft: #0F192B; --crx-card: #111D35; --crx-ink: #E8EDF5; --crx-body: #C9D2DF; --crx-body2: #C9D2DF; --crx-muted: #9AA6B8;
	--crx-line: #22304A; --crx-line2: #2A3A58; --crx-dash: #2F4266; --crx-blue-text: #7DA4FF; --crx-blue-soft: #16223A; --crx-navy: #070E1A; --crx-green: #6FD39C; --crx-green-soft: rgba(111,211,156,0.14);
	--crx-cream: rgba(246,200,95,0.07); --crx-cream-line: rgba(246,200,95,0.28); --crx-amber: #F6C85F; --crx-track: rgba(246,200,95,0.16);
	--crx-paper: #0F192B; --crx-paper-line: #2A3A58; --crx-paper-line2: #2A3A58; --crx-paper-btn: #2A3A58; --crx-paper-label: #F6C85F; --crx-sheet: #111D35;
	--crx-bar1: #2A3A58; --crx-bar2: #7FA6FF; --crx-mark: rgba(246,200,95,0.32);
	--crx-t-lawyer: #9DB9FF; --crx-t-lawyer-bg: rgba(127,166,255,0.14); --crx-t-para: #6FD39C; --crx-t-para-bg: rgba(111,211,156,0.14); --crx-t-supp: #F6C85F; --crx-t-supp-bg: rgba(246,200,95,0.14); --crx-t-open: #E8EDF5; --crx-t-open-bg: rgba(255,255,255,0.1);
	--crx-shadow: none; --crx-shadow-sm: none;
}
.crx *, .crx *::before, .crx *::after { box-sizing: border-box; }
.crx :where(h1, h2, h3, h4, p, ul, ol, dl, dd, figure, blockquote, fieldset, legend) { margin: 0; }
.crx :where(ul, ol) { padding: 0; list-style: none; }
.crx li { min-width: 0; }
.crx a { color: inherit; text-decoration: none; }
.crx img { max-width: 100%; }
.crx button, .crx input, .crx select, .crx textarea { font: inherit; }
.crx a:focus-visible, .crx button:focus-visible, .crx input:focus-visible, .crx select:focus-visible, .crx textarea:focus-visible, .crx .crx-file:focus-within { outline: 3px solid var(--crx-blue); outline-offset: 3px; border-radius: 8px; }
.crx [id] { scroll-margin-top: calc(var(--crx-top) + 24px); }
.crx [hidden] { display: none !important; }
html:has(main.crx), html:has(main.crx) body { overflow-x: clip !important; }
.crx-ic { flex: none; display: block; }
.crx-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; }
.crx-wrap { max-width: 1280px; margin: 0 auto; padding-inline: var(--crx-pad); box-sizing: content-box !important; }
.crx-eyebrow { font-size: 13px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--crx-blue-text); }
.crx-eyebrow--gold { color: var(--crx-gold); }
.crx-mono { font-family: var(--crx-mono-f); font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--crx-muted); }
.crx .crx-mono--blue { color: var(--crx-blue-text); }
.crx .crx-mono--gold { color: var(--crx-gold); }
.crx .crx-mono--amber { color: var(--crx-amber); }
.crx .crx-mono--ink { color: var(--crx-ink); }
.crx .crx-mono--paper { color: var(--crx-paper-label); }
.crx h2 { font-family: var(--crx-display); font-size: clamp(30px, 3.1vw, 44px); font-weight: 900; line-height: 1.08; letter-spacing: -0.015em; color: var(--crx-ink); }
.crx-p { font-size: 18px; line-height: 1.6; color: var(--crx-body2); }
.crx-p--big { font-size: 20px; }
.crx-serif { font-family: var(--crx-serif); }
.crx mark { background: linear-gradient(transparent 62%, var(--crx-mark) 62%); color: inherit; }
.crx-adhead { display: flex; flex-direction: column; gap: 12px; }

/* Buttons and links */
.crx .crx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; 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; }
.crx .crx-btn--full { width: 100%; }
.crx .crx-btn--blue { background: var(--crx-blue); border-color: var(--crx-blue); color: #FFFFFF; }
.crx .crx-btn--blue:hover { background: #1550D6; color: #FFFFFF; }
.crx .crx-btn--gold { background: var(--crx-gold); border-color: var(--crx-gold); color: #0A1628; }
.crx .crx-btn--gold:hover { background: #F2BB3A; color: #0A1628; }
.crx .crx-btn--ghost { background: transparent; border-color: rgba(255,255,255,0.3); color: #FFFFFF; }
.crx .crx-btn--ghost:hover { border-color: #FFFFFF; background: rgba(255,255,255,0.06); color: #FFFFFF; }
.crx .crx-btn--line { background: transparent; border-color: var(--crx-line2); color: var(--crx-ink); }
.crx .crx-btn--line:hover { border-color: var(--crx-blue); color: var(--crx-ink); }
.crx .crx-btn[disabled] { opacity: .65; cursor: progress; }
.crx-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.crx .crx-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 15.5px; font-weight: 800; color: var(--crx-blue-text); }
.crx .crx-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.crx-back { display: none; }
.crx-crumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; color: var(--crx-muted); }
.crx-crumb a { display: inline-flex; align-items: center; min-height: 32px; text-decoration: underline !important; text-underline-offset: 3px; }
.crx-crumb a:hover { color: var(--crx-blue-text); }
.crx-crumb .crx-ic { color: #8E9AAE; }
.crx-crumb [aria-current] { color: var(--crx-ink); font-weight: 600; }
.crx-jhero .crx-crumb { color: #AEBBD0; }
.crx-jhero .crx-crumb [aria-current] { color: #FFFFFF; }
.crx-jhero .crx-crumb a:hover { color: #FFFFFF; }

/* Tags and small lists */
.crx-tag { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; background: var(--crx-t-open-bg); font-family: var(--crx-mono-f); font-size: 11.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--crx-t-open); white-space: nowrap; }
.crx-tag--lawyer { background: var(--crx-t-lawyer-bg); color: var(--crx-t-lawyer); }
.crx-tag--paralegal { background: var(--crx-t-para-bg); color: var(--crx-t-para); }
.crx-tag--support { background: var(--crx-t-supp-bg); color: var(--crx-t-supp); }
.crx-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14.5px; color: var(--crx-muted); }
.crx-meta > span, .crx-meta > li { display: inline-flex; align-items: center; gap: 6px; }
.crx-meta .crx-ic { color: var(--crx-blue-text); }
.crx-checks { display: flex; flex-direction: column; gap: 8px; }
.crx-checks li { display: flex; gap: 10px; font-size: 15px; line-height: 1.5; color: var(--crx-ink); }
.crx-checks .crx-ic { margin-top: 3px; color: var(--crx-green); }
.crx-values { display: flex; flex-direction: column; }
.crx-values li { display: flex; align-items: center; gap: 14px; min-height: 56px; padding: 6px 0; border-top: 1px solid var(--crx-line); font-size: 17px; font-weight: 700; line-height: 1.35; color: var(--crx-ink); }
.crx-values--roomy li { min-height: 68px; }
.crx-values--tight li { min-height: 48px; font-size: 15px; }
.crx-values__tick { flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--crx-green-soft); display: flex; align-items: center; justify-content: center; color: var(--crx-green); }

/* Faces */
.crx-faces { display: flex; }
.crx-face { flex: none; display: block; width: 52px; height: 52px; border-radius: 50%; border: 3px solid var(--crx-bg); object-fit: cover; object-position: center 20%; background: var(--crx-soft); }
.crx-faces .crx-face + .crx-face { margin-left: -12px; }
.crx-face--ini { display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 800; color: var(--crx-blue-text); background: var(--crx-blue-soft); }

/* About menu */
.crx-subnav { background: var(--crx-bg); border-bottom: 1px solid var(--crx-line); }
.crx-subnav ul { display: flex; gap: 34px; }
.crx-subnav li { flex: none; min-width: max-content; }
.crx-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(--crx-muted); white-space: nowrap; }
.crx-subnav a:hover { color: var(--crx-ink); }
.crx-subnav a[aria-current] { border-bottom-color: var(--crx-blue); font-weight: 800; color: var(--crx-ink); }

/* Navy header with the conversation (careers page, register your interest) */
.crx-jhero { background: #0A1628; color: #FFFFFF; padding: 28px 0 80px; }
.crx-jhero .crx-wrap { display: flex; flex-direction: column; gap: 36px; }
.crx-jhero__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 600px); gap: 64px; align-items: center; }
.crx--eoi .crx-jhero__row { grid-template-columns: minmax(0, 1fr) minmax(0, 560px); }
.crx-jhero__text { display: flex; flex-direction: column; gap: 20px; }
.crx .crx-jhero h1 { font-family: var(--crx-display); font-size: clamp(42px, 4.1vw, 58px); font-weight: 900; line-height: 1.03; letter-spacing: -0.025em; color: #FFFFFF; }
.crx-lead { font-size: 19px; line-height: 1.6; color: #C3CCDA; }
.crx-meta--hero { font-size: 15.5px; color: #C3CCDA; }
.crx-meta--hero .crx-ic { color: var(--crx-gold); }
.crx-chat { display: flex; flex-direction: column; gap: 14px; padding: 30px; border-radius: 26px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14); }
.crx-chat__who { display: flex; align-items: center; gap: 12px; }
.crx-chat__who > span:last-child { display: flex; flex-direction: column; }
.crx-chat__who b { font-size: 15px; font-weight: 800; color: #FFFFFF; }
.crx-chat__who span span { font-size: 13px; color: #C3CCDA; }
.crx-chat__av { flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--crx-gold); display: flex; align-items: center; justify-content: center; font-family: var(--crx-display); font-size: 14px; font-weight: 900; color: #0A1628; }
.crx-chat__msgs { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.crx-chat__msg { max-width: 92%; padding: 16px 20px; border-radius: 20px 20px 20px 6px; background: #FFFFFF; font-size: 24px; font-weight: 700; line-height: 1.35; color: #0B1A2E; }
.crx-chat__msg--big { font-size: 30px; border-radius: 20px; }
.crx-chat__dots { display: flex; gap: 8px; padding: 6px 2px 0; }
.crx-chat__dots i { width: 8px; height: 8px; border-radius: 50%; background: #C3CCDA; }
.crx-chat__dots i:nth-child(2) { opacity: .7; }
.crx-chat__dots i:nth-child(3) { opacity: .4; }
.crx-chat__reply { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; padding-top: 6px; }
.crx-chat__reply .crx-mono { font-size: 11px; letter-spacing: 0.14em; color: #C3CCDA; }
.crx-chat__reply > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.crx .crx-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 18px; border-radius: 999px; background: var(--crx-blue); font-size: 16px; font-weight: 800; color: #FFFFFF; }
.crx .crx-chip:hover { background: #1550D6; color: #FFFFFF; }
/* The site sets a short height on every mailto: and tel: link; these are buttons. */
.crx a.crx-chip[href^="mailto:"], .crx a.crx-chip[href^="tel:"] { display: inline-flex !important; align-items: center !important; min-height: 48px !important; }
.crx a.crx-btn[href^="mailto:"], .crx a.crx-btn[href^="tel:"] { display: inline-flex !important; align-items: center !important; min-height: 56px !important; }

/* 01 Who we are */
.crx-who { padding: 96px 0 88px; }
.crx-who__grid { display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 72px; align-items: start; }
.crx-who__body { display: flex; flex-direction: column; gap: 26px; }
.crx-who__body .crx-serif { font-size: 24px; font-weight: 600; line-height: 1.35; color: var(--crx-ink); }
.crx-who__body .crx-serif--big { font-size: 30px; }
.crx-who__people { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; padding-top: 6px; }
.crx-who__people .crx-link { white-space: nowrap; }

/* 02 The roles */
.crx-roles { background: var(--crx-soft); padding: 96px 0; }
.crx-roles .crx-wrap { display: flex; flex-direction: column; gap: 14px; }
.crx-roles .crx-adhead { margin-bottom: 26px; }
.crx-roles__label { font-size: 12px; }
.crx-roles__label--work { margin-top: 30px; }
.crx-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.crx-role { display: flex; flex-direction: column; gap: 14px; height: 100%; padding: 28px; border-radius: 20px; background: var(--crx-card); border: 1px solid var(--crx-line); box-shadow: var(--crx-shadow-sm); color: var(--crx-ink); transition: border-color .15s; }
.crx-role:hover { border-color: var(--crx-blue); }
.crx-role__top { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.crx-role__top .crx-mono { font-size: 11px; letter-spacing: 0.08em; }
.crx-role__title { font-family: var(--crx-display); font-size: 23px; font-weight: 800; line-height: 1.15; }
.crx-role__sum { font-size: 15.5px; line-height: 1.55; color: var(--crx-muted); }
.crx-role__foot { margin-top: auto; display: flex; flex-direction: column; gap: 18px; padding-top: 4px; }
.crx-role__btn { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 52px; padding: 0 20px; border-radius: 10px; background: var(--crx-blue); color: #FFFFFF; font-size: 16px; font-weight: 800; }
.crx-role:hover .crx-role__btn { background: #1550D6; }
.crx-none { padding: 24px; border-radius: 16px; background: var(--crx-card); border: 1px solid var(--crx-line); font-size: 16px; color: var(--crx-body2); }
.crx-always { display: flex; flex-direction: column; gap: 14px; margin-top: 26px; padding: 22px 16px 16px; border-radius: 22px; border: 1px dashed var(--crx-dash); }
.crx-always__head { display: flex; align-items: center; gap: 14px; padding: 0 8px; }
.crx-always__head h3 { font-family: var(--crx-display); font-size: 20px; font-weight: 800; color: var(--crx-ink); }
.crx-always__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.crx-eoi { display: flex; align-items: center; gap: 18px; height: 100%; padding: 22px 24px; border-radius: 16px; background: var(--crx-card); border: 1px solid var(--crx-line); color: var(--crx-ink); }
.crx-eoi:hover { border-color: var(--crx-blue); }
.crx-eoi__ic { flex: none; width: 48px; height: 48px; border-radius: 12px; background: var(--crx-blue-soft); display: flex; align-items: center; justify-content: center; color: var(--crx-blue-text); }
.crx-eoi__txt { flex: 1; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.crx-eoi__txt b { font-size: 18px; font-weight: 800; line-height: 1.3; }
.crx-eoi__desc { font-size: 14.5px; line-height: 1.45; color: var(--crx-muted); }
.crx-eoi__go { display: none; font-size: 14px; font-weight: 700; color: var(--crx-blue-text); }
.crx-eoi__link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 15px; font-weight: 800; color: var(--crx-blue-text); white-space: nowrap; }
.crx-eoi > .crx-ic { display: none; color: var(--crx-blue-text); }
.crx-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.crx-path { display: flex; flex-direction: column; gap: 14px; padding: 28px; border-radius: 18px; background: var(--crx-card); border: 1px solid var(--crx-line); }
.crx-path__head { display: flex; align-items: center; gap: 12px; width: 100%; padding: 0; border: 0; background: none; text-align: left; color: var(--crx-ink); cursor: default; pointer-events: none; }
.crx-path__ic { flex: none; width: 46px; height: 46px; border-radius: 12px; background: var(--crx-blue-soft); display: flex; align-items: center; justify-content: center; color: var(--crx-blue-text); }
.crx-path__t { flex: 1; font-family: var(--crx-display); font-size: 22px; font-weight: 800; }
.crx-path__chev { display: none; color: var(--crx-blue-text); transition: transform .2s; }
.crx-path__body { display: flex; flex-direction: column; gap: 14px; }
.crx-path__body p { font-size: 15.5px; line-height: 1.55; color: var(--crx-muted); }

/* 03 + 04 side by side */
.crx-deal { padding: 96px 0 40px; }
.crx-deal__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.crx-deal__need, .crx-deal__give { display: flex; flex-direction: column; gap: 22px; padding: 44px; border-radius: 24px; }
.crx-deal__need { background: var(--crx-card); border: 1px solid var(--crx-line); }
.crx-deal__give { background: #0A1628; }
html[data-ccl-theme="dark"] .crx-deal__give { background: #111D35; border: 1px solid var(--crx-line); }
.crx .crx-deal__give h2 { color: #FFFFFF; }
.crx-wiify { display: flex; flex-direction: column; border-bottom: 1px solid rgba(255,255,255,0.14); }
.crx-wiify li { display: flex; gap: 14px; align-items: flex-start; padding: 11px 0; border-top: 1px solid rgba(255,255,255,0.14); font-size: 16px; font-weight: 700; line-height: 1.45; color: #FFFFFF; }
.crx-wiify li > span:last-child { padding-top: 8px; }
.crx-wiify__ic { flex: none; width: 40px; height: 40px; border-radius: 11px; background: rgba(246,200,95,0.14); display: flex; align-items: center; justify-content: center; color: var(--crx-gold); }

/* Stayers' leave */
.crx-stay { padding: 40px 0 96px; }
.crx-stay__box { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 64px; align-items: end; padding: 48px; border-radius: 24px; background: var(--crx-cream); border: 1px solid var(--crx-cream-line); }
.crx-stay__q { display: flex; flex-direction: column; gap: 18px; }
.crx-stay__q blockquote { font-size: 28px; font-weight: 600; line-height: 1.38; color: var(--crx-ink); }
.crx-stay__q figcaption { font-size: 15px; color: var(--crx-muted); }
.crx-leave { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-items: end; }
.crx-leave li { display: flex; flex-direction: column; gap: 12px; }
.crx-leave__txt { display: flex; flex-direction: column; gap: 2px; }
.crx-leave__txt b { font-size: 16px; font-weight: 800; color: var(--crx-ink); }
.crx-leave__txt span { font-size: 14px; color: var(--crx-muted); }
.crx-leave__bar { display: block; border-radius: 12px 12px 4px 4px; }
.crx-leave__bar span { display: block; width: 100%; height: 100%; border-radius: inherit; }
.crx-leave--1 .crx-leave__bar { height: 72px; } .crx-leave--1 .crx-leave__bar span { background: var(--crx-bar1); }
.crx-leave--2 .crx-leave__bar { height: 128px; } .crx-leave--2 .crx-leave__bar span { background: var(--crx-bar2); }
.crx-leave--3 .crx-leave__bar { height: 184px; } .crx-leave--3 .crx-leave__bar span { background: var(--crx-gold); }

/* 05 Ready to take charge */
.crx-ready { background: var(--crx-soft); padding: 96px 0; }
.crx-ready .crx-wrap { display: flex; flex-direction: column; gap: 48px; }
.crx-ready__grid { display: grid; grid-template-columns: minmax(0, 1fr) 520px; gap: 64px; align-items: start; }
.crx-ready__text { display: flex; flex-direction: column; gap: 22px; }
.crx-ready__steps { padding: 40px; border-radius: 24px; background: var(--crx-card); border: 1px solid var(--crx-line); }
.crx-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; position: relative; }
.crx-steps li { position: relative; display: flex; flex-direction: column; gap: 12px; }
.crx-steps li + li::before { content: ""; position: absolute; top: 27px; right: 100%; width: calc(100% - 32px); height: 2px; background: var(--crx-line2); }
.crx-steps__dot { position: relative; z-index: 1; width: 56px; height: 56px; border-radius: 50%; background: var(--crx-blue); display: flex; align-items: center; justify-content: center; color: #FFFFFF; box-shadow: 0 0 0 6px var(--crx-card); }
.crx-steps__txt { display: flex; flex-direction: column; gap: 8px; }
.crx-steps__txt b { font-family: var(--crx-display); font-size: 22px; font-weight: 800; color: var(--crx-ink); }
.crx-steps__txt > span:last-child { font-size: 15.5px; line-height: 1.55; color: var(--crx-muted); }

/* Peter Carter's note */
.crx-pc { display: flex; flex-direction: column; gap: 18px; padding: 30px; border-radius: 20px; background: var(--crx-card); border: 1px solid var(--crx-line); box-shadow: var(--crx-shadow); }
.crx-pc > .crx-ic { color: var(--crx-blue-text); }
.crx-pc blockquote { font-family: var(--crx-serif); font-size: 21px; font-weight: 600; line-height: 1.42; color: var(--crx-ink); }
.crx-pc blockquote a { color: var(--crx-blue-text); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.crx-pc figcaption { display: flex; align-items: center; gap: 16px; }
.crx-pc__img { flex: none; width: 56px; height: 56px; border-radius: 50%; object-fit: cover; object-position: center 20%; background: var(--crx-soft); }
.crx-pc figcaption > span { display: flex; flex-direction: column; gap: 2px; }
.crx-pc figcaption b { font-size: 17px; font-weight: 800; color: var(--crx-ink); }
.crx-pc figcaption > span > span { font-size: 14.5px; color: var(--crx-muted); }

/* What comes next */
.crx-next { padding: 0 0 72px; }
.crx-next ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--crx-line); }
.crx-next a { display: flex; align-items: center; gap: 14px; min-height: 88px; padding: 18px 20px 18px 0; color: var(--crx-ink); }
.crx-next a > .crx-ic { color: var(--crx-blue-text); }
.crx-next a > span { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.crx-next b { font-size: 17px; font-weight: 800; }
.crx-next a > span > span { font-size: 14.5px; color: var(--crx-muted); }
.crx-next a:hover b { text-decoration: underline; text-underline-offset: 3px; }
.crx--careers .crx-next, .crx--eoi .crx-next { padding-top: 0; }
.crx--careers .crx-ready + .crx-next, .crx--eoi .crx-why + .crx-next { padding-top: 0; }

/* Forms */
.crx-apply { background: var(--crx-soft); padding: 72px 0; }
.crx-apply__grid { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 40px; align-items: start; }
.crx-form { display: flex; flex-direction: column; gap: 28px; padding: 40px; border-radius: 24px; background: var(--crx-card); border: 1px solid var(--crx-line); box-shadow: var(--crx-shadow); }
.crx-form__head { display: flex; flex-direction: column; gap: 8px; }
.crx .crx-form__head h2 { font-size: 30px; }
.crx-form__head p { font-size: 15px; color: var(--crx-muted); }
.crx-req { color: #B4232A; }
html[data-ccl-theme="dark"] .crx-req { color: #FF8A8A; }
.crx-opt { font-weight: 500; color: var(--crx-muted); }
.crx-progress { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.crx-progress li { display: flex; flex-direction: column; gap: 8px; font-size: 13.5px; font-weight: 700; color: var(--crx-muted); }
.crx-progress li span { height: 6px; border-radius: 999px; background: var(--crx-bar1); transition: background-color .2s; }
.crx-progress li.is-on { color: var(--crx-ink); }
.crx-progress__t, .crx-progress__n { font-style: normal; }
.crx-progress li.is-on span, .crx-progress li.is-done span { background: var(--crx-blue); }
.crx-part { display: flex; flex-direction: column; gap: 18px; min-width: 0; padding: 28px 0 0; border: 0; border-top: 1px solid var(--crx-line); }
.crx-part__head { float: left; width: 100%; display: flex; align-items: center; gap: 14px; padding: 0; font-family: var(--crx-display); font-size: 22px; font-weight: 800; color: var(--crx-ink); }
.crx-part__n { flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--crx-blue); display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 900; color: #FFFFFF; }
.crx-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }
.crx-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.crx-label { font-size: 14.5px; font-weight: 700; line-height: 1.35; color: var(--crx-ink); }
.crx-hint { font-size: 13.5px; color: var(--crx-muted); }
.crx .crx-input, .crx .crx-select select { width: 100%; min-height: 52px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--crx-line2); background: var(--crx-card); font-size: 16px; color: var(--crx-ink); box-shadow: none; }
.crx .crx-input--area { min-height: 110px; padding: 12px 14px; line-height: 1.5; resize: vertical; }
.crx .crx-input::placeholder { color: #7A8599; opacity: 1; }
.crx-select { position: relative; display: block; }
.crx .crx-select select { appearance: none; -webkit-appearance: none; padding-right: 42px; cursor: pointer; }
.crx-select .crx-ic { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--crx-muted); pointer-events: none; }
.crx .crx-input:hover, .crx .crx-select select:hover { border-color: #9FB2CF; }
.crx .is-bad .crx-input, .crx .is-bad .crx-select select, .crx .is-bad .crx-file { border-color: #B4232A; }
.crx-err { font-size: 13.5px; font-weight: 700; color: #B4232A; }
html[data-ccl-theme="dark"] .crx-err { color: #FF8A8A; }
.crx-file { position: relative; display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 8px 14px; border-radius: 10px; border: 1px dashed #9FB2CF; background: var(--crx-soft); cursor: pointer; }
.crx-file:hover, .crx-file.is-drag { border-color: var(--crx-blue); background: var(--crx-blue-soft); }
.crx-file input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.crx-file__ic { flex: none; width: 36px; height: 36px; border-radius: 10px; background: var(--crx-blue-soft); display: flex; align-items: center; justify-content: center; color: var(--crx-blue-text); }
.crx-file__txt { display: flex; flex-direction: column; min-width: 0; }
.crx-file__txt b { font-size: 15px; font-weight: 700; color: var(--crx-ink); overflow-wrap: anywhere; }
.crx-file__txt span { font-size: 13px; color: var(--crx-muted); }
.crx-file.has-file .crx-file__txt b { color: var(--crx-green); }
.crx-seg { display: flex; gap: 4px; padding: 4px; border-radius: 12px; background: var(--crx-t-open-bg); }
.crx-seg button { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border: 0; border-radius: 8px; background: transparent; font-size: 14.5px; font-weight: 700; color: var(--crx-muted); cursor: pointer; }
.crx-seg button[aria-pressed="true"] { background: var(--crx-card); box-shadow: 0 1px 3px rgba(10,22,40,0.14); font-weight: 800; color: var(--crx-ink); }
.crx-seg button[aria-pressed="true"] .crx-ic { color: var(--crx-blue-text); }
.crx-field--notice.is-off .crx-label { color: var(--crx-muted); }
.crx-submit { display: flex; flex-direction: column; gap: 12px; }
.crx-status { padding: 14px 16px; border-radius: 12px; font-size: 15px; font-weight: 700; line-height: 1.45; }
.crx-status.is-ok { background: var(--crx-green-soft); color: var(--crx-green); }
.crx-status.is-bad { background: rgba(180,35,42,0.08); color: #B4232A; }
html[data-ccl-theme="dark"] .crx-status.is-bad { color: #FF8A8A; }
.crx-privacy { font-size: 13.5px; line-height: 1.5; color: var(--crx-muted); }
.crx-privacy a { color: var(--crx-blue-text); font-weight: 700; overflow-wrap: anywhere; }
.crx-apply__side { position: sticky; top: calc(var(--crx-top) + 24px); display: flex; flex-direction: column; gap: 16px; }
.crx-card { display: flex; flex-direction: column; gap: 12px; padding: 28px; border-radius: 20px; background: var(--crx-card); border: 1px solid var(--crx-line); }
.crx .crx-card__h { font-size: 26px; }
.crx-areas { display: flex; flex-wrap: wrap; gap: 8px; }
.crx-areas li { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 14px; border-radius: 999px; background: var(--crx-card); border: 1px solid var(--crx-line); font-size: 13.5px; font-weight: 700; color: var(--crx-ink); }
.crx-areas .crx-ic { color: var(--crx-blue-text); }
.crx-why { padding: 88px 0; }
.crx-why .crx-wrap { display: flex; flex-direction: column; gap: 28px; }
.crx-whygrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.crx-whygrid > li { display: flex; flex-direction: column; gap: 12px; padding: 22px 24px; border-radius: 16px; background: var(--crx-card); border: 1px solid var(--crx-line); }
.crx-whygrid > li:last-child:nth-child(3n + 1) { grid-column: 1 / -1; }
.crx-whygrid h3 { display: flex; align-items: center; gap: 12px; font-family: var(--crx-display); font-size: 18px; font-weight: 800; color: var(--crx-ink); }
.crx-whygrid h3 .crx-ic { color: var(--crx-blue-text); }
.crx-whygrid .crx-checks li { font-size: 15px; color: var(--crx-body2); }

/* ---------- The vacancy page: position description ---------- */
.crx-pd { background: var(--crx-paper); padding: 28px 0 56px; }
.crx-pd .crx-wrap { display: flex; flex-direction: column; gap: 30px; }
.crx-pd__top { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.crx .crx-alllink { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 15px; font-weight: 800; color: var(--crx-blue-text); white-space: nowrap; }
.crx-pd__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 48px; align-items: end; }
.crx-pd__text { display: flex; flex-direction: column; gap: 16px; max-width: 900px; }
.crx .crx-pd h1 { font-family: var(--crx-display); font-size: clamp(36px, 4vw, 58px); font-weight: 900; line-height: 1.04; letter-spacing: -0.025em; color: var(--crx-ink); }
.crx-pd__sum { font-family: var(--crx-serif); font-size: 23px; font-style: italic; line-height: 1.45; color: var(--crx-body2); }
.crx-pd__tools { display: flex; flex-direction: column; gap: 10px; }
.crx-pd__btns { display: flex; gap: 10px; }
.crx .crx-tool { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0 20px; border-radius: 10px; border: 1px solid var(--crx-paper-btn); background: transparent; font-size: 16px; font-weight: 700; color: var(--crx-ink); white-space: nowrap; cursor: pointer; }
.crx .crx-tool:hover { border-color: var(--crx-blue); }
.crx-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 2px solid var(--crx-ink); border-left: 1px solid var(--crx-paper-line); }
.crx-facts > div { display: flex; flex-direction: column; gap: 6px; padding: 18px 22px; border-right: 1px solid var(--crx-paper-line); border-bottom: 1px solid var(--crx-paper-line); }
.crx-facts dt { font-family: var(--crx-mono-f); font-size: 11.5px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--crx-paper-label); }
.crx-facts dd { font-size: 17px; font-weight: 800; line-height: 1.3; color: var(--crx-ink); }
.crx-doc__grid { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 72px; align-items: start; padding-bottom: 72px; }
.crx-toc { position: sticky; top: calc(var(--crx-top) + 24px); display: flex; flex-direction: column; gap: 14px; padding-top: 48px; }
.crx-toc__toggle { display: none; }
.crx-toc__list { display: flex; flex-direction: column; border-left: 2px solid var(--crx-line); }
.crx-toc__list a { display: flex; align-items: center; gap: 12px; min-height: 46px; margin-left: -2px; padding-left: 16px; border-left: 2px solid transparent; font-size: 15.5px; font-weight: 600; color: var(--crx-muted); }
.crx-toc__list a:hover { color: var(--crx-ink); }
.crx-toc__list a[aria-current] { border-left-color: var(--crx-blue); font-weight: 800; color: var(--crx-ink); }
.crx-toc__list a[aria-current] .crx-mono { color: var(--crx-blue-text); }
.crx-toc__apply { margin-top: 12px; }
.crx-doc { min-width: 0; max-width: 820px; display: flex; flex-direction: column; }
.crx-sec { display: flex; flex-direction: column; gap: 20px; padding: 48px 0; border-top: 1px solid var(--crx-line); }
.crx-sec:first-child { border-top: 0; }
.crx .crx-sec h2, .crx .crx-apply__intro h2 { display: flex; align-items: baseline; gap: 18px; font-size: 36px; }
.crx-sec__n { flex: none; font-family: var(--crx-mono-f); font-size: 15px; font-weight: 600; letter-spacing: 0.06em; color: var(--crx-blue-text); }
.crx-doc .crx-serif, .crx-apply__intro .crx-serif { font-size: 19.5px; line-height: 1.6; color: var(--crx-body); }
.crx-doc .crx-serif--lead { font-size: 21px; }
.crx-duties { display: flex; flex-direction: column; gap: 18px; }
.crx-duties li { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 8px; }
.crx-duties .crx-mono { font-size: 14px; letter-spacing: 0.04em; padding-top: 3px; }
.crx-duties li > span:last-child { display: flex; flex-direction: column; gap: 4px; }
.crx-duties b { font-size: 18px; font-weight: 800; color: var(--crx-ink); }
.crx-duties .crx-serif { font-size: 18.5px !important; }
.crx-duties--steps b { font-size: 17px; }
.crx-duties--steps li > span:last-child > span { font-size: 15.5px; line-height: 1.5; color: var(--crx-muted); }
.crx-needbox { display: grid; grid-template-columns: minmax(0, 1fr); border: 1px solid var(--crx-line); border-radius: 4px; }
.crx-needbox--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.crx-needbox > div { display: flex; flex-direction: column; gap: 14px; padding: 24px 26px; }
.crx-needbox--two > div + div { border-left: 1px solid var(--crx-line); }
.crx-squares { display: flex; flex-direction: column; gap: 10px; }
.crx-squares li { position: relative; padding-left: 19px; font-size: 16px; line-height: 1.5; color: var(--crx-ink); }
.crx-squares li::before { content: ""; position: absolute; left: 0; top: 8px; width: 7px; height: 7px; background: var(--crx-blue); }
.crx-give { display: flex; flex-direction: column; border-bottom: 1px solid var(--crx-line); }
.crx-give > div { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 24px; padding: 16px 0; border-top: 1px solid var(--crx-line); }
.crx-give dt { display: flex; align-items: center; gap: 10px; font-size: 16.5px; font-weight: 800; line-height: 1.3; color: var(--crx-ink); }
.crx-give dt .crx-ic { color: var(--crx-blue-text); }
.crx-give dd { font-family: var(--crx-serif); font-size: 18px; line-height: 1.55; color: var(--crx-body); }
.crx-close { display: flex; flex-direction: column; gap: 18px; padding-top: 28px; }
.crx-close blockquote { font-family: var(--crx-serif); font-size: 34px; font-style: italic; font-weight: 600; line-height: 1.25; color: var(--crx-ink); }
.crx-close figcaption { font-size: 19px; line-height: 1.6; color: var(--crx-body); }
.crx-close__leave { padding: 22px 24px; border-radius: 4px; background: var(--crx-paper); }
.crx-close__leave .crx-leave { grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: stretch; }
.crx-close__leave .crx-leave li { gap: 6px; }
.crx-close__leave .crx-leave__txt { flex-direction: row; justify-content: space-between; gap: 10px; font-size: 14px; }
.crx-close__leave .crx-leave__txt b, .crx-close__leave .crx-leave__txt span { font-size: 14px; }
.crx-close__leave .crx-leave__bar { height: 12px !important; border-radius: 999px; background: var(--crx-paper-line2); }
.crx-close__leave .crx-leave--1 .crx-leave__bar span { width: 34%; }
.crx-close__leave .crx-leave--2 .crx-leave__bar span { width: 66%; }
.crx-apply--job { background: var(--crx-paper); padding: 88px 0; }
.crx-apply--job .crx-apply__grid { grid-template-columns: 420px minmax(0, 1fr); grid-template-rows: auto 1fr; gap: 24px 64px; grid-template-areas: "intro form" "letter form"; }
.crx-apply__intro { grid-area: intro; display: flex; flex-direction: column; gap: 24px; }
.crx-apply--job .crx-form { grid-area: form; }
.crx-apply--job .crx-pc--letter { grid-area: letter; align-self: start; }
.crx-apply--job .crx-form { box-shadow: var(--crx-shadow); }
.crx-readybox { display: flex; flex-direction: column; gap: 12px; padding: 22px 24px; border: 1px solid var(--crx-paper-line2); background: var(--crx-sheet); }
.crx-pc--letter { border-radius: 0; border-color: var(--crx-paper-line2); box-shadow: 0 18px 40px rgba(60,48,20,0.08); }
html[data-ccl-theme="dark"] .crx-pc--letter { box-shadow: none; }
.crx-pc--letter > .crx-ic { display: none; }
.crx-pc--letter blockquote { font-weight: 400; }
.crx-pc--letter figcaption { padding-top: 16px; border-top: 1px solid var(--crx-paper-line2); }
.crx-pc--letter figcaption b { font-family: var(--crx-serif); font-size: 19px; font-style: italic; font-weight: 600; }
.crx-others { padding: 80px 0 56px; }
.crx-others .crx-wrap { display: flex; flex-direction: column; gap: 22px; }
.crx-others__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }
.crx .crx-others h2 { font-size: 32px; }
.crx-table { display: flex; flex-direction: column; }
.crx-table__head, .crx-table__row { display: grid; grid-template-columns: 1.6fr 0.8fr 1fr 0.8fr 44px; gap: 24px; align-items: center; }
.crx-table__head { padding-bottom: 12px; border-bottom: 2px solid var(--crx-ink); font-family: var(--crx-mono-f); font-size: 11.5px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--crx-muted); }
.crx-table__row { min-height: 68px; padding: 10px 0; border-bottom: 1px solid var(--crx-line); color: var(--crx-ink); }
.crx-table__row:hover .crx-table__t { color: var(--crx-blue-text); text-decoration: underline; text-underline-offset: 3px; }
.crx-table__t { font-size: 17px; font-weight: 800; line-height: 1.3; }
.crx-table__m { font-size: 15px; color: var(--crx-muted); }
.crx-table__pre { display: none; }
.crx-table__go { color: var(--crx-blue-text); }

/* ---------- Tablet ---------- */
@media (max-width: 1180px) {
	.crx-jhero__row, .crx--eoi .crx-jhero__row { grid-template-columns: minmax(0, 1fr); gap: 40px; }
	.crx-chat { max-width: 640px; }
	.crx-who__grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.crx-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.crx-paths { grid-template-columns: minmax(0, 1fr); }
	.crx-deal__grid { grid-template-columns: minmax(0, 1fr); }
	.crx-stay__box { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.crx-ready__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.crx-ready__grid .crx-pc { max-width: 640px; }
	.crx-apply__grid { grid-template-columns: minmax(0, 1fr); }
	.crx-apply__side { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.crx-whygrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.crx-whygrid > li:last-child:nth-child(3n + 1) { grid-column: auto; }
	.crx-whygrid > li:last-child:nth-child(2n + 1) { grid-column: 1 / -1; }
	.crx-pd__row { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.crx-pd__tools { flex-direction: row; flex-wrap: wrap; }
	.crx-pd__tools > .crx-btn { width: auto; }
	.crx-pd__btns { flex: none; }
	.crx-doc__grid { grid-template-columns: 220px minmax(0, 1fr); gap: 48px; }
	.crx-apply--job .crx-apply__grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; grid-template-areas: "intro" "form" "letter"; }
	.crx-apply--job .crx-pc--letter { max-width: 640px; }
	.crx-give > div { grid-template-columns: 200px minmax(0, 1fr); }
}
@media (max-width: 1023px) {
	.crx-subnav ul { gap: 26px; overflow-x: auto; scrollbar-width: none; }
	.crx-subnav ul::-webkit-scrollbar { display: none; }
	.crx-next ul { grid-template-columns: minmax(0, 1fr); }
	.crx-next li + li a { border-top: 1px solid var(--crx-line); }
	.crx-doc__grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.crx-toc { position: sticky; top: var(--crx-top); z-index: 5; flex-direction: column; gap: 0; margin: 0 calc(var(--crx-pad) * -1); padding: 10px var(--crx-pad); background: var(--crx-bg); border-bottom: 1px solid var(--crx-line); }
	.crx-toc__label, .crx .crx-toc__apply { display: none; }
	.crx-toc__toggle { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--crx-line); background: var(--crx-card); color: var(--crx-ink); text-align: left; cursor: pointer; }
	.crx-toc__toggle .crx-mono { font-size: 10.5px; }
	.crx-toc__now { flex: 1; font-size: 15px; font-weight: 800; }
	.crx-toc__toggle .crx-ic { color: var(--crx-blue-text); transition: transform .2s; }
	.crx-toc__toggle[aria-expanded="true"] .crx-ic { transform: rotate(180deg); }
	.crx-toc__list { display: none; margin-top: 8px; border: 1px solid var(--crx-line); border-radius: 10px; background: var(--crx-card); overflow: hidden; }
	.crx-toc.is-open .crx-toc__list { display: flex; }
	.crx-toc__list a { min-height: 48px; margin: 0; padding: 0 14px; border-left: 0; border-top: 1px solid var(--crx-line); }
	.crx-toc__list li:first-child a { border-top: 0; }
	.crx-toc__list a[aria-current] { background: var(--crx-blue-soft); }
	.crx-sec:first-child { padding-top: 36px; }
}

/* ---------- Phone ---------- */
@media (max-width: 760px) {
	.crx-crumb, .crx-pd__top .crx-crumb { display: none; }
	.crx .crx-back { display: inline-flex; align-self: flex-start; align-items: center; gap: 8px; min-height: 44px; font-size: 14.5px; font-weight: 700; color: var(--crx-muted); }
	.crx .crx-back--dark { color: #C3CCDA; }
	.crx h2 { font-size: 30px; }
	.crx-p { font-size: 16px; }
	.crx-p--big { font-size: 16.5px; }
	.crx .crx-btn { width: 100%; min-height: 54px; }
	.crx-actions { flex-direction: column; gap: 10px; }
	.crx-subnav { padding: 14px 0; border-bottom: 1px solid var(--crx-line); }
	.crx-subnav .crx-wrap { padding-right: 0; }
	.crx-subnav ul { gap: 8px; padding-right: 20px; -webkit-overflow-scrolling: touch; }
	.crx-subnav a { min-height: 44px; padding: 0 14px; border: 1px solid var(--crx-line); border-radius: 999px; background: var(--crx-card); font-size: 14.5px; font-weight: 700; color: var(--crx-ink); }
	.crx-subnav a[aria-current] { background: #0A1628; border-color: #0A1628; color: #FFFFFF; }
	html[data-ccl-theme="dark"] .crx-subnav a[aria-current] { background: var(--crx-blue); border-color: var(--crx-blue); }

	.crx-jhero { padding: 12px 0 32px; }
	.crx-jhero .crx-wrap { gap: 16px; }
	.crx-jhero__row { gap: 16px; }
	.crx-jhero__text { gap: 16px; }
	.crx .crx-jhero h1 { font-size: clamp(32px, 9.8vw, 38px); line-height: 1.04; letter-spacing: -0.02em; }
	.crx--eoi .crx-jhero h1 { font-size: clamp(30px, 9.2vw, 36px); }
	.crx-lead { font-size: 16.5px; }
	.crx--eoi .crx-lead { font-size: 16px; }
	.crx-meta--hero { font-size: 14.5px; }
	.crx-chat { gap: 10px; padding: 20px; border-radius: 22px; }
	.crx-chat__av { width: 38px; height: 38px; font-size: 12.5px; }
	.crx-chat__who b { font-size: 14px; }
	.crx-chat__who span span { font-size: 12.5px; }
	.crx-chat__msgs { gap: 10px; }
	.crx-chat__msg { padding: 12px 16px; font-size: 18px; }
	.crx-chat__msg--big { font-size: 24px; }
	.crx--eoi .crx-chat__msg--big { font-size: 22px; }
	.crx-chat__reply { gap: 8px; padding-top: 4px; }
	.crx-chat__reply > div { gap: 8px; }
	.crx .crx-chip { font-size: 15px; }

	.crx-who { padding: 36px 0; }
	.crx-who__grid { gap: 18px; }
	.crx-who__body { gap: 18px; }
	.crx-who__body .crx-serif { font-size: 18.5px; line-height: 1.38; }
	.crx-who__body .crx-serif--big { font-size: 22px; }
	.crx-face { width: 40px; height: 40px; }
	.crx-faces .crx-face + .crx-face { margin-left: -10px; }
	.crx-faces .crx-face:nth-child(n + 7) { display: none; }
	.crx-who__people { flex-wrap: nowrap; gap: 12px; }
	.crx-face { width: 38px; height: 38px; }

	.crx-roles { padding: 36px 0; }
	.crx-roles .crx-adhead { margin-bottom: 2px; }
	.crx-roles .crx-wrap { gap: 16px; }
	.crx-roles__label { font-size: 11px; }
	.crx-roles__label--work { margin-top: 10px; }
	.crx-cards { grid-template-columns: minmax(0, 1fr); }
	.crx-role { gap: 12px; padding: 22px 20px; border-radius: 18px; }
	.crx-role__top .crx-mono { font-size: 10.5px; letter-spacing: 0.06em; }
	.crx-role__title { font-size: 21px; line-height: 1.22; }
	.crx-role__sum { font-size: 15px; }
	.crx-role__foot { gap: 12px; padding-top: 0; }
	.crx-role__foot .crx-meta { font-size: 14px; }
	.crx-role__btn { min-height: 50px; padding: 0 18px; font-size: 15.5px; }
	.crx-always { gap: 10px; margin-top: 8px; padding: 16px 12px 12px; border-radius: 18px; }
	.crx-always__head { gap: 10px; padding: 0 4px; }
	.crx-always__head h3 { font-size: 17px; }
	.crx-always__list { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	.crx-eoi { gap: 14px; min-height: 76px; padding: 16px; border-radius: 14px; }
	.crx-eoi__ic { width: 44px; height: 44px; }
	.crx-eoi__txt { gap: 3px; }
	.crx-eoi__txt b { font-size: 16.5px; }
	.crx-eoi__desc, .crx-eoi__link { display: none; }
	.crx-eoi__go { display: block; }
	.crx-eoi > .crx-ic { display: block; }
	.crx-paths { gap: 10px; }
	.crx-path { gap: 0; padding: 0; border-radius: 16px; }
	.crx-path__head { min-height: 64px; padding: 0 16px; pointer-events: auto; cursor: pointer; }
	.crx-path__ic { width: 40px; height: 40px; border-radius: 11px; }
	.crx-path__t { font-size: 19px; }
	.crx-path__chev { display: flex; }
	.crx-path.is-open .crx-path__chev { transform: rotate(180deg); }
	.crx-path__body { display: none; gap: 12px; padding: 0 16px 18px; }
	.crx-path.is-open .crx-path__body { display: flex; }
	.crx-path__body p { font-size: 15px; }
	.crx-path__body .crx-checks li { font-size: 14.5px; }

	.crx-deal { padding: 36px 0 16px; }
	.crx-deal__grid { gap: 16px; }
	.crx-deal__need, .crx-deal__give { gap: 14px; padding: 24px 20px; border-radius: 20px; }
	.crx-adhead { gap: 8px; }
	.crx-adhead .crx-mono { font-size: 11px; }
	.crx-values li { min-height: 54px; font-size: 15.5px; }
	.crx-values--roomy li { min-height: 54px; }
	.crx-wiify li { font-size: 15px; }
	.crx-stay { padding: 0 0 36px; }
	.crx-stay__box { gap: 18px; padding: 24px 20px; border-radius: 20px; }
	.crx-stay__q { gap: 18px; }
	.crx-stay__q .crx-mono { font-size: 11px; }
	.crx-stay__q blockquote { font-size: 20px; line-height: 1.4; }
	.crx-stay__q figcaption { font-size: 13.5px; }
	.crx-leave { grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: stretch; }
	.crx-leave li { gap: 6px; }
	.crx-leave__txt { flex-direction: row; justify-content: space-between; gap: 10px; }
	.crx-leave__txt b, .crx-leave__txt span { font-size: 14px; }
	.crx-leave .crx-leave__bar { height: 12px !important; border-radius: 999px; background: var(--crx-track); }
	.crx-leave--1 .crx-leave__bar span { width: 34%; }
	.crx-leave--2 .crx-leave__bar span { width: 66%; }
	.crx-ready { padding: 36px 0; }
	.crx-ready .crx-wrap { gap: 18px; }
	.crx-ready__grid, .crx-ready__text { display: contents; }
	.crx-ready .crx-adhead { order: 1; }
	.crx-ready .crx-p { order: 2; }
	.crx-ready__steps { order: 3; padding: 22px 18px; border-radius: 18px; }
	.crx-ready .crx-actions { order: 4; }
	.crx-ready .crx-pc { order: 5; }
	.crx-steps { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.crx-steps li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding-bottom: 18px; }
	.crx-steps li:last-child { padding-bottom: 0; }
	.crx-steps li + li::before { display: none; }
	.crx-steps li:not(:last-child)::after { content: ""; position: absolute; left: 21px; top: 44px; bottom: 0; width: 2px; background: var(--crx-line2); }
	.crx-steps__dot { width: 44px; height: 44px; box-shadow: none; }
	.crx-steps__dot .crx-ic { width: 20px; height: 20px; }
	.crx-steps__txt { gap: 4px; padding-top: 2px; }
	.crx-steps__txt .crx-mono { font-size: 11px; }
	.crx-steps__txt b { font-family: var(--crx-text); font-size: 17px; }
	.crx-steps__txt > span:last-child { font-size: 14.5px; }
	.crx-pc { padding: 22px 20px; }
	.crx-pc blockquote { font-size: 18px; }
	.crx-pc__img { width: 52px; height: 52px; }
	.crx-next { padding: 8px 0 32px; }
	.crx-next ul { border-bottom: 1px solid var(--crx-line); }
	.crx-next a { min-height: 72px; padding: 12px 0; }
	.crx-next a > .crx-ic:first-child { width: 22px; height: 22px; }
	.crx-next b { font-size: 16px; }
	.crx-next a > span > span { font-size: 14px; }

	.crx-apply { padding: 28px 0 32px; }
	.crx-apply__grid { gap: 14px; }
	.crx-form { gap: 22px; padding: 24px 18px; border-radius: 20px; }
	.crx .crx-form__head h2 { font-size: 26px; }
	.crx-form__head p { font-size: 14px; }
	.crx-progress { gap: 6px; }
	.crx-progress li { gap: 6px; font-size: 12px; }
	.crx-progress li span { height: 5px; }
	.crx-progress__n { display: none; }
	.crx-part { padding-top: 22px; }
	.crx-part { gap: 14px; }
	.crx-part__head { gap: 12px; font-size: 19px; }
	.crx-part__n { width: 32px; height: 32px; font-size: 15px; }
	.crx-grid2 { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.crx-apply__side { display: flex; padding-top: 18px; }
	.crx-card { padding: 22px 20px; border-radius: 18px; }
	.crx .crx-card__h { font-size: 24px; }
	.crx-areas { flex-direction: column; align-items: flex-start; }
	.crx-why { padding: 24px 0 32px; }
	.crx-why .crx-wrap { gap: 14px; }
	.crx-whygrid { grid-template-columns: minmax(0, 1fr); }
	.crx-whygrid > li:last-child:nth-child(2n + 1) { grid-column: auto; }
	.crx-whygrid > li { padding: 18px; }

	.crx-pd { padding: 12px 0 28px; }
	.crx-pd .crx-wrap { gap: 16px; }
	.crx-pd__top { order: 0; }
	.crx-pd__top .crx-alllink { color: var(--crx-muted); font-size: 14.5px; font-weight: 700; }
	.crx-pd__row { display: contents; }
	.crx-pd__text { order: 1; gap: 16px; }
	.crx-pd__firm { display: none; }
	.crx .crx-pd h1 { font-size: clamp(30px, 8.8vw, 34px); line-height: 1.06; letter-spacing: -0.02em; }
	.crx-pd__sum { font-size: 18.5px; }
	.crx-facts { order: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.crx-facts > div { gap: 4px; padding: 12px 14px; }
	.crx-facts dt { font-size: 10.5px; letter-spacing: 0.1em; }
	.crx-facts dd { font-size: 15px; }
	.crx-facts .crx-facts--role, .crx-facts .crx-facts--wide { grid-column: 1 / -1; }
	.crx-facts--role { order: -2; }
	.crx-facts--wide { order: 2; }
	.crx-pd__tools { order: 3; flex-direction: column; }
	.crx-pd__tools > .crx-btn { width: 100%; }
	.crx-pd__btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.crx .crx-tool { min-height: 48px; font-size: 15px; }
	.crx .crx-sec h2, .crx .crx-apply__intro h2 { gap: 12px; font-size: 26px; line-height: 1.12; }
	.crx-sec__n { font-size: 13px; }
	.crx-sec { gap: 16px; padding: 32px 0; }
	.crx-doc .crx-serif, .crx-apply__intro .crx-serif { font-size: 17px; }
	.crx-doc .crx-serif--lead, .crx-apply__intro .crx-serif--lead { font-size: 19px; }
	.crx-duties { gap: 16px; }
	.crx-duties li { grid-template-columns: 34px minmax(0, 1fr); gap: 6px; }
	.crx-duties .crx-mono { font-size: 12.5px; }
	.crx-duties b { font-size: 16.5px; }
	.crx-duties .crx-serif { font-size: 16.5px !important; }
	.crx-duties--steps b { font-size: 16px; }
	.crx-duties--steps li > span:last-child > span { font-size: 14.5px; }
	.crx-needbox--two { grid-template-columns: minmax(0, 1fr); }
	.crx-needbox > div { padding: 18px; gap: 12px; }
	.crx-needbox--two > div + div { border-left: 0; border-top: 1px solid var(--crx-line); }
	.crx-needbox .crx-mono { font-size: 11px; }
	.crx-squares { gap: 9px; }
	.crx-squares li { padding-left: 16px; font-size: 15px; }
	.crx-squares li::before { width: 6px; height: 6px; }
	.crx-give > div { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 14px 0; }
	.crx-give dt { font-size: 16px; }
	.crx-give dd { padding-left: 28px; font-size: 16px; line-height: 1.5; }
	.crx-close { gap: 14px; padding-top: 10px; }
	.crx-close blockquote { font-size: 26px; }
	.crx-close figcaption { font-size: 16.5px; }
	.crx-close__leave { padding: 16px; }
	.crx-apply--job { padding: 32px 0; }
	.crx-apply--job .crx-apply__grid { gap: 18px; }
	.crx-apply__intro { gap: 18px; }
	.crx-readybox { gap: 10px; padding: 18px; }
	.crx-readybox .crx-mono { font-size: 10.5px; }
	.crx-readybox .crx-checks li { font-size: 14.5px; }
	.crx-pc--letter { padding: 22px 20px; }
	.crx-pc--letter blockquote { font-size: 18px; }
	.crx-others { padding: 32px 0 8px; }
	.crx-others .crx-wrap { gap: 10px; }
	.crx .crx-others h2 { font-size: 24px; }
	.crx-others__head { align-items: center; }
	.crx-others__head .crx-link { font-size: 14.5px; }
	.crx-table__head { display: none; }
	.crx-table { border-bottom: 1px solid var(--crx-line); }
	.crx-table__row { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-height: 76px; padding: 14px 32px 14px 0; border-bottom: 0; border-top: 1px solid var(--crx-line); }
	.crx-table__row > :nth-child(2) { order: -1; }
	.crx-table__row .crx-tag { height: 24px; font-size: 10.5px; }
	.crx-table__t { font-size: 16.5px; }
	.crx-table__m { font-size: 13.5px; }
	.crx-table__m + .crx-table__m { margin-top: -6px; }
	.crx-table__pre { display: inline; }
	.crx-table__dash { display: none; }
	.crx-table__go { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
}

@media (max-width: 400px) {
	.crx-faces .crx-face:nth-child(n + 6) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.crx *, .crx *::before, .crx *::after { transition: none !important; scroll-behavior: auto !important; }
}
@media print {
	header, footer, .topbar, .crx-subnav, .crx-toc, .crx-pd__tools, .crx-alllink, .crx-back, .crx-form, .crx-others, .crx-next, .crx-pc--letter, [class*="chat"], [class*="online"] { display: none !important; }
	.crx-pd, .crx-apply--job { background: #FFFFFF !important; padding: 0 0 16px !important; }
	.crx-doc__grid { display: block; padding: 0; }
	.crx-apply--job .crx-apply__grid { display: block; }
	.crx-sec { padding: 18px 0; break-inside: avoid-page; }
	.crx-facts { grid-template-columns: repeat(3, 1fr); }
}