/* Scoped typography protects the offer from the national result styles. */
#salaryPositionBridge{--occ-line:rgba(168,201,219,.2);--occ-muted:#becfe1;--occ-mint:#9be8d3;margin:28px 0 8px;padding:24px;border:1px solid var(--occ-line);border-radius:18px;background:#152332;color:#f4f7ff;text-align:left;scroll-margin-top:90px;font-size:14px;line-height:1.5;box-shadow:0 12px 32px rgba(0,0,0,.12)}
#salaryPositionBridge,#salaryPositionBridge *{box-sizing:border-box}
#salaryPositionBridge [hidden]{display:none!important}
#salaryPositionBridge strong{display:inline;font:inherit;font-weight:750;letter-spacing:normal;margin:0;text-transform:none}
#salaryPositionBridge span{display:inline;font:inherit;letter-spacing:normal;text-transform:none;color:inherit}
#salaryPositionBridge svg{display:block;flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#salaryPositionBridge p{margin:8px 0;line-height:1.5}
#salaryPositionBridge h2{font-size:clamp(23px,3vw,28px);line-height:1.25;margin:0 0 12px;letter-spacing:-.5px;color:#f4f7ff}
#salaryPositionBridge h3{font-size:17px;line-height:1.35;margin:14px 0 8px;color:#f4f7ff}
#salaryPositionBridge.has-confirmed-job h2{font-size:22px;margin-bottom:6px}
#salaryPositionBridge .occupationCompare__eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--occ-mint);margin:0 0 10px}
#salaryPositionBridge .occupationCompare__intro{color:var(--occ-muted);margin-bottom:20px}
#salaryPositionBridge .occupationCompare__role{font-size:14px;font-weight:650;margin:6px 0 0;color:#d8e4ef}
#salaryPositionBridge .occupationCompare__hint,#salaryPositionBridge small{font-size:12px;color:var(--occ-muted);line-height:1.5}
#salaryPositionBridge .occupationCompare__price{font-size:12px;border-top:1px solid var(--occ-line);padding-top:14px;margin:18px 0 0;color:var(--occ-muted)}
#salaryPositionBridge label{display:block;font-size:13px;font-weight:650;margin:12px 0 6px}
#salaryPositionBridge input:not([type=checkbox]),#salaryPositionBridge select{width:100%;min-height:48px;border:1px solid #526781;border-radius:10px;padding:10px 12px;background:#0d1828;color:#f4f7ff;font:inherit;font-size:16px}
#salaryPositionBridge select option{background:#0d1828}
#salaryPositionBridge .ppf-occ-confirm{display:none}
#salaryPositionBridge details{font-size:13px;margin:8px 0;color:var(--occ-muted)}
#salaryPositionBridge summary{cursor:pointer;min-height:44px}
#salaryPositionBridge #occupationPayCorrection{border:1px solid var(--occ-line);border-radius:10px;background:rgba(8,18,32,.3);padding:0 12px;box-shadow:none}
#salaryPositionBridge #occupationPayCorrection>summary{display:flex;align-items:center;gap:10px;padding:10px 0;background:none;border:0;border-radius:0;color:#d9e7f2;font-weight:600}
#salaryPositionBridge #occupationPayCorrection>summary:after{content:'+';margin-left:auto;font-size:20px;color:var(--occ-mint)}
#salaryPositionBridge #occupationPayCorrection[open]>summary:after{content:'−'}
#salaryPositionBridge #occupationPayCorrection[open]{padding-bottom:12px}
#salaryPositionBridge .occupationCompare__pattern{margin:12px 0}
#salaryPositionBridge .occupationCompare__hours{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#salaryPositionBridge .occupationCompare__edits{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:8px}
#salaryPositionBridge .occupationCompare__edit{background:none;border:0;padding:6px 0;min-height:44px;color:var(--occ-mint);font:inherit;font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#salaryPositionBridge .occupationCompare__summary{margin-top:12px;font-size:14px;outline-offset:4px}
#salaryPositionBridge .occupationCompare__summary small{display:block;margin-top:8px;font-size:11px}
#salaryPositionBridge .occupationCompare__range{padding:14px 16px;border:1px solid rgba(155,232,211,.18);border-radius:12px;background:linear-gradient(110deg,rgba(91,189,162,.1),rgba(111,125,193,.09))}
#salaryPositionBridge .occupationCompare__range>span{display:block;color:#d0e3e9;font-size:12px;font-weight:600}
#salaryPositionBridge .occupationCompare__range>strong{display:block;font-size:clamp(23px,3vw,30px);font-weight:800;line-height:1.25;margin:6px 0;color:#a5edda;letter-spacing:-.5px}
#salaryPositionBridge .occupationCompare__range>small{margin:0;font-size:11px}
#salaryPositionBridge .occupationCompare__summary details{padding:0;border:0;background:none;box-shadow:none;margin:4px 0 0}
#salaryPositionBridge .occupationCompare__summary summary{display:flex;align-items:center;gap:8px;padding:0;min-height:36px;background:none;border:0;border-radius:0;font-size:11px;font-weight:500;color:#b7cadf;text-decoration:underline;text-underline-offset:3px}
#salaryPositionBridge .occupationCompare__summary details p{font-size:12px;color:var(--occ-muted)}
#salaryPositionBridge #occupationComparePaid{margin:18px -24px -24px;padding:24px;border-top:1px solid var(--occ-line);border-radius:0 0 18px 18px;background:radial-gradient(ellipse at 100% 0,rgba(94,101,168,.14),transparent 65%),#101d2c}
#salaryPositionBridge .occupationCompare__productLabel{display:flex;align-items:center;gap:8px;margin-bottom:12px}
#salaryPositionBridge .occupationCompare__productLabel svg{width:20px;height:20px}
#salaryPositionBridge #occupationOfferHeading{max-width:680px;font-size:clamp(24px,2.7vw,29px);line-height:1.22;letter-spacing:-.65px;margin:0 0 10px;text-wrap:pretty}
#salaryPositionBridge .occupationCompare__value{font-size:14px;color:#cfdfef;margin:0 0 22px}
#salaryPositionBridge .occupationCompare__offerGrid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;margin:0 0 24px}
#salaryPositionBridge .occupationCompare__benefits{list-style:none;display:grid;gap:18px;margin:0;padding:0}
#salaryPositionBridge .occupationCompare__benefits li{display:flex;gap:12px;margin:0;padding:0;border:0}
#salaryPositionBridge .occupationCompare__benefits .occupationCompare__icon{width:25px;height:25px;margin-top:1px;color:var(--occ-mint)}
#salaryPositionBridge .occupationCompare__benefits strong{font-size:14px;color:#f4f7ff;line-height:1.4}
#salaryPositionBridge .occupationCompare__benefits p{font-size:12px;line-height:1.5;color:var(--occ-muted);margin:4px 0 0}
/* Vector-led contents preview. Real report pages open from this control. */
#salaryPositionBridge .occupationCompare__planPreview{position:relative;display:block;width:100%;padding:18px;text-align:left;font:inherit;color:#172e3b;background:linear-gradient(145deg,#e9f5f1,#d7e7e9);border:1px solid #b8d5d2;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.16);cursor:pointer;transition:border-color .15s,box-shadow .15s}
#salaryPositionBridge .occupationCompare__planPreview:hover{border-color:#9be8d3;box-shadow:0 8px 24px rgba(113,218,191,.15)}
#salaryPositionBridge .occupationCompare__planTop{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:#32675f}
#salaryPositionBridge .occupationCompare__planTop svg{width:28px;height:28px}
#salaryPositionBridge .occupationCompare__planTop span{font-size:9px;font-weight:800;letter-spacing:.1em}
#salaryPositionBridge .occupationCompare__planPreview>strong{display:block;font-size:18px;line-height:1.3;font-weight:800;margin-bottom:14px;color:#152f3b}
#salaryPositionBridge .occupationCompare__planRow{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(38,75,85,.16);font-size:12px;font-weight:650;color:#24414c}
#salaryPositionBridge .occupationCompare__planRow>span:first-child{font-size:10px;color:#507578;font-variant-numeric:tabular-nums}
#salaryPositionBridge .occupationCompare__planRow svg{width:17px;height:17px;margin-left:auto;color:#2b7464}
#salaryPositionBridge .occupationCompare__planLink{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;margin-top:3px;font-size:11px;font-weight:750;color:#205e56}
#salaryPositionBridge .occupationCompare__planLink svg{width:17px;height:17px}
#salaryPositionBridge .occupationCompare__primary{display:block;width:100%;min-height:50px;border:1px solid #8ae4d0;border-radius:10px;padding:13px 16px;font:inherit;font-size:14px;font-weight:800;line-height:1.45;color:#082332;background:linear-gradient(110deg,#9cebcf,#60d8e6);cursor:pointer;box-shadow:0 4px 16px rgba(63,190,181,.08)}
#salaryPositionBridge .occupationCompare__primary:hover{background:linear-gradient(110deg,#b1f2dd,#7ae1ec)}
#salaryPositionBridge #occupationCompareCta>span{display:inline-block;white-space:nowrap}
#salaryPositionBridge .occupationCompare__handoff{display:flex;justify-content:center;align-items:center;gap:5px;font-size:11px;color:var(--occ-muted);text-align:center;margin:10px 0 0}
#salaryPositionBridge .occupationCompare__handoff svg{width:15px;height:15px;color:var(--occ-mint)}
#salaryPositionBridge .occupationCompare__preview{padding:0;border:0;background:none;box-shadow:none;margin:8px 0 0;scroll-margin-top:110px}
#salaryPositionBridge .occupationCompare__preview>summary{display:flex;justify-content:center;align-items:center;min-height:44px;padding:8px 0;font-size:12px;color:var(--occ-mint);background:none;border:0;border-radius:0;text-align:center;text-decoration:underline;text-underline-offset:3px}
#salaryPositionBridge summary::-webkit-details-marker{display:none}
#salaryPositionBridge .occupationCompare__previewNav{display:flex;gap:6px;margin:12px 0}
#salaryPositionBridge .occupationCompare__previewNav button{flex:1;min-width:0;min-height:44px;border:1px solid #526781;border-radius:8px;padding:8px;color:#d5e2f1;background:#102033;font:inherit;font-size:12px;cursor:pointer}
#salaryPositionBridge .occupationCompare__previewNav button[aria-pressed=true]{border-color:#91e8c8;color:#a5edda;background:#193337}
#salaryPositionBridge .occupationCompare__preview img{display:block;width:100%;height:auto;border:1px solid #526781;border-radius:10px}
#salaryPositionBridge button:focus-visible,#salaryPositionBridge input:focus-visible,#salaryPositionBridge select:focus-visible,#salaryPositionBridge summary:focus-visible,#salaryPositionBridge a:focus-visible{outline:3px solid #64dcf1;outline-offset:4px}
#occupationHandoffStatus:empty{display:none}
.occupationCompareFree{text-align:center;margin:12px 0 18px;font-size:13px}
.occupationCompareFree button{background:none;border:0;color:#c0cce5;text-decoration:underline;text-underline-offset:3px;font:inherit;min-height:44px;cursor:pointer}
.occupationCompareFree [hidden]{display:none!important}
#occupationFreeAlternative.has-limited-evidence{padding:16px;text-align:left;border:1px solid rgba(155,232,211,.3);border-radius:14px;background:#152332}
#occupationFreeAlternative.has-limited-evidence h3{margin:0 0 12px;font-size:18px;line-height:1.3;color:#f4f7ff}
#occupationFreeAlternative.has-limited-evidence button{display:block;width:100%;padding:13px 12px;min-height:50px;border:1px solid #8ae4d0;border-radius:10px;background:linear-gradient(110deg,#9cebcf,#60d8e6);color:#082332;font-size:14px;font-weight:800;line-height:1.45;text-decoration:none}
#occupationFreeAlternative button:focus-visible{outline:3px solid #64dcf1;outline-offset:4px}
@media(max-width:700px){#salaryPositionBridge .occupationCompare__offerGrid{grid-template-columns:1fr;gap:20px}#salaryPositionBridge .occupationCompare__benefits{gap:16px}#salaryPositionBridge .occupationCompare__planPreview{padding:16px}#salaryPositionBridge .occupationCompare__planRow{padding:8px 0}}
@media(max-width:600px){#salaryPositionBridge{padding:18px 16px;margin-left:0;margin-right:0;border-radius:14px;scroll-margin-top:125px}#salaryPositionBridge.has-confirmed-job h2{font-size:20px}#salaryPositionBridge #occupationComparePaid{padding:22px 16px 16px;margin:16px -16px -18px;border-radius:0 0 14px 14px}#salaryPositionBridge #occupationOfferHeading{font-size:24px}#salaryPositionBridge .occupationCompare__range{padding:12px}#salaryPositionBridge .occupationCompare__range>strong{font-size:25px}#salaryPositionBridge .occupationCompare__preview{scroll-margin-top:150px}#salaryPositionBridge .occupationCompare__previewNav button{font-size:11px;padding:7px 5px}}
/* Reclaim the result container's inset on phones, keeping its border clear. */
@media(max-width:600px){#salaryPositionBridge{margin-left:-18px;margin-right:-18px}#salaryPositionBridge .occupationCompare__planRow{display:none}#salaryPositionBridge .occupationCompare__planTop{margin-bottom:8px}#salaryPositionBridge .occupationCompare__planPreview>strong{margin-bottom:4px}#salaryPositionBridge .occupationCompare__planLink{padding-top:6px}#salaryPositionBridge .occupationCompare__planPreview{padding:14px 16px}}
@media(max-width:360px){#salaryPositionBridge{padding:16px 12px}#salaryPositionBridge #occupationComparePaid{margin:16px -12px -16px;padding:20px 12px 14px}#salaryPositionBridge #occupationOfferHeading{font-size:22px}#salaryPositionBridge .occupationCompare__range>strong{font-size:22px}#salaryPositionBridge .occupationCompare__primary{padding:12px 10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){#salaryPositionBridge .occupationCompare__planPreview{transition:none}}
/* Warm questionnaire: keep confirmed fields editable, reduce nested boxes. */
.occupationCompare__mobileExample{display:none!important}
/* Mobile reading space: preserve the established colours, vectors and controls. */
@media(max-width:600px){
  #salaryPositionBridge{margin-top:16px;padding:16px 12px;scroll-margin-top:calc(var(--pp-fixed-header-height,105px) + 12px)}
  /* Two distinct surfaces, rather than a comparison card inside another border. */
  #choiceResultStart{padding:0;border:0;background:none;box-shadow:none;overflow:visible}
  #choiceResultStart>div:first-child{padding:18px;border:1px solid rgba(155,232,211,.3);border-radius:16px;background:linear-gradient(135deg,rgba(80,170,174,.42),rgba(99,113,169,.26))}
  #salaryPositionBridge{margin-left:0;margin-right:0;margin-top:0}
  #salaryPositionBridge h2{font-size:24px;line-height:1.25;margin-bottom:8px}
  #salaryPositionBridge .occupationCompare__intro{margin-bottom:12px}
  #salaryPositionBridge .occupationCompare__edits{margin-bottom:0;gap:16px}
  #salaryPositionBridge #occupationComparePaid{display:flex;flex-direction:column;margin:12px -12px -16px;padding:18px 12px 14px}
  #salaryPositionBridge #occupationOfferHeading{font-size:22px;line-height:1.25;margin-bottom:8px}
  #salaryPositionBridge .occupationCompare__productLabel{margin-bottom:8px}
  #salaryPositionBridge .occupationCompare__value{margin-bottom:14px}
  #salaryPositionBridge .occupationCompare__offerGrid{display:contents}
  #salaryPositionBridge .occupationCompare__benefits{gap:12px;margin:18px 0 0}
  #salaryPositionBridge .occupationCompare__planPreview{margin-top:14px}
  #salaryPositionBridge .occupationCompare__benefits li{gap:9px}
  #salaryPositionBridge .occupationCompare__benefits p{margin-top:2px}
  #salaryPositionBridge .occupationCompare__planPreview{padding:12px 14px}
  #salaryPositionBridge .occupationCompare__planTop{margin-bottom:6px}
  #salaryPositionBridge .occupationCompare__mobileExample{display:block!important;font-size:12px;line-height:1.5;color:#24414c;margin:8px 0}
  #salaryPositionBridge .occupationCompare__mobileExample>span{display:block;font-size:9px;font-weight:800;letter-spacing:.06em;margin-bottom:3px;color:#32675f}
  #salaryPositionBridge .occupationCompare__preview{scroll-margin-top:calc(var(--pp-fixed-header-height,105px) + 12px)}
  #ppfStickyReport.ppf-sticky--result-local{display:flex;gap:8px;padding:7px 8px;width:calc(100% - 20px);bottom:calc(8px + env(safe-area-inset-bottom,0px));border-radius:16px;transition:none}
  #ppfStickyReport.ppf-sticky--result-local .ppf-sticky__text{display:none!important}
  #ppfStickyReport.ppf-sticky--result-local .ppf-sticky__actions{display:flex;flex:1;gap:8px;min-width:0}
  #ppfStickyReport.ppf-sticky--result-local .ppf-sticky__button{flex:1;width:auto;min-width:0;min-height:44px;padding:10px 8px;font-size:13px;line-height:1.3;white-space:normal}
  #ppfStickyReport.ppf-sticky--result-local .ppf-sticky__close{flex:none;width:44px;height:44px}
  body.ppf-no-scroll #ppfStickyReport{display:none!important}
}
#salaryPositionBridge #occupationPayCorrection>summary{display:none}
#salaryPositionBridge #occupationPayCorrection{border:0;padding:0;background:none}
#salaryPositionBridge #occupationPayCorrection[open]{padding-bottom:4px}
.ppf-occupation-entry .ppf-modal__header--choice,.ppf-occupation-entry .ppf-paid-hero,.ppf-occupation-entry .ppf-paid-includes,.ppf-occupation-entry #ppfPaidFormLead{display:none!important}
.ppf-occupation-entry #ppfPaidOccupationMount[data-initial-code]:not([data-initial-code=""])>.ppf-occ-input{display:none}
.ppf-occupation-entry #ppfPaidOccupationMount[data-initial-code]:not([data-initial-code=""])~.ppf-paid-occupation-actions small{display:none}
.ppf-occupation-entry .ppf-paid-saved-details{position:relative;margin:0 0 18px;padding:16px 18px 16px 52px;border:1px solid rgba(145,232,200,.25);border-radius:12px;background:rgba(29,60,65,.22)}
.ppf-occupation-entry .ppf-paid-saved-details>svg{position:absolute;left:17px;top:18px;width:22px;height:22px;fill:none;stroke:#9be8d3;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ppf-occupation-entry .ppf-paid-saved-details p{margin:3px 0;font-size:14px;line-height:1.5}
.ppf-occupation-entry .ppf-paid-saved-details button{border:0;background:none;color:#a5edda;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:6px 0;font:inherit;font-size:13px;cursor:pointer}
.ppf-occupation-entry .ppf-paid-saved-field{display:none!important}
.ppf-occupation-entry .ppf-paid-workflow--simplified .ppf-paid-fields-row--salary-age{grid-template-columns:minmax(0,1fr)!important}
.ppf-occupation-entry .ppf-paid-workflow--simplified .ppf-paid-fields-row--salary-age .ppf-paid-label-row{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:22px!important;gap:7px!important}
.ppf-occupation-entry .ppf-paid-workflow--simplified .ppf-paid-fields-row--salary-age .ppf-paid-label-row label{align-self:center!important}
.ppf-occupation-entry .ppf-paid-workflow--simplified .ppf-paid-fields-row--salary-age .ppf-paid-info-toggle{margin:0!important;transform:none!important}
.ppf-occupation-entry .ppf-paid-checkout-value{padding:18px 0;margin:16px 0;border:0;border-top:1px solid rgba(145,232,200,.22);border-bottom:1px solid rgba(145,232,200,.22);border-radius:0;background:none}
.ppf-occupation-entry .ppf-paid-checkout-value strong{font-size:16px;color:#f4f7ff}
.ppf-occupation-entry .ppf-paid-checkout-value ul{list-style:none;margin:12px 0 0;padding:0;line-height:1.5;font-size:14px}
.ppf-occupation-entry .ppf-paid-checkout-value li{display:flex;align-items:flex-start;gap:9px;margin:8px 0}
.ppf-occupation-entry .ppf-paid-checkout-value svg{flex:none;width:19px;height:19px;margin-top:2px;fill:none;stroke:#9be8d3;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Preparation offer: readable proof and one clear next step. */
#salaryPositionBridge .occupationCompare__interpretation{font-size:13px;font-weight:650;color:#dbebe9;margin:10px 0 6px}
#salaryPositionBridge .occupationCompare__planPreview>strong{font-size:17px;line-height:1.4;margin-bottom:10px}
#salaryPositionBridge .occupationCompare__sampleQuote{display:block;font-size:14px;line-height:1.6;color:#24414c;border-left:3px solid #3b8475;padding-left:12px;margin:10px 0 12px}
#salaryPositionBridge .occupationCompare__delivery{font-size:12px;color:var(--occ-muted);text-align:center;margin:8px 0 14px;line-height:1.6}
#salaryPositionBridge .occupationCompare__examples{padding:16px 0;margin:12px 0;border-top:1px solid var(--occ-line)}
#salaryPositionBridge .occupationCompare__examples p{font-size:13px}
#salaryPositionBridge .occupationCompare__examples>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
#salaryPositionBridge .occupationCompare__examples a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #526781;border-radius:9px;color:var(--occ-mint);font-size:13px;text-decoration:underline;text-underline-offset:3px}
#occupationAlternativeCopy{font-size:13px;line-height:1.55;color:#becfe1;margin:0 0 14px}
body.occupation-example-open{overflow:hidden!important}
#salaryPositionBridge .occupationExampleDialog{padding:0;width:min(1000px,calc(100% - 24px));max-width:none;height:92vh;height:92dvh;max-height:100%;margin:auto;border:1px solid #526781;border-radius:18px;background:#101d2c;color:#f4f7ff;box-shadow:0 24px 80px rgba(0,0,0,.5)}
#salaryPositionBridge .occupationExampleDialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
#salaryPositionBridge .occupationExampleDialog::backdrop{background:rgba(4,10,18,.82)}
#salaryPositionBridge .occupationExampleDialog__head{display:flex;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid #3d5363;align-items:flex-start}
#salaryPositionBridge .occupationExampleDialog__head>div{min-width:0;flex:1}
#salaryPositionBridge .occupationExampleDialog__head h3{margin:0 0 8px;font-size:18px}
#salaryPositionBridge .occupationExampleDialog__head label{font-size:11px;margin:0 0 4px;color:#becfe1}
#salaryPositionBridge .occupationExampleDialog__head select{min-height:44px;padding:6px 10px;width:min(100%,320px)}
#salaryPositionBridge #occupationExampleClose{display:grid;place-items:center;width:44px;height:44px;padding:0;flex:none;border:1px solid #526781;border-radius:50%;background:#172638;color:#e4f1fa;cursor:pointer}
#salaryPositionBridge #occupationExampleClose svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;pointer-events:none}
#salaryPositionBridge #occupationExampleClose:focus-visible{outline:2px solid #a8ebd6;outline-offset:3px}
#salaryPositionBridge .occupationExampleDialog iframe{display:block;border:0;width:100%;height:100%;min-height:0;background:#101522}
#salaryPositionBridge .occupationExampleDialog__foot{padding:10px 18px 14px;border-top:1px solid #3d5363}
#salaryPositionBridge .occupationExampleDialog__foot p{text-align:center;font-size:12px;margin:0 0 8px;color:#becfe1}
@media(max-width:600px){
  #salaryPositionBridge .occupationCompare__planPreview{margin:0 0 16px}
  #salaryPositionBridge .occupationCompare__sampleQuote{font-size:13px;line-height:1.55;margin:8px 0}
  #salaryPositionBridge .occupationCompare__offerGrid{margin:0}
  #salaryPositionBridge .occupationCompare__benefits{margin:8px 0 12px;gap:16px}
  #salaryPositionBridge .occupationCompare__benefits p{font-size:13px}
  #salaryPositionBridge .occupationCompare__delivery{margin:7px 0 14px;font-size:11px}
  #salaryPositionBridge .occupationCompare__handoff{font-size:12px;line-height:1.5}
  #salaryPositionBridge #occupationPreviewContinue{margin:10px 0}
}

/* The national result becomes a reference once the visitor chooses a job. */
#choiceStep2.has-occupation-context #choiceStep2Top h2{font-size:26px;line-height:1.25;margin:8px 0}
#choiceStep2.has-occupation-context #choiceStep2Top p{font-size:13px;margin:5px 0 12px}
#choiceStep2.has-occupation-context #choiceResultStart{padding:0;border:0;background:none;box-shadow:none;overflow:visible}
#choiceStep2.has-occupation-context #choiceResultStart>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:20px;row-gap:0;padding:16px 20px;margin:0 0 18px;border:1px solid rgba(155,232,211,.22);border-radius:14px;background:linear-gradient(115deg,rgba(67,132,127,.2),rgba(60,72,105,.15));text-align:left}
#choiceStep2.has-occupation-context #choiceResultStart>div:first-child>span{grid-column:1;font-size:10px;margin:0;line-height:1.5}
#choiceStep2.has-occupation-context #choiceBand{grid-column:1;font-size:38px;line-height:1.1;margin:3px 0 0;letter-spacing:-1px}
#choiceStep2.has-occupation-context #choicePercentileText{grid-column:2;grid-row:1/3;font-size:12px;line-height:1.5;margin:0;max-width:420px}

#salaryPositionBridge .occupationJourney{display:flex;gap:18px;list-style:none;padding:0 0 18px;margin:0 0 22px;border-bottom:1px solid var(--occ-line);font-size:11px;color:#94a9bd}
#salaryPositionBridge .occupationJourney li{display:flex;align-items:center;gap:7px;min-width:0;line-height:1.35}
#salaryPositionBridge .occupationJourney li>span{display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid #4c6377;border-radius:50%;font-size:10px;font-weight:750}
#salaryPositionBridge .occupationJourney b{font:inherit}
#salaryPositionBridge .occupationJourney .is-complete{color:#9be8d3}
#salaryPositionBridge .occupationJourney .is-complete>span{border-color:#457a72;background:#1b3b3b}
#salaryPositionBridge .occupationJourney [aria-current=step]{color:#fff;font-weight:700}
#salaryPositionBridge .occupationJourney [aria-current=step]>span{background:#9be8d3;border-color:#9be8d3;color:#082332}
#salaryPositionBridge #occupationPatternLabel{font-size:13px;font-weight:650;margin:0 0 10px}
#salaryPositionBridge .occupationPatternChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#salaryPositionBridge .occupationPatternChoices label{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;margin:0;cursor:pointer;border:1px solid #526781;border-radius:10px;padding:10px 6px;background:#0d1828;font-size:14px;text-align:center}
#salaryPositionBridge .occupationPatternChoices input{position:absolute;opacity:0;width:1px;min-height:0;height:1px;padding:0;margin:0;pointer-events:none}
#salaryPositionBridge .occupationPatternChoices label:has(input:checked){border-color:#9be8d3;color:#b6f5df;background:#1d3c3d;box-shadow:inset 0 0 0 1px #9be8d3}
#salaryPositionBridge .occupationPatternChoices label:has(input:focus-visible){outline:3px solid #64dcf1;outline-offset:3px}
#salaryPositionBridge .occupationCompare__pattern{margin:20px 0 16px}
#salaryPositionBridge.has-result{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:28px;row-gap:0;margin-top:0}
#salaryPositionBridge.has-result .occupationJourney{grid-column:1/-1}
#salaryPositionBridge.has-result #occupationCompareContext{grid-column:1;grid-row:2}
#salaryPositionBridge.has-result #occupationCompareSummary{grid-column:2;grid-row:2;margin:0 0 8px}
#salaryPositionBridge.has-result #occupationComparePaid{grid-column:1/-1}
#salaryPositionBridge.has-result #occupationCompareRetry{grid-column:1/-1}
#salaryPositionBridge #occupationComparePaid{display:block;margin-top:22px;padding-top:26px}
#salaryPositionBridge #occupationOfferHeading{max-width:790px;font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-.7px}
#salaryPositionBridge .occupationCompare__value{max-width:760px;font-size:14px;line-height:1.65;margin:0 0 24px}
#salaryPositionBridge .occupationCompare__offerGrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:'proof purchase';gap:20px 24px;align-items:start;margin:0 0 16px}
#salaryPositionBridge .occupationCompare__planPreview{grid-area:proof;text-decoration:none;padding:18px 20px;margin:0;border-radius:14px;box-shadow:none}
#salaryPositionBridge .occupationCompare__planPreview>strong{font-size:17px;line-height:1.4;margin:0 0 10px}
#salaryPositionBridge .occupationCompare__sampleQuote{font-size:14px;line-height:1.6;margin:12px 0}
#salaryPositionBridge .occupationCompare__planLink{font-size:12px;padding-top:8px}
#salaryPositionBridge .occupationCompare__benefits{grid-area:benefits;display:grid;gap:14px;margin:0;padding:0}
#salaryPositionBridge .occupationCompare__benefits li{gap:12px}
#salaryPositionBridge .occupationBenefitNumber{display:grid;place-items:center;flex:none;width:29px;height:29px;margin-top:1px;border:1px solid #365a61;border-radius:8px;background:#162f36;color:#a4e8d2;font-size:10px;font-weight:800}
#salaryPositionBridge .occupationCompare__benefits p{font-size:12px;line-height:1.5;margin:3px 0 0}
#salaryPositionBridge .occupationPurchase{grid-area:purchase;min-width:0;padding:22px;border:1px solid #548d87;border-radius:16px;background:linear-gradient(150deg,#1c393d,#142334 80%)}
#salaryPositionBridge .occupationPurchase__saved{display:flex;align-items:center;gap:7px;margin:0 0 14px;font-size:9px;font-weight:800;letter-spacing:.07em;color:#a4e8d2}
#salaryPositionBridge .occupationPurchase__saved svg{width:16px;height:16px}
#salaryPositionBridge .occupationPurchase h4{margin:0 0 12px;font-size:24px;font-weight:750;line-height:1.22;letter-spacing:-.4px;color:#f4f7ff}
#salaryPositionBridge .occupationPurchase__includes{font-size:12px;line-height:1.6;margin:0;color:#c9dde5}
#salaryPositionBridge .occupationPurchase__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;margin:20px 0 16px}
#salaryPositionBridge .occupationPurchase__price strong{font-size:40px;font-weight:800;line-height:1.15;letter-spacing:-1px;color:#fff}
#salaryPositionBridge .occupationPurchase__price span{font-size:12px;color:#c9dde5}
#salaryPositionBridge .occupationCompare__handoff{display:block;font-size:11px;line-height:1.6;margin:12px 0 0}
#salaryPositionBridge .occupationCompare__delivery{font-size:11px;margin:9px 0 0;color:#a8ccca}
#salaryPositionBridge .occupationCompare__preview>summary{justify-content:flex-start;font-size:13px}
#occupationFreeAlternative:not(.has-limited-evidence){margin:12px 0;font-size:12px}

@media(max-width:700px){
  #salaryPositionBridge.has-result{display:block}
  #salaryPositionBridge.has-result #occupationCompareSummary{margin-top:12px}
  #salaryPositionBridge .occupationCompare__offerGrid{grid-template-columns:minmax(0,1fr);grid-template-areas:'purchase' 'proof';gap:18px}
  #salaryPositionBridge .occupationPurchase{padding:16px}
  #salaryPositionBridge .occupationPurchase h4{display:none}
  #salaryPositionBridge .occupationPurchase__saved{margin:0 0 6px}
  #salaryPositionBridge .occupationPurchase__includes span,#salaryPositionBridge .occupationPurchase__includes br{display:none}
  #salaryPositionBridge .occupationPurchase__price{margin:12px 0}
  #salaryPositionBridge .occupationPurchase__price strong{font-size:32px}
  #salaryPositionBridge .occupationCompare__handoff br{display:none}
  #salaryPositionBridge .occupationCompare__benefits{margin:4px 0 0;gap:14px}
  #salaryPositionBridge .occupationCompare__planPreview{padding:16px}
}

#salaryPositionBridge .occupationCompare__positionLabel{display:block;font-size:10px;font-weight:800;letter-spacing:1.1px;line-height:1.5;color:#a8ebd6;margin:0 0 5px}
/* A compact orientation, followed by a clearly separate paid plan. */
#salaryPositionBridge .occupationCompare__benefits.occupationRoutes{display:grid;grid-area:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0 10px;padding:0;list-style:none}
#salaryPositionBridge .occupationRoutes li{display:block;min-width:0;padding:0 0 0 14px;margin:0;border:0;border-left:2px solid #45756e}
#salaryPositionBridge .occupationRoutes strong{display:block;font-size:15px;font-weight:800;line-height:1.4;color:#a8ebd6;margin:0 0 5px}
#salaryPositionBridge .occupationRoutes p{font-size:13px;line-height:1.55;margin:0;color:#d0dfe9}
#salaryPositionBridge .occupationBlueprintBridge{margin:22px 0 18px;padding-top:20px;border-top:1px solid var(--occ-line)}
#salaryPositionBridge .occupationBlueprintBridge .occupationCompare__productLabel{margin:0 0 9px}
#salaryPositionBridge .occupationBlueprintBridge>p:last-child{max-width:740px;font-size:13px;line-height:1.55;margin:0;color:#cdddea}
@media(max-width:700px){
  #salaryPositionBridge .occupationCompare__benefits.occupationRoutes{grid-template-columns:minmax(0,1fr);gap:10px;margin:14px 0 0}
  #salaryPositionBridge .occupationRoutes li{display:grid;grid-template-columns:60px minmax(0,1fr);gap:10px;border:0;padding:0}
  #salaryPositionBridge .occupationRoutes strong{font-size:13px;margin:0;line-height:1.5}
  #salaryPositionBridge .occupationRoutes p{font-size:12px;line-height:1.5;margin:0}
  #salaryPositionBridge .occupationBlueprintBridge{margin:14px 0 12px;padding-top:14px}
  #salaryPositionBridge .occupationBlueprintBridge>p:last-child{font-size:12px;line-height:1.5}
  #salaryPositionBridge .occupationPurchase__saved{display:none}
  #salaryPositionBridge .occupationPurchase__price{margin:8px 0 12px}
  #salaryPositionBridge .occupationCompare__value{margin-bottom:0}
  #salaryPositionBridge .occupationCompare__handoff{margin-top:10px}
  #salaryPositionBridge .occupationCompare__delivery{margin-top:6px}
}
@media(max-width:360px){#salaryPositionBridge #occupationCompareCta>span{display:none}}
@media(max-width:600px){
  #choiceStep2.has-occupation-context #choiceStep2Top h2{font-size:22px}
  #choiceStep2.has-occupation-context #choiceResultStart>div:first-child{column-gap:12px;padding:12px 14px;margin-bottom:12px}
  #choiceStep2.has-occupation-context #choiceBand{font-size:29px}
  #choiceStep2.has-occupation-context #choicePercentileText{font-size:10px}
  #salaryPositionBridge .occupationJourney{gap:8px;justify-content:space-between;font-size:10px;padding-bottom:12px;margin-bottom:14px}
  #salaryPositionBridge .occupationJourney li{gap:5px;flex:1}
  #salaryPositionBridge .occupationJourney li>span{width:20px;height:20px;font-size:9px}
  #salaryPositionBridge.has-result .occupationJourney li:first-child{display:none}
  #salaryPositionBridge #occupationOfferHeading{font-size:25px;line-height:1.2}
  #salaryPositionBridge #occupationComparePaid{margin-top:16px;padding-top:22px}
  #salaryPositionBridge .occupationCompare__value{font-size:13px;line-height:1.6;margin-bottom:0}
  #salaryPositionBridge .occupationCompare__offerGrid{display:grid;margin-bottom:10px}
  #salaryPositionBridge .occupationCompare__planPreview{margin:0}
  #salaryPositionBridge .occupationCompare__sampleQuote{font-size:13px;line-height:1.55}
  #salaryPositionBridge .occupationPatternChoices label{font-size:13px}
}