/* PILOT ONLINE CAREER CONNECT — isolated modal layer */
#po-cc-launch,
#po-cc-dialog,
#po-cc-dialog * { box-sizing:border-box; }

.po-cc-launch {
  position:fixed;
  z-index:2147481500;
  border:1px solid rgba(214,177,104,.48);
  background:#171b20;
  color:#fff;
  box-shadow:0 12px 34px rgba(0,0,0,.24);
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.po-cc-launch-icon { position:relative; display:block; flex:0 0 auto; width:23px; height:23px; border:1px solid rgba(214,177,104,.65); border-radius:50%; }
.po-cc-launch-icon::before { content:""; position:absolute; width:10px; height:7px; left:6px; top:6px; border:1.5px solid #d6b168; border-radius:5px; }
.po-cc-launch-icon::after { content:""; position:absolute; width:5px; height:5px; left:7px; top:12px; border-left:1.5px solid #d6b168; transform:skew(-28deg); }
.po-cc-launch-copy { display:flex; min-width:0; flex-direction:column; align-items:flex-start; gap:3px; }
.po-cc-launch-copy small { color:#d6b168; font:900 7px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:.15em; }
.po-cc-launch-copy strong { color:#fff; font:950 12px/1.05 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; white-space:nowrap; }

.po-cc-dialog {
  position:fixed;
  padding:0;
  border:1px solid rgba(214,177,104,.26);
  background:#11161b;
  color:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.48);
  overflow:hidden;
}
.po-cc-dialog::backdrop { background:rgba(6,9,12,.72); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); }
.po-cc-dialog[open] { display:block; }
.po-cc-shell { display:flex; width:100%; height:100%; min-height:0; flex-direction:column; background:linear-gradient(160deg,#181e24 0%,#101419 100%); }
.po-cc-head { flex:0 0 auto; display:grid; grid-template-columns:minmax(0,1fr) 44px; gap:14px; align-items:center; padding:22px 24px 18px; border-bottom:1px solid rgba(255,255,255,.09); }
.po-cc-head small { display:block; margin:0 0 5px; color:#d6b168; font:900 9px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:.16em; }
.po-cc-head strong { display:block; color:#fff; font:950 30px/1.05 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:-.03em; }
.po-cc-close { display:flex; width:42px; height:42px; align-items:center; justify-content:center; padding:0; border:1px solid rgba(255,255,255,.13); background:transparent; cursor:pointer; appearance:none; -webkit-appearance:none; }
.po-cc-close span { position:relative; display:block; width:18px; height:18px; }
.po-cc-close span::before,.po-cc-close span::after { content:""; position:absolute; left:1px; top:8px; width:16px; height:1.5px; background:#fff; }
.po-cc-close span::before { transform:rotate(45deg); }
.po-cc-close span::after { transform:rotate(-45deg); }
.po-cc-scroll { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; touch-action:pan-y; -webkit-overflow-scrolling:touch; padding:22px 24px 24px; }
.po-cc-lead { margin:0 0 18px; color:rgba(255,255,255,.78); font:650 14.5px/1.8 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-section-title { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0 0 10px; }
.po-cc-section-title span { color:#d6b168; font:900 8px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:.14em; }
.po-cc-section-title strong { color:rgba(255,255,255,.82); font:850 12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-track { display:grid; grid-template-columns:minmax(0,1fr); width:100%; }
.po-cc-slide { grid-area:1/1; display:flex; flex-direction:column; min-width:0; padding:24px; border:1px solid rgba(214,177,104,.28); background:linear-gradient(135deg,rgba(214,177,104,.105),rgba(255,255,255,.04)); opacity:0; visibility:hidden; pointer-events:none; transform:translateX(8px); transition:opacity .5s ease,transform .5s ease,visibility .5s ease; }
.po-cc-slide.is-active { opacity:1; visibility:visible; pointer-events:auto; transform:translateX(0); z-index:2; }
.po-cc-profile-head { display:grid; grid-template-columns:110px minmax(0,1fr); gap:20px; align-items:center; }
.po-cc-profile-head img { display:block; width:110px; height:110px; object-fit:cover; object-position:center; }
.po-cc-identity { min-width:0; }
.po-cc-topline { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.po-cc-topline small { min-width:0; color:#d6b168; font:900 9px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:.12em; }
.po-cc-topline span { flex:0 0 auto; padding:5px 8px; border:1px solid rgba(214,177,104,.3); color:#e6c98d; font:900 8px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; white-space:nowrap; }
.po-cc-identity>strong { display:block; margin:7px 0 9px; color:#fff; font:950 28px/1.08 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-career { margin:0; color:rgba(255,255,255,.82); font:800 15px/1.66 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-story { width:100%; margin-top:19px; padding-top:17px; border-top:1px solid rgba(255,255,255,.09); }
.po-cc-story>small { display:block; margin:0 0 9px; color:#d6b168; font:900 9.5px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:.14em; }
.po-cc-story p { margin:0; color:rgba(255,255,255,.78); font:650 15.5px/1.9 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-foot { display:flex; align-items:baseline; gap:8px; width:100%; margin-top:19px; padding-top:14px; border-top:1px solid rgba(255,255,255,.08); }
.po-cc-foot span { color:rgba(255,255,255,.56); font:850 10px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-foot b { color:#fff; font:950 24px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-foot em { margin-left:auto; color:#d6b168; font:900 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-style:normal; white-space:nowrap; }
.po-cc-controls { display:grid; grid-template-columns:42px 1fr 42px; gap:10px; align-items:center; margin:14px 0 0; }
.po-cc-arrow { display:flex; width:42px; height:40px; align-items:center; justify-content:center; padding:0; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); color:#d6b168; font:900 18px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; cursor:pointer; appearance:none; -webkit-appearance:none; }
.po-cc-dots { display:flex; align-items:center; justify-content:center; gap:8px; }
.po-cc-dots button { display:block; width:7px; height:7px; min-width:7px; min-height:7px; padding:0; border:0; border-radius:999px; background:rgba(255,255,255,.25); cursor:pointer; appearance:none; -webkit-appearance:none; transition:width .22s ease,background .22s ease; }
.po-cc-dots button.is-active { width:24px; background:#d6b168; }
.po-cc-note { margin:12px 0 0; color:rgba(255,255,255,.46); font:650 11px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; text-align:center; }

@media (min-width:901px) {
  .po-cc-launch { top:16px; right:var(--po-shell-gutter,18px); display:flex; width:220px; min-height:54px; padding:0 17px; align-items:center; justify-content:flex-start; gap:12px; border-radius:0; }
  body.pilot-online-native-top-template .po-actions { right:calc(var(--po-shell-gutter,18px) + 230px) !important; }
  .po-cc-dialog { inset:96px 22px 24px auto; width:min(560px,calc(100vw - 54px)); height:auto; max-height:none; margin:0; }
}

@media (max-width:900px) {
  .po-cc-launch { left:max(14px,env(safe-area-inset-left)); bottom:calc(18px + env(safe-area-inset-bottom)); display:flex; min-width:154px; min-height:46px; padding:0 14px; align-items:center; justify-content:flex-start; gap:10px; border-radius:999px; }
  .po-cc-launch-copy small { font-size:6.5px; }
  .po-cc-launch-copy strong { font-size:10.5px; }
  .po-cc-dialog { inset:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left)); width:auto; height:auto; max-width:none; max-height:none; margin:0; }
  .po-cc-head { grid-template-columns:minmax(0,1fr) 42px; padding:18px 18px 15px; }
  .po-cc-head strong { font-size:27px; }
  .po-cc-scroll { padding:18px; }
  .po-cc-lead { font-size:13px; line-height:1.76; }
  .po-cc-slide { padding:17px; }
  .po-cc-profile-head { grid-template-columns:84px minmax(0,1fr); gap:15px; }
  .po-cc-profile-head img { width:84px; height:84px; border-radius:14px; }
  .po-cc-topline small { font-size:8px; }
  .po-cc-topline span { font-size:7.5px; padding:4px 6px; }
  .po-cc-identity>strong { margin:6px 0 7px; font-size:22px; }
  .po-cc-career { font-size:12.5px; line-height:1.58; }
  .po-cc-story { margin-top:16px; padding-top:15px; }
  .po-cc-story>small { font-size:9px; }
  .po-cc-story p { font-size:13.5px; line-height:1.82; }
  .po-cc-foot b { font-size:20px; }
  .po-cc-foot em { font-size:10px; }
}

@media (prefers-reduced-motion:reduce) {
  .po-cc-slide { transition:none; transform:none; }
}


/* -------------------------------------------------------------------------
 * V4.75.69 / CAREER CONNECT LAUNCH CTA
 * Restore the exact pre-rebuild visual language from v4.75.67 while keeping
 * the isolated native-dialog implementation underneath.
 * ---------------------------------------------------------------------- */
@media (max-width:900px) {
  #po-cc-launch,
  #po-cc-launch * { box-sizing:border-box !important; }

  #po-cc-launch.po-cc-launch {
    appearance:none !important;
    -webkit-appearance:none !important;
    position:fixed !important;
    left:max(14px,env(safe-area-inset-left)) !important;
    right:auto !important;
    top:auto !important;
    bottom:max(16px,calc(env(safe-area-inset-bottom) + 10px)) !important;
    z-index:2147483000 !important;
    display:flex !important;
    width:auto !important;
    min-width:156px !important;
    max-width:calc(100vw - 190px) !important;
    height:52px !important;
    min-height:52px !important;
    margin:0 !important;
    padding:0 14px 0 10px !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    border:1px solid rgba(15,19,23,.18) !important;
    border-radius:999px !important;
    background:#d2aa62 !important;
    box-shadow:0 13px 34px rgba(0,0,0,.24) !important;
    color:#12171b !important;
    -webkit-text-fill-color:#12171b !important;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    transform:none !important;
  }

  #po-cc-launch.po-cc-launch:active {
    transform:translateY(1px) !important;
  }

  #po-cc-launch .po-cc-launch-icon {
    position:relative !important;
    display:block !important;
    width:28px !important;
    height:28px !important;
    flex:0 0 28px !important;
    border:0 !important;
    border-radius:50% !important;
    background:rgba(18,23,27,.11) !important;
  }

  #po-cc-launch .po-cc-launch-icon::before {
    content:"" !important;
    position:absolute !important;
    left:6px !important;
    top:7px !important;
    width:16px !important;
    height:11px !important;
    border:1.7px solid #12171b !important;
    border-radius:8px !important;
  }

  #po-cc-launch .po-cc-launch-icon::after {
    content:"" !important;
    position:absolute !important;
    left:9px !important;
    top:17px !important;
    width:6px !important;
    height:6px !important;
    border:0 !important;
    border-left:1.7px solid #12171b !important;
    transform:skew(-28deg) !important;
  }

  #po-cc-launch .po-cc-launch-copy {
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    min-width:0 !important;
    gap:0 !important;
    line-height:1 !important;
  }

  #po-cc-launch .po-cc-launch-copy small {
    display:block !important;
    margin:0 0 4px !important;
    color:rgba(18,23,27,.66) !important;
    -webkit-text-fill-color:rgba(18,23,27,.66) !important;
    font:900 6.5px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    letter-spacing:.11em !important;
    white-space:nowrap !important;
  }

  #po-cc-launch .po-cc-launch-copy strong {
    display:block !important;
    margin:0 !important;
    color:#12171b !important;
    -webkit-text-fill-color:#12171b !important;
    font:950 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    letter-spacing:.02em !important;
    white-space:nowrap !important;
  }
}

@media (min-width:901px) {
  #po-cc-launch,
  #po-cc-launch * { box-sizing:border-box !important; }

  #po-cc-launch.po-cc-launch {
    appearance:none !important;
    -webkit-appearance:none !important;
    position:fixed !important;
    top:43px !important;
    right:var(--po-shell-gutter,24px) !important;
    left:auto !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    z-index:2147483000 !important;
    display:inline-flex !important;
    width:220px !important;
    min-width:220px !important;
    height:54px !important;
    min-height:54px !important;
    margin:0 !important;
    padding:0 18px 0 14px !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    border:1px solid rgba(211,171,98,.62) !important;
    border-radius:0 !important;
    background:#151a1f !important;
    box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 -3px 0 rgba(211,171,98,.34) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    transition:background .16s ease,border-color .16s ease,transform .16s ease !important;
  }

  #po-cc-launch.po-cc-launch:hover,
  #po-cc-launch.po-cc-launch[aria-expanded="true"] {
    background:#20262d !important;
    border-color:#d3ab62 !important;
  }

  #po-cc-launch.po-cc-launch:active {
    transform:translateY(calc(-50% + 1px)) !important;
  }

  #po-cc-launch .po-cc-launch-icon {
    position:relative !important;
    display:block !important;
    width:32px !important;
    height:32px !important;
    flex:0 0 32px !important;
    border:0 !important;
    border-radius:50% !important;
    background:rgba(211,171,98,.16) !important;
  }

  #po-cc-launch .po-cc-launch-icon::before {
    content:"" !important;
    position:absolute !important;
    left:7px !important;
    top:8px !important;
    width:17px !important;
    height:11px !important;
    border:1.6px solid #d3ab62 !important;
    border-radius:8px !important;
  }

  #po-cc-launch .po-cc-launch-icon::after {
    content:"" !important;
    position:absolute !important;
    left:11px !important;
    top:18px !important;
    width:6px !important;
    height:6px !important;
    border:0 !important;
    border-left:1.6px solid #d3ab62 !important;
    transform:skew(-28deg) !important;
  }

  #po-cc-launch .po-cc-launch-copy {
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    min-width:0 !important;
    gap:0 !important;
    line-height:1 !important;
  }

  #po-cc-launch .po-cc-launch-copy small {
    display:block !important;
    margin:0 0 4px !important;
    color:#d3ab62 !important;
    -webkit-text-fill-color:#d3ab62 !important;
    font:900 7px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    letter-spacing:.15em !important;
    white-space:nowrap !important;
  }

  #po-cc-launch .po-cc-launch-copy strong {
    display:block !important;
    margin:0 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font:950 13px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    letter-spacing:.035em !important;
    white-space:nowrap !important;
  }

  body.pilot-online-native-top-template .po-actions {
    right:calc(var(--po-shell-gutter,24px) + 230px) !important;
    gap:10px !important;
    align-items:center !important;
  }
}

@media (min-width:901px) and (max-width:1180px) {
  #po-cc-launch.po-cc-launch {
    width:208px !important;
    min-width:208px !important;
  }
  body.pilot-online-native-top-template .po-actions {
    right:calc(var(--po-shell-gutter,18px) + 218px) !important;
  }
}


