/* Bounded enhancement. No source copy is replaced, hidden by truncation, or
   duplicated. Without JavaScript the original six-card catalogue stays usable. */
#recruitment #job-examples { --job-carousel-ready:1; }
#recruitment #job-examples .lp-job-carousel { min-width:0; width:100%; }
#recruitment #job-examples .lp-job-controls { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 0 14px; }
#recruitment #job-examples .lp-job-controls-bottom { justify-content:flex-end; margin:15px 0 0; }
#recruitment #job-examples .lp-job-guide { margin:0; color:#4a5e50; font-size:12px; line-height:1.8; }
#recruitment #job-examples .lp-job-navigation { display:flex; align-items:center; flex:none; gap:14px; }
#recruitment #job-examples .lp-job-count { min-width:65px; margin:0; text-align:center; color:#29493e; font:600 13px/1.5 ui-monospace,monospace; letter-spacing:.08em; font-variant-numeric:tabular-nums; }
#recruitment #job-examples .lp-job-arrow { display:grid; place-items:center; width:46px; height:46px; padding:0; border:1px solid #7d775d; border-radius:50%; color:#f8ebca; background:#234b41; font-size:22px; line-height:1; box-shadow:0 3px 0 #cabb98; transition:background .15s,color .15s; }
#recruitment #job-examples .lp-job-arrow:hover:not(:disabled) { background:#356552; }
#recruitment #job-examples .lp-job-arrow:disabled { color:#7c816e; background:#e5ddc8; border-color:#b9b198; box-shadow:none; cursor:default; }
#recruitment #job-examples .lp-job-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

/* A single shared set of intrinsic rows makes EVERY card exactly the same
   height, including individual fact rows. Text zoom and wrapping grow all
   six cards together; there are no fixed heights or internal vertical panes. */
#recruitment #job-examples.is-job-carousel .lp-example-grid {
  --job-rows:9;
  display:grid; grid-auto-flow:column; grid-auto-columns:100%; grid-template-columns:none;
  grid-template-rows:repeat(var(--job-rows),auto); align-items:stretch; gap:0 24px;
  position:relative; width:100%; max-width:100%; min-width:0; padding:3px 0 9px;
  overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-padding-inline:0;
  scroll-behavior:auto; overscroll-behavior-x:contain; scrollbar-width:thin;
  scrollbar-color:#7a8b73 #ded7c2; -webkit-overflow-scrolling:touch;
  /* Do not use pan-x, preventDefault, or wheel/touch interception: vertical
     scrolling and pinch zoom remain native, including over the card. */
  touch-action:auto;
}
#recruitment #job-examples.is-job-carousel .lp-example-grid:focus-visible { outline:3px solid #477469; outline-offset:5px; }
#recruitment #job-examples.is-job-carousel .lp-example-card {
  display:grid; grid-template-rows:subgrid; grid-row:1 / span var(--job-rows);
  min-width:0; width:100%; max-width:100%; margin:0; padding:0;
  scroll-snap-align:start; scroll-snap-stop:always;
  border:1px solid #8e8364; border-radius:12px; background:#fffaf0;
  box-shadow:inset 0 0 0 4px #f2e8cc,0 4px 0 #c8b994;
  overflow-wrap:anywhere;
}
#recruitment #job-examples.is-job-carousel .lp-example-header {
  display:grid; grid-template-rows:auto auto 1fr auto;
  grid-row:1; min-height:0; padding:23px 30px 24px; border-radius:11px 11px 0 0;
  border-bottom:4px double #d8bd83; background:linear-gradient(115deg,#183f3c,#315a49);
}
#recruitment #job-examples.is-job-carousel .lp-example-index { margin:0 0 11px; padding-right:66px; color:#d6c491; font-size:11px; }
#recruitment #job-examples.is-job-carousel .lp-example-header svg { top:24px; right:29px; width:60px; height:60px; stroke:#d8bd82; opacity:.9; }
#recruitment #job-examples.is-job-carousel .lp-example-header > p { margin:0 72px 5px 0; font-size:12px; }
#recruitment #job-examples.is-job-carousel .lp-example-header h3 { margin:0 72px 0 0; font-size:clamp(22px,2.5vw,30px); line-height:1.5; letter-spacing:0; }
#recruitment #job-examples.is-job-carousel .lp-example-location { align-self:end; justify-self:start; margin:12px 0 0; padding-left:10px; font-size:13px; }
#recruitment #job-examples.is-job-carousel .lp-example-body {
  display:grid; grid-row:2 / span 8; grid-template-rows:subgrid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); column-gap:28px;
  min-width:0; padding:22px 30px 26px; margin:0;
}
#recruitment #job-examples.is-job-carousel .lp-example-requirement {
  grid-row:1; grid-column:1 / -1; align-self:start; justify-self:start;
  max-width:100%; margin:0 0 14px; padding:7px 11px; border:1px solid #b89461;
  border-left:4px solid #976334; border-radius:4px; background:#efe1c4; color:#65401f;
  font-size:12px; line-height:1.8;
}
#recruitment #job-examples.is-job-carousel .lp-example-work { grid-row:2; grid-column:1 / -1; margin:0 0 21px; font-size:14px; line-height:1.9; }
#recruitment #job-examples.is-job-carousel .lp-example-pay {
  grid-row:3 / span 4; grid-column:1; align-self:stretch; min-width:0;
  margin:0; padding:20px; border:1px solid #c9b88e; border-radius:7px;
  background:linear-gradient(145deg,#f1e7cd,#e9dfc1);
}
#recruitment #job-examples.is-job-carousel .lp-example-base { margin:0; padding-bottom:12px; gap:6px 10px; }
#recruitment #job-examples.is-job-carousel .lp-example-base > span { font-size:13px; }
#recruitment #job-examples.is-job-carousel .lp-example-base > strong { font-size:22px; line-height:1.5; }
#recruitment #job-examples.is-job-carousel .lp-example-income { margin:0; padding-top:17px; gap:4px; }
#recruitment #job-examples.is-job-carousel .lp-example-income > span { font-size:13px; }
#recruitment #job-examples.is-job-carousel .lp-example-income > strong { font-size:clamp(28px,3vw,37px); line-height:1.4; }
#recruitment #job-examples.is-job-carousel .lp-example-calculation { margin:13px 0 0; font-size:12px; line-height:1.9; }
#recruitment #job-examples.is-job-carousel .lp-example-pay-note { margin:10px 0 0; font-size:12px; line-height:1.9; }
#recruitment #job-examples.is-job-carousel .lp-example-pay-base-only .lp-example-base { padding:0; border:0; }
#recruitment #job-examples.is-job-carousel .lp-example-pay-base-only .lp-example-base > strong { font-size:32px; }
#recruitment #job-examples.is-job-carousel .lp-example-facts { display:grid; grid-template-rows:subgrid; grid-row:3 / span 4; grid-column:2; min-width:0; margin:0; }
#recruitment #job-examples.is-job-carousel .lp-example-facts > div { min-width:0; padding:11px 0; margin:0; }
#recruitment #job-examples.is-job-carousel .lp-example-facts dt { margin:0 0 3px; font-size:12px; }
#recruitment #job-examples.is-job-carousel .lp-example-facts dd { margin:0; font-size:13px; line-height:1.85; }
#recruitment #job-examples.is-job-carousel .lp-example-conditions { grid-row:7; grid-column:1 / -1; margin:17px 0 0; font-size:12px; line-height:1.9; }
#recruitment #job-examples.is-job-carousel .lp-example-status { grid-row:8; grid-column:1 / -1; margin:14px 0 0; padding:12px 0 0; font-size:11px; line-height:1.9; }

