/* Shared Lime dark theme; overrides legacy page styles after all existing stylesheets. */
.theme-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:37px;height:37px;padding:8px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(255,255,255,.09);color:#a0ec00;cursor:pointer;transition:background .2s,transform .2s}
.theme-toggle:hover{background:rgba(160,236,0,.18);transform:translateY(-1px)}
.theme-toggle:focus-visible{outline:3px solid #a0ec00;outline-offset:3px}
.theme-toggle svg{width:19px;height:19px}.theme-toggle-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.theme-sun{display:none}html[data-theme="dark"] .theme-sun{display:block}html[data-theme="dark"] .theme-moon{display:none}
html{color-scheme:light}html[data-theme="dark"]{color-scheme:dark;--ink:#eef5ff;--muted:#acc2d6;--off:#10294b}
html[data-theme="dark"] body{background:#07172c;color:#eef5ff}
html[data-theme="dark"] :is(.intro,.talent,.difference,.about-story,.about-purpose,.about-values,.sv-intro,.sv-services,.sv-learning,.sv-process,.rc-intro,.rc-options,.rc-contact,.course-catalog,.course-journey,.lc-body){background:#0b203b!important;color:#edf5ff!important}
html[data-theme="dark"] :is(.services,.learning,.about-story-body,.sv-card-grid,.course-catalog,.course-journey,.rc-options){background:#122b4a!important}
html[data-theme="dark"] :is(.service-card,.sv-card,.rc-card,.course-card,.lc-form-panel,.lc-detail-icon,.value-grid>div,.values-grid>div,.benefit-grid>div){background:#193552!important;color:#f6fbff!important;border-color:#39536d!important}
html[data-theme="dark"] :is(.intro h2,.intro-right .lead,.section-heading h2,.talent h2,.learning h2,.difference h2,.about-story h2,.about-purpose h2,.about-values h2,.sv-intro h2,.sv-heading h2,.sv-learning h2,.sv-process h2,.rc-intro h2,.rc-section-heading h2,.course-catalog h2,.course-journey h2,.lc-info h2,.lc-form-panel h2,.lc-detail a,.course-card h3,.service-card h3,.rc-card h3,.sv-card h3){color:#f6fbff!important}
html[data-theme="dark"] :is(.intro p,.services p,.talent p,.learning p,.difference p,.about-story p,.about-purpose p,.about-values p,.sv-intro p,.sv-services p,.sv-learning p,.sv-process p,.rc-intro p,.rc-options p,.course-catalog p,.course-journey p,.lc-intro,.lc-form-panel>p,.lc-form-note,.value-grid p,.service-card p,.course-card p){color:#bbcbdd!important}
html[data-theme="dark"] :is(.lc-form-panel label){color:#e4f1ff!important}
html[data-theme="dark"] :is(.lc-form-panel input,.lc-form-panel select,.lc-form-panel textarea,.course-toolbar input,.course-toolbar select){background:#0a2039!important;color:#f7fbff!important;border-color:#47617b!important}
html[data-theme="dark"] :is(.lc-form-panel input,.lc-form-panel textarea)::placeholder{color:#a2b3c4}
html[data-theme="dark"] :is(.lc-detail,.talent-items,.talent-items>div,.course-card,.sv-card,.rc-card){border-color:#39536d!important}
html[data-theme="dark"] :is(.careers-box,.rc-featured){color:#002b66}
html[data-theme="dark"] .service-card:hover{background:#a0ec00!important;color:#002b66!important}
html[data-theme="dark"] .service-card:hover :is(h3,p){color:#002b66!important}
html[data-theme="dark"] .lc-careers{background:#002b66!important}
html[data-theme="dark"] a:focus-visible,html[data-theme="dark"] button:focus-visible{outline-color:#a0ec00}
@media(max-width:760px){.header-inner{gap:12px}.theme-toggle{margin-left:auto}.menu-button{margin-left:0}.header-cta{display:none}}

/* Dark mode: Our Services tiles use Lime's official Admiral Navy. */
html[data-theme="dark"] .sv-card{
  background:#002B66!important;
  color:#F6FBFF!important;
  border-color:rgba(160,236,0,.34)!important;
}
html[data-theme="dark"] .sv-card .sv-number{color:#A0EC00!important}
html[data-theme="dark"] .sv-card h3{color:#FFFFFF!important}
html[data-theme="dark"] .sv-card p{color:#D5E3F2!important}
html[data-theme="dark"] .sv-card .sv-link{color:#A0EC00!important;border-color:rgba(160,236,0,.35)!important}
html[data-theme="dark"] .sv-card .sv-mark{color:#A0EC00!important}
html[data-theme="dark"] .sv-card:hover,
html[data-theme="dark"] .sv-card:focus-within,
html[data-theme="dark"] .sv-card:active{
  background:#A0EC00!important;
  color:#002B66!important;
}
html[data-theme="dark"] .sv-card:hover :is(.sv-number,h3,p,.sv-link),
html[data-theme="dark"] .sv-card:focus-within :is(.sv-number,h3,p,.sv-link),
html[data-theme="dark"] .sv-card:active :is(.sv-number,h3,p,.sv-link){color:#002B66!important;border-color:rgba(0,43,102,.35)!important}
html[data-theme="dark"] .sv-card:hover .sv-mark,
html[data-theme="dark"] .sv-card:focus-within .sv-mark,
html[data-theme="dark"] .sv-card:active .sv-mark{color:#002B66!important}

/* Courses: premium Lime Approach panel treatment in dark mode only. */
html[data-theme="dark"] .course-grid{gap:22px}
html[data-theme="dark"] .course-card{
  background:linear-gradient(145deg,#111d36 0%,#10283c 100%)!important;
  color:#f6fbff!important;
  border:1px solid rgba(160,236,0,.34)!important;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 42px rgba(0,0,0,.22);
}
html[data-theme="dark"] .course-card-art{
  background:linear-gradient(135deg,#002b66 0%,#102b4b 62%,#102033 100%)!important;
  border-bottom:1px solid rgba(160,236,0,.22);
}
html[data-theme="dark"] .course-card-art img{
  width:clamp(112px,45%,158px);
  height:calc(100% - 30px);
  max-height:175px;
  right:12px;
  bottom:12px;
  object-fit:contain;
  opacity:1;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.22));
}
html[data-theme="dark"] .course-index{color:#c4d6eb}
html[data-theme="dark"] .course-art-label{color:#fff}
html[data-theme="dark"] .course-card-info{background:transparent}
html[data-theme="dark"] .course-card h3{color:#fff!important}
html[data-theme="dark"] .course-card p{color:#c2d1e2!important}
html[data-theme="dark"] .course-status{
  background:rgba(160,236,0,.12)!important;
  color:#A0EC00!important;
  border:1px solid rgba(160,236,0,.28);
  border-radius:3px;
}
html[data-theme="dark"] .course-tags span{
  background:rgba(160,236,0,.09)!important;
  color:#d8e7f4!important;
  border:1px solid rgba(160,236,0,.18);
}
html[data-theme="dark"] .course-bottom{border-color:rgba(160,236,0,.24)!important}
html[data-theme="dark"] .course-action{
  background:#A0EC00!important;
  color:#002B66!important;
  border-radius:3px;
}
html[data-theme="dark"] .course-unavailable{color:#c3d3e3!important}
html[data-theme="dark"] .course-empty{
  background:linear-gradient(145deg,#111d36,#10283c)!important;
  color:#eaf3ff!important;
  border:1px solid rgba(160,236,0,.3);
  border-radius:16px;
}


/* Dark-mode wrapper spacing so cards float with breathing room. */
html[data-theme="dark"] .sv-card-grid,
html[data-theme="dark"] .rc-cards,
html[data-theme="dark"] .course-grid,
html[data-theme="dark"] .benefit-grid,
html[data-theme="dark"] .purpose-grid,
html[data-theme="dark"] .values-grid{background:transparent!important;gap:22px}

/* Refined interactive motion for the site navigation and header actions. */
.desktop-nav a{
  position:relative;
  display:inline-block;
  transition:color .22s ease,transform .22s ease;
}
.desktop-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-8px;
  height:2px;
  background:var(--lime);
  transition:right .28s ease;
}
.desktop-nav a:hover,
.desktop-nav a:focus-visible{transform:translateY(-2px)}
.desktop-nav a:hover::after,
.desktop-nav a:focus-visible::after,
.desktop-nav a.active::after{right:0}
.header-cta{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:transform .25s ease,box-shadow .25s ease;
}
.header-cta::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-60%;
  left:-75%;
  width:45%;
  height:220%;
  transform:skewX(-22deg);
  background:rgba(255,255,255,.24);
  transition:left .55s ease;
}
.header-cta:hover,
.header-cta:focus-visible{
  transform:translateY(-3px);
  box-shadow:0 9px 24px rgba(160,236,0,.2);
}
.header-cta:hover::before,
.header-cta:focus-visible::before{left:135%}
.header-cta span{display:inline-block;transition:transform .25s ease}
.header-cta:hover span{transform:translate(3px,-2px)}
.theme-toggle{transition:transform .28s ease,background .28s ease,box-shadow .28s ease}
.theme-toggle:hover,
.theme-toggle:focus-visible{transform:rotate(18deg) scale(1.08);box-shadow:0 0 0 4px rgba(160,236,0,.10)}
.theme-toggle svg{transition:transform .35s ease}
.theme-toggle:hover svg{transform:rotate(35deg)}
@media(prefers-reduced-motion:reduce){
  .desktop-nav a,.desktop-nav a::after,.header-cta,.header-cta::before,.header-cta span,.theme-toggle,.theme-toggle svg{transition:none !important}
  .desktop-nav a:hover,.desktop-nav a:focus-visible,.header-cta:hover,.header-cta:focus-visible,.theme-toggle:hover,.theme-toggle:focus-visible{transform:none}
}


/* Recruitment journey cards: featured middle card + theme-aware icon contrast. */
/* Light mode: featured candidate card uses Lime's navy; outer cards remain unchanged. */
html:not([data-theme="dark"]) .rc-card .rc-symbol{
  color:#002B66!important;
}
html:not([data-theme="dark"]) .rc-card.rc-featured{
  background:#002B66!important;
  border-color:#002B66!important;
  color:#FFFFFF!important;
  box-shadow:0 18px 44px rgba(0,43,102,.16);
}
html:not([data-theme="dark"]) .rc-card.rc-featured :is(.rc-num,h3){
  color:#FFFFFF!important;
}
html:not([data-theme="dark"]) .rc-card.rc-featured p{
  color:#D5E3F2!important;
}
html:not([data-theme="dark"]) .rc-card.rc-featured .rc-symbol{
  color:#A0EC00!important;
}
html:not([data-theme="dark"]) .rc-card.rc-featured small{
  color:#C2D5E8!important;
}

/* Dark mode: featured candidate card uses Lime with navy text for readability. */
html[data-theme="dark"] .rc-card .rc-symbol{
  color:#A0EC00!important;
}
html[data-theme="dark"] .rc-card.rc-featured{
  background:#A0EC00!important;
  border-color:#A0EC00!important;
  color:#002B66!important;
  box-shadow:0 18px 46px rgba(160,236,0,.16),0 0 26px rgba(160,236,0,.08);
}
html[data-theme="dark"] .rc-card.rc-featured :is(.rc-num,h3){
  color:#002B66!important;
}
html[data-theme="dark"] .rc-card.rc-featured p{
  color:#173B68!important;
}
html[data-theme="dark"] .rc-card.rc-featured .rc-symbol{
  color:#002B66!important;
}
html[data-theme="dark"] .rc-card.rc-featured .rc-button{
  background:#002B66!important;
  color:#A0EC00!important;
}
html[data-theme="dark"] .rc-card.rc-featured small{
  color:#173B68!important;
}
@media(prefers-reduced-motion:no-preference){
  .rc-card.rc-featured{
    transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .25s ease;
  }
}


/* Modern Lime form controls and dropdowns — consistent across every page. */
:root {
  --lime-ui-navy: #002B66;
  --lime-ui-green: #A0EC00;
  --lime-ui-control-bg: #ffffff;
  --lime-ui-control-text: #142b4b;
  --lime-ui-control-border: #d5e0eb;
  --lime-ui-control-highlight: #002B66;
  --lime-ui-control-highlight-text: #ffffff;
}

html[data-theme="dark"] {
  --lime-ui-control-bg: #0b203b;
  --lime-ui-control-text: #f4f8ff;
  --lime-ui-control-border: #405a76;
  --lime-ui-control-highlight: #A0EC00;
  --lime-ui-control-highlight-text: #002B66;
}

:where(select, input, textarea) {
  accent-color: var(--lime-ui-control-highlight);
}

:where(select) {
  appearance: none;
  -webkit-appearance: none;
  min-height: 48px;
  padding: 12px 44px 12px 16px !important;
  border: 1px solid var(--lime-ui-control-border) !important;
  border-radius: 10px !important;
  background-color: var(--lime-ui-control-bg) !important;
  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='%23002B66' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 15px center !important;
  background-size: 17px !important;
  color: var(--lime-ui-control-text) !important;
  font: 600 13px var(--font-body, Inter, sans-serif) !important;
  line-height: 1.4;
  cursor: pointer;
  box-shadow: 0 2px 7px rgba(10, 35, 65, .035);
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease, background-color .22s ease;
}

html[data-theme="dark"] :where(select) {
  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='%23A0EC00' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
}

:where(select):hover {
  border-color: var(--lime-ui-control-highlight) !important;
  box-shadow: 0 4px 14px rgba(0, 43, 102, .09);
}

html[data-theme="dark"] :where(select):hover {
  box-shadow: 0 4px 16px rgba(160, 236, 0, .10);
}

:where(select):focus,
:where(select):focus-visible,
:where(input):focus-visible,
:where(textarea):focus-visible {
  outline: none !important;
  border-color: var(--lime-ui-control-highlight) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--lime-ui-control-highlight) 20%, transparent),
              0 5px 16px rgba(0, 25, 65, .07) !important;
}

:where(select option) {
  background: var(--lime-ui-control-bg);
  color: var(--lime-ui-control-text);
  font-weight: 500;
}

:where(select option:checked) {
  background: var(--lime-ui-control-highlight);
  color: var(--lime-ui-control-highlight-text);
  font-weight: 700;
}

::selection {
  background: var(--lime-ui-control-highlight);
  color: var(--lime-ui-control-highlight-text);
}

/* Apply the same selected/focus treatment to highlighted form fields and chips. */
:where(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--lime-ui-control-highlight);
}

@media (prefers-reduced-motion: reduce) {
  :where(select) { transition: none; }
}