/* Talents Sea — inner pages (jobs, CV, journey, blog) on the v3 light look. Loaded last, after the page's own css.
   The dark v2 sheets were lightened in place (originals in C:/xampp/tmp/ts-css-dark); this file only carries what a
   colour swap can't: no auroras/glows, flat Davy buttons like the home page, heroes sized for the sticky v3 nav. */
body.is-inner { background: #fff; }
.is-inner .lx, .is-inner .pv { background: #fff; color: var(--body); }

/* decoration that only made sense on black */
.is-inner .lx-aurora, .is-inner .pv-aurora, .is-inner .lx-grid, .is-inner .pv-grid, .is-inner .lx-spot { display: none !important; }
.is-inner .pv-hero::after, .is-inner .lx-hero::after, .is-inner .lx-final::after { display: none; }

/* heroes: a soft Keppel tint band under the sticky nav instead of a black stage */
.is-inner .pv-hero, .is-inner .pv-dhero, .is-inner .pv-ahero, .is-inner .lx-hero, .is-inner .jx-hero {
  background: linear-gradient(180deg, #F2F8F7 0%, #fff 100%); color: var(--tl-ink, #0E181D); border-bottom: 1px solid #E4EAEB; }
.is-inner .pv-hero { padding-block: 72px 56px; }
.is-inner .pv-dhero, .is-inner .pv-ahero { padding-block: 56px; }
.is-inner .pv-ahero { padding-block-end: 100px; }
.is-inner .pv-done { background: linear-gradient(180deg, #F2F8F7 0%, #fff 100%); color: #0E181D; padding-top: 72px; }
.is-inner .lx-hero { padding-block-start: 64px; }
.is-inner .pv-hero__title, .is-inner .pv-dhero h1, .is-inner .pv-ahero h1, .is-inner .pv-done h1 { color: #0E181D !important; font-weight: 400; }

/* gradient headline words → solid brand teal (sand→teal text is unreadable on white) */
.is-inner .pv-grad, .is-inner .lx-grad { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: #2E8C7E; animation: none; }

/* buttons: same family as the home page (.tl-btn--dark / --soft) */
.is-inner .pv-btn-glow, .is-inner .lx-btn-glow, .is-inner .pv-search__go {
  background: var(--davy); color: #fff !important; box-shadow: none; }
.is-inner .pv-btn-glow:hover, .is-inner .lx-btn-glow:hover, .is-inner .pv-search__go:hover { background: #0E181D; box-shadow: 0 10px 24px rgba(14,24,29,.18); filter: none; }
.is-inner .pv-btn-glass, .is-inner .lx-btn-glass { background: #E3F4F1; border-color: transparent; color: #0E181D !important; backdrop-filter: none; }
.is-inner .pv-btn-glass:hover, .is-inner .lx-btn-glass:hover { background: var(--teal); }

/* search box sits on the tint band: give it an outline instead of a black-stage shadow */
.is-inner .pv-search { background: #fff; border: 1px solid #E4EAEB; box-shadow: 0 18px 40px -24px rgba(14,24,29,.25); }
.is-inner .pv-pill { background: #fff; border-color: #E4EAEB; color: #425563; }
.is-inner .pv-pill b { color: #C96F4A; }
.is-inner .pv-quick a { color: #425563 !important; background: #fff; border-color: #E4EAEB; }
.is-inner .pv-quick a:hover { border-color: var(--teal); background: #F2F8F7; }

/* the last band before the footer no longer hosts the footer */
.is-inner .lx-final { padding-block: 90px; }

/* job detail salary tiles + the apply-page job summary: tint cards instead of black ones */
.is-inner .pv-pay div { background: #F2F8F7; border: 1px solid #DCEBE8; }
.is-inner .pv-pay b, .is-inner .pv-pay strong { color: #0E181D; }
.is-inner .pv-jobcard { background: #F2F8F7; border: 1px solid #DCEBE8; color: #0E181D; box-shadow: none; }
.is-inner .pv-jobcard > div > span, .is-inner .pv-jobcard > a { color: #2E8C7E !important; }
.is-inner .pv-jobcard ul { border-color: #DCEBE8; color: #425563; }

/* blog: featured article on a grey panel, newsletter on the Keppel tint (same as the home page bands) */
.is-inner .featured { background: #F4F6F7; }
.is-inner .featured__h2 a { color: #0E181D; } .is-inner .featured__h2 a:hover { color: #2E8C7E; }
.is-inner .featured__p { color: var(--body2); }
.is-inner .featured__meta, .is-inner .featured__date { color: var(--body3); }
.is-inner .featured__cat { color: #2E8C7E; background: #E3F4F1; }
.is-inner .featured__row .btn--teal, .is-inner .news__row .btn--teal { background: var(--davy); color: #fff !important; }
.is-inner .featured__row .btn--teal:hover, .is-inner .news__row .btn--teal:hover { background: #0E181D; }
.is-inner .news { background: #F2F8F7; border-block: 1px solid #DCEBE8; }
.is-inner .news .h2, .is-inner .news .h2--white { color: #0E181D; }
.is-inner .news__p { color: var(--body2); }
.is-inner .news__fine { color: var(--body3); }
.is-inner .news__input { background: #fff; border-color: #D5E0E2; color: #0E181D; }
.is-inner .news__input::placeholder { color: #8B9AA4; }

/* journey: the station rail and side panel stick under the sticky v3 nav (84px, 70px on phones) */
.is-inner .jx-rail { inset-block-start: 84px; z-index: 30; }
.is-inner .jx-aside { inset-block-start: calc(var(--rail-h) + 100px); }
@media (max-width: 640px) { .is-inner .jx-rail { inset-block-start: 70px; } }