/* V4.75.70 — robust dialog fallback; no site-wide inert/touch hooks. */
.po-cc-dialog.is-fallback-open {
  position: fixed !important;
  inset: 0 !important;
  display: flex !important;
  width: 100vw !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: rgba(7,10,13,.72) !important;
  z-index: 2147483646 !important;
}


/* -------------------------------------------------------------------------
 * V4.75.71 / DESKTOP CONNECT DIALOG GEOMETRY ONLY
 * Mobile is intentionally untouched. Let desktop dialog size to its content,
 * sit directly below the header CTA, and scroll internally only when needed.
 * ---------------------------------------------------------------------- */
@media (min-width:901px) {
  #po-cc-dialog.po-cc-dialog {
    position:fixed !important;
    top:82px !important;
    right:var(--po-shell-gutter,24px) !important;
    bottom:auto !important;
    left:auto !important;
    inset:auto var(--po-shell-gutter,24px) auto auto !important;
    width:min(560px,calc(100vw - 54px)) !important;
    height:auto !important;
    max-height:calc(100dvh - 106px) !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  #po-cc-dialog .po-cc-shell {
    height:auto !important;
    min-height:0 !important;
    max-height:calc(100dvh - 106px) !important;
  }

  #po-cc-dialog .po-cc-scroll {
    flex:0 1 auto !important;
    min-height:0 !important;
    max-height:calc(100dvh - 177px) !important;
    overflow-y:auto !important;
    padding-bottom:22px !important;
  }

  #po-cc-dialog .po-cc-note {
    margin-bottom:0 !important;
  }
}


/* -------------------------------------------------------------------------
 * V4.75.72 / MOBILE CONNECT CTA — TOP RIGHT
 * Keep the mobile dialog itself unchanged; only move the floating launcher
 * away from LESSONS/main-menu controls at the bottom of the screen.
 * ---------------------------------------------------------------------- */
@media (max-width:900px) {
  #po-cc-launch.po-cc-launch {
    top:max(14px,calc(env(safe-area-inset-top) + 10px)) !important;
    right:max(14px,env(safe-area-inset-right)) !important;
    bottom:auto !important;
    left:auto !important;
    max-width:calc(100vw - 28px) !important;
  }
}


/* -------------------------------------------------------------------------
 * V4.75.74 / LESSON-PAGE CONNECT
 * On mobile lesson pages the floating CAREER CONNECT launcher is removed.
 * The actual lesson-specific PILOT ONLINE drawer owns a compact Connect card.
 * ---------------------------------------------------------------------- */
@media (max-width:900px) {
  .po-lms-career-connect-card {
    appearance:none !important;
    -webkit-appearance:none !important;
    flex:0 0 auto !important;
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) 24px !important;
    gap:11px !important;
    width:calc(100% - 24px) !important;
    min-height:68px !important;
    margin:10px 12px 4px !important;
    padding:9px 12px !important;
    align-items:center !important;
    border:1px solid rgba(214,177,104,.58) !important;
    border-radius:0 !important;
    background:linear-gradient(135deg,rgba(214,177,104,.15),rgba(214,177,104,.055)) !important;
    color:#fff !important;
    text-align:left !important;
    cursor:pointer !important;
    box-shadow:none !important;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  }

  .po-lms-career-connect-icon {
    position:relative !important;
    display:grid !important;
    width:42px !important;
    height:42px !important;
    place-items:center !important;
    border:1px solid rgba(214,177,104,.58) !important;
    border-radius:50% !important;
  }
  .po-lms-career-connect-icon::before {
    content:"" !important;
    width:17px !important;
    height:11px !important;
    border:2px solid #d6b168 !important;
    border-radius:7px !important;
  }
  .po-lms-career-connect-icon::after {
    content:"" !important;
    position:absolute !important;
    left:13px !important;
    bottom:10px !important;
    width:7px !important;
    height:7px !important;
    border-left:2px solid #d6b168 !important;
    transform:skew(-28deg) !important;
  }
  .po-lms-career-connect-copy {
    display:flex !important;
    min-width:0 !important;
    flex-direction:column !important;
    gap:5px !important;
  }
  .po-lms-career-connect-copy small {
    color:#d6b168 !important;
    -webkit-text-fill-color:#d6b168 !important;
    font:900 8px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    letter-spacing:.14em !important;
  }
  .po-lms-career-connect-copy strong {
    min-width:0 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font:950 13px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  }
  .po-lms-career-connect-card > b {
    color:#d6b168 !important;
    font:900 20px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    text-align:right !important;
  }
}


/* V4.75.76 / SHORTER, MORE LEGIBLE CONNECT CTA LABEL */
@media (max-width:900px) {
  #po-cc-launch .po-cc-launch-copy strong {
    font-size:14px !important;
    letter-spacing:.015em !important;
  }
}
@media (min-width:901px) {
  #po-cc-launch .po-cc-launch-copy strong {
    font-size:14px !important;
  }
}


/* V4.75.77 / MOBILE TOP UTILITY PAIR */
@media (max-width:900px) {
  #po-cc-launch.po-cc-launch {
    top:max(14px,calc(env(safe-area-inset-top) + 10px)) !important;
    right:max(14px,env(safe-area-inset-right)) !important;
    bottom:auto !important;
    left:auto !important;
    min-width:154px !important;
    min-height:46px !important;
    background:rgba(23,28,33,.66) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
    transition:background .2s ease,border-color .2s ease !important;
  }
  body.po-mobile-utility-scrolled #po-cc-launch.po-cc-launch {
    background:rgba(23,28,33,.95) !important;
  }
}


/* -------------------------------------------------------------------------
 * V4.75.78 / MOBILE UTILITY POLISH
 * Keep Connect at top-right, restore the gold CTA, and keep it visible on
 * lesson pages. Existing dialog behavior remains untouched.
 * ---------------------------------------------------------------------- */
@media (max-width:900px) {
  #po-cc-launch.po-cc-launch,
  body.po-mobile-utility-scrolled #po-cc-launch.po-cc-launch,
  body.po-mobile-utility-scrolled #po-cc-launch.po-cc-launch {
    display:flex !important;
    visibility:visible !important;
    pointer-events:auto !important;
    top:max(14px,calc(env(safe-area-inset-top) + 10px)) !important;
    right:max(14px,env(safe-area-inset-right)) !important;
    bottom:auto !important;
    left:auto !important;
    min-width:154px !important;
    min-height:46px !important;
    background:#d2aa62 !important;
    border-color:rgba(15,19,23,.18) !important;
    box-shadow:0 13px 34px rgba(0,0,0,.24) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  #po-cc-launch .po-cc-launch-copy small {
    color:rgba(18,23,27,.66) !important;
    -webkit-text-fill-color:rgba(18,23,27,.66) !important;
  }
  #po-cc-launch .po-cc-launch-copy strong {
    color:#12171b !important;
    -webkit-text-fill-color:#12171b !important;
  }
}


/* V4.75.80 / MOBILE CONNECT — SINGLE-LINE COMPACT GOLD CTA */
@media (max-width:900px) {
  #po-cc-launch.po-cc-launch,
  body.po-mobile-utility-scrolled #po-cc-launch.po-cc-launch,
  body.po-mobile-utility-scrolled #po-cc-launch.po-cc-launch {
    top:max(6px,calc(env(safe-area-inset-top) + 4px)) !important;
    right:max(6px,env(safe-area-inset-right)) !important;
    min-width:122px !important;
    width:auto !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 11px 0 8px !important;
    gap:7px !important;
  }
  #po-cc-launch .po-cc-launch-icon {
    width:24px !important;
    height:24px !important;
    flex:0 0 24px !important;
  }
  #po-cc-launch .po-cc-launch-icon::before {
    left:5px !important;
    top:6px !important;
    width:14px !important;
    height:10px !important;
  }
  #po-cc-launch .po-cc-launch-icon::after {
    left:8px !important;
    top:15px !important;
    width:5px !important;
    height:5px !important;
  }
  #po-cc-launch .po-cc-launch-copy small { display:none !important; }
  #po-cc-launch .po-cc-launch-copy strong {
    font-size:13px !important;
    letter-spacing:.01em !important;
  }
}


/* V4.75.82 / MOBILE CONNECT — TIGHTER ICON/LABEL, LARGER TYPE */
@media (max-width:900px) {
  #po-cc-launch.po-cc-launch,
  body.po-mobile-utility-scrolled #po-cc-launch.po-cc-launch,
  body.po-mobile-utility-scrolled #po-cc-launch.po-cc-launch {
    min-width:116px !important;
    padding-left:8px !important;
    padding-right:10px !important;
    gap:4px !important;
  }
  #po-cc-launch .po-cc-launch-copy strong {
    font-size:14px !important;
    letter-spacing:.005em !important;
  }
}


/* V4.75.83 / MOBILE CONNECT — FINAL COMPACT OVERRIDE */
@media (max-width:900px) {
  #po-cc-launch.po-cc-launch,
  body.po-mobile-utility-scrolled #po-cc-launch.po-cc-launch,
  body.po-mobile-utility-scrolled #po-cc-launch.po-cc-launch {
    min-width:112px !important; padding-left:7px !important; padding-right:9px !important; gap:2px !important;
  }
  #po-cc-launch .po-cc-launch-copy small { display:none !important; }
  #po-cc-launch .po-cc-launch-copy strong { font-size:14px !important; line-height:1 !important; letter-spacing:0 !important; }
}


/* V4.75.84 / MOBILE CONNECT — COMFORTABLE TAP TARGET, NO EYEBROW */
@media (max-width:900px) {
  #po-cc-launch.po-cc-launch,
  body.po-mobile-utility-scrolled #po-cc-launch.po-cc-launch,
  body.po-mobile-utility-scrolled #po-cc-launch.po-cc-launch {
    top:max(10px,calc(env(safe-area-inset-top) + 8px)) !important;
    right:max(12px,env(safe-area-inset-right)) !important;
    min-width:146px !important;
    width:auto !important;
    height:46px !important;
    min-height:46px !important;
    padding:0 13px 0 10px !important;
    gap:6px !important;
  }
  #po-cc-launch .po-cc-launch-copy small { display:none !important; }
  #po-cc-launch .po-cc-launch-copy strong {
    font-size:13.5px !important;
    line-height:1 !important;
    letter-spacing:.005em !important;
    white-space:nowrap !important;
  }
}


/* -------------------------------------------------------------------------
 * V4.75.85 / CAREER CONNECT — PROFILE / ABOUT CONTRAST
 * Keep the approved geometry. Modal remains black; profile identity is white
 * so the ABOUT/self-introduction section has an unmistakable visual break.
 * ---------------------------------------------------------------------- */
.po-cc-shell {
  background:#0b0d10 !important;
}
.po-cc-slide {
  background:#0b0d10 !important;
  border-color:rgba(214,177,104,.34) !important;
}
.po-cc-profile-head {
  padding:16px !important;
  background:#fff !important;
  color:#111 !important;
}
.po-cc-profile-head .po-cc-identity > strong {
  color:#111 !important;
}
.po-cc-profile-head .po-cc-career {
  color:#34383d !important;
}
.po-cc-profile-head .po-cc-topline small {
  color:#a67d31 !important;
}
.po-cc-profile-head .po-cc-topline span {
  color:#72541d !important;
  border-color:rgba(166,125,49,.38) !important;
  background:rgba(214,177,104,.10) !important;
}
.po-cc-story {
  background:#0b0d10 !important;
  border-top:1px solid rgba(214,177,104,.24) !important;
}
.po-cc-story > small {
  color:#d6b168 !important;
}
.po-cc-story p {
  color:rgba(255,255,255,.80) !important;
}


/* -------------------------------------------------------------------------
 * V4.75.86 / CAREER CONNECT — DARK OUTER / LIGHT INNER CARD
 * The modal shell remains dark; the complete person card is light so the
 * profile, ABOUT and price belong to one clearly separated inner surface.
 * ---------------------------------------------------------------------- */
