/* Complete handles stay readable even when the city name is longer. */
body[data-four-home] .journal-links>a {
  grid-template-columns:130px minmax(0,1fr) 26px;
}

/* A separate paper-colored field makes the overseas destination unmistakable. */
body[data-four-home] .recruit-destinations .recruit-overseas {
  --overseas-ink:#203833;
  --overseas-muted:#52615b;
  margin-top:12px;
  padding:36px clamp(24px,3.5vw,48px);
  border:0;
  background:#e8e8dc;
  color:var(--overseas-ink);
  column-gap:7%;
}
body[data-four-home] .recruit-overseas>div { min-width:0; }
body[data-four-home] .recruit-overseas h3,
body[data-four-home] .recruit-overseas p,
body[data-four-home] .recruit-overseas a {
  color:var(--overseas-ink);
}
body[data-four-home] .recruit-overseas .recruit-destination-kicker {
  color:var(--overseas-muted);
}
body[data-four-home] .recruit-overseas .recruit-links>a {
  gap:18px;
  border-color:#20383366;
  line-height:1.7;
}
body[data-four-home] .recruit-overseas .recruit-links>a>span:first-child { min-width:0; }
body[data-four-home] .recruit-overseas .recruit-links>a>span:last-child { flex-shrink:0; }
body[data-four-home] .recruit-overseas .recruit-links small {
  color:var(--overseas-muted);
  opacity:1;
}
body[data-four-home] .recruit-overseas a:focus-visible {
  outline:2px solid var(--overseas-ink);
  outline-offset:4px;
}

@media (max-width:1100px) {
  body[data-four-home] .journal-links>a {
    grid-template-columns:minmax(0,1fr) 24px;
    grid-template-rows:auto auto;
    column-gap:14px;
    row-gap:3px;
    padding:14px 0;
    min-height:76px;
  }
  body[data-four-home] .journal-city {
    grid-column:1;
    grid-row:1;
    font-size:23px;
    line-height:1.3;
  }
  body[data-four-home] .journal-account {
    grid-column:1;
    grid-row:2;
    font-size:11.5px;
    line-height:1.6;
    letter-spacing:0;
    min-width:0;
  }
  body[data-four-home] .journal-links>a>span:last-child {
    grid-column:2;
    grid-row:1 / 3;
    align-self:center;
    font-size:25px;
    line-height:1;
  }
}

@media (max-width:760px) {
  body[data-four-home] .journal { padding:38px 6% 40px; }
  body[data-four-home] .journal h2 {
    font-size:30px;
    line-height:1.45;
    margin:12px 0;
  }
  body[data-four-home] .journal-heading>p {
    font-size:14px;
    line-height:1.8;
  }
  body[data-four-home] .journal-links { margin-top:24px; }
  body[data-four-home] .journal-links>a {
    padding:11px 0;
    min-height:68px;
    row-gap:2px;
  }
  body[data-four-home] .journal-city { font-size:21px; }
  body[data-four-home] .recruit-destinations .recruit-overseas {
    margin-top:8px;
    padding:24px 20px;
    gap:14px;
  }
  body[data-four-home] .recruit-destinations .recruit-overseas>div>p:last-child {
    margin-top:12px;
    line-height:1.8;
  }
  body[data-four-home] .recruit-destinations .recruit-overseas .recruit-links>a {
    min-height:48px;
    padding:12px 0;
    font-size:14px;
    letter-spacing:0;
  }
  body[data-four-home] .recruit-destinations .recruit-overseas .recruit-links small {
    line-height:1.7;
  }
}