/* V4: readable wrapping without changing the established section widths. */
.site-contents :where(h1, h2, h3, h4, h5, h6),
.index-ten :where(h1, h2, h3, h4, h5, h6) {
  max-width: 100%;
  min-width: 0;
  overflow-wrap: break-word;
  hyphens: manual;
  text-wrap: balance;
}
.site-contents :where(p, li), .index-ten .feature-panel p {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: break-word;
  text-wrap: pretty;
}
.index-ten .feature-panel p { hyphens: manual; }
html:lang(en) .site-contents p,
html:lang(en) .site-contents .details .story p { hyphens: manual; }
.site-contents .hero h1 span { white-space: normal; }
.integration-tags li { overflow-wrap: anywhere; }
#personio-iframe[hidden], #careers-english[hidden] { display: none !important; }
#careers-english {
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(48px, 7vw, 88px) clamp(22px, 5vw, 64px);
  text-align: center;
  background: linear-gradient(135deg, #fffaf1, #f3f7f8);
  border-radius: 24px;
}
#careers-english h1 { margin: 14px 0 24px; }
#careers-english p { max-width: 720px; margin: 0 auto 24px; }
#careers-english .careers-kicker { color: #af6300; letter-spacing: .1em; text-transform: uppercase; }
#careers-english .careers-button { display: inline-block; padding: 14px 24px; margin: 8px auto 24px; border-radius: 12px; background: #f29203; color: #14222c; font-weight: 700; }
#careers-english .careers-note { font-size: .95rem; color: #4b5961; }
@media (max-width: 680px) {
  .site-contents h1,
  .site-contents .hero h1,
  .site-contents .details h1 {
    font-size: clamp(1.75rem, 8vw, 2.5rem);
    line-height: 1.15;
    hyphens: auto;
  }
  .site-contents .container-policy-and-impress h3 {
    font-size: clamp(1.2rem, 5.5vw, 1.5rem);
    overflow-wrap: anywhere;
  }
  .site-contents .hero-content,
  .site-contents .hero-content .left { min-width: 0; }
}