/* Phone menu: "Explore" bottom sheet (partials/career-explore-sheet.php), opened from the ☰ button. */
.explore-sheet { display: none; }
.platform-header__top > [data-menu-toggle] .menu-icon { display: block; }
@media (max-width: 767px) {
  .platform-header__top > [data-menu-toggle] { width: 44px; height: 44px; border-radius: 12px; color: #e8f0fa; }
  .explore-sheet[open] { display: block; }
  .explore-sheet { position: fixed; inset: auto 0 0; width: 100%; max-width: 100%; max-height: calc(100dvh - 40px); margin: 0; padding: 0; overflow-y: auto; overscroll-behavior: contain;
    border: 1px solid #ffffff1f; border-bottom: 0; border-radius: 26px 26px 0 0; color: #eef4fb; background: linear-gradient(180deg, #17222f, #0f1720 60%); box-shadow: 0 -20px 60px #000a; }
  .explore-sheet::backdrop { background: #03070cb3; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
  .explore-sheet[open] { animation: explore-up 240ms cubic-bezier(.2, .8, .2, 1); }
  .explore-sheet.is-closing { animation: explore-down 180ms ease-in forwards; }
  @keyframes explore-up { from { transform: translateY(40px); opacity: 0; } }
  @keyframes explore-down { to { transform: translateY(40px); opacity: 0; } }
  @media (prefers-reduced-motion: reduce) { .explore-sheet[open], .explore-sheet.is-closing { animation: none; } }
  html.has-explore-sheet, html.has-explore-sheet body { overflow: hidden; }

  .explore-sheet__inner { padding: 10px 20px calc(18px + env(safe-area-inset-bottom)); }
  .explore-sheet__handle { display: block; width: 44px; height: 5px; margin: 0 auto 14px; border-radius: 3px; background: #ffffff2e; }
  .explore-sheet__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
  .explore-sheet__eyebrow { margin: 6px 0 4px; color: #8fa0b4; font-size: .64rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
  .explore-sheet h2 { margin: 0; font-size: 2rem; font-weight: 800; letter-spacing: -.03em; line-height: 1.05; }
  .explore-sheet__close { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #ffffff1c; border-radius: 50%; background: #ffffff0d; color: #dbe7f4; cursor: pointer; }
  .explore-sheet__close:hover { background: #ffffff1a; }
  .explore-sheet__label { margin: 0 0 10px; color: #8fa0b4; font-size: .66rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }

  .explore-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 24px; }
  .explore-tile { display: grid; align-content: start; gap: 4px; min-height: 108px; padding: 14px 12px; border: 1px solid #ffffff1a; border-radius: 16px; background: #ffffff06; color: #fff; text-decoration: none;
    -webkit-tap-highlight-color: transparent; transition: border-color .15s, background .15s; }
  .explore-tile svg { margin-bottom: 14px; color: #7fb6f5; }
  .explore-tile b { font-size: .92rem; }
  .explore-tile small { color: #8fa0b4; font-size: .66rem; line-height: 1.3; }
  .explore-tile:hover { border-color: #ffffff33; }
  .explore-tile.is-active { border-color: #3d8ff0aa; background: linear-gradient(160deg, #1d4f86, #12304f); box-shadow: inset 0 1px #ffffff1a, 0 8px 24px #0d3a6d55; }
  .explore-tile.is-active small { color: #b9d3f1; }

  .explore-list { display: grid; margin-bottom: 18px; border-top: 1px solid #ffffff12; }
  .explore-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) 16px; align-items: center; gap: 14px; min-height: 66px; border-bottom: 1px solid #ffffff12; color: #fff; text-decoration: none; -webkit-tap-highlight-color: transparent; }
  .explore-row__icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #ffffff0d; color: #c9d6e5; }
  .explore-row__text { display: grid; gap: 2px; min-width: 0; }
  .explore-row b { font-size: .92rem; }
  .explore-row small { overflow: hidden; color: #8fa0b4; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
  .explore-row__chevron { color: #6d7d90; }
  .explore-row.is-active .explore-row__icon { background: #12345a; color: #8cc4ff; }

  .explore-sheet__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 4px; font-size: .78rem; }
  .explore-sheet__foot > a, .explore-language summary { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; color: #b7c5d6; text-decoration: none; cursor: pointer; list-style: none; }
  .explore-language summary::-webkit-details-marker { display: none; }
  .explore-language { position: relative; }
  .explore-language__panel { position: absolute; right: 0; bottom: 100%; display: grid; min-width: 150px; padding: 6px; border: 1px solid #ffffff1f; border-radius: 12px; background: #1a2533; box-shadow: 0 12px 30px #0009; }
  .explore-language__panel a { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 10px; border-radius: 8px; color: #eef4fb; text-decoration: none; }
  .explore-language__panel a[aria-current] { background: #12345a; }
}