.po-cc-shell,
.po-cc-scroll {
  background:#0b0d10 !important;
}
.po-cc-slide {
  background:#fff !important;
  color:#111 !important;
  border-color:rgba(214,177,104,.48) !important;
}
.po-cc-profile-head {
  background:transparent !important;
  color:#111 !important;
  padding:0 !important;
}
.po-cc-profile-head .po-cc-identity > strong {
  color:#111 !important;
}
.po-cc-profile-head .po-cc-career {
  color:#34383d !important;
}
.po-cc-profile-head .po-cc-topline small {
  color:#a67d31 !important;
}
.po-cc-profile-head .po-cc-topline span {
  color:#72541d !important;
  border-color:rgba(166,125,49,.38) !important;
  background:rgba(214,177,104,.10) !important;
}
.po-cc-story {
  background:transparent !important;
  border-top:1px solid rgba(17,17,17,.14) !important;
}
.po-cc-story > small {
  color:#a67d31 !important;
}
.po-cc-story p {
  color:#34383d !important;
}
.po-cc-foot {
  border-top:1px solid rgba(17,17,17,.14) !important;
}
.po-cc-foot span {
  color:#666 !important;
}
.po-cc-foot b {
  color:#111 !important;
}
.po-cc-foot em {
  color:#a67d31 !important;
}


/* -------------------------------------------------------------------------
 * V4.75.87 / CAREER CONNECT — READABLE GOLD + PRIMARY CTA
 * Dark modal / light person card remains. Compress vertical whitespace while
 * making gold information and the monetization CTA unmistakably readable.
 * ---------------------------------------------------------------------- */
.po-cc-head small {
  font-size:11px !important;
  letter-spacing:.13em !important;
}
.po-cc-section-title span {
  font-size:10.5px !important;
  letter-spacing:.12em !important;
}
.po-cc-topline small {
  color:#96681d !important;
  font-size:11px !important;
  letter-spacing:.09em !important;
}
.po-cc-topline span {
  font-size:9.5px !important;
  font-weight:900 !important;
}
.po-cc-story > small {
  color:#96681d !important;
  font-size:11px !important;
  letter-spacing:.11em !important;
}
.po-cc-foot em {
  display:flex !important;
  min-width:132px !important;
  min-height:44px !important;
  margin-left:auto !important;
  padding:0 17px !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #d6b168 !important;
  border-radius:10px !important;
  background:#d6b168 !important;
  color:#111 !important;
  font:950 16px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  letter-spacing:.01em !important;
  box-shadow:0 8px 20px rgba(166,125,49,.18) !important;
}
.po-cc-slide.is-sample .po-cc-foot em,
.po-cc-foot em.is-disabled {
  border-color:#d7d9dc !important;
  background:#eceeef !important;
  color:#757b80 !important;
  box-shadow:none !important;
  font-size:12.5px !important;
}

@media (max-width:900px) {
  .po-cc-head {
    padding:13px 14px 11px !important;
  }
  .po-cc-head small {
    margin-bottom:3px !important;
    font-size:10.5px !important;
  }
  .po-cc-head strong {
    font-size:24px !important;
  }
  .po-cc-scroll {
    padding:12px 14px 13px !important;
  }
  .po-cc-lead {
    margin-bottom:8px !important;
    font-size:11.5px !important;
    line-height:1.48 !important;
  }
  .po-cc-section-title {
    margin-bottom:6px !important;
  }
  .po-cc-section-title span {
    font-size:10.5px !important;
  }
  .po-cc-section-title strong {
    font-size:11.5px !important;
  }
  .po-cc-slide {
    padding:13px !important;
    border-radius:14px !important;
  }
  .po-cc-profile-head {
    grid-template-columns:72px minmax(0,1fr) !important;
    gap:12px !important;
  }
  .po-cc-profile-head img {
    width:72px !important;
    height:72px !important;
    border-radius:12px !important;
  }
  .po-cc-topline small {
    font-size:10px !important;
  }
  .po-cc-topline span {
    padding:4px 6px !important;
    font-size:9px !important;
  }
  .po-cc-identity > strong {
    margin:4px 0 5px !important;
    font-size:21px !important;
  }
  .po-cc-career {
    font-size:12px !important;
    line-height:1.42 !important;
  }
  .po-cc-story {
    margin-top:10px !important;
    padding-top:9px !important;
  }
  .po-cc-story > small {
    margin-bottom:6px !important;
    font-size:10.5px !important;
  }
  .po-cc-story p {
    font-size:12.5px !important;
    line-height:1.55 !important;
  }
  .po-cc-foot {
    margin-top:10px !important;
    padding-top:9px !important;
    align-items:center !important;
    gap:7px !important;
  }
  .po-cc-foot span {
    font-size:10.5px !important;
  }
  .po-cc-foot b {
    font-size:22px !important;
  }
  .po-cc-foot em {
    min-width:138px !important;
    min-height:46px !important;
    padding:0 17px !important;
    font-size:17px !important;
    border-radius:11px !important;
  }
  .po-cc-slide.is-sample .po-cc-foot em,
  .po-cc-foot em.is-disabled {
    font-size:12.5px !important;
  }
  .po-cc-controls {
    grid-template-columns:36px 1fr 36px !important;
    gap:8px !important;
    margin-top:8px !important;
  }
  .po-cc-arrow {
    width:36px !important;
    height:34px !important;
    font-size:16px !important;
  }
  .po-cc-dots { gap:7px !important; }
  .po-cc-dots button { width:6px !important; height:6px !important; min-width:6px !important; min-height:6px !important; }
  .po-cc-dots button.is-active { width:20px !important; }
  .po-cc-note { display:none !important; }
}


/* -------------------------------------------------------------------------
 * V4.75.90 / CAREER CONNECT — CONVERSATION INTRO
 * Replace the unreadable micro-copy with the same trainee/captain dialogue
 * language used across Pilot Online. Profile carousel remains unchanged.
 * ---------------------------------------------------------------------- */
.po-cc-lead { display:none !important; }
.po-cc-dialogue.po-mini-dialogue {
  display:grid;
  gap:8px;
  margin:0 0 10px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:#fff;
}
.po-cc-dialogue .po-chat-row { display:flex; gap:9px; align-items:flex-start; margin:0; }
.po-cc-dialogue .po-chat-row.captain { flex-direction:row-reverse; }
.po-cc-dialogue .po-avatar { flex:0 0 40px; text-align:center; }
.po-cc-dialogue .po-avatar img { display:block; width:38px; height:38px; border:1px solid #aaa49a; border-radius:50%; object-fit:cover; background:#fff; }
.po-cc-dialogue .po-avatar small { display:block; margin-top:2px; color:#77716a; font:800 7px/1.2 system-ui,sans-serif; }
.po-cc-dialogue .po-chat-bubble { max-width:calc(100% - 49px); padding:9px 11px; border-radius:8px; color:#171b20; font:700 12px/1.55 system-ui,sans-serif; }
.po-cc-dialogue .po-chat-row.fo .po-chat-bubble { background:#eef1f2; }
.po-cc-dialogue .po-chat-row.captain .po-chat-bubble { background:#efe5cf; color:#302a22; }
.po-cc-dialogue .po-chat-bubble strong { font-weight:950; }
@media (max-width:900px) {
  .po-cc-dialogue.po-mini-dialogue { gap:6px !important; margin-bottom:7px !important; padding:9px 10px !important; }
  .po-cc-dialogue .po-avatar { flex-basis:36px !important; }
  .po-cc-dialogue .po-avatar img { width:34px !important; height:34px !important; }
  .po-cc-dialogue .po-chat-bubble { max-width:calc(100% - 43px) !important; padding:8px 9px !important; font-size:11px !important; line-height:1.48 !important; }
  .po-cc-section-title { margin-top:0 !important; }
}


/* -------------------------------------------------------------------------
 * V4.75.91 / MOBILE CAREER CONNECT — DIALOGUE ON DARK SURFACE
 * Remove the white conversation container so the light profile card remains
 * the visual focus. Increase dialogue readability on the dark modal canvas.
 * ---------------------------------------------------------------------- */
@media (max-width:900px) {
  #po-cc-dialog .po-cc-dialogue.po-mini-dialogue {
    gap:8px !important;
    margin:0 0 10px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-chat-row {
    gap:9px !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-avatar {
    flex-basis:40px !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-avatar img {
    width:38px !important;
    height:38px !important;
    border-color:rgba(255,255,255,.20) !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-avatar small {
    color:rgba(255,255,255,.62) !important;
    font-size:8px !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-chat-bubble {
    max-width:calc(100% - 49px) !important;
    padding:9px 11px !important;
    color:#fff !important;
    font-size:13.5px !important;
    line-height:1.52 !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-chat-row.fo .po-chat-bubble {
    background:rgba(255,255,255,.09) !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-chat-row.captain .po-chat-bubble {
    background:rgba(214,177,104,.15) !important;
    color:#fff !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-chat-bubble strong {
    color:#f0d49a !important;
  }
}


/* V4.75.92 / MOBILE CAREER CONNECT — GLASS DARK OUTER SURFACE */
@media (max-width:900px) {
  #po-cc-dialog.po-cc-dialog {
    background:rgba(14,18,22,.74) !important;
    border-color:rgba(255,255,255,.08) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.28) !important;
    backdrop-filter:blur(18px) saturate(125%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(125%) !important;
  }
  #po-cc-dialog .po-cc-shell {
    background:rgba(14,18,22,.74) !important;
    backdrop-filter:blur(18px) saturate(125%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(125%) !important;
  }
  #po-cc-dialog::backdrop {
    background:rgba(4,7,9,.48) !important;
    backdrop-filter:blur(3px) !important;
    -webkit-backdrop-filter:blur(3px) !important;
  }
}


/* -------------------------------------------------------------------------
 * V4.75.93 / MOBILE CAREER CONNECT — MATCH SEARCH GLASS CONTRAST
 * Use one glass layer only (the previous shell + dialog stacking made the
 * surface appear much darker than the search popover). Match dialogue bubble
 * alpha values to the mobile search popover while preserving the white card.
 * ---------------------------------------------------------------------- */
@media (max-width:900px) {
  #po-cc-dialog.po-cc-dialog {
    background:rgba(14,18,22,.74) !important;
    border-color:rgba(255,255,255,.08) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.28) !important;
    backdrop-filter:blur(18px) saturate(125%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(125%) !important;
  }
  #po-cc-dialog .po-cc-shell,
  #po-cc-dialog .po-cc-scroll {
    background:transparent !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  #po-cc-dialog::backdrop {
    background:rgba(4,7,9,.14) !important;
    backdrop-filter:blur(1px) !important;
    -webkit-backdrop-filter:blur(1px) !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-chat-row.fo .po-chat-bubble {
    background:rgba(255,255,255,.10) !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-chat-row.captain .po-chat-bubble {
    background:rgba(214,177,104,.16) !important;
  }
}


/* V4.76.10 / CONNECT — BOTTOM-RIGHT ON NORMAL PAGES, HIDDEN IN LESSONS */
@media(max-width:900px){
  #po-cc-launch.po-cc-launch,
  body.po-mobile-utility-scrolled #po-cc-launch.po-cc-launch{
    top:auto!important;
    right:max(12px,env(safe-area-inset-right))!important;
    bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px))!important;
    left:auto!important;
  }
}


/* -------------------------------------------------------------------------
 * V4.76.22 / CAREER CONNECT — SAME BUTTON-TO-PANEL EXPANSION AS MAIN/LESSONS
 * The bottom-right consultation button becomes the visual origin of the
 * mobile dialog. Opening expands the glass rectangle; closing remains instant
 * so the V4.76.21 no-reverse-jitter behavior is preserved.
 * ---------------------------------------------------------------------- */
@media (max-width:900px) {
  #po-cc-dialog.po-cc-dialog {
    top:var(--po-cc-expand-top,max(12px,env(safe-area-inset-top))) !important;
    left:var(--po-cc-expand-left,max(12px,env(safe-area-inset-left))) !important;
    right:var(--po-cc-expand-right,max(12px,env(safe-area-inset-right))) !important;
    bottom:var(--po-cc-expand-bottom,max(12px,env(safe-area-inset-bottom))) !important;
    inset:var(--po-cc-expand-top,max(12px,env(safe-area-inset-top)))
          var(--po-cc-expand-right,max(12px,env(safe-area-inset-right)))
          var(--po-cc-expand-bottom,max(12px,env(safe-area-inset-bottom)))
          var(--po-cc-expand-left,max(12px,env(safe-area-inset-left))) !important;
    width:auto !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    transform-origin:100% 100% !important;
    transform:scale(var(--po-cc-start-scale-x,.38),var(--po-cc-start-scale-y,.075)) !important;
    opacity:.94 !important;
    transition:
      transform .32s cubic-bezier(.18,.86,.24,1),
      border-radius .30s ease,
      opacity .18s ease !important;
    will-change:transform !important;
  }

  #po-cc-dialog.po-cc-dialog.is-grow-open {
    transform:scale(1,1) !important;
    opacity:1 !important;
  }

  #po-cc-dialog.po-cc-dialog .po-cc-shell {
    opacity:0 !important;
    transform:translateY(4px) !important;
    transition:opacity .14s ease,transform .18s ease !important;
  }

  #po-cc-dialog.po-cc-dialog.is-grow-open .po-cc-shell {
    opacity:1 !important;
    transform:translateY(0) !important;
    transition-delay:.12s !important;
  }

  #po-cc-dialog.po-cc-dialog::backdrop {
    opacity:0 !important;
    transition:opacity .24s ease !important;
  }

  #po-cc-dialog.po-cc-dialog.is-grow-open::backdrop {
    opacity:1 !important;
  }
}

