:root{--headingColor:#f9f9fc;--h1Color:#061a3f;--tableheadingColor:#061a3f;--headingGradientColor:#f9f9fc;--borderColor:#d9e1ec;--gridColor:#d6deea;--textColor:#061a3f;--mutedTextColor:#536077;--pageBackgroundColor:#f7f9fc;--firstColor:#58b443;--secondColor:#3c872f;--thirdColor:#16b9b0;--fourthColor:#23a2d8;--fifthColor:#2f65d8;--sixthColor:#9645d6;--seventhColor:#a344d6;--eighthColor:#ee3d7b;--ninthColor:#ff4c2f;--tenthColor:#ff5a24;--eleventhColor:#ff9200;--twelfthColor:#66ad2f;--thirteenthColor:#35a853;--fourteenthColor:#3c70d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pageBackgroundColor);font-family:Arial,Helvetica,sans-serif;color:var(--textColor)}.wrap{max-width:1280px;margin:0 auto;padding:28px 18px 48px;background:#fff}.hero{text-align:center;max-width:1040px;margin:0 auto 22px}.eyebrow{display:inline-block;margin-bottom:10px;padding:7px 12px;border:1px solid var(--borderColor);border-radius:999px;color:var(--mutedTextColor);font-size:13px;font-weight:400;background:#fff}h1{margin:0;font-size:36px;line-height:1.08;font-weight:400;color:var(--h1Color);letter-spacing:-.8px}.subtitle,.hero p{margin:12px auto 0;font-size:19px;line-height:1.45;font-weight:400;color:var(--mutedTextColor);max-width:980px}.page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 18px;margin:24px auto 34px;max-width:1220px}.page-nav a{padding:13px 22px;border:1px solid var(--borderColor);border-radius:999px;background:#fff;color:var(--textColor);font-size:18px;font-weight:400;text-decoration:none;}.page-nav a:hover{border-color:#c7d2e3;background:#f5f7fb}.page-nav a.active{background:var(--firstColor);border-color:var(--firstColor);color:#fff}.section{width:80%;margin:44px auto 0}.section h2{margin:0 0 8px;text-align:center;font-size:30px;line-height:1.15}.section-copy{margin:0 auto 18px;max-width:900px;text-align:center;color:var(--mutedTextColor);font-size:17px;line-height:1.45}.table,.simple-table,.state-table,.employer-table{width:80%;margin:0 auto;border:1px solid var(--borderColor);border-radius:12px;overflow:hidden;background:#fff;}.head,.row{display:grid;grid-template-columns:250px 95px 190px minmax(0,1fr);align-items:stretch}.head,.simple-head,.state-head,.employer-head{background:var(--tableheadingColor);color:#fff;font-weight:400;text-align:center;font-size:16px}.head>div,.simple-head>div,.state-head>div,.employer-head>div{padding:12px 10px;border-right:1px solid rgba(255,255,255,.22)}.head>div:last-child,.simple-head>div:last-child,.state-head>div:last-child,.employer-head>div:last-child{border-right:0}.row{border-top:1px solid var(--borderColor);min-height:136px}.cat,.employer-cat{background:linear-gradient(135deg,var(--headingColor),var(--headingGradientColor));color:#000;display:flex;align-items:center;gap:16px;padding:14px;border-right:1px solid var(--borderColor)}.icon{width:62px;height:62px;flex:0 0 62px}.cat-title{font-weight:400;font-size:16px;line-height:1.16}.exp{display:block;margin-top:5px;font-weight:400;color:var(--c);font-size:14px}.years,.range-list,.bars{padding:12px;min-width:0}.years{font-weight:400;text-align:center;line-height:22px;border-right:1px solid var(--borderColor);font-size:14px}.range-list{font-weight:400;line-height:22px;border-right:1px solid var(--borderColor);color:var(--c);white-space:nowrap;text-align:center;font-size:14px}.bars{display:flex;flex-direction:column;justify-content:center;position:relative;padding:12px 28px;overflow:hidden}.bar-line{height:22px}.salary-bar{position:relative;width:100%;height:22px;font:400 13px Arial,Helvetica,sans-serif;color:#061a3f}.bar-track{position:absolute;left:24px;right:24px;top:50%;height:2px;transform:translateY(-50%)}.bar-track:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);border-top:2px dashed #cfd8e6;z-index:1}.bar-fill{position:absolute;top:50%;transform:translateY(-50%);height:3px;border-radius:999px;background:var(--c);z-index:2}.bar-fill:before,.bar-fill:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:inherit}.bar-fill:before{left:-5px}.bar-fill:after{right:-5px}.salary-label{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:3;background:#fff;padding:0 4px;line-height:1}.salary-label.min{transform:translate(-100%,-50%);margin-left:-7px}.salary-label.max{margin-left:7px}.note{font-size:13px;color:var(--mutedTextColor);margin:12px auto;width:80%;line-height:1.45}.resume-mini-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:12px;padding:10px 12px;border:1px solid var(--borderColor);border-radius:10px;background:#f5f7fb;color:var(--textColor);font-size:13px;font-weight:400;text-decoration:none;line-height:1.12;text-align:center}.resume-mini-btn:hover{background:#eef3f9;border-color:#c7d2e3}.simple-head,.simple-row{display:grid;grid-template-columns:1.2fr 1fr 1.6fr}.simple-row{border-top:1px solid var(--borderColor)}.simple-row>div{padding:14px;border-right:1px solid var(--borderColor);line-height:1.4}.simple-row>div:last-child{border-right:0}.metric-grid,.text-grid,.resume-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric,.text-card,.resume-card{border:1px solid var(--borderColor);border-radius:14px;background:#fff;padding:18px;}.metric strong,.text-card h3{display:block;margin:0 0 7px;font-size:20px}.metric span,.text-card p,.text-card li{color:var(--mutedTextColor);line-height:1.45}.text-card ul{padding-left:20px;margin:8px 0 0}.state-filter{width:80%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;gap:10px}.state-filter label{font-size:14px;font-weight:400;color:var(--mutedTextColor)}.state-filter select{min-width:300px;padding:10px 14px;border:1px solid var(--borderColor);border-radius:10px;background:#fff;color:var(--textColor);font-size:14px;font-weight:400;outline:none}.state-panel{display:none}.state-panel.active{display:block}.state-head,.state-row{display:grid;grid-template-columns:minmax(240px,1.6fr) minmax(110px,.7fr) repeat(4,minmax(72px,.65fr))}.state-row{min-height:96px;border-top:1px solid var(--borderColor)}.state-info,.state-salary,.state-trend{min-width:0;padding:14px;border-right:1px solid var(--borderColor);display:flex;flex-direction:column;justify-content:center}.state-trend:last-child{border-right:0}.state-name{font-size:18px;font-weight:400}.state-cities{margin-top:6px;font-size:13px;line-height:1.35;color:var(--mutedTextColor)}.state-cities span+span:before{content:" • "}.state-salary{text-align:center;align-items:center}.state-salary-value{font-size:18px;font-weight:400;white-space:nowrap}.state-salary-unit{font-size:12px;color:var(--mutedTextColor)}.state-trend{text-align:center;align-items:center;font-size:17px;font-weight:400}.state-trend .trend-year{display:none}.up{color:#16A34A}.down{color:#DC2626}.flat{color:#6B7280}.employer-head,.employer-row{display:grid;grid-template-columns:250px 95px minmax(0,1fr);align-items:stretch}.employer-row{min-height:136px;border-top:1px solid var(--borderColor)}.employer-year{display:flex;align-items:center;justify-content:center;padding:12px;border-right:1px solid var(--borderColor);font-size:16px;font-weight:400}.employer-list{padding:16px 22px;display:grid;grid-template-columns:1fr 1fr;gap:8px 26px;align-content:center}.employer-item{display:grid;grid-template-columns:minmax(72px,1fr) auto auto;align-items:center;gap:10px;padding:6px 0;border-bottom:1px dashed var(--borderColor);min-width:0}.company,.company-pay{font-size:14px;font-weight:400;white-space:nowrap}.company-pay{color:var(--c)}.company-premium{font-size:13px;font-weight:400;white-space:nowrap}.resume-links{border:1px solid var(--borderColor);border-radius:16px;padding:24px;background:#fbfcff}.resume-card{display:flex;flex-direction:column;gap:14px}.resume-card-head{display:flex;align-items:center;gap:12px}.resume-card-head .icon{width:48px;height:48px;flex-basis:48px}.resume-card strong{display:block;font-size:18px}.resume-card span{display:block;margin-top:4px;color:var(--c);font-weight:400}.resume-card-btn{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--borderColor);border-radius:12px;background:#f5f7fb;color:var(--textColor);text-decoration:none;font-weight:400;font-size:16px}.resume-card-btn:hover{background:#eef3f9;border-color:#c7d2e3}.footer-note{text-align:center;color:var(--mutedTextColor);font-size:13px;margin-top:30px}.salary-calc{display:grid;grid-template-columns:1fr 1fr;gap:16px}.salary-calc .metric{padding:20px}.callout{width:80%;margin:24px auto 0;padding:18px;border-left:5px solid var(--firstColor);background:#fbfcff;border-radius:12px;color:var(--textColor);line-height:1.5}

/* Neutral CTA cards: icon/title on top, full-width light-gray button below */
.resume-links{background:#fff}
.resume-card{background:#fff}
.resume-card-head{min-height:62px}
.resume-card strong{color:var(--textColor)}
.resume-card span,.exp{color:var(--firstColor)}
.company-pay,.range-list{color:var(--textColor)}
.bar-fill{background:var(--firstColor)}
@media(max-width:980px){.wrap{max-width:100%;padding:16px 8px 30px}.hero{text-align:left;padding:0 4px}h1{font-size:clamp(28px,7vw,38px)}.subtitle,.hero p{font-size:17px;text-align:left}.page-nav{justify-content:flex-start;gap:10px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.page-nav a{font-size:15px;white-space:nowrap;padding:11px 16px}.section,.table,.simple-table,.state-table,.employer-table,.note,.callout{width:100%}.section{margin-top:32px}.section h2{font-size:26px;text-align:left}.section-copy{text-align:left;font-size:16px}.head,.employer-head,.state-head,.simple-head{display:none}.row{display:grid;grid-template-columns:46px 110px minmax(0,1fr);grid-template-areas:"cat cat cat" "years ranges bars";min-height:0;margin:0 0 12px;border:1px solid var(--borderColor);border-radius:14px;overflow:hidden;}.cat{grid-area:cat;justify-content:center;border-right:0;border-bottom:1px solid var(--borderColor);min-height:78px}.icon{width:42px;height:42px;flex-basis:42px}.cat-title{font-size:17px}.years{grid-area:years;background:#fbfcff;font-size:14px;line-height:24px;padding:7px 3px}.range-list{grid-area:ranges;background:#fbfcff;font-size:13px;line-height:24px;padding:7px 3px}.bars{grid-area:bars;padding:7px 2px}.bar-line,.salary-bar{height:24px}.salary-bar{font-size:12px}.bar-track{left:42px;right:42px}.simple-row{display:block;margin:0 0 12px;border:1px solid var(--borderColor);border-radius:14px;overflow:hidden}.simple-row>div{border-right:0;border-bottom:1px solid var(--borderColor)}.simple-row>div:last-child{border-bottom:0}.metric-grid,.text-grid,.resume-grid,.salary-calc{grid-template-columns:1fr}.state-filter{width:100%;flex-direction:column}.state-filter select{width:100%;min-width:0}.state-row{display:grid;grid-template-columns:150px minmax(0,1fr);grid-template-areas:"info right";margin:0 0 12px;border:1px solid var(--borderColor);border-radius:14px;overflow:hidden}.state-info{grid-area:info;justify-content:flex-start}.state-mobile-right{grid-area:right;padding:12px;display:flex;flex-direction:column}.state-salary{border:0;padding:0 0 10px}.state-trends{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.state-trend{border:0;padding:0;display:flex;flex-direction:row;font-size:13px}.state-trend .trend-year{display:inline;color:var(--mutedTextColor);margin-right:2px}.employer-row{display:grid;grid-template-columns:70px minmax(0,1fr);grid-template-areas:"cat cat" "year employers";margin:0 0 12px;border:1px solid var(--borderColor);border-radius:14px;overflow:hidden}.employer-cat{grid-area:cat;justify-content:center;border-right:0;border-bottom:1px solid var(--borderColor)}.employer-year{grid-area:year;background:#fbfcff}.employer-list{grid-area:employers;grid-template-columns:1fr 1fr;padding:10px 12px;gap:8px 18px}.company,.company-pay{font-size:13px}.company-premium{font-size:12px}}
@media(max-width:520px){.employer-list{grid-template-columns:1fr;gap:0}.employer-item{grid-template-columns:minmax(64px,1fr) auto auto;gap:8px}.state-row{grid-template-columns:150px minmax(0,1fr)}.resume-mini-btn{width:100%;justify-content:center}.cat{justify-content:flex-start}.company,.company-pay{font-size:12px}.company-premium{font-size:11px}}
@media(min-width:981px){.state-mobile-right,.state-trends{display:contents}}

/* Salary Trends page restores the full multi-color salary-table palette */
.salary-trends-page{
  --firstColor:#58b443;
  --secondColor:#3c872f;
  --thirdColor:#16b9b0;
  --fourthColor:#23a2d8;
  --fifthColor:#2f65d8;
  --sixthColor:#9645d6;
  --seventhColor:#a344d6;
  --eighthColor:#ee3d7b;
  --ninthColor:#ff4c2f;
  --tenthColor:#ff5a24;
  --eleventhColor:#ff9200;
  --twelfthColor:#66ad2f;
  --thirteenthColor:#35a853;
  --fourteenthColor:#3c70d9;
}
.salary-trends-page .range-list,
.salary-trends-page .exp,
.salary-trends-page .company-pay{color:var(--c)}
.salary-trends-page .bar-fill{background:var(--c)}
.salary-trends-page .cat-title{font-weight:400}
.salary-trends-page .table{margin-top:18px}

.eyebrow{display:none!important}

.resume-mini-btn,.resume-card-btn{font-weight:400}
button,.button,.btn{font-weight:400}


/* Typography cleanup: headings are bold; regular text and buttons stay normal */
h1,
.section h2,
.text-card h3,
.metric strong,
.resume-card strong,
.cat-title,
.state-name,
.simple-head,
.head,
.state-head,
.employer-head{
  font-weight:700;
}

body,
p,
.subtitle,
.hero p,
.page-nav a,
.section-copy,
.note,
.years,
.range-list,
.salary-bar,
.salary-label,
.exp,
.state-filter label,
.state-filter select,
.state-salary-value,
.state-trend,
.employer-year,
.company,
.company-pay,
.company-premium,
.resume-mini-btn,
.resume-card-btn,
button,
.button,
.btn{
  font-weight:400;
}


/* Smaller top navigation pills */
.page-nav{gap:10px 14px;margin:22px auto 28px;}
.page-nav a{font-size:15px;padding:10px 17px;}

/* Salary by State / City level pills layout */
.salary-level-layout{width:88%;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px;align-items:start;}
.salary-level-layout .state-table{width:100%;}
.level-pills{border:1px solid var(--borderColor);border-radius:14px;background:#fbfcff;padding:14px;position:sticky;top:16px;}
.level-pills-title{font-size:15px;font-weight:700;margin:0 0 10px;color:var(--textColor);}
.level-pill{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin:0 0 8px;padding:10px 12px;border:1px solid var(--borderColor);border-radius:10px;background:#fff;color:var(--textColor);font-size:14px;line-height:1.15;font-weight:400;text-align:left;cursor:pointer;}
.level-pill span{font-weight:400;}
.level-pill small{font-size:12px;color:var(--mutedTextColor);font-weight:400;}
.level-pill.active{background:var(--firstColor);border-color:var(--firstColor);color:#fff;}
.level-pill.active small{color:#fff;}
.level-pill:hover{background:#f5f7fb;}
.level-pill.active:hover{background:var(--firstColor);}

/* Keep headings bold only */
h1,.section h2,.text-card h3,.metric strong,.resume-card strong,.cat-title,.state-name,.simple-head,.head,.state-head,.employer-head,.level-pills-title{font-weight:700;}
body,p,.subtitle,.hero p,.page-nav a,.section-copy,.note,.years,.range-list,.salary-bar,.salary-label,.exp,.state-salary-value,.state-trend,.employer-year,.company,.company-pay,.company-premium,.resume-mini-btn,.resume-card-btn,.level-pill,.level-pill span,.level-pill small,button,.button,.btn{font-weight:400;}

@media(max-width:980px){
  .page-nav a{font-size:14px;padding:9px 14px;}
  .salary-level-layout{width:100%;display:flex;flex-direction:column-reverse;gap:14px;}
  .level-pills{position:static;width:100%;display:flex;gap:8px;overflow-x:auto;padding:10px;}
  .level-pills-title{display:none;}
  .level-pill{width:auto;min-width:160px;margin:0;white-space:normal;}
}


/* Robust mobile salary-trends grid fix, including VP row */
@media(max-width:980px){
  .salary-trends-page .row{display:grid!important;grid-template-columns:46px 110px minmax(0,1fr)!important;grid-template-areas:"cat cat cat" "years ranges bars"!important;align-items:stretch!important;min-height:0!important;}
  .salary-trends-page .cat{grid-area:cat!important;}
  .salary-trends-page .years{grid-area:years!important;}
  .salary-trends-page .range-list{grid-area:ranges!important;}
  .salary-trends-page .bars{grid-area:bars!important;display:flex!important;flex-direction:column!important;justify-content:center!important;height:auto!important;min-height:0!important;max-height:132px!important;overflow:hidden!important;}
  .salary-trends-page .bar-line{height:24px!important;min-height:24px!important;max-height:24px!important;}
  .salary-trends-page .salary-bar{height:24px!important;}
  .salary-trends-page .bars .bar-line:nth-child(n+6){display:none!important;}
}
@media(max-width:420px){
  .salary-trends-page .row{grid-template-columns:42px 96px minmax(0,1fr)!important;}
  .salary-trends-page .bar-track{left:34px!important;right:34px!important;}
  .salary-trends-page .salary-label{font-size:10px!important;}
}

/* 2026-06-27 responsive nav / state layout fixes */
.page-nav{
  max-width:980px;
  align-items:center;
}

.salary-level-layout{
  width:100%;
  max-width:1220px;
}
.salary-level-main,
.salary-level-layout .state-table{
  width:100%;
}

@media(min-width:981px){
  .page-nav{
    max-width:1000px;
  }
}

@media(max-width:980px){
  .wrap{
    overflow-x:hidden;
  }

  /* Main page nav scrolls left/right on mobile and keeps active tab reachable */
  .page-nav{
    max-width:100%;
    width:100%;
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    gap:10px;
    padding:0 10px 8px;
    margin:20px 0 28px;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .page-nav a{
    flex:0 0 auto;
    scroll-snap-align:center;
  }
  .page-nav a.active{
    scroll-snap-align:center;
  }

  /* State/city pages should use the full available mobile width */
  .salary-level-layout,
  .salary-level-main,
  .salary-level-layout .state-table{
    width:100%;
    max-width:100%;
  }

  /* Experience-level controls: no big boxed card on mobile, just a horizontal selector */
  .level-pills{
    border:0;
    border-radius:0;
    background:transparent;

    width:100%;
    max-width:100%;
    display:flex;
    flex-wrap:nowrap;
    gap:10px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 10px 10px;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .level-pill{
    flex:0 0 auto;
    min-width:174px;
    scroll-snap-align:center;
  }
  .level-pill.active{
    scroll-snap-align:center;
  }
}

@media(max-width:520px){
  .page-nav{
    padding-left:12px;
    padding-right:12px;
  }
  .level-pills{
    padding-left:12px;
    padding-right:12px;
  }
  .state-row{
    width:100%;
  }
}


/* Hide mobile pill scrollbars while keeping swipe scrolling */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}

html.no-page-overscroll{
  overscroll-behavior-y:none;
}

.page-nav,
.level-pills{
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.page-nav::-webkit-scrollbar,
.level-pills::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}

@media(max-width:520px){
  .state-row{
    grid-template-columns:150px minmax(0,1fr)!important;
  }
}


/* Experience level pill icons */
.level-pill{
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.level-pill-text{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  min-width:0;
}
.level-pill-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  color:inherit;
  opacity:.9;
}
.level-pill.active .level-pill-icon{
  color:#fff;
  opacity:1;
}
@media(max-width:980px){
  .level-pill{
    min-height:64px;
    padding:10px 12px;
  }
  .level-pill-icon{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
}
@media(max-width:520px){
  .level-pill{
    min-width:220px;
  }
}

/* Production-ready content tables and resource links */
.career-guide-table .simple-head,
.career-guide-table .simple-row{grid-template-columns:max-content minmax(220px,0.9fr) minmax(360px,1.6fr);}
.career-guide-table .simple-head>div:first-child,
.career-guide-table .simple-row>div:first-child{white-space:nowrap;text-align:center;}
.career-guide-table p{margin:6px 0 0;color:var(--mutedTextColor);line-height:1.45;font-size:15px;}
.recommended-links .text-card{display:flex;flex-direction:column;}
.recommended-links .text-card a{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border:1px solid var(--borderColor);border-radius:10px;background:#f5f7fb;color:var(--textColor);text-decoration:none;font-weight:400;text-align:center;}
.recommended-links .text-card a:hover{background:#eef3f9;border-color:#c7d2e3;}
@media(max-width:980px){
  .career-guide-table .simple-head{display:none;}
  .career-guide-table .simple-row{display:block;}
  .career-guide-table .simple-row>div:first-child{text-align:left;background:#fbfcff;}
}
.section-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
.section-title-row h2{
  margin:0;
  text-align:left;
}
.section-link{
  flex:0 0 auto;
  color:var(--firstColor);
  text-decoration:none;
  font-size:15px;
}
.section-link:hover{
  text-decoration:underline;
}
.qa-card{
  border:1px solid var(--borderColor);
  border-radius:16px;
  background:#fff;
  padding:18px 20px;
  margin:0 0 14px;

}
.qa-card h3{
  margin:0 0 10px;
  color:var(--textColor);
  font-size:21px;
  line-height:1.25;
  font-weight:700;
}
.qa-card p{
  margin:0;
  color:var(--textColor);
  font-size:17px;
  line-height:1.55;
}
.qa-tip{
  margin-top:12px;
  padding:12px 14px;
  border-left:4px solid var(--firstColor);
  border-radius:10px;
  background:#f5fbf3;
  color:var(--mutedTextColor);
  font-size:15px;
  line-height:1.45;
}
.primary-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 20px;
  border-radius:999px;
  background:var(--firstColor);
  color:#fff;
  text-decoration:none;
  font-size:17px;

}
.primary-cta:hover{
  filter:brightness(.96);
}
.qa-card{border:1px solid var(--borderColor);border-radius:14px;background:#fff;padding:18px;margin:0 0 14px;}
.qa-card h3{margin:0 0 10px;font-size:21px;line-height:1.25;color:var(--h1Color)}
.qa-card p{margin:0;color:var(--mutedTextColor);line-height:1.55;font-size:16px}
.qa-tip{margin-top:12px;padding:12px 14px;border-radius:10px;background:#f6f8fc;color:var(--mutedTextColor);line-height:1.45}
.resource-card-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.text-card a,.resource-card-actions a{display:flex;align-items:center;justify-content:center;min-height:24px;padding:5px 10px;border:1px solid var(--borderColor);border-radius:10px;background:#f5f7fb;color:var(--textColor);text-decoration:none;text-align:center;font-size:15px;line-height:1.2}
.text-card a:hover,.resource-card-actions a:hover{background:#eef3f9;border-color:#c7d2e3}
.mistake-card,
.faq-card {
    background: #fff;
    border: 1px solid var(--borderColor);
    border-radius: 18px;
    padding: 22px 24px;

}
.mistake-card h3,
.faq-card h3 {
    margin: 0 0 10px;
    color: var(--textColor);
    font-size: clamp(20px, 2vw, 26px);
    line-height: 1.2;
}
.mistake-card p,
.faq-card p {
    margin: 0;
    color: var(--mutedColor);
    font-size: clamp(17px, 1.7vw, 21px);
    line-height: 1.55;
}
@media (max-width: 760px) {
    .mistakes-grid,
    .faq-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .mistake-card,
    .faq-card {
        padding: 18px 20px;
    }
}

/* Center skill/phrase pills and their text on the dedicated skills page. */
.top-skills-page .keyword-group .skill-tags {
    justify-content: center !important;
}

.top-skills-page .skill-tags span {
    justify-content: center;
    text-align: center;
}


/* Worldwide salary comparison */
.worldwide-table{width:100%;margin:0 auto;border:1px solid var(--borderColor);border-radius:12px;overflow:hidden;background:#fff;}
.world-head,.world-row{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:stretch}
.world-head{background:var(--tableheadingColor);color:#fff;font-weight:700;text-align:center;font-size:15px}
.world-head>div{padding:12px 10px;border-right:1px solid rgba(255,255,255,.22)}
.world-head>div:last-child{border-right:0}
.world-row{border-top:1px solid var(--borderColor);min-height:82px}
.world-country,.world-cell{min-width:0;padding:14px;border-right:1px solid var(--borderColor);display:flex;flex-direction:column;justify-content:center}
.world-cell:last-child{border-right:0}
.world-country strong,.world-cell strong{font-size:17px;color:var(--textColor);font-weight:400}
.world-country small,.world-label{font-size:12px;color:var(--mutedTextColor);margin-top:4px}
.world-tier{display:inline-flex;align-self:flex-start;margin-bottom:6px;padding:3px 8px;border:1px solid var(--borderColor);border-radius:999px;background:#f5f7fb;color:var(--mutedTextColor);font-size:11px;line-height:1;font-weight:400}
.stars{color:#f59e0b;font-size:18px;letter-spacing:1px;white-space:nowrap}
@media(max-width:980px){
  .world-head{display:none}
  .world-row{display:grid;grid-template-columns:150px minmax(0,1fr);border:1px solid var(--borderColor);border-radius:14px;overflow:hidden;margin:0 0 12px;min-height:0}
  .world-country{border-right:1px solid var(--borderColor);background:#fbfcff;justify-content:flex-start}
  .world-cell{border-right:0;border-bottom:1px solid var(--borderColor);padding:10px 12px}
  .world-cell:last-child{border-bottom:0}
  .world-label{display:block;margin:0 0 3px}
  .world-country strong,.world-cell strong{font-size:16px}
  .stars{font-size:16px}
}
@media(max-width:520px){
  .world-row{grid-template-columns:150px minmax(0,1fr)!important}
}

/* Production data page refinements */
.state-panel.active{display:block;}
.state-panel:not(.active){display:none;}
.state-table{min-width:0;}
.state-head,.state-row{grid-template-columns:minmax(230px,1.4fr) minmax(130px,.8fr) repeat(4,minmax(72px,.45fr));}
.state-salary-value{white-space:nowrap;}
.qa-card p{line-height:1.62;}
.text-card p{line-height:1.58;}
@media (max-width: 720px){.state-head{display:none}.state-row{grid-template-columns:1fr}.state-mobile-right{align-items:flex-start}.state-trends{justify-content:flex-start}.level-pills{max-height:none}.salary-level-layout{grid-template-columns:1fr}.salary-level-main{order:2}.level-pills{order:1}}


/* Production formatting fixes: keep state/city and employer tables aligned on desktop. */
.state-table,.employer-table{max-width:1180px;width:80%;margin-left:auto;margin-right:auto;overflow:hidden;}
.state-head,.state-row{display:grid;grid-template-columns:minmax(260px,1.45fr) minmax(150px,.75fr) repeat(4,minmax(100px,.55fr));align-items:stretch;}
.state-info,.state-salary,.state-trend{min-width:0;}
.state-mobile-right{display:contents;}
.employer-head,.employer-row{display:grid;grid-template-columns:260px 95px minmax(0,1fr);align-items:stretch;}
.employer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;align-content:center;padding:16px 22px;}
.employer-item{display:grid;grid-template-columns:minmax(110px,1fr) minmax(100px,max-content) minmax(52px,max-content);gap:8px;min-width:0;}
.company{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.company-pay,.company-premium{white-space:nowrap;}
@media(max-width:980px){
  .state-table,.employer-table{width:100%;max-width:none;}
  .state-head,.employer-head{display:none;}
  .state-row{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-areas:"info right"!important;margin:0 0 12px;border:1px solid var(--borderColor);border-radius:14px;overflow:hidden;}
  .state-info{grid-area:info!important;}
  .state-mobile-right{display:flex!important;grid-area:right!important;flex-direction:column;padding:12px;}
  .state-trends{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;}
  .state-trend{border:0;padding:0;display:flex;flex-direction:row;font-size:13px;}
  .employer-row{display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;grid-template-areas:"cat cat" "year employers"!important;margin:0 0 12px;border:1px solid var(--borderColor);border-radius:14px;overflow:hidden;}
  .employer-list{grid-area:employers!important;grid-template-columns:1fr 1fr;padding:10px 12px;gap:4px 18px;}
}
@media(max-width:520px){.employer-list{grid-template-columns:1fr}.state-row{grid-template-columns:1fr!important}.state-mobile-right{grid-area:auto!important}.state-info{grid-area:auto!important}.employer-item{grid-template-columns:minmax(86px,1fr) auto auto;}}

.qa-code-title{margin-top:12px;font-size:14px;font-weight:700;color:var(--textColor)}
.qa-code{margin:8px 0 0;padding:14px;border:1px solid var(--borderColor);border-radius:10px;background:#0f172a;color:#e5e7eb;overflow-x:auto;font-size:13px;line-height:1.55;white-space:pre}
.qa-code code{font-family:Consolas,Monaco,Menlo,monospace;color:inherit}

.followup-list{margin-top:12px;display:grid;gap:12px;padding-left:24px}.qa-card h4{margin:22px 0 8px;font-size:1.05rem;color:var(--ink,#071b46)}.qa-card pre{white-space:pre-wrap;overflow-x:auto}

/* Generator production fixes */
.skill-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px;margin:16px auto 26px;max-width:1050px;line-height:1.2;}
.skill-tags span{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid var(--borderColor);border-radius:999px;background:#fff;color:var(--textColor);font-size:14px;}
.worldwide-table .simple-head,.worldwide-table .simple-row{grid-template-columns:1.1fr .7fr 1.1fr 1.1fr;}
details{border:1px solid var(--borderColor);border-radius:12px;background:#fff;margin:12px auto;padding:14px;max-width:980px;}
details summary{font-weight:700;cursor:pointer;}
details p{color:var(--mutedTextColor);line-height:1.5;}
@media(max-width:980px){.skill-tags{justify-content:flex-start}.worldwide-table .simple-head{display:none}.worldwide-table .simple-row{display:block}.worldwide-table .simple-row>div{border-right:0;border-bottom:1px solid var(--borderColor)}.worldwide-table .simple-row>div:last-child{border-bottom:0}}

/* Production generator additions */
.wide-copy{max-width:1000px;text-align:left;white-space:pre-line;}
.career-section-card{margin:18px auto;max-width:1000px;}
.keyword-group{margin:18px auto 24px;max-width:1050px;}
.keyword-group h3{font-size:22px;margin:0 0 12px;color:var(--textColor);}
.skill-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px auto 22px;}
.skill-tags span{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid var(--borderColor);border-radius:999px;background:#fff;color:var(--textColor);font-size:14px;line-height:1.2;}
.references-section .reference-list{display:grid;gap:8px;max-width:1000px;margin:0 auto;word-break:break-word;}
.references-section a{color:var(--textColor);font-size:14px;line-height:1.35;}
.career-outlook-section .text-card ul{padding-left:22px;}
.career-outlook-section .text-card li{margin:8px 0;}
@media(max-width:980px){.wide-copy{text-align:left}.skill-tags{justify-content:flex-start}.simple-head[style],.simple-row[style]{display:block!important}.simple-head[style]{display:none!important}}

/* Production polish for AI-generated career pages */
.section{max-width:1180px;}
.career-outlook-section{width:88%;max-width:1120px;}
.career-outlook-section>.section-copy{max-width:980px;font-size:18px;line-height:1.65;text-align:left;background:#fbfcff;border:1px solid var(--borderColor);border-radius:16px;padding:22px 26px;}
.career-section-card{margin:18px auto;padding:24px 28px;text-align:left;}
.career-section-card h3{font-size:24px;margin-bottom:12px;color:var(--textColor)}
.career-section-card .section-copy,.text-card .section-copy{max-width:none;text-align:left;margin:0;color:var(--mutedTextColor);font-size:17px;line-height:1.65;}
.pretty-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:10px;}
.pretty-list li{position:relative;padding:11px 14px 11px 38px;border:1px solid var(--borderColor);border-radius:12px;background:#fbfcff;color:var(--mutedTextColor);font-size:16px;line-height:1.5;}
.pretty-list li:before{content:"";position:absolute;left:15px;top:18px;width:8px;height:8px;border-radius:50%;background:var(--firstColor);}
.keyword-group{margin:26px auto 34px;}
.keyword-group h3{font-size:26px;text-align:left;margin:0 0 16px;color:var(--textColor);}
.skill-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 14px;margin:0 auto;}
.keyword-group .skill-tags{justify-content:flex-start;}
.skill-tags span{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:1px solid var(--borderColor);border-radius:999px;background:#fff;color:var(--textColor);font-size:15px;line-height:1.2;}
.references-section{width:88%;max-width:1120px;margin-top:52px;}
.reference-card{border:1px solid var(--borderColor);border-radius:16px;background:#fbfcff;padding:18px 22px;}
.reference-card ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;}
.reference-card li{display:flex;align-items:center;gap:10px;min-width:0;}
.reference-card li span{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--firstColor);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;}
.reference-card a{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--textColor);text-decoration:none;border:1px solid var(--borderColor);background:#fff;border-radius:10px;padding:9px 12px;}
.reference-card a:hover{border-color:var(--firstColor);color:var(--firstColor)}
.metric-grid{margin:18px auto 28px;}
.metric{min-height:108px;}
.metric span{display:block;margin-top:8px;font-size:16px;line-height:1.45;}
.simple-table{margin-top:18px;margin-bottom:34px;}
.simple-row>div{word-break:normal;overflow-wrap:anywhere;}
.top-skills-page .section,.top-keywords-page .section{width:88%;max-width:1180px;}
.top-skills-page .section h2,.top-keywords-page .section h2{font-size:42px;margin-bottom:34px;}
.resume-links{margin-top:52px;}

@media(max-width:980px){
  .career-outlook-section,.references-section,.top-skills-page .section,.top-keywords-page .section{width:100%;}
  .career-outlook-section>.section-copy{font-size:16px;padding:16px;text-align:left;}
  .career-section-card{padding:18px 16px;}
  .keyword-group h3{text-align:left;font-size:22px;}
  .keyword-group .skill-tags,.skill-tags{justify-content:flex-start;gap:10px;}
  .skill-tags span{font-size:14px;padding:9px 14px;}
  .reference-card ul{grid-template-columns:1fr;}
  .reference-card a{white-space:normal;}
}

/* 2026-06-28 readability polish: unified widths, card bullets, cleaner tables */
.wrap{max-width:1440px;background:#fff;}
.section{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:18px;padding-right:18px;}
.table,.simple-table,.state-table,.employer-table{width:100%;max-width:1280px;}
.salary-level-layout{max-width:1280px;}
.section-copy{max-width:980px;}
.section-subheading{font-size:24px;line-height:1.2;margin:28px 0 14px;color:var(--textColor);font-weight:700;}
.pretty-list{list-style:none;margin:16px auto 24px;padding:0;display:grid;gap:12px;max-width:1180px;}
.pretty-list li{position:relative;border:1px solid var(--borderColor);border-radius:14px;background:#fbfcff;padding:14px 18px 14px 46px;color:var(--mutedTextColor);line-height:1.5;font-size:18px;}
.pretty-list li:before{content:"";position:absolute;left:18px;top:22px;width:10px;height:10px;border-radius:999px;background:var(--firstColor);}
.intro-card{max-width:1180px;margin:0 auto 22px;border:1px solid var(--borderColor);border-radius:18px;background:#fbfcff;padding:22px;}
.intro-card .section-copy{margin-bottom:0;max-width:none;text-align:left;}
.career-section-card{max-width:1180px;margin:18px auto;padding:24px;}
.career-section-card .section-copy{max-width:none;text-align:left;}
.metric-grid,.text-grid,.resume-grid,.pretty-card-grid,.cert-grid{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;}
.pretty-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.pretty-card{border:1px solid var(--borderColor);border-radius:16px;background:#fff;padding:20px;}
.pretty-card h3{font-size:22px;line-height:1.15;margin:0 0 12px;color:var(--textColor);}
.pretty-card p{font-size:16px;line-height:1.5;color:var(--mutedTextColor);}
.salary-chip{display:inline-flex;align-items:center;justify-content:center;background:#eef8ec;color:#2f7c27;border:1px solid #cce9c7;border-radius:999px;padding:7px 12px;font-size:16px;font-weight:700;margin:2px 0 12px;}
.premium-badge{display:inline-flex;margin-top:8px;background:#ecfdf3;color:#14913b;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:700;}
.comparison-table .simple-row,.worldwide-table .simple-row{min-height:64px;align-items:center;}
.references-section{margin-top:42px;}
.reference-card{border:1px solid var(--borderColor);border-radius:16px;background:#fbfcff;padding:20px;}
.reference-card ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.reference-card li{display:flex;align-items:center;gap:10px;min-width:0;}
.reference-card li span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--firstColor);color:#fff;font-size:13px;flex:0 0 26px;}
.reference-card a{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--textColor);text-decoration:none;border:1px solid var(--borderColor);border-radius:999px;background:#fff;padding:8px 12px;}
.reference-card a:hover{border-color:var(--firstColor);color:#2f7c27;}
.cert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.cert-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;align-items:start;border:1px solid var(--borderColor);border-radius:18px;background:#fff;padding:22px;min-height:190px;}
.cert-card .cert-icon{width:58px;height:58px;color:var(--firstColor);}
.cert-card h3{font-size:22px;line-height:1.18;margin:0 0 8px;color:var(--textColor);}
.cert-card p{font-size:15px;line-height:1.5;color:var(--mutedTextColor);margin:0 0 12px;}
.cert-provider{color:#2f7c27!important;font-weight:700!important;margin-bottom:8px!important;}
.cert-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--borderColor);border-radius:999px;background:#f5f7fb;color:var(--textColor);text-decoration:none;padding:9px 13px;font-size:14px;}
.cert-link:hover{border-color:var(--firstColor);background:#eef8ec;color:#2f7c27;}
.keyword-group{max-width:1280px;margin:22px auto;}
.keyword-group h3{font-size:24px;margin:0 0 14px;color:var(--textColor);}
.skill-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.keyword-group .skill-tags{justify-content:flex-start;}
.skill-tags span{border:1px solid var(--borderColor);border-radius:999px;background:#fff;padding:11px 17px;color:var(--textColor);}
.faq-card{max-width:1180px;margin:14px auto;border:1px solid var(--borderColor);border-radius:14px;background:#fff;padding:18px 22px;}
.faq-card summary{font-size:18px;font-weight:700;cursor:pointer;}
.faq-card p{font-size:17px;color:var(--mutedTextColor);line-height:1.55;}

@media(max-width:980px){
  .section{padding-left:10px;padding-right:10px;}
  .pretty-card-grid,.cert-grid,.reference-card ul{grid-template-columns:1fr;}
  .cert-card{grid-template-columns:48px minmax(0,1fr);padding:18px;}
  .cert-card .cert-icon{width:48px;height:48px;}
  .pretty-list li{font-size:16px;padding-left:42px;}
  .keyword-group .skill-tags{justify-content:flex-start;}
}

/* Production polish: full-width, calmer layouts and consistent cards */
.wrap{max-width:1440px;background:#fff;}
.section{width:100%;max-width:1280px;margin:44px auto 0;padding:0 24px;}
.table,.simple-table,.state-table,.employer-table{width:100%;max-width:1280px;}
.section-copy{max-width:980px;}
.text-grid,.metric-grid,.resume-grid,.cert-grid,.summary-card-grid{width:100%;}

/* World salary summary cards */
.summary-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px auto 34px;}
.summary-card{border:1px solid var(--borderColor);border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcff);padding:22px;}
.summary-card span{display:block;color:var(--mutedTextColor);font-size:15px;margin-bottom:8px;}
.summary-card strong{display:block;color:var(--textColor);font-size:28px;line-height:1.12;margin-bottom:8px;font-weight:700;}
.summary-card small{display:block;color:var(--mutedTextColor);font-size:14px;line-height:1.4;}
.world-tier{margin-top:34px;}
.worldwide-table{margin-top:14px;}
.tier-copy{margin-bottom:16px;}

/* Career pages: keep bullets inside readable cards */
.career-outlook-section>.intro-card,
.career-section-card,
.metric,
.faq-card,
.reference-card{max-width:100%;}
.pretty-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:12px;}
.pretty-list li{position:relative;margin:0;padding:14px 18px 14px 48px;border:1px solid var(--borderColor);border-radius:14px;background:#fbfcff;color:var(--mutedTextColor);line-height:1.5;}
.pretty-list li:before{content:"";position:absolute;left:18px;top:22px;width:10px;height:10px;border-radius:50%;background:var(--firstColor);}
.intro-card{border:1px solid var(--borderColor);border-radius:18px;background:#fbfcff;padding:24px;color:var(--mutedTextColor);font-size:18px;line-height:1.6;}
.career-section-card{margin-top:18px;}
.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;}
.metric{min-height:180px;display:flex;flex-direction:column;gap:10px;}
.metric strong{font-size:22px;color:var(--textColor);}
.metric span{font-size:17px;line-height:1.55;color:var(--mutedTextColor);}

/* Skills: all market skills in pleasant pills */
.keyword-group{margin:22px 0 34px;}
.keyword-group h3{margin:0 0 18px;font-size:24px;color:var(--textColor);}
.skill-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 14px;}
.keyword-group .skill-tags{justify-content:flex-start;}
.skill-tags span{display:inline-flex;align-items:center;min-height:38px;padding:9px 16px;border:1px solid var(--borderColor);border-radius:999px;background:#fff;color:var(--textColor);font-size:15px;line-height:1.2;}

/* Certification cards with links and rotating icons */
.cert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:20px;}
.cert-card-link{display:block;color:inherit;text-decoration:none;}
.cert-card{min-height:210px;border:1px solid var(--borderColor);border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcff);padding:24px;display:grid;grid-template-columns:74px minmax(0,1fr);gap:18px;align-items:start;transition:transform .15s ease,border-color .15s ease;}
.cert-card-link:hover .cert-card{transform:translateY(-2px);border-color:#c7d2e3;}
.cert-icon{width:58px;height:58px;color:var(--firstColor);}
.cert-card-1 .cert-icon{color:var(--fourthColor);}
.cert-card-2 .cert-icon{color:var(--fifthColor);}
.cert-card-3 .cert-icon{color:var(--sixthColor);}
.cert-card-4 .cert-icon{color:var(--eleventhColor);}
.cert-card-5 .cert-icon{color:var(--thirdColor);}
.cert-card h3{margin:0 0 8px;font-size:22px;line-height:1.18;color:var(--textColor);}
.cert-card p{margin:0;color:var(--mutedTextColor);font-size:16px;line-height:1.45;}
.cert-provider{font-size:13px!important;text-transform:uppercase;letter-spacing:.04em;color:var(--firstColor)!important;margin-bottom:8px!important;font-weight:700!important;}
.cert-link{display:inline-flex;margin-top:14px;padding:8px 12px;border-radius:999px;background:#eef8ec;color:#2f7d26;font-size:14px;font-weight:700;}

/* References: clean link list */
.references-section{margin-top:50px;}
.reference-card{border:1px solid var(--borderColor);border-radius:18px;background:#fbfcff;padding:18px 22px;}
.reference-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.reference-card li{display:flex;align-items:center;gap:12px;min-width:0;}
.reference-card li span{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#eef8ec;color:#2f7d26;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;}
.reference-card a{color:var(--textColor);text-decoration:none;word-break:break-word;line-height:1.35;}
.reference-card a:hover{text-decoration:underline;}

@media(max-width:980px){
  .section{padding:0 12px;}
  .summary-card-grid,.metric-grid,.cert-grid{grid-template-columns:1fr;}
  .summary-card strong{font-size:24px;}
  .pretty-list li{padding:13px 14px 13px 42px;}
  .skill-tags,.keyword-group .skill-tags{justify-content:flex-start;}
  .cert-card{grid-template-columns:58px minmax(0,1fr);padding:18px;min-height:0;}
  .cert-icon{width:48px;height:48px;}
}

/* Final polish: consistent widths, cleaner alignment, and summary cards */
.wrap{max-width:1440px;margin:0 auto;padding:30px 30px 56px;background:#fff;overflow-x:hidden;}
.hero{max-width:1120px;margin:0 auto 18px;text-align:center;}
.hero h1{font-size:clamp(34px,4vw,52px);font-weight:700;letter-spacing:-1.1px;}
.hero p{max-width:980px;text-align:center;}
.page-nav {
    margin: 22px auto 24px !important;
    gap: 10px 14px !important;
}
.page-nav a{font-size:16px;padding:11px 19px;}
.section{width:100%;max-width:1280px;margin:44px auto 0;padding:0 10px;}
.section h2{font-size:clamp(30px,3.2vw,46px);font-weight:700;text-align:center;margin:0 0 14px;}
.section-copy{max-width:980px;text-align:center;margin-left:auto;margin-right:auto;line-height:1.55;}
.table,.simple-table,.state-table,.employer-table{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;}
.summary-card-grid{width:100%;max-width:1120px;margin:26px auto 40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.summary-card{min-height:132px;border:1px solid var(--borderColor);border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcff);padding:22px 24px;display:flex;flex-direction:column;justify-content:center;}
.summary-card span{display:block;color:var(--mutedTextColor);font-size:15px;margin-bottom:8px;}
.summary-card strong{display:block;color:var(--textColor);font-size:clamp(24px,2.2vw,32px);line-height:1.12;margin-bottom:8px;font-weight:700;}
.summary-card small{display:block;color:var(--mutedTextColor);font-size:14px;line-height:1.4;}
.salary-level-layout{width:100%;max-width:1280px;grid-template-columns:minmax(0,1fr) 260px;gap:24px;margin:0 auto;}
.level-pills{border-radius:18px;padding:16px;}
.state-row{min-height:94px;}
.world-tier{display:block!important;margin:46px auto 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--textColor)!important;font-size:inherit!important;line-height:inherit!important;width:100%!important;}
.world-tier .section-subheading,.world-tier h3{margin:0 0 10px!important;text-align:left;}
.worldwide-table{width:100%;max-width:1280px;margin:16px auto 0;}
.resume-links{width:100%;max-width:1280px;margin:56px auto 0;padding:34px 28px;border-radius:18px;background:#fff;}
.resume-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.resume-card{min-height:170px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;}
.resume-card-head{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;align-items:center;}
.resume-card-head .icon{width:56px;height:56px;flex:0 0 56px;}
.resume-card-title{min-width:0;display:block;}
.resume-card-title strong{display:block;font-size:20px;line-height:1.18;}
.resume-card-title span{display:block;margin-top:5px;color:var(--c);font-size:16px;line-height:1.2;}
.resume-card-btn{margin-top:20px;}
.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1280px;}
.metric{min-height:210px;border-radius:18px;padding:24px;}
.cert-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1280px;}
.cert-card{min-height:210px;}
.pretty-list{max-width:1180px;margin-left:auto;margin-right:auto;}
.intro-card,.career-section-card{max-width:1180px;margin-left:auto;margin-right:auto;}
.reference-card{max-width:1180px;margin-left:auto;margin-right:auto;}
@media(max-width:980px){
  .wrap{padding:18px 12px 42px;}
  .hero,.hero p{text-align:left;}
  .page-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:0 2px 10px;margin:20px 0 30px;}
  .section{padding:0;}
  .section h2{text-align:left;}
  .section-copy{text-align:left;}
  .summary-card-grid,.metric-grid,.cert-grid,.resume-grid{grid-template-columns:1fr;}
  .salary-level-layout{display:flex;flex-direction:column-reverse;gap:18px;}
  .level-pills{position:static;border:0;background:transparent;display:flex;gap:10px;overflow-x:auto;padding:0 0 10px;border-radius:0;}
  .level-pill{flex:0 0 180px;}
  .resume-card{min-height:0;}
  .world-tier{margin-top:34px!important;}
}


/* Production polish: consistent widths, country flags, and reusable level SVG icons */
.wrap{max-width:1500px;margin:0 auto;padding:0 32px 48px;}
.hero{max-width:1120px;margin:0 auto 28px;text-align:center;}
.hero h1{font-size:clamp(42px,5vw,64px);line-height:1.04;margin:24px auto 18px;letter-spacing:-.035em;}
.hero p{font-size:clamp(18px,2vw,24px);line-height:1.45;max-width:1050px;margin:0 auto;color:#52617a;}
.section{max-width:100%;margin:48px auto;}
.section>h2{font-size:clamp(34px,3.4vw,48px);line-height:1.12;margin:0 0 24px;text-align:center;letter-spacing:-.025em;}
.section-subheading{font-size:clamp(26px,2.4vw,36px);margin:42px 0 20px;letter-spacing:-.02em;}
.section-copy{max-width:1000px;margin:0 auto 28px;text-align:center;font-size:20px;line-height:1.5;color:#53627a;}
.simple-table,.table,.reference-card{width:100%;max-width:100%;}
.reference-card{padding:22px 26px;border-radius:20px;}
.reference-card ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px;}
.reference-card a{width:100%;box-sizing:border-box;}
.country-cell{display:flex;align-items:center;gap:12px;font-weight:700;}
.country-flag{width:30px;height:30px;border-radius:999px;object-fit:cover;flex:0 0 30px;border:1px solid #dbe4f0;background:#fff;}
.level-svg-icon{width:64px;height:64px;object-fit:contain;}
.resume-card .level-svg-icon,.resume-card-head .level-svg-icon{width:60px;height:60px;}
.worldwide-section .summary-card strong{font-size:clamp(28px,2.5vw,38px);line-height:1.08;}
.worldwide-section .world-tier .section-copy,.worldwide-section .tier-copy{display:none;}
.worldwide-table .simple-head,.worldwide-table .simple-row{grid-template-columns:1.35fr .55fr .65fr 1.35fr 1.35fr!important;}
.worldwide-table .simple-row>div{display:flex;align-items:center;min-height:52px;}
.resume-links{border:1px solid var(--borderColor);border-radius:22px;padding:28px 30px;background:#fff;}
.resume-grid{gap:22px;}
.resume-card{min-height:190px;display:flex;flex-direction:column;justify-content:space-between;}
.resume-card-head{align-items:center;gap:18px;}
@media (max-width:900px){
  .wrap{padding:0 18px 36px;}
  .reference-card ul{grid-template-columns:1fr;}
  .worldwide-table .simple-head,.worldwide-table .simple-row{grid-template-columns:1fr!important;}
  .worldwide-table .simple-head{display:none;}
  .worldwide-table .simple-row{display:block;padding:16px 18px;}
  .worldwide-table .simple-row>div{min-height:auto;padding:7px 0;border:0;}
}


/* Final worldwide typography and alignment pass */
.hero h1{font-size:clamp(36px,4.2vw,54px)!important;line-height:1.06!important;letter-spacing:-.028em!important;max-width:1120px!important;}
.hero p{font-size:clamp(16px,1.55vw,20px)!important;line-height:1.45!important;}
.section>h2,.section h2{font-size:clamp(28px,2.8vw,40px)!important;line-height:1.12!important;letter-spacing:-.02em!important;}
.worldwide-section>h2{font-size:clamp(32px,3.2vw,44px)!important;margin-bottom:12px!important;}
.section-subheading{font-size:clamp(24px,2vw,32px)!important;margin:38px 0 18px!important;}
.summary-card-grid{gap:18px!important;margin:24px auto 38px!important;}
.summary-card{min-height:148px!important;padding:20px 24px!important;box-sizing:border-box!important;}
.worldwide-summary .summary-card{height:176px!important;min-height:176px!important;justify-content:center!important;}
.summary-card span{font-size:14px!important;line-height:1.25!important;}
.summary-card strong{font-size:clamp(22px,1.9vw,30px)!important;line-height:1.12!important;}
.summary-card small{font-size:13px!important;line-height:1.35!important;}
.summary-title-row{display:flex!important;align-items:center!important;gap:9px!important;margin-bottom:8px!important;color:var(--mutedTextColor)!important;font-weight:600!important;}
.summary-title-row .country-flag{width:22px!important;height:22px!important;flex:0 0 22px!important;}
.world-card-highest em{display:block;color:var(--textColor);font-style:normal;font-weight:800;font-size:18px;line-height:1.2;margin:0 0 6px;}
.world-card-coverage .coverage-lines{font-size:clamp(18px,1.55vw,22px)!important;line-height:1.28!important;margin:4px 0 8px!important;}
.world-card-coverage .coverage-lines span{display:block!important;white-space:nowrap!important;}
.worldwide-section .tier-copy{display:none!important;}
.country-cell{display:inline-flex!important;align-items:center!important;gap:10px!important;font-weight:700!important;line-height:1.2!important;min-width:0!important;}
.country-name{display:inline-block!important;vertical-align:middle!important;line-height:1.2!important;}
.country-flag{width:28px!important;height:28px!important;flex:0 0 28px!important;display:inline-block!important;vertical-align:middle!important;}
.worldwide-table .simple-row>div{align-items:center!important;}
@media(max-width:900px){
  .hero h1{font-size:clamp(34px,8vw,44px)!important;}
  .worldwide-summary .summary-card{height:auto!important;min-height:132px!important;}
  .world-card-coverage .coverage-lines span{white-space:normal!important;}
}

/* Final typography and worldwide card polish */
.hero h1{font-size:clamp(30px,3.4vw,46px)!important;line-height:1.08!important;letter-spacing:-.025em!important;max-width:1040px!important;margin:18px auto 12px!important;}
.hero p{font-size:clamp(16px,1.45vw,20px)!important;line-height:1.45!important;max-width:900px!important;margin:0 auto 28px!important;}
.section h2{font-size:clamp(30px,3vw,42px)!important;line-height:1.12!important;margin:34px auto 16px!important;}
.section-subheading{font-size:clamp(24px,2.2vw,34px)!important;line-height:1.15!important;margin:34px 0 18px!important;}
.section-copy{font-size:clamp(15px,1.3vw,18px)!important;line-height:1.45!important;max-width:880px!important;margin:0 auto 26px!important;}
.worldwide-summary{align-items:stretch!important;}
.worldwide-summary .summary-card{height:154px!important;min-height:154px!important;padding:20px 24px!important;justify-content:center!important;}
.summary-title-row{display:flex!important;align-items:center!important;gap:9px!important;margin-bottom:8px!important;}
.summary-title-row .country-flag{width:20px!important;height:20px!important;flex:0 0 20px!important;border:0!important;}
.world-card-highest em{display:block!important;font-style:normal!important;font-size:18px!important;font-weight:800!important;color:var(--textColor)!important;margin-bottom:4px!important;}
.worldwide-summary .summary-card strong{font-size:clamp(22px,2vw,28px)!important;line-height:1.12!important;margin-bottom:6px!important;}
.worldwide-summary .summary-card small{font-size:13px!important;line-height:1.35!important;}
.flag-strip{display:flex!important;align-items:center!important;gap:6px!important;max-width:100%!important;overflow:hidden!important;margin:8px 0 10px!important;white-space:nowrap!important;}
.flag-strip .flag-strip-icon{width:22px!important;height:22px!important;flex:0 0 22px!important;border-radius:50%!important;background:#fff!important;}
.country-cell{display:flex!important;align-items:center!important;gap:12px!important;line-height:1.2!important;font-weight:700!important;min-width:0!important;}
.country-cell .country-name{display:block!important;white-space:normal!important;}
.country-flag{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:50%!important;object-fit:cover!important;background:#fff!important;}
.worldwide-table .simple-row{align-items:center!important;min-height:74px!important;}
.worldwide-table .simple-row>div{display:flex!important;align-items:center!important;min-width:0!important;}
.worldwide-table .simple-head>div{display:flex!important;align-items:center!important;justify-content:center!important;}
@media(max-width:900px){
  .hero h1{font-size:clamp(30px,8vw,40px)!important;}
  .worldwide-summary .summary-card{height:auto!important;min-height:128px!important;}
  .flag-strip .flag-strip-icon{width:20px!important;height:20px!important;flex-basis:20px!important;}
}

/* Worldwide production pass: calmer typography, aligned summary cards, responsive table cards */
:root{
  --pageMax: 1240px;
  --sectionGap: 38px;
}
.wrap{
  max-width: 1440px !important;
  padding: 0 28px 48px !important;
  overflow-x: hidden !important;
}
.hero{
  max-width: 980px !important;
  margin: 0 auto 22px !important;
  text-align: center !important;
}
.hero h1{
  font-size: clamp(30px, 3.2vw, 44px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.025em !important;
  margin: 18px auto 12px !important;
  font-weight: 800 !important;
}
.hero p,
.subtitle{
  font-size: clamp(15px, 1.25vw, 18px) !important;
  line-height: 1.45 !important;
  max-width: 860px !important;
  color: var(--mutedTextColor) !important;
}
.page-nav {
    margin: 22px auto 24px !important;
    gap: 10px 14px !important;
}
.page-nav a{
  font-size: 15px !important;
  padding: 10px 17px !important;
}
.section{
  max-width: var(--pageMax) !important;
  margin: var(--sectionGap) auto 0 !important;
  padding: 0 !important;
}
.section h2,
.section>h2,
.worldwide-section>h2{
  font-size: clamp(28px, 2.7vw, 38px) !important;
  line-height: 1.14 !important;
  margin: 0 auto 12px !important;
  letter-spacing: -0.02em !important;
  font-weight: 800 !important;
  text-align: center !important;
}
.section-copy{
  font-size: clamp(15px, 1.2vw, 17px) !important;
  line-height: 1.45 !important;
  max-width: 820px !important;
  margin: 0 auto 24px !important;
  text-align: center !important;
  color: var(--mutedTextColor) !important;
}
.section-subheading,
.world-tier .section-subheading,
.world-tier h3{
  font-size: clamp(24px, 2.1vw, 32px) !important;
  line-height: 1.15 !important;
  margin: 34px 0 18px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
}
.summary-card-grid,
.worldwide-summary{
  max-width: 980px !important;
  margin: 24px auto 40px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}
.summary-card,
.worldwide-summary .summary-card{
  height: 142px !important;
  min-height: 142px !important;
  padding: 20px 22px !important;
  border-radius: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.summary-title-row{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 8px !important;
  color: var(--mutedTextColor) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}
.summary-title-row span,
.summary-card span{
  margin: 0 !important;
}
.summary-title-row .country-flag{
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  border: 0 !important;

}
.world-card-highest .highest-country-row{
  color: var(--textColor) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin-bottom: 7px !important;
}
.world-card-highest em{
  display: block !important;
  color: var(--mutedTextColor) !important;
  font-style: normal !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin: 0 0 4px !important;
  order: 3 !important;
}
.worldwide-summary .summary-card strong{
  font-size: clamp(22px, 1.85vw, 28px) !important;
  line-height: 1.08 !important;
  margin: 0 0 7px !important;
  color: var(--textColor) !important;
  font-weight: 800 !important;
  overflow-wrap: anywhere !important;
}
.worldwide-summary .summary-card small{
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  color: var(--mutedTextColor) !important;
  overflow-wrap: anywhere !important;
}
.flag-strip{
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  margin: 9px 0 10px !important;
}
.flag-strip .flag-strip-icon{
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.worldwide-table,
.simple-table.worldwide-table{
  width: 100% !important;
  max-width: var(--pageMax) !important;
  margin: 16px auto 0 !important;
  border-radius: 12px !important;
}
.worldwide-table .simple-head,
.worldwide-table .simple-row{
  grid-template-columns: 1.35fr .55fr .65fr 1.35fr 1.35fr !important;
}
.worldwide-table .simple-head>div{
  min-height: 48px !important;
  padding: 12px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.worldwide-table .simple-row{
  min-height: 72px !important;
  align-items: center !important;
}
.worldwide-table .simple-row>div{
  min-height: 72px !important;
  padding: 14px 16px !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1.25 !important;
}
.country-cell{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
}
.country-cell .country-flag,
.country-flag{
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.country-cell .country-name{
  display: block !important;
  min-width: 0 !important;
}
.worldwide-section .world-tier .section-copy,
.worldwide-section .tier-copy{
  display: none !important;
}
@media(max-width: 900px){
  .wrap{
    padding: 0 14px 38px !important;
  }
  .hero{
    text-align: center !important;
    max-width: 100% !important;
  }
  .hero h1{
    font-size: clamp(30px, 7.2vw, 40px) !important;
    line-height: 1.1 !important;
    margin-top: 16px !important;
  }
  .hero p,
  .subtitle{
    font-size: 17px !important;
    text-align: center !important;
  }
  .page-nav{
    margin: 20px -14px 34px !important;
    padding: 0 14px 10px !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }
  .page-nav::-webkit-scrollbar{display:none;}
  .page-nav a{
    flex: 0 0 auto !important;
    font-size: 15px !important;
  }
  .section{
    margin-top: 34px !important;
  }
  .section h2,
  .section>h2,
  .worldwide-section>h2{
    font-size: clamp(30px, 7vw, 38px) !important;
    text-align: center !important;
  }
  .section-subheading,
  .world-tier .section-subheading,
  .world-tier h3{
    font-size: clamp(26px, 6vw, 32px) !important;
    margin-left: 8px !important;
  }
  .summary-card-grid,
  .worldwide-summary{
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
    gap: 14px !important;
    margin: 22px auto 36px !important;
  }
  .summary-card,
  .worldwide-summary .summary-card{
    height: auto !important;
    min-height: 124px !important;
    padding: 20px 22px !important;
  }
  .worldwide-summary .summary-card strong{
    font-size: clamp(26px, 7vw, 34px) !important;
  }
  .worldwide-table,
  .simple-table.worldwide-table{
    border: 0 !important;

    background: transparent !important;
    overflow: visible !important;
    margin-top: 14px !important;
  }
  .worldwide-table .simple-head{display:none !important;}
  .worldwide-table .simple-row{
    display: block !important;
    min-height: 0 !important;
    margin: 0 8px 14px !important;
    padding: 18px 20px !important;
    border: 1px solid var(--borderColor) !important;
    border-radius: 18px !important;
    background: #fff !important;

  }
  .worldwide-table .simple-row>div{
    min-height: 0 !important;
    padding: 8px 0 !important;
    border: 0 !important;
    display: block !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
  }
  .worldwide-table .simple-row>div:first-child{
    display: flex !important;
    align-items: center !important;
    margin-bottom: 10px !important;
  }
  .country-cell .country-flag,
  .country-flag{
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }
  .country-cell{
    gap: 12px !important;
  }
}

/* Production polish: worldwide typography, summary cards, flags, and spacing */
.section-copy {
  max-width: 890px !important;
}
.hero h1 {
  font-size: clamp(30px, 3.2vw, 36px) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.018em !important;
  max-width: 100% !important;
  margin: 18px auto 10px !important;
}
.hero p,
.subtitle {
  font-size: clamp(15px, 1.35vw, 18px) !important;
  line-height: 1.45 !important;
  max-width: 860px !important;
}
.section {
  padding: 0;
}
.section h2,
.section > h2,
.worldwide-section > h2 {
  font-size: clamp(28px, 2.7vw, 30px) !important;
  line-height: 1.18 !important;
  margin-bottom: 10px !important;
  letter-spacing: -0.014em !important;
}
.section-subheading,
.world-tier .section-subheading,
.world-tier h3 {
  font-size: clamp(18px, 2.1vw, 24px) !important;
  line-height: 1.25 !important;
  margin: 34px 0 16px !important;
  letter-spacing: -0.012em !important;
}
.worldwide-section .section-copy {
  margin-bottom: 24px !important;
}
.worldwide-summary {
  max-width: 1080px !important;
  gap: 18px !important;
  margin: 24px auto 42px !important;
  align-items: stretch !important;
}
.worldwide-summary .summary-card {
  height: 184px !important;
  min-height: 184px !important;
  padding: 24px 26px !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.world-card-country {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: var(--textColor) !important;
  font-weight: 800 !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  margin-bottom: 3px !important;
}
.world-card-country .country-flag {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;

}
.world-card-label {
  color: var(--mutedTextColor) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  margin-bottom: 10px !important;
}
.world-card .coverage-title {
  margin-bottom: 12px !important;
  font-size: 15px !important;
  color: var(--mutedTextColor) !important;
}
.worldwide-summary .summary-card strong {
  font-size: clamp(24px, 2.4vw, 34px) !important;
  line-height: 1.05 !important;
  margin: 0 0 10px !important;
  letter-spacing: -0.018em !important;
}
.worldwide-summary .summary-card small {
  font-size: 14px !important;
  line-height: 1.35 !important;
  color: var(--mutedTextColor) !important;
}
.worldwide-summary .summary-card small .coverage-count {
  color: var(--textColor) !important;
  font-weight: 800 !important;
}
.flag-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  max-height: 54px !important;
  overflow: hidden !important;
  margin: 6px 0 12px !important;
}
.flag-strip .flag-strip-icon {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  border-radius: 50% !important;
  object-fit: cover !important;

  background: #fff !important;
}
.country-cell {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
.country-cell .country-flag,
.country-flag {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.worldwide-table .simple-row > div,
.worldwide-table .simple-head > div {
  align-items: center !important;
}
.worldwide-section .world-tier .section-copy,
.worldwide-section .tier-copy {
  display: none !important;
}
@media (max-width: 900px) {
  .hero h1 {
    font-size: clamp(30px, 7vw, 38px) !important;
    line-height: 1.12 !important;
  }
  .section h2,
  .section > h2,
  .worldwide-section > h2 {
    font-size: clamp(28px, 6vw, 34px) !important;
  }
  .section-copy {
    font-size: 14px !important;
    padding: 0 8px !important;
  }
  .worldwide-summary {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
    margin: 20px auto 34px !important;
  }
  .worldwide-summary .summary-card {
    height: auto !important;
    min-height: 150px !important;
    padding: 22px 24px !important;
  }
  .worldwide-summary .summary-card strong {
    font-size: clamp(26px, 7vw, 34px) !important;
  }
  .flag-strip {
    max-height: 58px !important;
  }
  .flag-strip .flag-strip-icon {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 21px !important;
  }
  .world-tier {
    padding: 0 10px !important;
  }
  .worldwide-table .simple-row {
    margin: 0 0 14px !important;
  }
}


/* Final worldwide summary-card alignment polish */
.hero h1 {
  font-size: clamp(30px, 3.2vw, 36px) !important;
  line-height: 1.16 !important;
}
.hero p,
.subtitle {
  font-size: clamp(15px, 1.35vw, 18px) !important;
  line-height: 1.45 !important;
}
.section h2,
.section > h2,
.worldwide-section > h2 {
  font-size: clamp(28px, 2.7vw, 30px) !important;
  line-height: 1.18 !important;
}
.section-subheading,
.world-tier .section-subheading,
.world-tier h3 {
  font-size: clamp(18px, 2.1vw, 24px) !important;
  line-height: 1.25 !important;
}
.worldwide-summary {
  max-width: 1080px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}
.worldwide-summary .summary-card,
.world-card {
  height: 176px !important;
  min-height: 176px !important;
  padding: 24px 28px !important;
  justify-content: center !important;
}
.world-card-country {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 26px !important;
  margin-bottom: 2px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: var(--textColor) !important;
}
.world-card-country .country-flag {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;

}
.world-card-label {
  min-height: 20px !important;
  margin-bottom: 16px !important;
  color: var(--mutedTextColor) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
.world-card strong,
.worldwide-summary .summary-card strong {
  font-size: 24px !important;
  line-height: 1.06 !important;
  margin: 0 0 12px !important;
  letter-spacing: -0.018em !important;
}
.world-card small,
.worldwide-summary .summary-card small {
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: var(--mutedTextColor) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.world-card-coverage .coverage-title {
  min-height: 26px !important;
  display: flex !important;
  align-items: center !important;
  margin-bottom: 2px !important;
  color: var(--mutedTextColor) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
.coverage-value {
  min-height: 20px !important;
  margin-bottom: 16px !important;
  color: var(--mutedTextColor) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
.flag-strip {
  display: grid !important;
  grid-template-columns: repeat(8, 22px) !important;
  grid-auto-rows: 22px !important;
  gap: 8px 8px !important;
  align-items: center !important;
  justify-content: start !important;
  max-height: 52px !important;
  overflow: hidden !important;
  margin: 0 !important;
  white-space: normal !important;
}
.flag-strip .flag-strip-icon {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  border-radius: 50% !important;
  object-fit: cover !important;

}
.worldwide-section .world-tier .section-copy,
.worldwide-section .tier-copy {
  display: none !important;
}
@media (max-width: 900px) {
  .worldwide-summary {
    grid-template-columns: 1fr !important;
  }
  .worldwide-summary .summary-card,
  .world-card {
    height: auto !important;
    min-height: 148px !important;
  }
  .flag-strip {
    grid-template-columns: repeat(8, 22px) !important;
  }
}
@media (max-width: 520px) {
  .hero h1 {
    font-size: clamp(30px, 7.2vw, 38px) !important;
  }
  .section h2,
  .section > h2,
  .worldwide-section > h2 {
    font-size: clamp(28px, 6.5vw, 34px) !important;
  }
  .world-card small,
  .worldwide-summary .summary-card small {
    white-space: normal !important;
  }
  .flag-strip {
    grid-template-columns: repeat(8, 20px) !important;
    grid-auto-rows: 20px !important;
    gap: 7px !important;
  }
  .flag-strip .flag-strip-icon {
    width: 20px !important;
    height: 20px !important;
    flex-basis: 20px !important;
  }
}

/* Final requested CSS polish: green summary labels, section padding, resume spacing */
.world-card-label,
.coverage-value,
.benchmark-label,
.highest-market-label,
.coverage-label,
.summary-card-label {
  color: #3c872f !important;
  font-weight: 700 !important;
}

.section {
  padding: 0;
}

.resume-links {
  padding: 28px 30px !important;
}


/* Production layout normalization */
.section {
    padding: 0;
}
.resume-links {
    padding: 28px 30px !important;
}
.resume-links h2,
.resume-links .section-copy,
.resume-links p {
    text-align: center;
}
.intro-card,
.career-section-card {
    max-width: none !important;
}
.section-copy {
    max-width: none;
    text-align: inherit;
}
.career-section-card .section-copy {
    max-width: none !important;
    text-align: left;
}
.faq-card p {
    margin-top: 10px;
}
.cert-grid {
    align-items: stretch;
}
.cert-card-link {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
}
.cert-card {
    height: 100%;
    min-height: 280px;
}
.page-summary-cards,
.salary-level-layout {
    max-width: 100%;
}

/* Keep tables/card grids full-width inside normalized sections */
.section .table,
.section .simple-table,
.section .state-table,
.section .employer-table,
.section .summary-card-grid,
.section .page-summary-cards,
.section .salary-level-layout {
    width: 100%;
}

@media (max-width: 520px) {
  .comparison-table .simple-row > div,
  .worldwide-table .simple-row > div {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    font-size: 17px !important;
  }
  .level-pills {
    margin-bottom: 4px !important;
  }
}

/* Final career / section heading polish */
.section h3,
.section-subheading,
.world-tier h3,
.keyword-group h3,
.cert-card h3,
.text-card h3,
.pretty-card h3 {
    text-align: center;
}

.section-subheading-copy {
    max-width: 860px;
    margin: -4px auto 18px;
    text-align: center;
    color: var(--mutedTextColor);
    font-size: 15px;
    line-height: 1.5;
}

.keyword-group .section-subheading-copy,
.career-section-card .section-subheading-copy {
    margin-top: 0;
}

.career-intro-copy {
    max-width: 920px;
    margin: 0 auto 22px;
    text-align: center;
}

.intro-card,
.career-section-card {
    max-width: none;
}

.section-copy {
    max-width: none;
}

.career-section-card .section-copy,
.career-section-card .wide-copy,
.text-card .section-copy {
    max-width: none !important;
    text-align: left;
}

.career-outlook-section > h2,
.career-outlook-section > .section-copy,
.career-outlook-section > .career-intro-copy {
    text-align: center;
}

.career-demand-card h3 {
    color: var(--secondColor);
}

.kpi-metric-grid .metric,
.kpi-metric {
    min-height: 170px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.metric strong,
.kpi-metric strong {
    text-align: center;
    color: var(--secondColor);
    margin-bottom: 12px;
}

.kpi-metric span {
    text-align: left;
    font-size: 15px;
    line-height: 1.55;
}

.faq-card p {
    margin-top: 10px;
}

.resume-links h2,
.resume-links .section-copy,
.resume-links p {
    text-align: center;
}

.section {
    padding: 0;
}

.resume-links {
    padding: 28px 30px !important;
}

@media (max-width: 760px) {
    .section h3,
    .section-subheading,
    .world-tier h3,
    .keyword-group h3,
    .cert-card h3,
    .text-card h3,
    .pretty-card h3 {
        text-align: center;
    }
    .section-subheading-copy,
    .career-intro-copy {
        text-align: center;
        font-size: 12px;
    }
    .career-section-card .section-copy,
    .career-section-card .wide-copy,
    .text-card .section-copy {
        text-align: left;
    }
}

/* Final career heading and intro cleanup */
.section h3,
.section-subheading,
.world-tier h3,
.keyword-group h3,
.cert-card h3,
.text-card h3,
.pretty-card h3,
.metric strong,
.kpi-metric strong {
    text-align: center !important;
}

.career-outlook-section > .career-intro-copy,
.career-outlook-section > .section-copy.career-intro-copy {
    background: transparent !important;
    border: 0 !important;

    padding: 0 !important;
    max-width: 920px !important;
    text-align: center !important;
    margin: 0 auto 26px !important;
}

.career-section-card .section-subheading-copy {
    display: none !important;
}

.career-section-card h3,
.career-demand-card h3 {
    text-align: center !important;
    margin-bottom: 18px !important;
}

.career-section-card .section-copy,
.career-section-card .wide-copy,
.text-card .section-copy {
    text-align: left !important;
}

.career-section-card .pretty-list {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 760px) {
    .section h3,
    .section-subheading,
    .world-tier h3,
    .keyword-group h3,
    .cert-card h3,
    .text-card h3,
    .pretty-card h3,
    .metric strong,
    .kpi-metric strong {
        text-align: center !important;
    }

    .career-outlook-section > .career-intro-copy,
    .career-outlook-section > .section-copy.career-intro-copy {
        text-align: center !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;

    }
}


/* Final card alignment and spacing cleanup */
.pretty-card {
    text-align: center;
}
.pretty-card p,
.pretty-card .salary-chip,
.pretty-card .premium-badge {
    margin-left: auto;
    margin-right: auto;
}
.summary-card,
.page-summary-cards .summary-card,
.worldwide-summary .summary-card {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 24px 26px !important;
    min-height: 172px !important;
}
.summary-card span,
.summary-card strong,
.summary-card small {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
}
.summary-card strong {
    line-height: 1.02 !important;
}
.summary-card small {
    max-width: 360px !important;
    line-height: 1.35 !important;
}
.faq-section {
    margin-top: var(--sectionGap) !important;
}
.faq-section .faq-card:first-of-type {
    margin-top: 22px;
}

/* Requested final cleanup overrides */
.career-outlook-section .text-card ul {
    padding-left: 22px;
}
.career-section-card .pretty-list {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
}
.summary-card span {
    font-size: 24px !important;
}
.world-card-coverage .coverage-title {
    font-size: 24px !important;
    margin-top: -12px !important;
}
.coverage-value {
    margin-bottom: 4px !important;
}
.world-card-label {
    font-size: 14px !important;
}

.worldwide-summary .world-card-country {
    width: 100% !important;
    justify-content: center !important;
}

.worldwide-summary .world-card-country > span {
    display: inline !important;
    width: auto !important;
    margin: 0 !important;
    text-align: left !important;
}

/* Employer salary explorer */
.employer-section .section-copy{max-width:980px;}
.employer-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px auto 24px;max-width:1180px;}
.employer-summary-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:190px;justify-content:center;}
.employer-summary-card .summary-kicker{font-size:14px;color:var(--mutedTextColor);font-weight:400;}
.employer-summary-card h3{margin:0;font-size:22px;line-height:1.18;text-align:center;}
.employer-summary-card p{margin:0;color:var(--mutedTextColor);font-size:14px;}
.salary-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:#f5f7fb;border:1px solid var(--borderColor);font-weight:400;color:var(--textColor);}
.premium-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#eef9f0;color:#16803a;border:1px solid #ccebd3;font-size:14px;font-weight:400;}
.company-filter-layout{width:100%;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px;align-items:start;}
.company-panel-wrap{min-width:0;}
.employer-level-panel{display:none;}
.employer-level-panel.active{display:block;}
.company-table{width:100%;border:1px solid var(--borderColor);border-radius:12px;overflow:hidden;background:#fff;}
.company-head,.company-row{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(160px,.75fr) minmax(120px,.55fr);align-items:stretch;}
.company-head{background:var(--tableheadingColor);color:#fff;text-align:center;font-size:16px;font-weight:400;}
.company-head>div{padding:12px 10px;border-right:1px solid rgba(255,255,255,.22);}
.company-head>div:last-child{border-right:0;}
.company-row{border-top:1px solid var(--borderColor);}
.company-row>div{padding:14px;border-right:1px solid var(--borderColor);display:flex;flex-direction:column;justify-content:center;line-height:1.35;}
.company-row>div:last-child{border-right:0;text-align:center;align-items:center;}
.company-row strong{font-weight:400;font-size:16px;}
.company-row span{color:var(--mutedTextColor);font-size:13px;margin-top:4px;}
.company-row .company-premium{color:#16803a;font-size:15px;margin:0;white-space:nowrap;}
@media(max-width:980px){
  .employer-summary-grid{grid-template-columns:1fr;margin-top:14px;}
  .company-filter-layout{display:flex;flex-direction:column-reverse;gap:14px;}
  .company-head{display:none;}
  .company-table{border:0;background:transparent;}
  .company-row{display:block;margin:0 0 12px;border:1px solid var(--borderColor);border-radius:14px;background:#fff;overflow:hidden;}
  .company-row>div{border-right:0;border-bottom:1px solid var(--borderColor);padding:12px 14px;}
  .company-row>div:last-child{border-bottom:0;align-items:flex-start;text-align:left;}
  .company-row>div:before{content:attr(data-label);display:block;margin-bottom:4px;font-size:12px;color:var(--mutedTextColor);}
}
.system-flow-wrap{margin:20px 0;padding:18px;border:1px solid var(--borderColor);border-radius:16px;background:#fbfcff;overflow:hidden;}
.system-flow-wrap h4{margin:0 0 14px;font-size:18px;color:var(--textColor);}
.system-flow{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin;}
.flow-node{flex:0 0 auto;min-width:130px;max-width:190px;padding:12px 14px;border:1px solid var(--borderColor);border-radius:14px;background:#fff;text-align:center;font-weight:700;color:var(--textColor);}
.flow-arrow{flex:0 0 auto;position:relative;min-width:90px;text-align:center;color:var(--mutedTextColor);font-size:12px;line-height:1.25;padding-top:26px;}
.flow-arrow:before{content:"";position:absolute;left:0;right:0;top:14px;border-top:2px dashed #c7d2e3;}
.flow-arrow:after{content:"›";position:absolute;right:-3px;top:4px;font-size:26px;line-height:1;color:var(--firstColor);}
.flow-arrow span{display:inline-block;max-width:120px;white-space:normal;}
.inline-code {
  display: inline !important;
  white-space: normal !important;
  padding: 2px 6px;
  border: 1px solid var(--borderColor);
  border-radius: 7px;
  background: #f5f7fb;
  color: var(--textColor);
  font-size: .92em;
}
.system-flow-wrap {
  margin: 24px 0 !important;
  padding: 22px !important;
  border: 1px solid var(--borderColor) !important;
  border-radius: 20px !important;
  background: radial-gradient(circle at top left, rgba(88,180,67,.10), transparent 34%), #fbfcff !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.system-flow-wrap h4 {
  margin: 0 0 18px !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
}
.system-flow {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  min-width: max-content;
  padding: 2px 4px 12px !important;
}
.flow-node {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 112px !important;
  max-width: 150px !important;
  min-height: 58px;
  padding: 12px 14px !important;
  border: 1px solid #d4deeb !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: var(--textColor) !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  text-align: center !important;

}
.flow-arrow {
  align-self: center;
  flex: 0 0 auto;
  min-width: 64px !important;
  max-width: 88px;
  height: 58px;
  padding-top: 35px !important;
  color: var(--mutedTextColor) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  text-align: center !important;
}
.flow-arrow:before {
  top: 22px !important;
  border-top: 3px solid #c7d2e3 !important;
}
.flow-arrow:after {
  top: 8px !important;
  right: -5px !important;
  font-size: 30px !important;
  color: var(--firstColor) !important;
}
.flow-arrow span {
  max-width: 88px !important;
  padding: 0 2px;
}
.system-box-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-bottom: 12px;
  border-radius: 50%;
  background: #eef8ef;
  color: var(--firstColor);
  font-weight: 700;
  font-size: 10.5px;
}
.system-flow.system-flow-vertical {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 520px !important;
  margin: 0 auto !important;
  padding: 6px 10px 12px !important;
}
.system-flow-vertical .flow-node {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 360px !important;
  min-height: 0 !important;
  padding: 17px 20px !important;
  border: 1px solid #d6e1ee !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg,#fff,#f9fbff) !important;

  color: var(--textColor) !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
}
.system-flow-vertical .flow-node span {
  display: block !important;
  width: 100% !important;
  overflow-wrap: anywhere !important;
}
.system-flow-vertical .flow-arrow {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 360px !important;
  height: 68px !important;
  padding: 0 !important;
  margin: 0 !important;
  color: var(--mutedTextColor) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: center !important;
}
.system-flow-vertical .flow-arrow:before {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  top: 8px !important;
  width: 0 !important;
  height: 38px !important;
  transform: translateX(-50%) !important;
  border-top: 0 !important;
  border-left: 3px dashed #c3d0e2 !important;
}
.system-flow-vertical .flow-arrow:after {
  content: '▼' !important;
  position: absolute !important;
  left: 50% !important;
  top: 39px !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  color: var(--firstColor) !important;
  font-size: 32px !important;
  line-height: 1 !important;
}
.system-flow-vertical .flow-arrow span {
  position: relative !important;
  z-index: 1 !important;
  display: inline-block !important;
  max-width: 260px !important;
  margin-top: 40px !important;
  padding: 3px 10px !important;
  border: 1px solid #dce5f0 !important;
  border-radius: 999px !important;
  background: #fff !important;

  overflow-wrap: anywhere !important;
}
@media (max-width: 760px) {
  .system-flow-wrap { padding: 18px 12px !important; }
  .system-flow-wrap h4 { font-size: 20px !important; text-align: center !important; }
  .system-flow.system-flow-vertical { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
  .system-flow-vertical .flow-node { width: min(100%, 300px) !important; font-size: 17px !important; padding: 15px 14px !important; }
  .system-flow-vertical .flow-arrow { height: 64px !important; }
  .system-flow-vertical .flow-arrow span { max-width: 220px !important; font-size: 12px !important; }
}
.reviewer-photo-btn,
.reviewer-name-btn{
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  color:inherit;
  font:inherit;
}
.reviewer-avatar{
  width:40px;
  height:40px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid #fff;

  display:block;
  flex:0 0 auto;
}
.reviewer-compact-copy{
  min-width:0;
  flex:1;
  display:grid;
  gap:1px;
  margin-left:5px;
}
.reviewer-kicker{
  color:#166534;
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
}
.reviewer-name-btn{
  width:max-content;
  max-width:100%;
  color:var(--h1Color) !important;
  font-size:18px;
  font-weight:900;
  line-height:1.12;
  text-align:left;
}
.reviewer-trust{
  color:var(--mutedTextColor);
  font-size:13px;
  font-weight:700;
  line-height:1.25;
}
.reviewer-modal-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 13px;
  border:1px solid #d6e2f2;
  border-radius:999px;
  background:#fff;
  color:#0b4ea2;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}
.reviewer-modal-actions a:hover{
  background:#eff6ff;
  color:#083a7a;
}
.reviewer-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:9999;
  align-items:center;
  justify-content:center;
  padding:22px;
}
.reviewer-modal.is-open{display:flex;}
.reviewer-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(5,22,58,.42);
  backdrop-filter:blur(4px);
}
.reviewer-modal-card{
  position:relative;
  z-index:1;
  width:min(520px,100%);
  background:#fff;
  border:1px solid #d6e2f2;
  border-radius:24px;

  padding:28px;
  text-align:center;
}
.reviewer-modal-close{
  position:absolute;
  top:14px;
  right:14px;
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid #d6e2f2;
  background:#f8fbff;
  color:var(--h1Color);
  cursor:pointer;
  font-size:22px;
  line-height:1;
}
.reviewer-modal-avatar{
  width:96px;
  height:96px;
  border-radius:50%;
  object-fit:cover;
  border:4px solid #fff;

  margin:0 auto 12px;
  display:block;
}
.reviewer-modal-card h3{
  margin:4px 0 4px !important;
  color:var(--h1Color);
  font-size:28px !important;
  line-height:1.1 !important;
}
.reviewer-modal-card p{
  color:var(--mutedTextColor);
  font-size:15px !important;
  line-height:1.6 !important;
  margin:10px 0 !important;
}
.reviewer-modal-title{
  color:var(--textColor) !important;
  font-weight:800;
}
.reviewer-modal-trust{
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
  background:#ecfdf5;
  color:#166534 !important;
  font-weight:900;
}
.reviewer-modal-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
.resume-banner-kicker {
  display: inline-flex !important;
  width: auto !important;
  margin: 0 0 6px !important;
  padding: 5px 10px;
  border-radius: 999px;
  background: #ecfdf5;
  color: #166534 !important;
  font-size: 12px !important;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.considerations-heading{
  padding: 10px 14px;
  border-left: 5px solid #7c3aed;
  background: #f8f5ff;
  border-radius: 12px;
}

/* Career Hub navigation icon: keep pill styling same as other nav links */
.page-nav a.careerhub-home{display:inline-flex;align-items:center;gap:6px;}
.page-nav .nav-home-icon{width:18px;height:18px;fill:currentColor;flex-shrink:0;vertical-align:middle;}

.graph-branch-terminal-response {
  border: 0 !important;
  background: transparent !important;

  min-height: 0 !important;
  align-self: start !important;
}
.where-used-prose p {
  margin: 0 0 12px;
}
.numbered-walkthrough-step{
  display:block !important;
  margin:0 0 10px !important;
  line-height:1.55 !important;
}

/* Occupation WebP card icons */
.careerhub-card picture,
.interview-detail-heading-icon-circle picture,
.interview-detail-heading-icon-col picture{display:contents}
.careerhub-card-icon{display:block;width:72px;height:72px;object-fit:contain;margin:0 auto 14px auto}
.careerhub-card{text-align:left}
.careerhub-card .careerhub-card-icon + h2{text-align:center}

.interview-detail-heading{display:flex;justify-content:center;margin-bottom:10px;}


/* Final centered occupation SVG + interview detail heading layout. */
.interview-page {
  margin-top: 15px !important;
}

.interview-detail-heading {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 auto 12px !important;
  padding: 0 16px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.interview-detail-heading-inner {
  display: grid !important;
  grid-template-columns: auto minmax(0, auto) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.interview-detail-heading-icon-col {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
}

.interview-detail-heading-icon {
  display: block !important;
  width: auto !important;
  height: 2em !important;
  max-height: 44px !important;
  object-fit: contain !important;
  object-position: center !important;
  flex-shrink: 0 !important;
  margin-top: -0.7em !important;
}

.interview-detail-heading-content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.interview-detail-heading-title {
  margin: 0 !important;
  color: var(--h1Color) !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.interview-detail-last-updated {
  color: var(--h1Color) !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

@media (max-width: 720px) {
  .interview-detail-heading {
    padding: 0 12px !important;
    margin: 0 auto 12px !important;
  }

  .interview-detail-heading-inner {
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 10px !important;
    width: fit-content !important;
    max-width: 100% !important;
  }

  .interview-detail-heading-icon-col {
    align-self: center !important;
  }

  .interview-detail-heading-icon {
    height: 3em !important;
    max-height: 64px !important;
    margin-top: -1.5em !important;
  }

  .interview-detail-heading-content {
    display: block !important;
    text-align: center !important;
    min-width: 0 !important;
  }

  .interview-detail-heading-title {
    white-space: normal !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }

  .interview-detail-last-updated {
    display: block !important;
    margin-top: 4px !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: normal !important;
  }
}

/* Final page nav and centered interview heading adjustments. */
.page-nav {
    margin: 22px auto 26px !important;
    gap: 10px 14px !important;
}

@media (max-width: 900px) {
    .page-nav {
        margin: 20px -14px 14px !important;
        padding: 0 14px 10px !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }
}

.interview-detail-heading-inner {
    display: grid !important;
    grid-template-columns: auto minmax(0, auto) !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

@media (max-width: 720px) {
    .interview-detail-heading-inner {
        grid-template-columns: auto minmax(0, 1fr) !important;
        gap: 5px !important;
        width: fit-content !important;
        max-width: 100% !important;
    }
}

/* Final centered heading logo badge. Keeps occupation/company SVGs visually consistent. */
.interview-detail-heading-icon-col {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
}

.interview-detail-heading-icon-circle {
  width: 46px !important;
  height: 46px !important;
  border: 0px solid #bcd2ff !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}

.interview-detail-heading-icon-circle .interview-detail-heading-icon,
.interview-detail-heading-icon-col .interview-detail-heading-icon {
  display: block !important;
  width: 72% !important;
  height: 72% !important;
  max-width: 72% !important;
  max-height: 72% !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

@media (max-width: 720px) {
  .interview-detail-heading-icon-circle {
    width: 58px !important;
    height: 58px !important;
  }

  .interview-detail-heading-icon-circle .interview-detail-heading-icon,
  .interview-detail-heading-icon-col .interview-detail-heading-icon {
    width: 72% !important;
    height: 72% !important;
    max-width: 72% !important;
    max-height: 72% !important;
    margin: 0 !important;
  }
}

.heading-mobile{display:none}.interview-detail-heading-content{display:flex;flex-direction:column;justify-content:center}@media (max-width:720px){.heading-desktop{display:none}.heading-mobile{display:inline}}
/* Final heading spacing adjustment requested 2026-07-07. */
.interview-detail-heading-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    align-self: center !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

@media (max-width: 720px) {
    .interview-detail-heading-inner,
    .interview-detail-heading-inner.has-icon {
        align-items: center !important;
    }

    .interview-detail-heading-icon-col,
    .interview-detail-heading-icon-circle {
        align-self: center !important;
    }

    .interview-detail-heading-icon-circle {
        width: 48px !important;
        height: 48px !important;
    }

    .interview-detail-heading-content {
        justify-content: center !important;
        align-items: flex-start !important;
        align-self: center !important;
        gap: 4px !important;
        line-height: 1 !important;
    }
}


@media (max-width: 720px) {
    .interview-detail-heading-inner {
        display: grid !important;
        grid-template-columns: 48px minmax(0, auto) !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
    }

    .interview-detail-heading-icon-col,
    .interview-detail-heading-icon-circle {
        width: 48px !important;
        height: 48px !important;
        align-self: center !important;
    }

    .interview-detail-heading-content {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-self: center !important;
        gap: 2px !important;
        transform: translateY(-2px);
    }
}

/* Final interview PDF/download controls polish */
:root {
  --pageBackgroundColor: #fff;
}

.interview-pdf-buttons {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Keep worldwide benchmark cards compact and vertically balanced. */
.world-card-benchmark .world-card-country,
.world-card-highest .world-card-country {
    margin-top: 12px !important;
}

/* Shared generated-page theme tokens. Interview pages layer their more
   specialized rules on top; salary and career pages consume these directly. */
html:not(.dark-theme) body.theme-base.salary-page-body {
  --gray-200: #e3e3e3;
  --gray-500: #7d7d7d;
  --gray-600: #676767;
  --gray-700: #424242;
  --gray-800: #212121;
  --gray-900: #171717;
  --body-background-color: #ffffff;
  --text-primary: #061a3f;
  --text-tertiary: #536077;
  --border-medium: #d9e1ec;
  --border-heavy: #c7d2e3;
  --main-surface-primary: #fff;
  --main-surface-secondary: #f5f7fb;
  --main-surface-tertiary: #fbfcff;
  --sidebar-surface-primary: #fff;
  --occupation-control-hover: #eef3f9;
}

html.dark-theme body.theme-base.salary-page-body {
  --gray-200: #e3e3e3;
  --gray-500: #9b9b9b;
  --gray-600: #676767;
  --gray-700: #424242;
  --gray-800: #212121;
  --gray-900: #171717;
  --body-background-color: #212121;
  --text-primary: #9b9b9b;
  --text-tertiary: #9b9b9b;
  --border-medium: hsla(0, 0%, 100%, .15);
  --border-heavy: hsla(0, 0%, 100%, .2);
  --main-surface-primary: #212121;
  --main-surface-secondary: #2f2f2f;
  --main-surface-tertiary: #2f2f2f;
  --sidebar-surface-primary: #171717;
  --occupation-control-hover: #424242;
}

body.theme-base.salary-page-body {
  --pageBackgroundColor: var(--body-background-color);
  --headingColor: var(--main-surface-secondary);
  --headingGradientColor: var(--main-surface-secondary);
  --h1Color: var(--text-primary);
  --tableheadingColor: var(--sidebar-surface-primary);
  --borderColor: var(--border-medium);
  --gridColor: var(--border-medium);
  --textColor: var(--text-primary);
  --mutedTextColor: var(--text-tertiary);
  color: var(--text-primary) !important;
}

body.theme-base.salary-page-body .wrap {
  background: var(--main-surface-primary) !important;
  color: var(--text-primary) !important;
}

body.theme-base.salary-page-body :is(
  h1, h2, h3, h4, h5, h6,
  .section h2, .section-subheading, .summary-title-row,
  .summary-card-label, .summary-card strong, .metric strong,
  .text-card h3, .resume-card strong, .cat-title, .state-name,
  .level-pills-title, .reviewer-name-btn, .reviewer-modal-title
) {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
}

body.theme-base.salary-page-body :is(
  .subtitle, .hero p, .section-copy, .section-subheading-copy,
  .note, .footer-note, .metric span, .text-card p, .text-card li,
  .state-filter label, .state-cities, .state-salary-unit,
  .level-pill small, .pretty-list li, .intro-card,
  .career-intro-copy, .reviewer-trust, .reviewer-modal-card p,
  .world-card-label, .coverage-label, .tier-copy
) {
  color: var(--text-tertiary) !important;
  -webkit-text-fill-color: var(--text-tertiary) !important;
}

body.theme-base.salary-page-body :is(
  .table, .simple-table, .state-table, .employer-table,
  .company-table, .comparison-table, .career-guide-table, .worldwide-table,
  .metric, .text-card, .resume-card, .resume-links, .summary-card,
  .pretty-card, .career-section-card, .career-demand-card, .cert-card,
  .faq-card, .qa-card, .reference-card, .intro-card, .mistake-card,
  .employer-summary-card, .world-card, details, .reviewer-modal-card
) {
  border-color: var(--border-medium) !important;
  background: var(--main-surface-primary) !important;
  color: var(--text-primary) !important;
}

body.theme-base.salary-page-body :is(
  .page-nav a, .level-pill, .resume-mini-btn, .resume-card-btn,
  .recommended-links .text-card a, .text-card a, .resource-card-actions a,
  .cert-link, .reference-card a, .state-filter select, .salary-chip,
  .skill-tags span, .reviewer-modal-actions a,
  .reviewer-modal-close
) {
  border-color: var(--border-medium) !important;
  background: var(--main-surface-secondary) !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
}

body.theme-base.salary-page-body :is(
  .page-nav a:hover, .page-nav a:focus-visible,
  .level-pill:hover, .resume-mini-btn:hover, .resume-card-btn:hover,
  .recommended-links .text-card a:hover, .text-card a:hover,
  .resource-card-actions a:hover, .cert-link:hover, .reference-card a:hover,
  .reviewer-modal-actions a:hover, .reviewer-modal-close:hover
) {
  border-color: var(--border-heavy) !important;
  background: var(--occupation-control-hover) !important;
  color: var(--text-primary) !important;
}

html.dark-theme body.theme-base.salary-page-body :is(.page-nav a.active, .level-pill.active) {
  border-color: #6d6d6d !important;
  background: #6d6d6d !important;
  color: var(--gray-200) !important;
  -webkit-text-fill-color: var(--gray-200) !important;
}

html.dark-theme body.theme-base.salary-page-body .level-pills {
  border-color: var(--border-medium) !important;
  background: var(--sidebar-surface-primary) !important;
  color: var(--text-primary) !important;
}

html.dark-theme body.theme-base.salary-page-body .level-pills :is(.level-pills-title, .level-pill, .level-pill span, .level-pill small) {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
}

html.dark-theme body.theme-base.salary-page-body .level-pills .level-pill.active,
html.dark-theme body.theme-base.salary-page-body .level-pills .level-pill.active :is(span, small) {
  color: var(--gray-200) !important;
  -webkit-text-fill-color: var(--gray-200) !important;
}

html.dark-theme body.theme-base.salary-page-body :is(
  .head, .simple-head, .state-head, .employer-head,
  .company-head, .world-head
) {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
}

html:not(.dark-theme) body.theme-base.salary-page-body :is(.page-nav a.active, .level-pill.active) {
  border-color: var(--firstColor) !important;
  background: var(--firstColor) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.theme-base.salary-page-body :is(
  .head, .simple-head, .state-head, .employer-head,
  .company-head, .world-head
) {
  border-color: var(--border-medium) !important;
}

html:not(.dark-theme) body.theme-base.salary-page-body :is(
  .head, .simple-head, .state-head, .employer-head,
  .company-head, .world-head
) {
  background: #061a3f !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html.dark-theme body.theme-base.salary-page-body :is(
  .head, .simple-head, .state-head, .employer-head,
  .company-head, .world-head
) {
  background: var(--sidebar-surface-primary) !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
}

body.theme-base.salary-page-body .level-pills .level-pill.active small {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
}

body.theme-base.salary-page-body :is(
  .row, .simple-row, .state-row, .employer-row, .company-row, .world-row,
  .state-info, .state-salary, .state-trend, .employer-list, .employer-item,
  .years, .range-list, .bars, .simple-row > div
) {
  border-color: var(--border-medium) !important;
  color: var(--text-primary) !important;
}

body.theme-base.salary-page-body :is(
  .cat, .employer-cat, .years, .range-list, .employer-year,
  .world-country, .career-outlook-section > .section-copy,
  .pretty-list li, .callout, .considerations-heading,
  .system-flow-wrap, .flow-node
) {
  border-color: var(--border-medium) !important;
  background: var(--main-surface-tertiary) !important;
  color: var(--text-primary) !important;
}

body.theme-base.salary-page-body :is(.salary-bar, .salary-label, .company, .company-premium) {
  color: var(--text-primary) !important;
}

body.theme-base.salary-page-body .salary-label {
  background: var(--main-surface-primary) !important;
}

body.theme-base.salary-page-body .bar-track::before {
  border-color: var(--border-medium) !important;
}

html.dark-theme body.theme-base.salary-page-body :is(.reviewer-modal-backdrop) {
  background: rgba(0, 0, 0, .75) !important;
}

/* Pill labels use one regular weight across light/dark themes and page types. */
body.theme-base.salary-page-body :is(
  .eyebrow,
  .page-nav a,
  .level-pill,
  .level-pill span,
  .level-pill small,
  .salary-chip,
  .premium-badge,
  .period-pill,
  .skill-tags span,
  .cert-link,
  .reference-card a,
  .reviewer-modal-actions a
) {
  font-weight: 400 !important;
}

/* Dim photographic and content artwork only in dark mode. Keep compact UI,
   occupation, level, and country icons at their authored brightness. */
html.dark-theme body.theme-base.salary-page-body .wrap img:not(.country-flag):not(.flag-strip-icon):not(.level-svg-icon):not(.rim-page-context-nav__occupation-icon):not(.interview-detail-heading-icon):not(.careerhub-card-icon) {
  filter: brightness(.7) !important;
}

html.dark-theme body.theme-base.salary-page-body .premium-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border: 1px solid #ccebd3;
  border-radius: 999px;
  background: #16803a;
  color: #ccebd3;
  font-size: 14px;
  font-weight: 400;
}

html.dark-theme body.theme-base.salary-page-body .reference-card li span {
  background: #2f7d26;
  color: #eef8ec;
}

html.dark-theme body.theme-base .inline-code {
  border-color: var(--border-medium, hsla(0, 0%, 100%, .15)) !important;
  background: var(--sidebar-surface-primary, #171717) !important;
  color: var(--gray-200, #e3e3e3) !important;
  -webkit-text-fill-color: var(--gray-200, #e3e3e3) !important;
}

body.theme-base.salary-page-body .career-outlook-section > .career-intro-copy,
body.theme-base.salary-page-body .worldwide-section .world-tier,
body.theme-base.salary-page-body .worldwide-section .world-tier > h3,
body.theme-base.salary-page-body .worldwide-section .world-tier > .section-subheading-copy {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}