/* Isolated job-discovery surface; Map/List layout and saved scope stay intact. */
.mobile-view-switch { display:flex; gap:2px; padding:3px; border:1px solid var(--border2); border-radius:999px; background:var(--bg); }
.mobile-view-switch button { border:0; border-radius:999px; padding:9px 15px; min-height:40px; background:transparent; color:var(--text2); font-size:13px; font-weight:700; font-family:inherit; cursor:pointer; }
.mobile-view-switch button[aria-pressed="true"] { background:var(--ink); color:white; }
.mobile-view-switch button:focus-visible { outline:3px solid var(--accent); outline-offset:2px; }
.mobile-view-switch button:disabled { opacity:.45; cursor:wait; }
@media(min-width:769px) { #view-list { display:none; } }
body.explore-view .main { display:none; }
#explore-panel[hidden], #explore-panel [hidden] { display:none !important; }
#explore-panel { position:fixed; inset:54px 0 0; overflow:auto; overscroll-behavior:contain; background:var(--bg); -webkit-overflow-scrolling:touch; }
.explore-inner { max-width:1060px; margin:auto; padding:32px 28px max(28px, env(safe-area-inset-bottom)); }
.explore-heading { display:flex; justify-content:space-between; gap:16px; align-items:center; }
.explore-heading h1 { font-size:30px; letter-spacing:-.8px; margin:5px 0 8px; }
.explore-heading p, .explore-tools p, .explore-results>p { font-size:14px; color:var(--text2); margin:0; line-height:1.5; }
.explore-heading .explore-eyebrow { font-size:11px; text-transform:uppercase; letter-spacing:1.3px; color:var(--muted); }
.explore-badge { border:1px solid var(--border2); border-radius:24px; padding:8px 13px; font-size:12px; white-space:nowrap; }
.explore-tools { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:22px 0 12px; flex-wrap:wrap; }
.explore-tools label { display:flex; gap:12px; align-items:center; font-size:13px; font-weight:600; }
#explore-panel select { background:var(--surface); color:var(--ink); border:1px solid var(--border2); border-radius:10px; padding:10px; font:inherit; min-height:44px; max-width:100%; }
#explore-panel button { font-family:inherit; color:var(--ink); cursor:pointer; }
#explore-panel button:focus-visible, #explore-panel a:focus-visible, #explore-panel select:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.explore-nav { display:flex; gap:16px; align-items:center; margin:10px 0 16px; flex-wrap:wrap; }
.explore-nav>button, .explore-more { border:1px solid var(--border2); border-radius:24px; min-height:44px; padding:10px 15px; background:var(--surface); font-size:13px; }
.explore-nav button:disabled { opacity:.4; cursor:default !important; }
.explore-crumbs { display:flex; align-items:center; flex-wrap:wrap; gap:6px; flex:1; font-size:13px; }
.explore-crumbs button { padding:8px 3px; background:transparent; border:0; min-height:44px; text-decoration:underline; text-underline-offset:4px; font-size:13px; }
.explore-crumbs [aria-current] { text-decoration:none; font-weight:700; }
.explore-stage { position:relative; isolation:isolate; overflow:hidden; background:#f1eee8; border-radius:22px; padding:20px 22px 24px; }
.explore-context { margin:0 0 16px; position:relative; z-index:2; text-align:center; font-size:13px; font-weight:500; color:var(--text2); }
.explore-bubbles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:12px; position:relative; z-index:2; }
.explore-bubble { background:var(--tone); border:1px solid rgba(28,27,26,.06); border-radius:999px; width:100%; min-width:0; min-height:76px; padding:14px 24px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; box-shadow:0 3px 0 rgba(28,27,26,.05); overflow-wrap:anywhere; }
@media(hover:hover) and (pointer:fine) { .explore-bubble:hover { box-shadow:0 5px 12px rgba(28,27,26,.12); } }
.explore-bubble strong { font-size:16px; font-weight:650; line-height:1.25; }
.explore-bubble small { font-size:12px; margin-top:5px; }
.explore-bubble.long-title strong { font-size:13px; }
.explore-ghost { position:absolute; border-radius:999px; z-index:1; pointer-events:none; }
.explore-more { display:block; position:relative; margin:24px auto 0; z-index:2; }
.explore-note { font-size:12px; color:var(--text2); margin:16px 0 12px; line-height:1.6; }
.explore-disclosure { font-size:12px; color:var(--muted); line-height:1.6; border-top:1px solid var(--border); padding-top:16px; }
.explore-empty { text-align:center; padding:44px 12px; position:relative; color:var(--text2); }
.explore-results h2 { font-size:25px; margin:4px 0 8px; overflow-wrap:anywhere; }
.explore-postings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:20px; }
.explore-post { border:1px solid var(--border); background:var(--surface); border-radius:16px; padding:20px; min-width:0; overflow-wrap:anywhere; }
.explore-post h3 { font-size:18px; margin:0 0 6px; }
.explore-post p { font-size:13px; color:var(--text2); margin:0 0 8px; line-height:1.5; }
.explore-post .explore-original-title { color:var(--ink); font-weight:600; }
.explore-post dl { margin:18px 0; font-size:13px; line-height:1.5; }
.explore-post dt { font-weight:700; margin-top:10px; }
.explore-post dd { margin:0; color:var(--text2); white-space:pre-line; }
.explore-opening { display:inline-flex; align-items:center; min-height:44px; background:var(--ink); color:white; padding:10px 14px; border-radius:10px; font-size:13px; text-decoration:none; }
.explore-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(max-width:768px) {
  header { padding:0 8px; gap:5px; }
  header .wordmark { font-size:16px; white-space:nowrap; }
  .mobile-view-switch { padding:2px; gap:0; }
  .mobile-view-switch button { padding:6px 9px; font-size:11px; min-height:40px; }
  header .post-btn { font-size:11px; padding:8px 10px; min-height:40px; white-space:nowrap; }
  .explore-inner { padding:24px 16px max(24px, env(safe-area-inset-bottom)); }
  .explore-heading h1 { font-size:26px; }
  .explore-badge { display:none; }
  .explore-tools { gap:10px; }
  .explore-tools label { width:100%; }
  .explore-tools select { flex:1; min-width:0; font-size:16px !important; }
  .explore-nav { gap:4px; }
  .explore-crumbs { flex-basis:100%; }
  .explore-stage { padding:16px 10px 20px; }
  .explore-bubbles { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .explore-bubble { min-height:74px; padding:12px 17px; }
  .explore-bubble strong { font-size:14px; }
  .explore-bubble.long-title strong { font-size:12px; }
  .explore-bubble small { font-size:11px; }
  .explore-postings { grid-template-columns:1fr; }
}
@media(max-width:359px) {
  header .wordmark { font-size:14px; }
  .mobile-view-switch button { padding:6px 7px; }
  header .post-btn { font-size:10px; padding:7px; }
  .explore-bubble { padding:12px 15px; }
  .explore-bubble strong { font-size:12px; }
  .explore-bubble.long-title strong { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .explore-bubble { transition:none; } }