@media (max-width:900px) and (prefers-reduced-motion:reduce) {
  #po-cc-dialog.po-cc-dialog,
  #po-cc-dialog.po-cc-dialog .po-cc-shell,
  #po-cc-dialog.po-cc-dialog::backdrop {
    transition:none !important;
  }
  #po-cc-dialog.po-cc-dialog {
    transform:none !important;
    opacity:1 !important;
  }
  #po-cc-dialog.po-cc-dialog .po-cc-shell,
  #po-cc-dialog.po-cc-dialog::backdrop {
    opacity:1 !important;
    transform:none !important;
  }
}


/* V4.76.26 / CAREER CONNECT — REVERSE THE SAME GROW ON CLOSE */
@media (max-width:900px) {
  #po-cc-dialog.po-cc-dialog.is-grow-closing {
    transform:scale(var(--po-cc-start-scale-x,.38),var(--po-cc-start-scale-y,.075)) !important;
    opacity:.94 !important;
    transition:transform .32s cubic-bezier(.18,.86,.24,1),border-radius .30s ease,opacity .18s ease !important;
  }
  #po-cc-dialog.po-cc-dialog.is-grow-closing .po-cc-shell {
    opacity:0 !important;
    transform:translateY(4px) !important;
    transition:opacity .14s ease,transform .18s ease !important;
    transition-delay:0s !important;
  }
  #po-cc-dialog.po-cc-dialog.is-grow-closing::backdrop {
    opacity:0 !important;
    transition:opacity .24s ease !important;
  }
}


/* -------------------------------------------------------------------------
 * V4.76.29 / CONNECT — ROUND REVERSE CLOSE + LAUNCHER STAYS BEHIND
 * Keep the consultation button painted behind the closing panel and keep the
 * shrinking panel rounded all the way back into the launcher silhouette.
 * ---------------------------------------------------------------------- */
@media (max-width:900px) {
  body.po-cc-open #po-cc-launch {
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:none !important;
    z-index:2147481800 !important;
  }

  #po-cc-dialog.po-cc-dialog {
    border-radius:18px !important;
    overflow:hidden !important;
  }
  #po-cc-dialog.po-cc-dialog .po-cc-shell,
  #po-cc-dialog.po-cc-dialog .po-cc-scroll {
    border-radius:inherit !important;
  }
  #po-cc-dialog.po-cc-dialog.is-grow-closing {
    border-radius:999px !important;
    background:rgba(14,18,22,.62) !important;
    box-shadow:0 8px 24px rgba(0,0,0,.14) !important;
    opacity:0 !important;
    transition:
      transform .32s cubic-bezier(.18,.86,.24,1),
      border-radius .32s cubic-bezier(.18,.86,.24,1),
      background-color .20s ease .08s,
      box-shadow .20s ease .08s,
      opacity .11s ease .20s !important;
  }
  #po-cc-dialog.po-cc-dialog.is-grow-closing .po-cc-shell {
    opacity:0 !important;
    transform:none !important;
    transition:opacity .09s ease !important;
  }
}

@media (max-width:900px) and (prefers-reduced-motion:reduce) {
  #po-cc-dialog.po-cc-dialog.is-grow-closing {
    transition:none !important;
  }
}


/* V4.76.35 / MOBILE CAREER CONNECT — HARD TOP-RIGHT POSITION */
@media (max-width:900px) {
  #po-cc-launch.po-cc-launch,
  body.po-mobile-utility-scrolled #po-cc-launch.po-cc-launch,
  body.po-mobile-utility-scrolled #po-cc-launch.po-cc-launch {
    position:fixed !important;
    top:max(10px,calc(env(safe-area-inset-top) + 8px)) !important;
    right:max(12px,env(safe-area-inset-right)) !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
  }
}


/* V4.76.36 / MOBILE CAREER CONNECT — TOP-RIGHT FULL-SIZE EXPANSION */
@media (max-width:900px) {
  #po-cc-dialog.po-cc-dialog {
    transform-origin:100% 0 !important;
  }
}



/* -------------------------------------------------------------------------
 * V4.76.75 / CAREER CONNECT REQUEST WORKFLOW
 * ---------------------------------------------------------------------- */
.po-cc-request-open {
  margin-left:auto; padding:0; border:0; background:transparent; color:#d6b168;
  font:900 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer; appearance:none; -webkit-appearance:none; white-space:nowrap;
}
.po-cc-request-open:hover { text-decoration:underline; text-underline-offset:3px; }
.po-cc-request-view[hidden], .po-cc-success[hidden], [data-po-cc-view="people"][hidden] { display:none !important; }
.po-cc-back { margin:0 0 15px; padding:0; border:0; background:transparent; color:rgba(255,255,255,.58); font:800 11px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; cursor:pointer; appearance:none; }
.po-cc-back:hover { color:#d6b168; }
.po-cc-booking-summary { padding:20px; border:1px solid rgba(214,177,104,.28); background:linear-gradient(135deg,rgba(214,177,104,.11),rgba(255,255,255,.035)); }
.po-cc-booking-summary small { display:block; margin-bottom:8px; color:#d6b168; font:900 8px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:.14em; }
.po-cc-booking-summary strong { display:inline-block; color:#fff; font:950 19px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-booking-summary>span { float:right; color:#fff; font:950 21px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-booking-summary p { clear:both; margin:12px 0 0; color:rgba(255,255,255,.66); font:650 12px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-form { display:grid; gap:14px; margin-top:18px; }
.po-cc-field { display:grid; gap:7px; }
.po-cc-field>span, .po-cc-slot-heading>strong { color:rgba(255,255,255,.86); font:850 11px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-field input, .po-cc-field textarea {
  width:100%; box-sizing:border-box; border:1px solid rgba(255,255,255,.13); border-radius:0; outline:0;
  background:rgba(255,255,255,.055); color:#fff; -webkit-text-fill-color:#fff;
  font:650 14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; appearance:none;
}
.po-cc-field input { min-height:46px; padding:10px 12px; }
.po-cc-field textarea { min-height:116px; padding:12px; resize:vertical; }
.po-cc-field input:focus, .po-cc-field textarea:focus { border-color:rgba(214,177,104,.75); box-shadow:0 0 0 1px rgba(214,177,104,.28); }
.po-cc-field input::placeholder, .po-cc-field textarea::placeholder { color:rgba(255,255,255,.33); -webkit-text-fill-color:rgba(255,255,255,.33); }
.po-cc-slot-heading { margin-top:7px; padding-top:18px; border-top:1px solid rgba(255,255,255,.09); }
.po-cc-slot-heading>span { display:block; margin-bottom:7px; color:#d6b168; font:900 8px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:.14em; }
.po-cc-slot-heading>p { margin:6px 0 0; color:rgba(255,255,255,.48); font:650 11px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-field input[type="datetime-local"] { color-scheme:dark; }
.po-cc-flex { display:flex; align-items:flex-start; gap:9px; padding:12px 13px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.025); cursor:pointer; }
.po-cc-flex input { flex:0 0 auto; width:16px; height:16px; margin:1px 0 0; accent-color:#d6b168; }
.po-cc-flex span { color:rgba(255,255,255,.72); font:750 11.5px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-submit { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:50px; margin-top:2px; padding:0 16px; border:1px solid #d6b168; background:#d6b168; color:#11161a; font:950 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; cursor:pointer; appearance:none; }
.po-cc-submit span { font-size:18px; }
.po-cc-submit:disabled { opacity:.58; cursor:wait; }
.po-cc-form-status { min-height:16px; margin:0; color:rgba(255,255,255,.6); font:700 11px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-form-status.is-error { color:#ffb7b7; }
.po-cc-hp { position:absolute !important; left:-99999px !important; width:1px !important; height:1px !important; opacity:0 !important; pointer-events:none !important; }
.po-cc-success { padding:26px 22px; border:1px solid rgba(214,177,104,.32); background:linear-gradient(135deg,rgba(214,177,104,.12),rgba(255,255,255,.035)); }
.po-cc-success>small { display:block; margin-bottom:10px; color:#d6b168; font:900 8px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:.14em; }
.po-cc-success>strong { display:block; color:#fff; font:950 23px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-success>p { margin:12px 0 18px; color:rgba(255,255,255,.68); font:650 13px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-success-id { display:flex; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid rgba(255,255,255,.09); border-bottom:1px solid rgba(255,255,255,.09); color:rgba(255,255,255,.48); font:850 9px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:.12em; }
.po-cc-success-id b { color:#d6b168; font-size:11px; letter-spacing:.05em; }
.po-cc-success-slots { display:grid; gap:8px; margin:15px 0 18px; }
.po-cc-success-slots div { display:grid; grid-template-columns:68px minmax(0,1fr); gap:10px; align-items:start; }
.po-cc-success-slots span { color:rgba(255,255,255,.42); font:800 9px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-success-slots strong { color:rgba(255,255,255,.82); font:800 11.5px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.po-cc-done { width:100%; min-height:46px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.05); color:#fff; font:900 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; cursor:pointer; appearance:none; }

@media (max-width:900px) {
  .po-cc-request-open { font-size:10px; }
  .po-cc-booking-summary { padding:16px; }
  .po-cc-booking-summary strong { font-size:16px; }
  .po-cc-booking-summary>span { font-size:18px; }
  .po-cc-field input, .po-cc-field textarea { font-size:16px; }
  .po-cc-submit { min-height:52px; }
}


/* V4.76.76 / CONNECT — make the 3-candidate workflow visible before opening the form */
.po-cc-workflow-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid rgba(166,125,49,.24);background:#f7f0e2;border-radius:8px;}
.po-cc-workflow-note span{color:#8d6724;font:900 9px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.08em;white-space:nowrap;}
.po-cc-workflow-note strong{color:#2a2d30;font:850 11px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:right;}
.po-cc-request-open{min-height:40px!important;padding:0 13px!important;border:1px solid #d6b168!important;border-radius:8px!important;background:#d6b168!important;color:#111!important;text-decoration:none!important;font-size:11px!important;}
.po-cc-request-open:hover{filter:brightness(.98);text-decoration:none!important;}
@media(max-width:900px){.po-cc-workflow-note{padding:9px 10px;gap:8px}.po-cc-workflow-note strong{font-size:10px}.po-cc-request-open{min-height:42px!important;padding:0 12px!important;font-size:10.5px!important}}


/* -------------------------------------------------------------------------
 * V4.76.78 / CAREER CONNECT — READABLE LIGHT MODAL + 15 MINUTE PICKER
 * Final visual authority for the consultation modal. No translucent form
 * surfaces: off-white shell, solid white cards/fields, dark text, gold accent.
 * ---------------------------------------------------------------------- */
#po-cc-dialog.po-cc-dialog {
  border:1px solid #d8d1c5 !important;
  background:#f4f1eb !important;
  color:#1b2025 !important;
  box-shadow:0 24px 70px rgba(22,25,28,.28) !important;
}
#po-cc-dialog.po-cc-dialog::backdrop {
  background:rgba(20,23,26,.58) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
#po-cc-dialog .po-cc-shell,
#po-cc-dialog .po-cc-scroll {
  background:#f4f1eb !important;
  color:#1b2025 !important;
}
#po-cc-dialog .po-cc-head {
  background:#fff !important;
  border-bottom:1px solid #ded8cd !important;
}
#po-cc-dialog .po-cc-head small { color:#95691f !important; }
#po-cc-dialog .po-cc-head strong { color:#171c21 !important; }
#po-cc-dialog .po-cc-close {
  border-color:#d7d4cf !important;
  background:#f7f5f1 !important;
}
#po-cc-dialog .po-cc-close span::before,
#po-cc-dialog .po-cc-close span::after { background:#23282d !important; }
#po-cc-dialog .po-cc-section-title strong { color:#343a40 !important; }
#po-cc-dialog .po-cc-section-title span { color:#95691f !important; }
#po-cc-dialog .po-cc-slide {
  background:#fff !important;
  color:#1a1f24 !important;
  border:1px solid #d9d3c8 !important;
  box-shadow:0 10px 26px rgba(37,40,43,.07) !important;
}
#po-cc-dialog .po-cc-profile-head { background:transparent !important; }
#po-cc-dialog .po-cc-profile-head .po-cc-identity>strong { color:#171c21 !important; }
#po-cc-dialog .po-cc-career { color:#454b50 !important; }
#po-cc-dialog .po-cc-story { border-top-color:#e1ddd6 !important; }
#po-cc-dialog .po-cc-story>small,
#po-cc-dialog .po-cc-topline small { color:#95691f !important; }
#po-cc-dialog .po-cc-story p { color:#3d4348 !important; }
#po-cc-dialog .po-cc-foot { border-top-color:#e1ddd6 !important; }
#po-cc-dialog .po-cc-foot span { color:#656b70 !important; }
#po-cc-dialog .po-cc-foot b { color:#171c21 !important; }
#po-cc-dialog .po-cc-workflow-note {
  border-color:#dfd1b7 !important;
  background:#faf3e6 !important;
}
#po-cc-dialog .po-cc-workflow-note span { color:#8b621e !important; }
#po-cc-dialog .po-cc-workflow-note strong { color:#30353a !important; }
#po-cc-dialog .po-cc-arrow {
  border-color:#d9d5ce !important;
  background:#fff !important;
  color:#8d641f !important;
}
#po-cc-dialog .po-cc-dots button { background:#c8c4bd !important; }
#po-cc-dialog .po-cc-dots button.is-active { background:#b88736 !important; }
#po-cc-dialog .po-cc-back { color:#555c62 !important; }
#po-cc-dialog .po-cc-back:hover { color:#8d641f !important; }
#po-cc-dialog .po-cc-booking-summary {
  border:1px solid #dfd3bd !important;
  background:#fffaf1 !important;
  box-shadow:none !important;
}
#po-cc-dialog .po-cc-booking-summary small { color:#95691f !important; }
#po-cc-dialog .po-cc-booking-summary strong,
#po-cc-dialog .po-cc-booking-summary>span { color:#171c21 !important; }
#po-cc-dialog .po-cc-booking-summary p { color:#555c62 !important; }
#po-cc-dialog .po-cc-field>span,
#po-cc-dialog .po-cc-slot-heading>strong { color:#252b30 !important; }
#po-cc-dialog .po-cc-field input,
#po-cc-dialog .po-cc-field textarea,
#po-cc-dialog .po-cc-field select {
  width:100% !important;
  box-sizing:border-box !important;
  border:1px solid #cfd2d4 !important;
  border-radius:8px !important;
  outline:0 !important;
  background:#fff !important;
  color:#171c21 !important;
  -webkit-text-fill-color:#171c21 !important;
  opacity:1 !important;
  box-shadow:none !important;
  font:650 14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
#po-cc-dialog .po-cc-field input,
#po-cc-dialog .po-cc-field select { min-height:48px !important; padding:10px 12px !important; }
#po-cc-dialog .po-cc-field textarea { min-height:116px !important; padding:12px !important; resize:vertical !important; }
#po-cc-dialog .po-cc-field input:focus,
#po-cc-dialog .po-cc-field textarea:focus,
#po-cc-dialog .po-cc-field select:focus {
  border-color:#b88736 !important;
  box-shadow:0 0 0 3px rgba(184,135,54,.13) !important;
}
#po-cc-dialog .po-cc-field input::placeholder,
#po-cc-dialog .po-cc-field textarea::placeholder {
  color:#8a8f93 !important;
  -webkit-text-fill-color:#8a8f93 !important;
  opacity:1 !important;
}
#po-cc-dialog .po-cc-slot-heading {
  border-top:1px solid #dedad3 !important;
}
#po-cc-dialog .po-cc-slot-heading>span { color:#95691f !important; }
#po-cc-dialog .po-cc-slot-heading>p { color:#656b70 !important; }
#po-cc-dialog .po-cc-datetime-choice {
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(130px,.85fr) !important;
  gap:10px !important;
}
#po-cc-dialog .po-cc-datetime-choice select {
  appearance:auto !important;
  -webkit-appearance:menulist !important;
}
#po-cc-dialog .po-cc-flex {
  border:1px solid #d7d4ce !important;
  border-radius:8px !important;
  background:#fff !important;
}
#po-cc-dialog .po-cc-flex span { color:#3d444a !important; }
#po-cc-dialog .po-cc-form-status { color:#596066 !important; }
#po-cc-dialog .po-cc-form-status.is-error { color:#b42318 !important; }
#po-cc-dialog .po-cc-success {
  border:1px solid #ddd3c1 !important;
  background:#fff !important;
}
#po-cc-dialog .po-cc-success>small { color:#95691f !important; }
#po-cc-dialog .po-cc-success>strong { color:#171c21 !important; }
#po-cc-dialog .po-cc-success>p { color:#555c62 !important; }
#po-cc-dialog .po-cc-success-id {
  border-color:#e1ddd6 !important;
  color:#747a7f !important;
}
#po-cc-dialog .po-cc-success-id b { color:#95691f !important; }
#po-cc-dialog .po-cc-success-slots span { color:#777d82 !important; }
#po-cc-dialog .po-cc-success-slots strong { color:#30363b !important; }
#po-cc-dialog .po-cc-done {
  border:1px solid #cfd2d4 !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#20262b !important;
}
#po-cc-dialog .po-cc-request-open,
#po-cc-dialog .po-cc-submit {
  border-color:#bd8c3d !important;
  background:#d3aa62 !important;
  color:#11171c !important;
  -webkit-text-fill-color:#11171c !important;
  box-shadow:none !important;
}
#po-cc-dialog .po-cc-request-open:hover,
#po-cc-dialog .po-cc-submit:hover { background:#c99c50 !important; }

