/* MIRAIWEB recruitment navigation: corporate-inspired grid, rules and typography. */
.mw-recruit-explore,
.mw-recruit-directory,
.mw-recruit-interviews {
  --mw-nav-rule: var(--mw-gray-20, #e0e0e0);
  --mw-nav-muted: var(--mw-gray-70, #525252);
  --mw-nav-hover: var(--mw-gray-10, #f4f4f4);
  color: var(--mw-gray-100, #161616);
  background: var(--mw-white, #fff);
}
.mw-recruit-explore { padding-block: 80px 96px; }
.mw-recruit-directory__section { padding-block: 64px 96px; }
.mw-recruit-interviews__section { padding-block: 80px 96px; }
.mw-recruit-explore__inner,
.mw-recruit-interviews__inner {
  width: min(1280px, calc(100% - 64px));
  margin-inline: auto;
}
/* The directory content shares the exact width and edge alignment of the hero. */
.mw-recruit-directory__inner {
  width: min(1160px, calc(100% - 64px));
  margin-inline: auto;
}
.mw-recruit-explore__intro,
.mw-recruit-interviews__intro { margin-bottom: 40px; }
.google-font .mw-recruit-explore__intro h2,
.google-font .mw-recruit-interviews__intro h1 {
  margin: 0;
  font-size: var(--mw-type-section);
  font-weight: var(--mw-weight-regular);
  line-height: var(--mw-leading-heading);
  letter-spacing: 0;
}
.mw-recruit-explore__intro p {
  margin-top: 16px;
  color: var(--mw-nav-muted);
  font-size: var(--mw-type-body);
  line-height: var(--mw-leading-body);
}
.mw-recruit-links__items,
.mw-recruit-interviews__grid {
  list-style: none;
  margin: 0;
  padding: 0;
}
.google-font .mw-recruit-link,
.google-font .mw-interview-link {
  color: var(--mw-gray-100);
  background: var(--mw-white);
  text-decoration: none;
  text-decoration-color: var(--mw-gray-70) !important;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.google-font .mw-recruit-link:hover,
.google-font .mw-recruit-link:focus-visible,
.google-font .mw-interview-link:hover,
.google-font .mw-interview-link:focus-visible {
  background-color: var(--mw-nav-hover);
  text-decoration: none;
  text-decoration-color: var(--mw-gray-70) !important;
}
.google-font .mw-recruit-link:focus-visible,
.google-font .mw-interview-link:focus-visible {
  outline: 2px solid var(--mw-blue-60);
  outline-offset: 3px;
}
.mw-recruit-link__media { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.mw-recruit-link__media img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.mw-recruit-link__body { display: flex; min-width: 0; flex-direction: column; }
.google-font .mw-recruit-link__title,
.google-font .mw-interview-link__title {
  color: var(--mw-gray-100);
  margin: 0;
  font-weight: var(--mw-weight-regular);
  line-height: var(--mw-leading-heading);
  letter-spacing: 0;
}
.mw-recruit-link__description { display: block; color: var(--mw-nav-muted); font-size: var(--mw-type-small); font-weight: var(--mw-weight-regular); line-height: var(--mw-leading-body); }
.mw-recruit-link__arrow,
.mw-interview-link__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--mw-nav-muted);
  transition: transform 160ms ease, color 160ms ease;
}
.mw-recruit-link__arrow svg,
.mw-interview-link__arrow svg { display: block; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.mw-recruit-link__arrow .mw-external-link-icon { width: 12px; height: 12px; flex: 0 0 12px; fill: currentColor; stroke: none; margin-left: 0; }
.mw-recruit-link:hover .mw-recruit-link__title,
.mw-recruit-link:focus-visible .mw-recruit-link__title,
.mw-interview-link:hover .mw-interview-link__title,
.mw-interview-link:focus-visible .mw-interview-link__title {
  text-decoration: underline;
  text-decoration-color: var(--mw-gray-70);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.mw-recruit-link:hover .mw-recruit-link__arrow,
.mw-recruit-link:focus-visible .mw-recruit-link__arrow,
.mw-interview-link:hover .mw-interview-link__arrow,
.mw-interview-link:focus-visible .mw-interview-link__arrow { transform: translateX(4px); color: var(--mw-gray-100); }

/* The home page uses large, illustrated feature cards. */
.mw-recruit-links--feature .mw-recruit-links__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.mw-recruit-links--feature .mw-recruit-link {
  display: flex; position: relative; min-height: 296px;
  flex-direction: column; align-items: flex-start;
  padding: 32px;
  border: 1px solid var(--mw-nav-rule);
}
.mw-recruit-links--feature .mw-recruit-link:hover,
.mw-recruit-links--feature .mw-recruit-link:focus-visible { border-color: var(--mw-gray-30); }
.mw-recruit-links--feature .mw-recruit-link__media { width: 148px; height: 120px; margin-bottom: 20px; }
.mw-recruit-links--feature .mw-recruit-link__body { max-width: 44em; padding-right: 12px; }
.google-font .mw-recruit-links--feature .mw-recruit-link__title { margin: 0 0 8px; font-size: var(--mw-type-subsection); }
.mw-recruit-links--feature .mw-recruit-link__arrow { position: absolute; top: 28px; right: 28px; }
.mw-recruit-links--feature .mw-recruit-links__item:nth-child(5):last-child { grid-column: 1 / -1; }
.mw-recruit-links--feature .mw-recruit-links__item:nth-child(5):last-child .mw-recruit-link {
  display: grid; grid-template-columns: 184px minmax(0, 1fr); align-items: center;
  gap: 32px; min-height: 200px;
}
.mw-recruit-links--feature .mw-recruit-links__item:nth-child(5):last-child .mw-recruit-link__media { width: 160px; height: 130px; margin-bottom: 0; }

/* Category index pages: compact single-column links with smaller existing SVGs. */
.mw-recruit-links--list .mw-recruit-links__item { border-bottom: 1px solid var(--mw-nav-rule); }
.mw-recruit-links--list .mw-recruit-links__item:first-child { border-top: 1px solid var(--mw-nav-rule); }
.mw-recruit-links--list .mw-recruit-link {
  display: grid; grid-template-columns: 64px minmax(0, 1fr) 24px;
  align-items: center; gap: 24px; min-height: 112px; padding: 20px 16px;
}
.mw-recruit-links--list .mw-recruit-link__media {
  width: 64px; height: 64px; padding: 8px;
  background: var(--mw-nav-hover);
}
.mw-recruit-links--list .mw-recruit-link:hover .mw-recruit-link__media,
.mw-recruit-links--list .mw-recruit-link:focus-visible .mw-recruit-link__media { background: var(--mw-white); }
.google-font .mw-recruit-links--list .mw-recruit-link__title { margin-bottom: 4px; font-size: var(--mw-type-subsection); }

/* The interview list keeps the actual employee portraits. */
.mw-recruit-interviews__inner { max-width: 1120px; }
.mw-recruit-interviews__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.mw-recruit-interviews__grid li { min-width: 0; }
.google-font .mw-interview-link {
  display: flex; position: relative; height: 100%; min-height: 300px;
  flex-direction: column; padding: 32px 32px 64px; border: 1px solid var(--mw-nav-rule);
}
.google-font .mw-interview-link:hover,
.google-font .mw-interview-link:focus-visible { border-color: var(--mw-gray-30); }
.mw-interview-link__identity { display: flex; align-items: center; gap: 24px; min-width: 0; }
.mw-interview-link__photo { display: block; width: 104px; height: 104px; object-fit: cover; border-radius: 50%; flex: 0 0 104px; }
.mw-interview-link__details { min-width: 0; }
.google-font .mw-interview-link__title { font-size: var(--mw-type-subsection); }
.mw-interview-link__role,
.mw-interview-link__meta { margin: 4px 0 0; font-size: .875rem; line-height: 1.65; }
.mw-interview-link__meta { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; color: var(--mw-nav-muted); }
.mw-interview-link__entry { display: inline-block; padding: 3px 8px; background: var(--mw-nav-hover); font-size: .75rem; line-height: 1.5; }
.mw-interview-link__description { margin: 24px 0 0; color: var(--mw-nav-muted); font-size: var(--mw-type-small); line-height: var(--mw-leading-body); }
.mw-interview-link__arrow { position: absolute; right: 28px; bottom: 24px; }

@media (max-width: 1055px) {
  .mw-recruit-explore__inner,
  .mw-recruit-directory__inner,
  .mw-recruit-interviews__inner { width: calc(100% - 48px); }
  .mw-recruit-links--feature .mw-recruit-link { min-height: 290px; padding: 24px; }
  .mw-recruit-links--feature .mw-recruit-link__arrow { top: 20px; right: 20px; }
}
@media (max-width: 767px) {
  .mw-recruit-directory__section { padding-block: 40px 64px; }
  .mw-recruit-directory__inner { width: calc(100% - 32px); }
}
@media (max-width: 671px) {
  .mw-recruit-explore { padding-block: 48px 64px; }
  .mw-recruit-interviews__section { padding-block: 48px 64px; }
  .mw-recruit-explore__inner,
  .mw-recruit-interviews__inner { width: calc(100% - 32px); }
  .mw-recruit-explore__intro,
  .mw-recruit-interviews__intro { margin-bottom: 24px; }
  .google-font .mw-recruit-explore__intro h2,
  .google-font .mw-recruit-interviews__intro h1 { font-size: var(--mw-type-section); }
  .mw-recruit-explore__intro p { margin-top: 8px; font-size: var(--mw-type-body); }
  .mw-recruit-links--feature .mw-recruit-links__items { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .mw-recruit-links--feature .mw-recruit-links__item:nth-child(5):last-child { grid-column: auto; }
  .mw-recruit-links--feature .mw-recruit-link,
  .mw-recruit-links--feature .mw-recruit-links__item:nth-child(5):last-child .mw-recruit-link {
    display: grid; grid-template-columns: 86px minmax(0, 1fr);
    align-items: center; gap: 16px; min-height: 0; padding: 20px 16px;
  }
  .mw-recruit-links--feature .mw-recruit-link__media,
  .mw-recruit-links--feature .mw-recruit-links__item:nth-child(5):last-child .mw-recruit-link__media {
    width: 86px; height: 86px; margin-bottom: 0;
  }
  .mw-recruit-links--feature .mw-recruit-link__body { padding-right: 24px; }
  .google-font .mw-recruit-links--feature .mw-recruit-link__title { margin-bottom: 4px; font-size: var(--mw-type-subsection); }
  .mw-recruit-links--feature .mw-recruit-link__arrow { top: 50%; right: 12px; transform: translateY(-50%); }
  .mw-recruit-links--feature .mw-recruit-link:hover .mw-recruit-link__arrow,
  .mw-recruit-links--feature .mw-recruit-link:focus-visible .mw-recruit-link__arrow { transform: translate(4px, -50%); }
  .mw-recruit-links--list .mw-recruit-link { grid-template-columns: 52px minmax(0, 1fr) 20px; min-height: 96px; gap: 12px; padding: 16px 4px; }
  .mw-recruit-links--list .mw-recruit-link__media { width: 52px; height: 52px; padding: 6px; }
  .google-font .mw-recruit-links--list .mw-recruit-link__title { font-size: var(--mw-type-subsection); }
  .mw-recruit-links--list .mw-recruit-link__description { font-size: var(--mw-type-small); line-height: var(--mw-leading-body); }
  .mw-recruit-interviews__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .google-font .mw-interview-link { min-height: 0; padding: 24px 20px 60px; }
  .mw-interview-link__identity { gap: 16px; }
  .mw-interview-link__photo { width: 88px; height: 88px; flex-basis: 88px; }
  .mw-interview-link__arrow { right: 20px; bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .google-font .mw-recruit-link,
  .google-font .mw-interview-link,
  .mw-recruit-link__arrow,
  .mw-interview-link__arrow { transition: none; }
}