@media(max-width:760px) {
  #recruitment #job-examples .lp-job-controls { gap:12px; align-items:flex-start; flex-direction:column; }
  #recruitment #job-examples .lp-job-guide { font-size:12px; }
  #recruitment #job-examples .lp-job-navigation { align-self:flex-end; gap:13px; }
  #recruitment #job-examples.is-job-carousel .lp-example-grid { --job-rows:10; column-gap:16px; }
  #recruitment #job-examples.is-job-carousel .lp-example-header { padding:20px 20px 22px; }
  #recruitment #job-examples.is-job-carousel .lp-example-header svg { top:19px; right:18px; width:44px; height:44px; }
  #recruitment #job-examples.is-job-carousel .lp-example-index { padding-right:50px; font-size:10px; margin-bottom:16px; }
  #recruitment #job-examples.is-job-carousel .lp-example-header > p { margin-right:0; }
  #recruitment #job-examples.is-job-carousel .lp-example-header h3 { margin-right:0; font-size:23px; line-height:1.55; }
  #recruitment #job-examples.is-job-carousel .lp-example-body { grid-row:2 / span 9; grid-template-columns:minmax(0,1fr); column-gap:0; padding:20px 20px 24px; }
  #recruitment #job-examples.is-job-carousel .lp-example-work { margin-bottom:19px; font-size:14px; }
  #recruitment #job-examples.is-job-carousel .lp-example-pay { grid-row:3; grid-column:1; margin:0 0 20px; padding:17px 15px; }
  #recruitment #job-examples.is-job-carousel .lp-example-income { padding-top:12px; }
  #recruitment #job-examples.is-job-carousel .lp-example-income > strong { font-size:31px; }
  #recruitment #job-examples.is-job-carousel .lp-example-facts { grid-row:4 / span 4; grid-column:1; }
  #recruitment #job-examples.is-job-carousel .lp-example-conditions { grid-row:8; font-size:12px; }
  #recruitment #job-examples.is-job-carousel .lp-example-status { grid-row:9; font-size:12px; }
}
@media(max-width:359px) {
  #recruitment #job-examples.is-job-carousel .lp-example-header { padding-inline:17px; }
  #recruitment #job-examples.is-job-carousel .lp-example-header h3 { font-size:21px; }
  #recruitment #job-examples.is-job-carousel .lp-example-body { padding-inline:17px; }
  #recruitment #job-examples.is-job-carousel .lp-example-pay { padding-inline:13px; }
}
/* Old engines still get a usable, equal outer card height with natural content
   flow. Current Safari, Firefox and Chromium share the exact subgrid slots. */
@supports not (grid-template-rows:subgrid) {
  #recruitment #job-examples.is-job-carousel .lp-example-grid { grid-template-rows:auto; }
  #recruitment #job-examples.is-job-carousel .lp-example-card { grid-row:1; display:flex; flex-direction:column; }
  #recruitment #job-examples.is-job-carousel .lp-example-body { display:flex; flex-direction:column; }
  #recruitment #job-examples.is-job-carousel .lp-example-pay { margin-bottom:20px; }
  #recruitment #job-examples.is-job-carousel .lp-example-facts { display:block; }
}
@media(prefers-reduced-motion:reduce) {
  #recruitment #job-examples .lp-job-arrow { transition:none; }
  #recruitment #job-examples.is-job-carousel .lp-example-grid { scroll-behavior:auto; }
}
@media(forced-colors:active) {
  #recruitment #job-examples .lp-job-arrow:disabled { color:GrayText; border-color:GrayText; }
  #recruitment #job-examples.is-job-carousel .lp-example-card { border:1px solid CanvasText; box-shadow:none; }
}