@media (max-width:900px) {
  #po-cc-dialog .po-cc-datetime-choice { grid-template-columns:1fr 1fr !important; gap:8px !important; }
  #po-cc-dialog .po-cc-field input,
  #po-cc-dialog .po-cc-field textarea,
  #po-cc-dialog .po-cc-field select { font-size:16px !important; }
}


/* -------------------------------------------------------------------------
 * V4.76.79 / MOBILE CONNECT — LIGHT DIALOGUE + STRONGER DATE CTA
 * Keep the conversation palette consistent with desktop after the modal moved
 * from dark glass to a readable light surface. Make the date CTA obvious.
 * ---------------------------------------------------------------------- */
#po-cc-dialog .po-cc-request-open {
  min-height:44px !important;
  min-width:108px !important;
  padding:0 17px !important;
  border-radius:9px !important;
  font-size:13px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  text-align:center !important;
}

@media (max-width:900px) {
  #po-cc-dialog .po-cc-dialogue.po-mini-dialogue {
    gap:8px !important;
    margin:0 0 10px !important;
    padding:10px !important;
    border:1px solid #ded8ce !important;
    border-radius:11px !important;
    background:#fff !important;
    box-shadow:none !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-avatar img {
    border-color:#aaa49a !important;
    background:#fff !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-avatar small {
    color:#77716a !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-chat-bubble {
    color:#171b20 !important;
    -webkit-text-fill-color:#171b20 !important;
    font-size:13px !important;
    line-height:1.5 !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-chat-row.fo .po-chat-bubble {
    background:#eef1f2 !important;
    color:#171b20 !important;
    -webkit-text-fill-color:#171b20 !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-chat-row.captain .po-chat-bubble {
    background:#efe5cf !important;
    color:#302a22 !important;
    -webkit-text-fill-color:#302a22 !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-chat-bubble strong {
    color:inherit !important;
    -webkit-text-fill-color:currentColor !important;
  }
  #po-cc-dialog .po-cc-foot {
    align-items:center !important;
    gap:9px !important;
  }
  #po-cc-dialog .po-cc-request-open {
    min-height:48px !important;
    min-width:116px !important;
    padding:0 18px !important;
    border-radius:10px !important;
    font-size:14.5px !important;
    font-weight:950 !important;
  }
}


/* -------------------------------------------------------------------------
 * V4.76.80 / CAREER CONNECT — OPEN DIALOGUE LAYOUT
 * Let the opening conversation sit directly on the modal canvas. Keep only
 * the individual speech bubbles; remove the outer white card/frame.
 * ---------------------------------------------------------------------- */
#po-cc-dialog .po-cc-dialogue.po-mini-dialogue {
  gap:8px !important;
  margin:0 0 12px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
@media (max-width:900px) {
  #po-cc-dialog .po-cc-dialogue.po-mini-dialogue {
    gap:8px !important;
    margin:0 0 12px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
}


/* -------------------------------------------------------------------------
 * V4.76.81 / CONNECT TABS + AUTHENTICATED SCHEDULE WORKFLOW
 * ---------------------------------------------------------------------- */
#po-cc-dialog .po-cc-tabs {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:0 !important;
  flex:0 0 auto !important;
  border-bottom:1px solid #d9d5ce !important;
  background:#f3f1ed !important;
}
#po-cc-dialog .po-cc-tabs button {
  appearance:none !important;
  min-height:48px !important;
  padding:0 16px !important;
  border:0 !important;
  border-bottom:3px solid transparent !important;
  background:transparent !important;
  color:#666c71 !important;
  font:900 13px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  letter-spacing:.03em !important;
  cursor:pointer !important;
}
#po-cc-dialog .po-cc-tabs button+button { border-left:1px solid #ddd9d2 !important; }
#po-cc-dialog .po-cc-tabs button.is-active {
  border-bottom-color:#b88736 !important;
  background:#fff !important;
  color:#171c21 !important;
}
#po-cc-dialog .po-cc-login-gate {
  max-width:440px !important;
  margin:18px auto !important;
  padding:24px !important;
  border:1px solid #ddd8cf !important;
  border-radius:12px !important;
  background:#fff !important;
  text-align:center !important;
}
#po-cc-dialog .po-cc-login-gate>small {
  display:block !important;
  margin-bottom:8px !important;
  color:#95691f !important;
  font:900 9px/1 system-ui,sans-serif !important;
  letter-spacing:.15em !important;
}
#po-cc-dialog .po-cc-login-gate>strong {
  display:block !important;
  color:#171c21 !important;
  font:950 20px/1.35 system-ui,sans-serif !important;
}
#po-cc-dialog .po-cc-login-gate>p {
  margin:10px 0 18px !important;
  color:#5f666c !important;
  font:650 13px/1.7 system-ui,sans-serif !important;
}
#po-cc-dialog .po-cc-login-buttons { display:grid !important; gap:10px !important; }
#po-cc-dialog .po-cc-login-btn {
  display:flex !important;
  min-height:54px !important;
  padding:0 16px !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:13px !important;
  border:1px solid #d8dde3 !important;
  border-radius:9px !important;
  text-decoration:none !important;
  font:850 14px/1 system-ui,sans-serif !important;
}
#po-cc-dialog .po-cc-login-btn>span {
  display:grid !important;
  place-items:center !important;
  width:30px !important;
  height:30px !important;
  flex:0 0 30px !important;
  border-radius:50% !important;
  font-size:11px !important;
  font-weight:950 !important;
}
#po-cc-dialog .po-cc-login-btn.is-google { background:#fff !important; color:#202124 !important; }
#po-cc-dialog .po-cc-login-btn.is-google>span { color:#4285f4 !important; background:#f4f6f8 !important; }
#po-cc-dialog .po-cc-login-btn.is-line { border-color:#06c755 !important; background:#06c755 !important; color:#fff !important; }
#po-cc-dialog .po-cc-login-btn.is-line>span { background:#fff !important; color:#06c755 !important; font-size:7px !important; }
#po-cc-dialog .po-cc-login-btn.is-x { border-color:#000 !important; background:#000 !important; color:#fff !important; }
#po-cc-dialog .po-cc-login-btn.is-x>span { color:#fff !important; font-size:20px !important; }

#po-cc-dialog .po-cc-account-strip {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px 10px !important;
  align-items:center !important;
  padding:12px 13px !important;
  border:1px solid #ddd8cf !important;
  border-radius:9px !important;
  background:#f7f5f1 !important;
}
#po-cc-dialog .po-cc-account-strip span { color:#95691f !important; font:900 8px/1 system-ui,sans-serif !important; letter-spacing:.12em !important; }
#po-cc-dialog .po-cc-account-strip strong { color:#20262b !important; font:900 13px/1.2 system-ui,sans-serif !important; }
#po-cc-dialog .po-cc-account-strip small { color:#73797e !important; font:650 11px/1.2 system-ui,sans-serif !important; }

