/* Yurev Career v32 — career-only refinements.
   Shared Yurev Studio styles remain untouched in styles.css. */

.career-page .hero-copy{position:relative}
.career-page .hero-copy::before{
  content:"CAREER";
  position:absolute;
  left:-4px;
  top:-34px;
  color:rgba(212,107,165,.08);
  font-size:86px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.07em;
  pointer-events:none;
}
.career-page .hero-copy>*{position:relative;z-index:1}
.career-page .hero-note{display:flex;align-items:center;gap:8px}
.career-page .hero-note::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--dusty);box-shadow:0 0 0 5px var(--dusty-soft)}

.career-fit{padding-top:54px}
.career-fit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:36px}
.career-fit-card{
  min-height:245px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:26px;
  background:#fff;
  box-shadow:var(--soft-shadow);
}
.career-fit-card:nth-child(2){background:linear-gradient(180deg,#fff,var(--clay-soft))}
.career-fit-card:nth-child(3){background:linear-gradient(180deg,#fff,var(--dusty-soft))}
.career-fit-card:nth-child(4){background:linear-gradient(180deg,#fff,var(--mauve-soft))}
.career-fit-card>span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;background:var(--pink-soft);color:var(--pink);font-size:12px;font-weight:950}
.career-fit-card:nth-child(2)>span{background:var(--clay-soft);color:var(--clay)}
.career-fit-card:nth-child(3)>span{background:var(--dusty-soft);color:var(--dusty)}
.career-fit-card:nth-child(4)>span{background:var(--mauve-soft);color:var(--mauve)}
.career-fit-card h3{margin-top:20px;font-size:19px;line-height:1.42;letter-spacing:-.035em}
.career-fit-card p{margin-top:10px;color:var(--sub);font-size:13.8px;line-height:1.78}

.career-advisor{padding-top:34px}
.career-advisor-card{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:30px;
  padding:42px;
  border:1px solid var(--line);
  border-radius:32px;
  background:linear-gradient(135deg,#fff 0%,var(--cream) 52%,var(--dusty-soft) 100%);
  box-shadow:var(--soft-shadow);
}
.career-advisor-copy h2{margin-top:14px;max-width:720px}
.career-advisor-copy p{margin-top:16px;max-width:760px;color:var(--sub);font-size:14.8px;line-height:1.9}
.career-advisor-points{display:grid;gap:10px}
.career-advisor-points div{padding:18px 19px;border:1px solid rgba(255,255,255,.9);border-radius:19px;background:rgba(255,255,255,.72)}
.career-advisor-points b,.career-advisor-points span{display:block}
.career-advisor-points b{font-size:13px;font-weight:900;color:var(--ink)}
.career-advisor-points span{margin-top:6px;color:var(--sub);font-size:12.7px;line-height:1.7}

.career-page a:focus-visible,.career-page summary:focus-visible{outline:3px solid rgba(127,182,214,.45);outline-offset:4px;border-radius:8px}

@media(max-width:1020px){
  .career-fit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .career-advisor-card{grid-template-columns:1fr}
}
@media(max-width:760px){
  .career-page .hero-copy::before{top:-20px;left:50%;transform:translateX(-50%);font-size:58px}
  .career-fit{padding-top:36px}
  .career-fit-grid{grid-template-columns:1fr}
  .career-fit-card{min-height:auto}
  .career-advisor-card{padding:28px 22px;border-radius:26px}
}

/* v33 — softer typography on Yurev Career only.
   Do not move these rules to styles.css: Studio pages must remain unchanged. */
.career-page .hero-copy::before{font-weight:760}
.career-page h1,
.career-page .career-title{font-weight:680}
.career-page .career-title em{font-weight:680}
.career-page h2{font-weight:680}
.career-page h3{font-weight:640}
.career-page b,
.career-page strong{font-weight:650}
.career-page .eyebrow,
.career-page .section-kicker,
.career-page .btn,
.career-page .nav-cta,
.career-page .career-back{font-weight:650}
.career-page .career-tags span,
.career-page .career-audience b,
.career-page .package-top span,
.career-page .package-meta span,
.career-page .career-options span,
.career-page .boundary-icon,
.career-page .scope-note span,
.career-page .career-fit-card>span,
.career-page .career-advisor-points b{font-weight:650}
.career-page .service-no,
.career-page .step-num,
.career-page .output-icon{font-weight:680}
.career-page .career-faq summary{font-weight:650}
.career-page .career-title span{white-space:nowrap}

@media(max-width:430px){
  .career-page .career-title span{white-space:normal}
  .career-page .career-title span:nth-child(2){white-space:nowrap}
  .career-page .career-title span:nth-child(3){white-space:nowrap}
}



/* v34 — unify Career service cards like card 01.
   Keep the same clean white card body; vary only the accent color per item.
   Studio pages remain untouched. */
.career-service-grid .service-card,
.career-service-grid .service-card:nth-child(2n),
.career-service-grid .service-card:nth-child(3n){
  background:#fff;
}
.career-service-grid .service-card:nth-child(1){border-top:3px solid var(--pink)}
.career-service-grid .service-card:nth-child(2){border-top:3px solid var(--clay)}
.career-service-grid .service-card:nth-child(3){border-top:3px solid var(--dusty)}
.career-service-grid .service-card:nth-child(4){border-top:3px solid var(--mauve)}
.career-service-grid .service-card:nth-child(5){border-top:3px solid var(--rose)}
.career-service-grid .service-card:nth-child(6){border-top:3px solid var(--ink)}

.career-service-grid .service-card:nth-child(1) .service-no{background:var(--pink-soft);border-color:rgba(223,94,135,.18);color:var(--pink)}
.career-service-grid .service-card:nth-child(2) .service-no{background:var(--clay-soft);border-color:rgba(181,139,121,.22);color:var(--clay)}
.career-service-grid .service-card:nth-child(3) .service-no{background:var(--dusty-soft);border-color:rgba(120,179,215,.24);color:var(--dusty)}
.career-service-grid .service-card:nth-child(4) .service-no{background:var(--mauve-soft);border-color:rgba(165,106,133,.22);color:var(--mauve)}
.career-service-grid .service-card:nth-child(5) .service-no{background:var(--rose-soft);border-color:rgba(243,195,210,.30);color:var(--pink)}
.career-service-grid .service-card:nth-child(6) .service-no{background:rgba(47,29,25,.05);border-color:rgba(47,29,25,.12);color:var(--ink)}


/* v35 — production sales pricing guidance */
.career-pricing-note{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin:24px auto 0;
  padding:17px 20px;
  max-width:780px;
  border:1px solid rgba(223,94,135,.18);
  border-radius:18px;
  background:linear-gradient(135deg,var(--pink-soft),#fff 58%,var(--dusty-soft));
  color:var(--sub);
  font-size:13.6px;
  line-height:1.7;
}
.career-pricing-note b{
  flex:0 0 auto;
  color:var(--pink);
  font-weight:650;
}
@media(max-width:760px){
  .career-pricing-note{display:block;text-align:left;margin-top:20px}
  .career-pricing-note b{display:block;margin-bottom:5px}
}


/* v36 — soften the positioning section into a warmer beige tone.
   Remove the decorative top-right circle and keep this change career-only. */
.career-position-card{
  border:1px solid rgba(181,139,121,.18);
  background:linear-gradient(135deg, rgba(255,250,247,.98) 0%, rgba(248,240,235,.96) 54%, rgba(243,234,228,.90) 100%);
}
.career-position-card:after{
  display:none;
}
.career-audience div{
  border:1px solid rgba(234,223,216,.92);
  background:rgba(255,255,255,.74);
}
.career-audience b{
  color:var(--clay);
}


/* v37 — tighter positioning typography, wider copy areas, warmer unified page tone. */
.career-page{
  background:
    radial-gradient(circle at 88% 9%, rgba(181,139,121,.10), transparent 27%),
    radial-gradient(circle at 8% 36%, rgba(233,219,210,.26), transparent 24%),
    linear-gradient(180deg, var(--canvas) 0%, var(--warm) 38%, var(--canvas) 72%, var(--warm) 100%);
}

.career-position-card{
  background:linear-gradient(135deg, rgba(255,253,252,.98) 0%, rgba(250,246,243,.98) 52%, rgba(243,234,228,.94) 100%);
}
.career-position-title{
  max-width:none !important;
  font-size:clamp(25px,2.5vw,32px) !important;
  line-height:1.34 !important;
  letter-spacing:-.042em !important;
}
.career-position-title span{display:block}
.career-position-title span:nth-child(2){white-space:nowrap}

/* Let the explanatory and pricing copy use the section width instead of a narrow text column. */
#fit .section-head,
#packages .section-head{
  max-width:100%;
  width:100%;
}
#fit .section-head .lead,
#packages .section-head .lead{
  max-width:100%;
  width:100%;
}
.career-pricing-note{
  max-width:100%;
  width:100%;
}
.career-cta{
  background:linear-gradient(135deg, rgba(255,253,252,.98), rgba(250,246,243,.98) 55%, rgba(243,234,228,.94));
}
.career-cta p{
  max-width:100%;
  width:100%;
}

@media(max-width:760px){
  .career-position-title{
    font-size:clamp(24px,7.5vw,30px) !important;
    line-height:1.38 !important;
  }
  .career-position-title span:nth-child(2){white-space:normal}
}


/* v38 — responsive hero and mobile layout polish.
   Ensure the background CAREER label is fully visible,
   align the blue dot and note text correctly on mobile,
   and smooth spacing/type across small screens. */
.career-page{
  overflow-x:hidden;
}
.career-page .hero-copy{
  position:relative;
  overflow:visible;
}
.career-page .hero-copy::before{
  left:0;
  top:-26px;
  transform:none;
  width:max-content;
  max-width:none;
  white-space:nowrap;
  font-size:clamp(72px, 10vw, 126px);
  letter-spacing:-.055em;
  color:rgba(223,94,135,.06);
}
.career-page .career-title{
  max-width:780px;
  font-size:clamp(54px, 6.7vw, 92px);
  line-height:1.05;
  letter-spacing:-.06em;
}
.career-page .hero-desc{
  max-width:820px;
}
.career-page .hero-note{
  display:grid;
  grid-template-columns:16px minmax(0,1fr);
  align-items:start;
  gap:12px;
  width:fit-content;
  max-width:min(100%, 860px);
  margin-top:22px;
  text-align:left;
}
.career-page .hero-note::before{
  width:8px;
  height:8px;
  margin-top:.45em;
  box-shadow:0 0 0 5px var(--dusty-soft);
}
.career-page .actions{
  gap:14px;
}
.career-page .career-hero{
  gap:48px;
}

@media(max-width:1020px){
  .career-page .career-hero{
    gap:34px;
  }
  .career-page .hero-copy::before{
    font-size:clamp(62px, 11vw, 96px);
  }
  .career-page .career-title{
    font-size:clamp(48px, 8.6vw, 74px);
  }
}

@media(max-width:760px){
  .career-page .career-hero{
    gap:28px;
    padding-top:52px;
    padding-bottom:58px;
  }
  .career-page .hero-copy::before{
    left:0;
    top:-10px;
    transform:none;
    font-size:clamp(46px, 16vw, 68px);
    letter-spacing:-.04em;
  }
  .career-page .career-title{
    max-width:100%;
    font-size:clamp(40px, 12.2vw, 58px);
    line-height:1.08;
    letter-spacing:-.055em;
  }
  .career-page .hero-desc{
    max-width:100%;
    font-size:14.8px;
    line-height:1.82;
  }
  .career-page .actions{
    gap:10px;
  }
  .career-page .hero-note{
    margin:18px auto 0;
    max-width:100%;
    font-size:12.8px;
    line-height:1.7;
  }
  .career-page .hero-note::before{
    margin-top:.38em;
  }
  .career-page .career-position-card,
  .career-page .career-advisor-card,
  .career-page .boundary-grid article,
  .career-page .career-package-card,
  .career-page .career-fit-card,
  .career-page .service-card,
  .career-page .cta-box{
    padding-left:22px;
    padding-right:22px;
  }
  .career-page .section-head .lead,
  .career-page .career-cta p,
  .career-page .career-pricing-note,
  .career-page .career-advisor-copy p,
  .career-page .career-fit-card p,
  .career-page .service-card p,
  .career-page .boundary-grid p,
  .career-page .career-faq p{
    font-size:13.8px;
    line-height:1.76;
  }
  .career-page .career-pricing-note{
    padding:15px 16px;
  }
}

@media(max-width:430px){
  .career-page .hero-copy::before{
    font-size:44px;
    top:-6px;
    letter-spacing:-.03em;
  }
  .career-page .career-title{
    font-size:clamp(36px, 12.8vw, 48px);
    line-height:1.1;
  }
  .career-page .eyebrow{
    padding:11px 16px;
    font-size:10.8px;
  }
  .career-page .hero-desc{
    font-size:14.2px;
  }
  .career-page .hero-note{
    grid-template-columns:14px minmax(0,1fr);
    gap:10px;
    font-size:12.4px;
  }
  .career-page .hero-note::before{
    width:7px;
    height:7px;
  }
}

/* v39 — remove decorative CAREER word and return hero title to a balanced scale. */
.career-page .hero-copy::before{
  content:none;
  display:none;
}
.career-page .career-title{
  max-width:720px;
  font-size:clamp(44px,4.2vw,64px);
  line-height:1.1;
  letter-spacing:-.052em;
}

@media(max-width:1020px){
  .career-page .career-title{
    max-width:680px;
    font-size:clamp(42px,6vw,56px);
  }
}

@media(max-width:760px){
  .career-page .career-title{
    max-width:100%;
    font-size:clamp(32px,8.8vw,40px);
    line-height:1.14;
    letter-spacing:-.045em;
  }
}

@media(max-width:430px){
  .career-page .career-title{
    font-size:clamp(30px,8.6vw,36px);
    line-height:1.16;
  }
}


/* v40 — natural Korean line wrapping and softer responsive typography.
   Headings wrap at Korean word boundaries instead of forced line blocks. */
.career-page h1,
.career-page h2,
.career-page h3,
.career-page p,
.career-page li,
.career-page summary,
.career-page .lead,
.career-page .hero-note{
  word-break:keep-all;
  overflow-wrap:normal;
}

.career-page h1,
.career-page .career-title{
  font-weight:560;
}
.career-page .career-title em{
  font-weight:560;
}
.career-page h2,
.career-page .career-position-title{
  font-weight:560;
}
.career-page h3{
  font-weight:560;
}
.career-page b,
.career-page strong,
.career-page .eyebrow,
.career-page .section-kicker,
.career-page .btn,
.career-page .nav-cta,
.career-page .career-back,
.career-page .career-faq summary,
.career-page .career-audience b,
.career-page .package-top b,
.career-page .career-advisor-points b{
  font-weight:600;
}
.career-page .service-no,
.career-page .step-num,
.career-page .output-icon,
.career-page .package-top span,
.career-page .package-meta span,
.career-page .career-options span,
.career-page .boundary-icon,
.career-page .scope-note span,
.career-page .career-fit-card>span{
  font-weight:600;
}

/* Hero copy: no forced lines, scale smoothly with viewport width. */
.career-page .career-title{
  display:block;
  max-width:720px;
  font-size:clamp(40px,3.8vw,56px);
  line-height:1.18;
  letter-spacing:-.045em;
}
.career-page .career-title span{
  display:inline;
  white-space:normal;
}
.career-page .career-title em{
  display:inline;
  color:var(--pink);
}

.career-page .career-position-title{
  max-width:1040px !important;
  font-size:clamp(24px,2.25vw,30px) !important;
  line-height:1.5 !important;
  letter-spacing:-.035em !important;
}
.career-page .career-position-title span{
  display:inline;
  white-space:normal !important;
}

@media(max-width:1020px){
  .career-page .career-title{
    max-width:680px;
    font-size:clamp(38px,5.2vw,50px);
    line-height:1.2;
  }
}

@media(max-width:760px){
  .career-page .career-hero{
    padding-top:46px;
    padding-bottom:52px;
    gap:26px;
  }
  .career-page .career-title{
    max-width:100%;
    font-size:clamp(30px,8.2vw,36px);
    line-height:1.28;
    letter-spacing:-.04em;
  }
  .career-page .hero-desc{
    margin-top:20px;
    font-size:14.4px;
    line-height:1.82;
  }
  .career-page .actions{
    margin-top:27px;
  }
  .career-page .hero-note{
    margin-top:17px;
    line-height:1.72;
  }
  .career-page .career-position-title{
    font-size:clamp(22px,6.2vw,27px) !important;
    line-height:1.48 !important;
  }
  .career-page h2:not(.career-position-title){
    font-size:clamp(25px,7.1vw,29px);
    line-height:1.42;
  }
  .career-page h3{
    line-height:1.48;
  }
}

@media(max-width:430px){
  .career-page .container{
    width:min(var(--max),calc(100% - 30px));
  }
  .career-page .career-hero{
    padding-top:40px;
    padding-bottom:46px;
  }
  .career-page .career-title{
    font-size:clamp(28px,8vw,33px);
    line-height:1.3;
    letter-spacing:-.035em;
  }
  .career-page .hero-desc{
    font-size:14px;
    line-height:1.78;
  }
  .career-page .career-position-title{
    font-size:clamp(21px,6vw,24px) !important;
    line-height:1.5 !important;
  }
  .career-page .section-head .lead,
  .career-page .career-cta p,
  .career-page .career-pricing-note,
  .career-page .career-advisor-copy p,
  .career-page .career-fit-card p,
  .career-page .service-card p,
  .career-page .boundary-grid p,
  .career-page .career-faq p{
    font-size:13.4px;
    line-height:1.76;
  }
}

/* v41 — slightly stronger weight, slightly smaller type.
   Career-only adjustment. Natural Korean wrapping from v40 is preserved. */
.career-page h1,
.career-page .career-title,
.career-page .career-title em{
  font-weight:610;
}
.career-page h2,
.career-page .career-position-title{
  font-weight:600;
}
.career-page h3{
  font-weight:590;
}
.career-page b,
.career-page strong,
.career-page .eyebrow,
.career-page .section-kicker,
.career-page .btn,
.career-page .nav-cta,
.career-page .career-back,
.career-page .career-faq summary,
.career-page .career-audience b,
.career-page .package-top b,
.career-page .career-advisor-points b{
  font-weight:620;
}

.career-page .career-title{
  font-size:clamp(38px,3.55vw,52px);
}
.career-page .career-position-title{
  font-size:clamp(23px,2.1vw,29px) !important;
}

@media(max-width:1020px){
  .career-page .career-title{
    font-size:clamp(36px,4.9vw,47px);
  }
}

@media(max-width:760px){
  .career-page .career-title{
    font-size:clamp(28px,7.6vw,34px);
    line-height:1.27;
  }
  .career-page .career-position-title{
    font-size:clamp(21px,5.8vw,25px) !important;
  }
  .career-page h2:not(.career-position-title){
    font-size:clamp(24px,6.7vw,28px);
  }
}

@media(max-width:430px){
  .career-page .career-title{
    font-size:clamp(27px,7.5vw,31px);
    line-height:1.29;
  }
  .career-page .career-position-title{
    font-size:clamp(20px,5.6vw,23px) !important;
  }
}


/* v42 — package cards start neutral and highlight on hover/click.
   No package is preselected. Clicked selection is keyboard-accessible and persistent. */
.career-page .career-package-card{
  border-color:var(--line);
  background:rgba(255,255,255,.82);
  transform:none;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.career-page .career-package-card.featured{
  border-color:var(--line);
  background:rgba(255,255,255,.82);
  transform:none;
}
.career-page .career-package-card:hover,
.career-page .career-package-card.is-selected{
  border-color:rgba(223,94,135,.34);
  background:linear-gradient(180deg,#fff,var(--pink-soft));
  box-shadow:0 18px 42px rgba(47,29,25,.08);
}
.career-page .career-package-card:hover{
  transform:translateY(-3px);
}
.career-page .career-package-card.is-selected{
  transform:translateY(-4px);
}
.career-page .career-package-card:focus-visible{
  outline:3px solid rgba(120,179,215,.38);
  outline-offset:4px;
}
@media(max-width:760px){
  .career-page .career-package-card:hover,
  .career-page .career-package-card.is-selected{
    transform:none;
  }
}


/* v45 — Career logo uses the same display sizing as Yurev Studio. */
.career-nav .career-logo-lockup{
  min-width:224px;
}
.career-nav .career-brand-logo{
  display:block;
  width:auto;
  height:44px;
  max-width:252px;
  object-fit:contain;
  object-position:left center;
}
@media(max-width:760px){
  .career-nav .career-logo-lockup{min-width:170px}
  .career-nav .career-brand-logo{height:34px;max-width:196px}
}
@media(max-width:380px){
  .career-nav .career-logo-lockup{min-width:150px}
  .career-nav .career-brand-logo{height:30px;max-width:176px}
}

/* v47 — match Yurev Studio mobile header behavior: do not pin Career header. */
@media(max-width:760px){
  .career-page .header{
    position:static;
    top:auto;
  }
}


/* v48 — Japanese Yurev Career page and bilingual Career navigation. */
.career-nav .career-lang{flex:0 0 auto}
html[lang="ja"] .career-page{font-family:"Noto Sans JP","Noto Sans KR",sans-serif}
html[lang="ja"] .career-page .career-title{letter-spacing:-.045em;line-height:1.3}
html[lang="ja"] .career-page .career-position-title{letter-spacing:-.025em !important;line-height:1.55 !important}
html[lang="ja"] .career-page h2{letter-spacing:-.025em}
html[lang="ja"] .career-page h3{letter-spacing:-.02em}
html[lang="ja"] .career-page .hero-desc,
html[lang="ja"] .career-page .lead,
html[lang="ja"] .career-page p{word-break:normal;overflow-wrap:anywhere}
@media(max-width:760px){
  .career-nav .career-lang a{min-width:32px;padding:6px 8px}
  html[lang="ja"] .career-page .career-title{font-size:clamp(27px,7.2vw,33px);line-height:1.42}
  html[lang="ja"] .career-page .career-position-title{font-size:clamp(20px,5.5vw,23px) !important;line-height:1.6 !important}
}
@media(max-width:430px){
  .career-nav .career-lang{gap:3px}
  .career-nav .career-lang a{min-width:29px;padding:6px 7px;font-size:10px}
  .career-nav .nav-cta{min-width:64px;padding-left:9px;padding-right:9px}
  html[lang="ja"] .career-page .career-title{font-size:clamp(26px,7vw,30px);line-height:1.45}
}


/* v49 — Japanese Career overflow prevention and cleaner package title wrapping. */
html[lang="ja"] .career-page,
html[lang="ja"] .career-page *{
  min-width:0;
}
html[lang="ja"] .career-page h1,
html[lang="ja"] .career-page h2,
html[lang="ja"] .career-page h3,
html[lang="ja"] .career-page p,
html[lang="ja"] .career-page li,
html[lang="ja"] .career-page b,
html[lang="ja"] .career-page strong,
html[lang="ja"] .career-page span,
html[lang="ja"] .career-page summary{
  word-break:normal;
  overflow-wrap:anywhere;
  line-break:strict;
}
html[lang="ja"] .career-page h2,
html[lang="ja"] .career-page h3{
  text-wrap:balance;
}
html[lang="ja"] .career-page .career-package-card{
  overflow:hidden;
}
html[lang="ja"] .career-page .career-package-card .package-top{
  align-items:center;
}
html[lang="ja"] .career-page .career-package-card .package-top b{
  white-space:nowrap;
  overflow-wrap:normal;
}
html[lang="ja"] .career-page .career-package-card .package-title-jp{
  margin-top:22px;
  font-size:clamp(18px,1.55vw,20px);
  line-height:1.55;
  letter-spacing:-.018em;
  min-height:3.1em;
}
html[lang="ja"] .career-page .career-package-card ul{
  margin-top:20px;
}
html[lang="ja"] .career-page .career-package-card li{
  line-height:1.72;
}
html[lang="ja"] .career-page .career-fit-card,
html[lang="ja"] .career-page .service-card,
html[lang="ja"] .career-page .career-package-card,
html[lang="ja"] .career-page .step,
html[lang="ja"] .career-page .proof-item,
html[lang="ja"] .career-page .boundary-grid article,
html[lang="ja"] .career-page .career-audience div{
  min-width:0;
}
@media(max-width:1020px){
  html[lang="ja"] .career-page .career-package-card .package-title-jp{
    font-size:19px;
    min-height:auto;
  }
}
@media(max-width:760px){
  html[lang="ja"] .career-page .career-package-card .package-title-jp{
    margin-top:20px;
    font-size:18px;
    line-height:1.6;
  }
  html[lang="ja"] .career-page .career-package-card .package-title-jp br{
    display:none;
  }
  html[lang="ja"] .career-page .career-package-card{
    padding-top:23px;
    padding-bottom:23px;
  }
  html[lang="ja"] .career-page .career-package-card ul{
    margin-top:18px;
  }
}
@media(max-width:430px){
  html[lang="ja"] .career-page .career-package-card .package-title-jp{
    font-size:17.5px;
  }
  html[lang="ja"] .career-page .career-faq summary{
    padding-right:44px;
  }
}

/* v50 — keep JP Career language switcher identical to KR Career. */
html[lang="ja"] .career-page .career-nav .career-lang{
  display:flex;
  gap:4px;
  padding:4px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  flex:0 0 auto;
}
html[lang="ja"] .career-page .career-nav .career-lang a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  width:auto;
  height:30px;
  padding:0;
  border-radius:999px;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:keep-all;
}
@media(max-width:760px){
  html[lang="ja"] .career-page .career-nav .career-lang a{
    min-width:34px;
    height:30px;
    padding:0;
    font-size:12px;
  }
}
@media(max-width:430px){
  html[lang="ja"] .career-page .career-nav .career-lang{
    gap:4px;
  }
  html[lang="ja"] .career-page .career-nav .career-lang a{
    min-width:34px;
    height:30px;
    padding:0;
    font-size:12px;
  }
}


/* v51 — force the JP hero headline into the requested 3-line lockup. */
html[lang="ja"] .career-page .career-title span{display:block}
html[lang="ja"] .career-page .career-title span:nth-child(3){display:block}

/* v52 — Japanese mobile typography and phrase-aware line wrapping.
   Only Japanese Career bold/heading text is resized/reweighted. */
html[lang="ja"] .career-page h1,
html[lang="ja"] .career-page h2,
html[lang="ja"] .career-page h3,
html[lang="ja"] .career-page b,
html[lang="ja"] .career-page strong,
html[lang="ja"] .career-page summary,
html[lang="ja"] .career-page .btn,
html[lang="ja"] .career-page .nav-cta,
html[lang="ja"] .career-page .career-back,
html[lang="ja"] .career-page .eyebrow,
html[lang="ja"] .career-page .section-kicker,
html[lang="ja"] .career-page .package-meta span,
html[lang="ja"] .career-page .career-options span,
html[lang="ja"] .career-page .scope-note span{
  word-break:normal;
  overflow-wrap:normal;
  line-break:strict;
}
@supports (word-break:auto-phrase){
  html[lang="ja"] .career-page h1,
  html[lang="ja"] .career-page h2,
  html[lang="ja"] .career-page h3,
  html[lang="ja"] .career-page b,
  html[lang="ja"] .career-page strong,
  html[lang="ja"] .career-page summary,
  html[lang="ja"] .career-page .btn,
  html[lang="ja"] .career-page .nav-cta,
  html[lang="ja"] .career-page .career-back,
  html[lang="ja"] .career-page .eyebrow,
  html[lang="ja"] .career-page .section-kicker{
    word-break:auto-phrase;
  }
}

/* Slightly lighter bold hierarchy on JP Career only. */
html[lang="ja"] .career-page .career-title,
html[lang="ja"] .career-page .career-title em{font-weight:600}
html[lang="ja"] .career-page h2,
html[lang="ja"] .career-page .career-position-title{font-weight:500}
html[lang="ja"] .career-page h3{font-weight:500}
html[lang="ja"] .career-page b,
html[lang="ja"] .career-page strong,
html[lang="ja"] .career-page .eyebrow,
html[lang="ja"] .career-page .section-kicker,
html[lang="ja"] .career-page .btn,
html[lang="ja"] .career-page .nav-cta,
html[lang="ja"] .career-page .career-back,
html[lang="ja"] .career-page .career-faq summary,
html[lang="ja"] .career-page .career-audience b,
html[lang="ja"] .career-page .package-top b,
html[lang="ja"] .career-page .career-advisor-points b{font-weight:600}

/* Keep the requested hero 3-line lockup intact without splitting particles. */
html[lang="ja"] .career-page .career-title{
  font-size:clamp(34px,3.3vw,48px);
  line-height:1.28;
}
html[lang="ja"] .career-page .career-title span{
  display:block;
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:keep-all;
}
html[lang="ja"] .career-page h2:not(.career-position-title){
  font-size:clamp(25px,2.45vw,30px);
}
html[lang="ja"] .career-page .career-position-title{
  font-size:clamp(21px,1.95vw,27px) !important;
}
html[lang="ja"] .career-page .career-package-card .package-title-jp{
  font-size:clamp(17px,1.45vw,19px);
  font-weight:500;
}

@media(max-width:760px){
  html[lang="ja"] .career-page .career-title{
    font-size:clamp(24px,6.9vw,28px);
    line-height:1.4;
    letter-spacing:-.03em;
  }
  html[lang="ja"] .career-page h2:not(.career-position-title){
    font-size:clamp(21px,5.8vw,25px);
    line-height:1.52;
  }
  html[lang="ja"] .career-page .career-position-title{
    font-size:clamp(18.5px,5vw,21.5px) !important;
    line-height:1.62 !important;
  }
  html[lang="ja"] .career-page h3{
    font-size:16.5px;
    line-height:1.62;
  }
  html[lang="ja"] .career-page .career-package-card .package-title-jp{
    font-size:16.5px;
    line-height:1.65;
  }
}

@media(max-width:430px){
  html[lang="ja"] .career-page .career-title{
    font-size:clamp(23px,6.6vw,26px);
    line-height:1.42;
  }
  html[lang="ja"] .career-page h2:not(.career-position-title){
    font-size:clamp(20px,5.5vw,23px);
  }
  html[lang="ja"] .career-page .career-position-title{
    font-size:clamp(18px,4.8vw,20px) !important;
  }
  html[lang="ja"] .career-page h3,
  html[lang="ja"] .career-page .career-package-card .package-title-jp{
    font-size:16px;
  }
}

/* v52.1 — phrase-aware wrapping for all JP copy; typography changes remain bold-only. */
html[lang="ja"] .career-page p,
html[lang="ja"] .career-page li,
html[lang="ja"] .career-page summary,
html[lang="ja"] .career-page h1,
html[lang="ja"] .career-page h2,
html[lang="ja"] .career-page h3,
html[lang="ja"] .career-page .lead,
html[lang="ja"] .career-page .hero-note,
html[lang="ja"] .career-page .career-audience span,
html[lang="ja"] .career-page .proof-item span,
html[lang="ja"] .career-page .career-advisor-points span{
  overflow-wrap:normal;
  word-break:normal;
  line-break:strict;
}
@supports (word-break:auto-phrase){
  html[lang="ja"] .career-page p,
  html[lang="ja"] .career-page li,
  html[lang="ja"] .career-page summary,
  html[lang="ja"] .career-page h1,
  html[lang="ja"] .career-page h2,
  html[lang="ja"] .career-page h3,
  html[lang="ja"] .career-page .lead,
  html[lang="ja"] .career-page .hero-note,
  html[lang="ja"] .career-page .career-audience span,
  html[lang="ja"] .career-page .proof-item span,
  html[lang="ja"] .career-page .career-advisor-points span{
    word-break:auto-phrase;
  }
}
html[lang="ja"] .career-page .email-pill{
  overflow-wrap:anywhere;
  word-break:break-word;
}
@media(max-width:760px){
  html[lang="ja"] .career-page h2,
  html[lang="ja"] .career-page h3,
  html[lang="ja"] .career-page summary{
    text-wrap:pretty;
  }
}

/* v53 — compact JP Career hero localization example on mobile only. */
@media(max-width:760px){
  html[lang="ja"] .career-page .career-visual .console.localization-example{
    padding:11px;
  }
  html[lang="ja"] .career-page .career-visual .localization-example .copy-panel-wide{
    padding:13px 14px;
    gap:6px;
  }
  html[lang="ja"] .career-page .career-visual .localization-example .copy-panel-wide .panel-title{
    margin-bottom:7px;
  }
  html[lang="ja"] .career-page .career-visual .localization-example .copy-panel-wide .panel-title b{
    font-size:14px;
    line-height:1.15;
  }
  html[lang="ja"] .career-page .career-visual .localization-example .copy-panel-wide .panel-title span{
    font-size:10px;
  }
  html[lang="ja"] .career-page .career-visual .localization-example .sample-label{
    padding:3px 7px;
    font-size:9.6px;
  }
  html[lang="ja"] .career-page .career-visual .localization-example .copy-panel-wide .sample-copy,
  html[lang="ja"] .career-page .career-visual .localization-example .copy-panel-wide .sample-copy.jp-text{
    font-size:11.1px;
    line-height:1.62;
    font-weight:500;
  }
  html[lang="ja"] .career-page .career-visual .localization-example .sample-translation{
    margin-top:2px;
    font-size:9.8px;
    line-height:1.5;
  }
  html[lang="ja"] .career-page .career-visual .localization-example .copy-panel-wide .copy-tag{
    margin-top:5px;
    padding:4px 7px;
    font-size:9.7px;
  }
  html[lang="ja"] .career-page .career-visual .career-tags{
    margin-top:10px;
    gap:5px;
  }
  html[lang="ja"] .career-page .career-visual .career-tags span{
    padding:5px 8px;
    font-size:9.8px;
  }
  html[lang="ja"] .career-page .career-visual .localization-example .arrow-down{
    width:27px;
    height:27px;
    font-size:13px;
  }
}
@media(max-width:430px){
  html[lang="ja"] .career-page .career-visual .localization-example .copy-panel-wide{
    padding:12px 13px;
  }
  html[lang="ja"] .career-page .career-visual .localization-example .copy-panel-wide .sample-copy,
  html[lang="ja"] .career-page .career-visual .localization-example .copy-panel-wide .sample-copy.jp-text{
    font-size:10.6px;
    line-height:1.58;
  }
  html[lang="ja"] .career-page .career-visual .localization-example .sample-translation{
    font-size:9.4px;
    line-height:1.46;
  }
}


/* v54 — fixed package pricing + free-entry positioning. */
.career-page .package-price{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:7px 10px;
  min-height:36px;
  margin:16px 0 0;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--warm);
}
.career-page .package-price strong{
  color:var(--ink);
  font-size:21px;
  line-height:1.1;
  font-weight:650;
  letter-spacing:-.03em;
}
.career-page .package-price span{
  color:var(--muted);
  font-size:12.5px;
  font-weight:550;
}
.career-page .package-price small{
  margin-left:auto;
  color:var(--muted);
  font-size:10.5px;
  font-weight:550;
}
.career-page .package-price-free{
  border-color:rgba(120,179,215,.24);
  background:linear-gradient(135deg,var(--dusty-soft),#fff);
}
.career-page .package-price-free strong{color:#4D91B8}
.career-page .package-price-free span{color:var(--sub)}
.career-page .career-package-card ul{margin-top:18px}

@media(max-width:760px){
  .career-page .package-price{
    margin-top:14px;
    padding:11px 13px;
  }
  .career-page .package-price strong{font-size:19px}
  .career-page .package-price span{font-size:12px}
  .career-page .package-price small{font-size:10px}
}


/* v57 — compact single-line package titles on KR/JP Career pages. */
.career-page .career-package-card h3{
  font-size:18px;
  line-height:1.35;
  letter-spacing:-.035em;
  white-space:nowrap;
}
html[lang="ja"] .career-page .career-package-card .package-title-jp{
  font-size:16.5px;
  line-height:1.4;
  letter-spacing:-.025em;
  white-space:nowrap;
}
@media(max-width:760px){
  .career-page .career-package-card h3{
    font-size:16.5px;
    white-space:nowrap;
  }
  html[lang="ja"] .career-page .career-package-card .package-title-jp{
    font-size:15.5px;
    white-space:nowrap;
  }
}
@media(max-width:390px){
  .career-page .career-package-card h3{font-size:15.5px}
  html[lang="ja"] .career-page .career-package-card .package-title-jp{font-size:14.5px}
}

/* v58 — match JP package title-to-price spacing to the KR Career cards. */
html[lang="ja"] .career-page .career-package-card .package-title-jp{
  min-height:auto;
  margin-bottom:0;
}