#po-cc-dialog .po-cc-schedule-panel { min-width:0 !important; }
#po-cc-dialog .po-cc-schedule-head { margin:0 0 18px !important; }
#po-cc-dialog .po-cc-schedule-head>small { display:block !important; margin-bottom:6px !important; color:#95691f !important; font:900 9px/1 system-ui,sans-serif !important; letter-spacing:.15em !important; }
#po-cc-dialog .po-cc-schedule-head>strong { display:block !important; color:#171c21 !important; font:950 24px/1.15 system-ui,sans-serif !important; }
#po-cc-dialog .po-cc-schedule-head>p { margin:8px 0 0 !important; color:#62696f !important; font:650 12px/1.7 system-ui,sans-serif !important; }
#po-cc-dialog .po-cc-schedule-status { min-height:18px !important; color:#60676c !important; font:700 12px/1.4 system-ui,sans-serif !important; }
#po-cc-dialog .po-cc-schedule-status.is-error { color:#b42318 !important; }
#po-cc-dialog .po-cc-schedule-groups { display:grid !important; gap:22px !important; }
#po-cc-dialog .po-cc-schedule-group { display:grid !important; gap:11px !important; }
#po-cc-dialog .po-cc-schedule-group h3 { margin:0 !important; color:#32383d !important; font:950 13px/1.2 system-ui,sans-serif !important; }
#po-cc-dialog .po-cc-empty { margin:0 !important; padding:16px !important; border:1px dashed #d7d3cc !important; border-radius:10px !important; color:#767c81 !important; background:#f7f5f1 !important; font:650 12px/1.6 system-ui,sans-serif !important; }
#po-cc-dialog .po-cc-schedule-card {
  padding:16px !important;
  border:1px solid #dcd8d1 !important;
  border-radius:11px !important;
  background:#fff !important;
  box-shadow:0 6px 18px rgba(20,25,30,.045) !important;
}
#po-cc-dialog .po-cc-schedule-card-top { display:flex !important; gap:12px !important; align-items:flex-start !important; justify-content:space-between !important; }
#po-cc-dialog .po-cc-schedule-card-top small { display:block !important; margin-bottom:4px !important; color:#8a6426 !important; font:900 8px/1 system-ui,sans-serif !important; letter-spacing:.1em !important; }
#po-cc-dialog .po-cc-schedule-card-top strong { display:block !important; color:#1d2328 !important; font:950 16px/1.2 system-ui,sans-serif !important; }
#po-cc-dialog .po-cc-status-badge { flex:0 0 auto !important; padding:6px 8px !important; border-radius:999px !important; background:#f1eee8 !important; color:#5b6166 !important; font:850 9px/1 system-ui,sans-serif !important; }
#po-cc-dialog .po-cc-status-badge.is-awaiting_payment { background:#fff1d6 !important; color:#8a5c10 !important; }
#po-cc-dialog .po-cc-status-badge.is-consultant_proposed { background:#e9f1fb !important; color:#24598a !important; }
#po-cc-dialog .po-cc-status-badge.is-confirmed,
#po-cc-dialog .po-cc-status-badge.is-completed { background:#e8f5ed !important; color:#2a6b43 !important; }
#po-cc-dialog .po-cc-schedule-message { margin:12px 0 !important; padding:11px 12px !important; border-left:3px solid #d3aa62 !important; background:#f8f6f2 !important; color:#41484e !important; white-space:pre-wrap !important; font:650 12px/1.65 system-ui,sans-serif !important; }
#po-cc-dialog .po-cc-schedule-times { display:grid !important; gap:8px !important; }
#po-cc-dialog .po-cc-schedule-time { display:grid !important; grid-template-columns:72px minmax(0,1fr) auto !important; gap:8px !important; align-items:center !important; padding:9px 10px !important; border:1px solid #e1ddd6 !important; border-radius:8px !important; background:#fbfaf8 !important; }
#po-cc-dialog .po-cc-schedule-time>span { color:#777d82 !important; font:800 10px/1.2 system-ui,sans-serif !important; }
#po-cc-dialog .po-cc-schedule-time>strong { color:#292f34 !important; font:850 11.5px/1.45 system-ui,sans-serif !important; }
#po-cc-dialog .po-cc-schedule-action,
#po-cc-dialog .po-cc-counter-toggle {
  appearance:none !important;
  min-height:38px !important;
  padding:0 12px !important;
  border:1px solid #bd8c3d !important;
  border-radius:8px !important;
  background:#d3aa62 !important;
  color:#11171c !important;
  font:900 11px/1 system-ui,sans-serif !important;
  cursor:pointer !important;
}
#po-cc-dialog .po-cc-schedule-action:disabled { opacity:.55 !important; cursor:wait !important; }
#po-cc-dialog .po-cc-counter-toggle { width:100% !important; margin-top:10px !important; border-color:#cfd2d4 !important; background:#fff !important; color:#40474d !important; }
#po-cc-dialog .po-cc-counter-form { display:grid !important; gap:8px !important; margin-top:9px !important; padding:12px !important; border:1px solid #e1ddd6 !important; border-radius:9px !important; background:#f8f6f2 !important; }
#po-cc-dialog .po-cc-counter-form>p { margin:0 0 2px !important; color:#484f55 !important; font:850 11px/1.4 system-ui,sans-serif !important; }
#po-cc-dialog .po-cc-counter-row { display:grid !important; grid-template-columns:1fr .8fr !important; gap:8px !important; }
#po-cc-dialog .po-cc-counter-row input,
#po-cc-dialog .po-cc-counter-row select { min-height:44px !important; width:100% !important; padding:8px 10px !important; border:1px solid #cfd2d4 !important; border-radius:8px !important; background:#fff !important; color:#171c21 !important; font:650 13px/1.4 system-ui,sans-serif !important; }
#po-cc-dialog .po-cc-counter-proposed { display:grid !important; gap:8px !important; margin-top:12px !important; padding-top:12px !important; border-top:1px solid #e1ddd6 !important; }
#po-cc-dialog .po-cc-counter-proposed>strong { color:#2c3338 !important; font:950 12px/1.3 system-ui,sans-serif !important; }
#po-cc-dialog .po-cc-selected-slot { display:grid !important; gap:4px !important; margin-top:12px !important; padding:12px !important; border:1px solid #e0c896 !important; border-radius:9px !important; background:#fff7e8 !important; }
#po-cc-dialog .po-cc-selected-slot span { color:#8a6426 !important; font:900 8px/1 system-ui,sans-serif !important; letter-spacing:.1em !important; }
#po-cc-dialog .po-cc-selected-slot strong { color:#2f2a22 !important; font:950 13px/1.45 system-ui,sans-serif !important; }
#po-cc-dialog .po-cc-payment-note { margin:8px 0 0 !important; color:#6c5a3d !important; font:750 11px/1.55 system-ui,sans-serif !important; }

@media (max-width:900px) {
  #po-cc-dialog .po-cc-tabs button { min-height:46px !important; font-size:12.5px !important; }
  #po-cc-dialog .po-cc-login-gate { margin:8px auto !important; padding:20px 16px !important; }
  #po-cc-dialog .po-cc-schedule-card { padding:13px !important; }
  #po-cc-dialog .po-cc-schedule-time { grid-template-columns:62px minmax(0,1fr) !important; }
  #po-cc-dialog .po-cc-schedule-time .po-cc-schedule-action { grid-column:1 / -1 !important; width:100% !important; min-height:42px !important; }
  #po-cc-dialog .po-cc-counter-row { grid-template-columns:1fr 1fr !important; }
}

/* -------------------------------------------------------------------------
 * V4.76.82 / CAREER CONNECT — HARD MODAL ISOLATION
 * The dialog owns focus and interaction while open. The page behind it must
 * not scroll, receive pointer/touch input, or become keyboard-focusable.
 * ---------------------------------------------------------------------- */
html.po-cc-open,
body.po-cc-open {
  overflow:hidden !important;
  overscroll-behavior:none !important;
}
[data-po-cc-background-inert="1"] {
  pointer-events:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
#po-cc-dialog.po-cc-dialog[open] {
  pointer-events:auto !important;
}
#po-cc-dialog.po-cc-dialog[open]::backdrop {
  pointer-events:auto !important;
}

/* V4.76.85: hard scroll isolation while Career Connect is open. */
html.po-cc-open,
html.po-cc-open body {
  overscroll-behavior: none !important;
}
#po-cc-dialog[open],
#po-cc-dialog.is-fallback-open {
  overscroll-behavior: none !important;
  touch-action: none !important;
}
#po-cc-dialog .po-cc-scroll {
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
}
#po-cc-dialog input,
#po-cc-dialog select,
#po-cc-dialog textarea,
#po-cc-dialog button,
#po-cc-dialog a {
  touch-action: manipulation !important;
}


/* -------------------------------------------------------------------------
 * V4.76.86 / CAREER CONNECT — FULL-SCREEN WORKSPACE
 * Consultation is now a self-contained workspace rather than a floating card.
 * Mobile occupies the full viewport; desktop keeps only a small outer gutter.
 * Header/tabs stay fixed because only .po-cc-scroll owns scrolling.
 * ---------------------------------------------------------------------- */
#po-cc-dialog.po-cc-dialog,
#po-cc-dialog.po-cc-dialog.is-grow-open,
#po-cc-dialog.po-cc-dialog.is-grow-closing,
#po-cc-dialog.po-cc-dialog.is-fallback-open {
  position:fixed !important;
  inset:24px !important;
  top:24px !important;
  right:24px !important;
  bottom:24px !important;
  left:24px !important;
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #d8d1c5 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#f4f1eb !important;
  opacity:1 !important;
  transform:none !important;
  transform-origin:center !important;
  transition:none !important;
  will-change:auto !important;
}
#po-cc-dialog.po-cc-dialog::backdrop,
#po-cc-dialog.po-cc-dialog.is-grow-open::backdrop,
#po-cc-dialog.po-cc-dialog.is-grow-closing::backdrop {
  background:rgba(20,23,26,.72) !important;
  opacity:1 !important;
  transition:none !important;
}
#po-cc-dialog .po-cc-shell,
#po-cc-dialog.po-cc-dialog.is-grow-open .po-cc-shell,
#po-cc-dialog.po-cc-dialog.is-grow-closing .po-cc-shell {
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
  border-radius:inherit !important;
  background:#f4f1eb !important;
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
}
#po-cc-dialog .po-cc-head {
  min-height:68px !important;
  padding:14px 22px !important;
}
#po-cc-dialog .po-cc-head small {
  margin-bottom:4px !important;
  font-size:9.5px !important;
}
#po-cc-dialog .po-cc-head strong {
  font-size:24px !important;
}
#po-cc-dialog .po-cc-close {
  width:42px !important;
  height:42px !important;
  border-radius:10px !important;
}
#po-cc-dialog .po-cc-tabs {
  min-height:50px !important;
  flex:0 0 auto !important;
}
#po-cc-dialog .po-cc-tabs button {
  min-height:50px !important;
  font-size:13.5px !important;
}
#po-cc-dialog .po-cc-scroll {
  flex:1 1 auto !important;
  min-height:0 !important;
  width:100% !important;
  padding:26px 30px 38px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  background:#f4f1eb !important;
  scrollbar-gutter:stable !important;
}
#po-cc-dialog .po-cc-scroll > [data-po-cc-panel="consult"],
#po-cc-dialog .po-cc-scroll > [data-po-cc-panel="schedule"] {
  width:min(100%,980px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#po-cc-dialog .po-cc-schedule-panel {
  width:100% !important;
}

@media (max-width:900px) {
  #po-cc-dialog.po-cc-dialog,
  #po-cc-dialog.po-cc-dialog.is-grow-open,
  #po-cc-dialog.po-cc-dialog.is-grow-closing,
  #po-cc-dialog.po-cc-dialog.is-fallback-open {
    inset:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
    transform:none !important;
  }
  #po-cc-dialog.po-cc-dialog::backdrop {
    background:#f4f1eb !important;
    opacity:1 !important;
  }
  #po-cc-dialog .po-cc-shell {
    border-radius:0 !important;
  }
  #po-cc-dialog .po-cc-head {
    min-height:calc(62px + env(safe-area-inset-top)) !important;
    padding:calc(10px + env(safe-area-inset-top)) 14px 10px !important;
    grid-template-columns:minmax(0,1fr) 44px !important;
  }
  #po-cc-dialog .po-cc-head small {
    margin-bottom:3px !important;
    font-size:8.5px !important;
  }
  #po-cc-dialog .po-cc-head strong {
    font-size:21px !important;
  }
  #po-cc-dialog .po-cc-close {
    width:42px !important;
    height:42px !important;
  }
  #po-cc-dialog .po-cc-tabs,
  #po-cc-dialog .po-cc-tabs button {
    min-height:48px !important;
  }
  #po-cc-dialog .po-cc-tabs button {
    font-size:13px !important;
  }
  #po-cc-dialog .po-cc-scroll {
    padding:16px 14px calc(22px + env(safe-area-inset-bottom)) !important;
    scrollbar-gutter:auto !important;
  }
  #po-cc-dialog .po-cc-scroll > [data-po-cc-panel="consult"],
  #po-cc-dialog .po-cc-scroll > [data-po-cc-panel="schedule"] {
    width:100% !important;
    max-width:none !important;
  }
}


/* V4.76.87 / STRIPE CHECKOUT */
#po-cc-dialog .po-cc-payment-box {
  margin-top:14px;
  padding:16px;
  border:1px solid #ddd4c4;
  border-radius:12px;
  background:#fff;
}
#po-cc-dialog .po-cc-payment-box .po-cc-payment-note {
  margin:0 0 12px;
}
#po-cc-dialog .po-cc-pay-button {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:50px;
  padding:0 18px;
  border:0;
  border-radius:10px;
  background:#171717;
  color:#fff;
  font:900 14px/1.2 inherit;
  letter-spacing:.01em;
  cursor:pointer;
}
#po-cc-dialog .po-cc-pay-button:hover { opacity:.9; }
#po-cc-dialog .po-cc-pay-button:disabled { opacity:.55; cursor:wait; }
#po-cc-dialog .po-cc-payment-confirmed {
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:14px;
  padding:14px 16px;
  border:1px solid #cfc4ad;
  border-radius:12px;
  background:#f7f2e7;
  color:#1d1d1b;
}
#po-cc-dialog .po-cc-payment-confirmed strong { font-size:14px; }
#po-cc-dialog .po-cc-payment-confirmed span { font-size:12px; color:#5d584f; }

/* -------------------------------------------------------------------------
 * V4.76.88 / CAREER CONNECT — COMPACT DESKTOP, FULL-SCREEN MOBILE
 * Desktop returns to the original launcher-adjacent modal footprint.
 * Mobile keeps the dedicated full-screen workspace introduced in v4.76.86.
 * ---------------------------------------------------------------------- */
@media (min-width:901px) {
  #po-cc-dialog.po-cc-dialog,
  #po-cc-dialog.po-cc-dialog.is-grow-open,
  #po-cc-dialog.po-cc-dialog.is-grow-closing,
  #po-cc-dialog.po-cc-dialog.is-fallback-open {
    position:fixed !important;
    inset:96px var(--po-shell-gutter,18px) auto auto !important;
    top:96px !important;
    right:var(--po-shell-gutter,18px) !important;
    bottom:auto !important;
    left:auto !important;
    width:min(560px,calc(100vw - 54px)) !important;
    height:min(720px,calc(100dvh - 120px)) !important;
    max-width:560px !important;
    max-height:calc(100dvh - 120px) !important;
    margin:0 !important;
    border:1px solid #d8d1c5 !important;
    border-radius:14px !important;
    box-shadow:0 22px 60px rgba(0,0,0,.30) !important;
    overflow:hidden !important;
    background:#f4f1eb !important;
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
  #po-cc-dialog.po-cc-dialog::backdrop,
  #po-cc-dialog.po-cc-dialog.is-grow-open::backdrop,
  #po-cc-dialog.po-cc-dialog.is-grow-closing::backdrop {
    background:rgba(20,23,26,.42) !important;
  }
  #po-cc-dialog .po-cc-shell,
  #po-cc-dialog.po-cc-dialog.is-grow-open .po-cc-shell,
  #po-cc-dialog.po-cc-dialog.is-grow-closing .po-cc-shell {
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    border-radius:inherit !important;
  }
  #po-cc-dialog .po-cc-head {
    min-height:58px !important;
    padding:11px 16px !important;
  }
  #po-cc-dialog .po-cc-head small {
    margin-bottom:3px !important;
    font-size:8.5px !important;
  }
  #po-cc-dialog .po-cc-head strong {
    font-size:20px !important;
  }
  #po-cc-dialog .po-cc-close {
    width:38px !important;
    height:38px !important;
  }
  #po-cc-dialog .po-cc-tabs,
  #po-cc-dialog .po-cc-tabs button {
    min-height:44px !important;
  }
  #po-cc-dialog .po-cc-tabs button {
    font-size:12.5px !important;
  }
  #po-cc-dialog .po-cc-scroll {
    padding:16px 18px 22px !important;
    scrollbar-gutter:stable !important;
  }
  #po-cc-dialog .po-cc-scroll > [data-po-cc-panel="consult"],
  #po-cc-dialog .po-cc-scroll > [data-po-cc-panel="schedule"] {
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}


/* -------------------------------------------------------------------------
 * V4.76.89 / CAREER CONNECT — GOOGLE CALENDAR + MEET
 * ---------------------------------------------------------------------- */
#po-cc-dialog .po-cc-meet-actions {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  align-items:center;
  margin:10px 0 0;
  padding:12px;
  border:1px solid #ddd5c7;
  border-radius:11px;
  background:#fff;
}
#po-cc-dialog .po-cc-meet-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 17px;
  border-radius:9px;
  background:#171717;
  color:#fff !important;
  text-decoration:none !important;
  font-size:13px;
  font-weight:900;
  letter-spacing:.01em;
}
#po-cc-dialog .po-cc-calendar-link {
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 5px;
  color:#4b4741 !important;
  text-decoration:underline !important;
  text-underline-offset:3px;
  font-size:12px;
  font-weight:750;
}
#po-cc-dialog .po-cc-meet-pending {
  margin:10px 0 0;
  padding:11px 12px;
  border:1px solid #e1d9cb;
  border-radius:9px;
  background:#fffaf0;
  color:#615b52;
  font-size:12px;
  line-height:1.65;
}
@media (max-width:900px) {
  #po-cc-dialog .po-cc-meet-actions { display:grid; grid-template-columns:1fr; }
  #po-cc-dialog .po-cc-meet-button { width:100%; min-height:50px; font-size:14px; }
  #po-cc-dialog .po-cc-calendar-link { justify-content:center; width:100%; min-height:40px; }
}

/* -------------------------------------------------------------------------
 * V4.76.90 / SCHEDULE TIME CLARITY
 * ---------------------------------------------------------------------- */
#po-cc-dialog .po-cc-tabs button[data-po-cc-tab="schedule"] {
  font-size:15.5px !important;
  letter-spacing:.025em !important;
}
#po-cc-dialog .po-cc-schedule-policy {
  margin:10px 0 0 !important;
  padding:10px 12px !important;
  border-left:3px solid #b88736 !important;
  background:#fffaf0 !important;
  color:#55514a !important;
  font-size:12px !important;
  line-height:1.65 !important;
}
#po-cc-dialog .po-cc-schedule-policy strong {
  color:#25282b !important;
  font-weight:900 !important;
}
@media (max-width:900px) {
  #po-cc-dialog .po-cc-tabs button[data-po-cc-tab="schedule"] {
    font-size:17px !important;
  }
  #po-cc-dialog .po-cc-schedule-policy {
    font-size:13px !important;
    line-height:1.7 !important;
  }
}

/* -------------------------------------------------------------------------
 * V4.76.91 / CAREER CONNECT — READABILITY FLOOR
 * No useful text in the consultation workspace should render below 15px.
 * Important labels/values/actions are intentionally larger.
 * ---------------------------------------------------------------------- */
#po-cc-dialog#po-cc-dialog .po-cc-shell,
#po-cc-dialog#po-cc-dialog .po-cc-shell * {
  font-size:15px !important;
}

/* Primary navigation and headings */
#po-cc-dialog#po-cc-dialog .po-cc-head strong { font-size:22px !important; }
#po-cc-dialog#po-cc-dialog .po-cc-head small { font-size:15px !important; }
#po-cc-dialog#po-cc-dialog .po-cc-tabs button { font-size:16px !important; }
#po-cc-dialog#po-cc-dialog .po-cc-tabs button[data-po-cc-tab="schedule"] { font-size:17px !important; }
#po-cc-dialog#po-cc-dialog .po-cc-schedule-head>strong { font-size:24px !important; }
#po-cc-dialog#po-cc-dialog .po-cc-schedule-group h3 { font-size:17px !important; }

/* Consultant / account information */
#po-cc-dialog#po-cc-dialog .po-cc-account-strip strong,
#po-cc-dialog#po-cc-dialog .po-cc-schedule-card-top strong { font-size:17px !important; }
#po-cc-dialog#po-cc-dialog .po-cc-identity>strong { font-size:22px !important; }
#po-cc-dialog#po-cc-dialog .po-cc-foot b { font-size:20px !important; }

/* Schedule labels and values — especially 相談相手 / 決定日時 / candidates */
#po-cc-dialog#po-cc-dialog .po-cc-schedule-card-top small,
#po-cc-dialog#po-cc-dialog .po-cc-schedule-time>span,
#po-cc-dialog#po-cc-dialog .po-cc-selected-slot span,
#po-cc-dialog#po-cc-dialog .po-cc-status-badge,
#po-cc-dialog#po-cc-dialog .po-cc-counter-form>p,
#po-cc-dialog#po-cc-dialog .po-cc-counter-proposed>strong,
#po-cc-dialog#po-cc-dialog .po-cc-payment-note,
#po-cc-dialog#po-cc-dialog .po-cc-payment-confirmed span,
#po-cc-dialog#po-cc-dialog .po-cc-calendar-link,
#po-cc-dialog#po-cc-dialog .po-cc-meet-pending,
#po-cc-dialog#po-cc-dialog .po-cc-schedule-policy,
#po-cc-dialog#po-cc-dialog .po-cc-schedule-status,
#po-cc-dialog#po-cc-dialog .po-cc-empty {
  font-size:15px !important;
}
#po-cc-dialog#po-cc-dialog .po-cc-schedule-time>strong,
#po-cc-dialog#po-cc-dialog .po-cc-selected-slot strong,
#po-cc-dialog#po-cc-dialog .po-cc-payment-confirmed strong {
  font-size:17px !important;
  line-height:1.5 !important;
}

/* Forms and actions stay comfortably readable and tap-friendly */
#po-cc-dialog#po-cc-dialog input,
#po-cc-dialog#po-cc-dialog select,
#po-cc-dialog#po-cc-dialog textarea { font-size:16px !important; }
#po-cc-dialog#po-cc-dialog button,
#po-cc-dialog#po-cc-dialog a { font-size:15px !important; }
#po-cc-dialog#po-cc-dialog .po-cc-schedule-action,
#po-cc-dialog#po-cc-dialog .po-cc-counter-toggle,
#po-cc-dialog#po-cc-dialog .po-cc-request-open,
#po-cc-dialog#po-cc-dialog .po-cc-pay-button,
#po-cc-dialog#po-cc-dialog .po-cc-meet-button { font-size:16px !important; }

/* Dialogue and body copy */
#po-cc-dialog#po-cc-dialog .po-chat-bubble,
#po-cc-dialog#po-cc-dialog .po-cc-story p,
#po-cc-dialog#po-cc-dialog .po-cc-career,
#po-cc-dialog#po-cc-dialog .po-cc-lead,
#po-cc-dialog#po-cc-dialog .po-cc-schedule-message,
#po-cc-dialog#po-cc-dialog .po-cc-schedule-head>p,
#po-cc-dialog#po-cc-dialog .po-cc-login-gate>p {
  font-size:15px !important;
  line-height:1.7 !important;
}

@media (max-width:900px) {
  #po-cc-dialog#po-cc-dialog .po-cc-shell,
  #po-cc-dialog#po-cc-dialog .po-cc-shell * { font-size:15px !important; }
  #po-cc-dialog#po-cc-dialog .po-cc-head strong { font-size:22px !important; }
  #po-cc-dialog#po-cc-dialog .po-cc-tabs button { font-size:16px !important; }
  #po-cc-dialog#po-cc-dialog .po-cc-tabs button[data-po-cc-tab="schedule"] { font-size:18px !important; }
  #po-cc-dialog#po-cc-dialog .po-cc-schedule-card-top strong,
  #po-cc-dialog#po-cc-dialog .po-cc-schedule-time>strong,
  #po-cc-dialog#po-cc-dialog .po-cc-selected-slot strong { font-size:17px !important; }
  #po-cc-dialog#po-cc-dialog input,
  #po-cc-dialog#po-cc-dialog select,
  #po-cc-dialog#po-cc-dialog textarea,
  #po-cc-dialog#po-cc-dialog .po-cc-schedule-action,
  #po-cc-dialog#po-cc-dialog .po-cc-counter-toggle,
  #po-cc-dialog#po-cc-dialog .po-cc-request-open,
  #po-cc-dialog#po-cc-dialog .po-cc-pay-button,
  #po-cc-dialog#po-cc-dialog .po-cc-meet-button { font-size:16px !important; }
}


/* -------------------------------------------------------------------------
 * V4.76.93 / CAREER CONNECT — PEOPLE, CONTENT LABELS & CANCELLATION
 * ---------------------------------------------------------------------- */
#po-cc-dialog .po-cc-schedule-person {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
}
#po-cc-dialog .po-cc-schedule-avatar {
  width:44px !important;
  height:44px !important;
  flex:0 0 44px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  object-position:center !important;
  border:1px solid #ddd7cd !important;
  background:#fff !important;
}
#po-cc-dialog .po-cc-schedule-person-text {
  min-width:0 !important;
}
#po-cc-dialog .po-cc-schedule-person-text small {
  display:block !important;
  margin:0 0 4px !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:.04em !important;
}
#po-cc-dialog .po-cc-schedule-person-text strong {
  display:block !important;
  font-size:17px !important;
  line-height:1.3 !important;
}
#po-cc-dialog .po-cc-schedule-message {
  display:block !important;
  margin:12px 0 !important;
}
#po-cc-dialog .po-cc-schedule-message-label {
  display:block !important;
  margin:0 0 6px !important;
  color:#7b5720 !important;
  font-size:15px !important;
  line-height:1.3 !important;
  font-weight:950 !important;
}
#po-cc-dialog .po-cc-schedule-message-text {
  margin:0 !important;
  color:#30363b !important;
  white-space:pre-wrap !important;
  font-size:16px !important;
  line-height:1.65 !important;
  font-weight:650 !important;
}
#po-cc-dialog .po-cc-cancel-policy {
  margin:10px 0 0 !important;
  padding:10px 12px !important;
  border-radius:8px !important;
  background:#f7f5f1 !important;
  color:#5d6267 !important;
  font-size:15px !important;
  line-height:1.55 !important;
  font-weight:650 !important;
}
#po-cc-dialog .po-cc-close-actions {
  display:flex !important;
  justify-content:flex-end !important;
  margin-top:14px !important;
  padding-top:13px !important;
  border-top:1px solid #e7e2da !important;
}
#po-cc-dialog .po-cc-close-button {
  appearance:none !important;
  border:1px solid #c98d8d !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#9b3030 !important;
  min-height:42px !important;
  padding:0 16px !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:900 !important;
  cursor:pointer !important;
}
#po-cc-dialog .po-cc-close-button:hover {
  background:#fff3f3 !important;
}
#po-cc-dialog .po-cc-close-button:disabled {
  opacity:.55 !important;
  cursor:wait !important;
}
#po-cc-dialog .po-cc-closed-box {
  display:grid !important;
  gap:5px !important;
  margin-top:13px !important;
  padding:12px 13px !important;
  border:1px solid #dfd8cf !important;
  border-radius:9px !important;
  background:#f5f3ef !important;
}
#po-cc-dialog .po-cc-closed-box strong {
  color:#3a4045 !important;
  font-size:17px !important;
  line-height:1.3 !important;
  font-weight:950 !important;
}
#po-cc-dialog .po-cc-closed-box span {
  color:#62686d !important;
  font-size:15px !important;
  line-height:1.5 !important;
  font-weight:650 !important;
}
#po-cc-dialog .po-cc-status-badge.is-cancelled,
#po-cc-dialog .po-cc-status-badge.is-declined {
  background:#f0ece8 !important;
  color:#6b5d55 !important;
}
@media (max-width:900px) {
  #po-cc-dialog .po-cc-schedule-avatar {
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
  }
  #po-cc-dialog .po-cc-schedule-person-text strong,
  #po-cc-dialog .po-cc-closed-box strong {
    font-size:17px !important;
  }
  #po-cc-dialog .po-cc-schedule-message-text {
    font-size:16px !important;
  }
}


/* -------------------------------------------------------------------------
 * V4.76.94 / PREMIUM MEMBERSHIP + TALLER DESKTOP CONNECT
 * ---------------------------------------------------------------------- */
@media (min-width:901px) {
  #po-cc-dialog.po-cc-dialog,
  #po-cc-dialog.po-cc-dialog.is-grow-open,
  #po-cc-dialog.po-cc-dialog.is-grow-closing,
  #po-cc-dialog.po-cc-dialog.is-fallback-open {
    height:min(860px,calc(100dvh - 120px)) !important;
    max-height:calc(100dvh - 120px) !important;
  }
}
#po-cc-dialog .po-cc-premium-banner {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:14px !important;
  align-items:center !important;
  margin:0 0 16px !important;
  padding:15px 16px !important;
  border:1px solid #d8c79f !important;
  border-radius:12px !important;
  background:#fffaf0 !important;
}
#po-cc-dialog .po-cc-premium-banner.is-active {
  border-color:#b9ad8f !important;
  background:#f3efe5 !important;
}
#po-cc-dialog .po-cc-premium-copy small {
  display:block !important;
  margin:0 0 4px !important;
  color:#98702f !important;
  font-size:15px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
}
#po-cc-dialog .po-cc-premium-copy strong {
  display:block !important;
  color:#202326 !important;
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:950 !important;
}
#po-cc-dialog .po-cc-premium-copy p {
  margin:5px 0 0 !important;
  color:#5e625f !important;
  font-size:15px !important;
  line-height:1.55 !important;
  font-weight:650 !important;
}
#po-cc-dialog .po-cc-premium-join,
#po-cc-dialog .po-cc-premium-manage {
  appearance:none !important;
  min-height:44px !important;
  padding:0 15px !important;
  border-radius:9px !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:950 !important;
  cursor:pointer !important;
  white-space:nowrap !important;
}
#po-cc-dialog .po-cc-premium-join {
  border:0 !important;
  background:#171717 !important;
  color:#fff !important;
}
#po-cc-dialog .po-cc-premium-manage {
  border:1px solid #bfb6a4 !important;
  background:#fff !important;
  color:#4e4a43 !important;
}
#po-cc-dialog .po-cc-premium-join:disabled,
#po-cc-dialog .po-cc-premium-manage:disabled { opacity:.55 !important; cursor:wait !important; }
#po-cc-dialog .po-cc-price-stack {
  display:grid !important;
  gap:2px !important;
  align-items:center !important;
}
#po-cc-dialog .po-cc-price-stack b { font-size:20px !important; line-height:1.1 !important; }
#po-cc-dialog .po-cc-price-stack small { color:#8a682e !important; font-size:15px !important; line-height:1.2 !important; font-weight:900 !important; }
#po-cc-dialog .po-cc-premium-payment-offer {
  display:grid !important;
  gap:7px !important;
  margin-top:12px !important;
  padding:13px !important;
  border:1px solid #dfd0ad !important;
  border-radius:10px !important;
  background:#fffaf0 !important;
}
#po-cc-dialog .po-cc-premium-payment-offer strong { font-size:17px !important; line-height:1.35 !important; }
#po-cc-dialog .po-cc-premium-payment-offer p { margin:0 !important; font-size:15px !important; line-height:1.55 !important; color:#5b5e5b !important; }
#po-cc-dialog .po-cc-premium-payment-offer .po-cc-premium-join { width:100% !important; min-height:46px !important; }
@media (max-width:900px) {
  #po-cc-dialog .po-cc-premium-banner { grid-template-columns:1fr !important; }
  #po-cc-dialog .po-cc-premium-join,
  #po-cc-dialog .po-cc-premium-manage { width:100% !important; min-height:48px !important; white-space:normal !important; }
}


/* v4.76.95 — Premium is a secondary benefit, not the first thing users see. */
#po-cc-dialog [data-po-cc-view="people"] > .po-cc-premium-banner {
  margin:18px 0 0 !important;
}


/* =========================================================
V4.77.28 / MOBILE CAREER CONNECT — TOP-ONLY, NOT FLOATING
Keep the same full-screen consultation dialog, but anchor its launcher at
TOP-right and let it scroll away with the first-view hero.
========================================================= */
@media(max-width:900px){
  body.pilot-online-native-top-template #po-cc-launch.po-cc-launch,
  body.pilot-online-native-top-template.po-mobile-utility-scrolled #po-cc-launch.po-cc-launch{
    position:absolute!important;
    top:max(14px,calc(env(safe-area-inset-top) + 10px))!important;
    right:max(12px,env(safe-area-inset-right))!important;
    bottom:auto!important;
    left:auto!important;
    z-index:90!important;
    transform:none!important;
  }
}
@media(max-width:380px){
  body.pilot-online-native-top-template #po-cc-launch.po-cc-launch,
  body.pilot-online-native-top-template.po-mobile-utility-scrolled #po-cc-launch.po-cc-launch{
    top:max(11px,calc(env(safe-area-inset-top) + 8px))!important;
    right:max(10px,env(safe-area-inset-right))!important;
  }
}


/* =========================================================
V4.77.32 / CAREER CONNECT — clearer dialogue hierarchy
- Remove trainee/captain captions under avatars to save vertical space.
- Enlarge avatars.
- Add true speech-bubble tails pointing toward each avatar.
- Increase separation between trainee/captain bubbles and the white panel.
========================================================= */
#po-cc-dialog .po-cc-dialogue .po-avatar {
  flex:0 0 50px !important;
  text-align:center !important;
}
#po-cc-dialog .po-cc-dialogue .po-avatar img {
  width:48px !important;
  height:48px !important;
  border:1px solid rgba(77,73,67,.24) !important;
  border-radius:50% !important;
  object-fit:cover !important;
  background:#fff !important;
  box-shadow:0 3px 10px rgba(24,31,36,.10) !important;
}
#po-cc-dialog .po-cc-dialogue .po-avatar small {
  display:none !important;
}
#po-cc-dialog .po-cc-dialogue .po-chat-row {
  gap:12px !important;
  align-items:flex-start !important;
}
#po-cc-dialog .po-cc-dialogue .po-chat-bubble {
  position:relative !important;
  max-width:calc(100% - 62px) !important;
  border:1px solid transparent !important;
  border-radius:11px !important;
  box-shadow:0 4px 12px rgba(20,27,32,.07) !important;
}
#po-cc-dialog .po-cc-dialogue .po-chat-row.fo .po-chat-bubble {
  background:#dce9ef !important;
  border-color:#c6d8e1 !important;
  color:#18242b !important;
  -webkit-text-fill-color:#18242b !important;
}
#po-cc-dialog .po-cc-dialogue .po-chat-row.captain .po-chat-bubble {
  background:#eeddbb !important;
  border-color:#ddc69a !important;
  color:#33291c !important;
  -webkit-text-fill-color:#33291c !important;
}
#po-cc-dialog .po-cc-dialogue .po-chat-bubble::before,
#po-cc-dialog .po-cc-dialogue .po-chat-bubble::after {
  content:"" !important;
  position:absolute !important;
  top:14px !important;
  width:0 !important;
  height:0 !important;
  border-top:8px solid transparent !important;
  border-bottom:8px solid transparent !important;
  pointer-events:none !important;
}
#po-cc-dialog .po-cc-dialogue .po-chat-row.fo .po-chat-bubble::before {
  left:-10px !important;
  border-right:10px solid #c6d8e1 !important;
}
#po-cc-dialog .po-cc-dialogue .po-chat-row.fo .po-chat-bubble::after {
  left:-8px !important;
  top:15px !important;
  border-top-width:7px !important;
  border-bottom-width:7px !important;
  border-right:9px solid #dce9ef !important;
}
#po-cc-dialog .po-cc-dialogue .po-chat-row.captain .po-chat-bubble::before {
  right:-10px !important;
  border-left:10px solid #ddc69a !important;
}
#po-cc-dialog .po-cc-dialogue .po-chat-row.captain .po-chat-bubble::after {
  right:-8px !important;
  top:15px !important;
  border-top-width:7px !important;
  border-bottom-width:7px !important;
  border-left:9px solid #eeddbb !important;
}
@media(max-width:900px){
  #po-cc-dialog .po-cc-dialogue.po-mini-dialogue {
    gap:10px !important;
    padding:10px 11px !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-avatar {
    flex-basis:52px !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-avatar img {
    width:50px !important;
    height:50px !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-chat-row {
    gap:11px !important;
  }
  #po-cc-dialog .po-cc-dialogue .po-chat-bubble {
    max-width:calc(100% - 63px) !important;
    padding:10px 11px !important;
    font-size:13px !important;
    line-height:1.5 !important;
  }
}


/* =========================================================
V4.77.33 / CAREER CONNECT — COMPACT INTRO + STRONG PEOPLE PANEL
Keep the dialogue readable while moving the actual consultant profiles upward.
========================================================= */
#po-cc-dialog [data-po-cc-view="people"] > .po-cc-dialogue.po-mini-dialogue {
  width:calc(100% + 16px) !important;
  margin:0 -8px 6px !important;
  padding:7px 9px !important;
  gap:5px !important;
  border-color:#d6d0c5 !important;
  border-radius:10px !important;
  background:#fbfaf7 !important;
  box-shadow:0 3px 10px rgba(28,34,39,.045) !important;
}
#po-cc-dialog [data-po-cc-view="people"] .po-cc-dialogue .po-chat-row {
  gap:9px !important;
  align-items:flex-start !important;
}
#po-cc-dialog [data-po-cc-view="people"] .po-cc-dialogue .po-avatar {
  flex:0 0 48px !important;
}
#po-cc-dialog [data-po-cc-view="people"] .po-cc-dialogue .po-avatar img {
  width:46px !important;
  height:46px !important;
}
#po-cc-dialog [data-po-cc-view="people"] .po-cc-dialogue .po-avatar small {
  display:block !important;
  margin-top:1px !important;
  color:#6f716f !important;
  font:850 7.5px/1.05 system-ui,sans-serif !important;
  letter-spacing:.01em !important;
}
#po-cc-dialog [data-po-cc-view="people"] .po-cc-dialogue .po-chat-bubble {
  max-width:calc(100% - 57px) !important;
  padding:7px 10px !important;
  font-size:12.5px !important;
  line-height:1.38 !important;
  border-radius:10px !important;
}
#po-cc-dialog [data-po-cc-view="people"] .po-cc-dialogue .po-chat-bubble::before,
#po-cc-dialog [data-po-cc-view="people"] .po-cc-dialogue .po-chat-bubble::after {
  top:11px !important;
}
#po-cc-dialog [data-po-cc-view="people"] > .po-cc-section-title {
  align-items:center !important;
  min-height:42px !important;
  margin:2px 0 9px !important;
  padding:8px 11px !important;
  border:1px solid #cdbc99 !important;
  border-left:4px solid #ad7e32 !important;
  border-radius:9px !important;
  background:#e8deca !important;
  box-shadow:0 4px 12px rgba(66,54,36,.07) !important;
}
#po-cc-dialog [data-po-cc-view="people"] > .po-cc-section-title span {
  color:#855d1d !important;
  font-size:10px !important;
}
#po-cc-dialog [data-po-cc-view="people"] > .po-cc-section-title strong {
  color:#272b2e !important;
  font-size:13px !important;
}
@media(max-width:900px){
  #po-cc-dialog [data-po-cc-view="people"] > .po-cc-dialogue.po-mini-dialogue {
    width:calc(100% + 12px) !important;
    margin-left:-6px !important;
    margin-right:-6px !important;
    padding:6px 8px !important;
    gap:4px !important;
  }
  #po-cc-dialog [data-po-cc-view="people"] .po-cc-dialogue .po-avatar {
    flex-basis:46px !important;
  }
  #po-cc-dialog [data-po-cc-view="people"] .po-cc-dialogue .po-avatar img {
    width:44px !important;
    height:44px !important;
  }
  #po-cc-dialog [data-po-cc-view="people"] .po-cc-dialogue .po-chat-bubble {
    max-width:calc(100% - 54px) !important;
    padding:7px 9px !important;
    font-size:12px !important;
    line-height:1.36 !important;
  }
  #po-cc-dialog [data-po-cc-view="people"] > .po-cc-section-title {
    min-height:39px !important;
    margin-bottom:7px !important;
    padding:7px 10px !important;
  }
}
\n\n/* V4.77.36 / On the mobile TOP, Career Connect lives inside the entry carousel. */\n@media(max-width:900px){\n  body.pilot-online-native-top-template #po-cc-launch.po-cc-launch{display:none!important;}\n}\n