/* MOHU Phase 1 — platform-wide UI/UX modernization. Additive overrides only. */
:root{--mohu-surface:#fff;--mohu-soft:#f0f6fb;--mohu-shadow-lg:0 18px 45px rgba(8,38,72,.11)}
body{font-size:15px}.container{width:min(1220px,94%)}
.btn{min-height:42px;border-radius:10px}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.header{box-shadow:0 3px 18px rgba(6,43,89,.05)}.nav{min-height:72px}.brand{flex:0 0 auto}.brand-heart{width:38px;height:38px;border-radius:12px;background:#eaf9f1;display:grid;place-items:center;font-size:27px}.menu{gap:14px}.menu a{padding:27px 0 21px}.mohu-nav-toggle{display:none;border:1px solid var(--line);background:#fff;color:var(--navy);width:42px;height:42px;border-radius:10px;font-size:20px;font-weight:900;cursor:pointer}
.hero{min-height:430px;background:linear-gradient(100deg,rgba(3,29,61,.99),rgba(5,48,91,.94) 58%,rgba(8,82,108,.84)),radial-gradient(circle at 85% 28%,rgba(24,207,107,.3),transparent 30%)}.hero-inner{padding:62px 0 45px}.hero h1{max-width:780px}.hero p{font-size:17px;max-width:760px}.hero-tabs{gap:10px;flex-wrap:wrap}.hero-tabs a{padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.06)}.hero-tabs a:first-child{background:rgba(24,207,107,.15);border-color:rgba(24,207,107,.55)}.mohu-search-grid{border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 44px rgba(0,0,0,.22)}
.mohu-platform-gateway{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0 8px}.mohu-gateway-card{display:flex;gap:13px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 4px 18px rgba(12,36,69,.035);transition:.18s}.mohu-gateway-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cbd9e7}.mohu-gateway-icon{width:43px;height:43px;flex:0 0 43px;border-radius:12px;background:#edf7ff;display:grid;place-items:center;font-size:21px}.mohu-gateway-card:nth-child(2) .mohu-gateway-icon{background:#eaf9f1}.mohu-gateway-card:nth-child(3) .mohu-gateway-icon{background:#fff5e7}.mohu-gateway-card:nth-child(4) .mohu-gateway-icon{background:#f3edff}.mohu-gateway-card strong{display:block;color:var(--navy);font-size:14px;margin-bottom:4px}.mohu-gateway-card span{display:block;color:var(--muted);font-size:11px;line-height:1.45}
.mohu-platform-stats{margin:16px 0 24px}.mohu-stat-link{transition:.18s}.mohu-stat-link:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.card,.category-card,.mohu-mini-card,.mohu-stat-link{border-color:#dfe6ee}.card{box-shadow:0 5px 20px rgba(12,36,69,.035)}.card-head{margin-bottom:12px}.section{padding:16px 0 30px}
.opportunity{padding:17px 10px;gap:14px;align-items:start}.opportunity:hover{background:#f8fbfe}.op-logo{width:46px;height:46px;border-radius:12px;background:#f5f9fd}.opportunity h3{font-size:15px;line-height:1.35;margin-bottom:5px}.meta{font-size:11.5px;line-height:1.55}.job-right{padding-top:1px}.badge{border-radius:999px;padding:5px 8px}.mohu-summary{margin-top:9px}.save-btn{border-radius:10px}
.mohu-active-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 0}.mohu-active-filters>span{font-size:11px;color:#dce9f6;font-weight:800}.mohu-filter-chip{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:11px;font-weight:700}.mohu-empty-state{text-align:center;padding:38px 18px;border:1px dashed #cad6e2;border-radius:12px;background:#f9fbfd}.mohu-empty-state strong{display:block;font-size:17px;color:var(--navy);margin-bottom:6px}.mohu-empty-state span{color:var(--muted);font-size:12px}
.trust-strip{border-radius:16px;padding:22px}.cta{border-radius:16px}.alert{border-radius:10px;border:1px solid transparent}.success{border-color:#c9ecd6}.error{border-color:#f3c9c9}.site-footer{margin-top:16px}.site-footer .footer-brand strong{font-size:16px}.site-footer .footer-section h4{padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.13)}
@media(max-width:1100px){.mohu-nav-toggle{display:grid;place-items:center;order:2}.header .nav{position:relative}.menu{display:none;position:absolute;left:0;right:0;top:72px;padding:12px 3%;background:#fff;border:1px solid var(--line);box-shadow:var(--mohu-shadow-lg);flex-direction:column;align-items:stretch;gap:0;white-space:normal;max-height:72vh;overflow:auto}.menu.is-open{display:flex}.menu a{padding:12px 10px;border-bottom:1px solid #edf1f5}.header .nav>.flex{order:3}.mohu-platform-gateway{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.topbar .flex span:last-child{display:none}.topbar .flex{justify-content:center}.hero{min-height:auto}.hero-inner{padding:44px 0 34px}.hero h1{font-size:38px}.hero p{font-size:15px}.hero-tabs{font-size:11px}.grid{gap:14px}.opportunity{grid-template-columns:46px 1fr}.job-right{grid-column:2;padding-top:8px;border-top:1px dashed #e3e9ef;margin-top:3px}.mohu-platform-gateway{gap:10px}}
@media(max-width:600px){.container{width:min(100% - 24px,1220px)}.header .nav>.flex{gap:5px}.header .nav>.flex>.btn{display:none}.header-user-actions{width:auto!important}.header-notifications,.header-logout{width:42px!important;height:42px!important;min-height:42px!important;padding:0!important}.header-notifications>span:not(.notification-count),.header-logout{font-size:0}.header-logout:after{content:'↪';font-size:18px}.notification-count{position:absolute;right:-4px;top:-5px}.brand{font-size:12px}.brand-heart{width:34px;height:34px;flex-basis:34px}.mohu-nav-toggle{width:40px;height:40px}.hero h1{font-size:32px;letter-spacing:-.8px}.hero h1 br{display:none}.hero-tabs{display:grid;grid-template-columns:1fr 1fr}.hero-tabs a{text-align:center}.mohu-search-grid{grid-template-columns:1fr}.mohu-search-grid input[name=q]{grid-column:auto}.mohu-platform-gateway{grid-template-columns:1fr}.mohu-gateway-card{padding:14px}.categories{gap:9px}.category-card{padding:14px 8px;min-height:116px}.opportunity{padding-left:3px;padding-right:3px}.mohu-platform-stats{gap:8px}.mohu-stat-link{padding:13px 10px}.mohu-stat-link strong{font-size:20px}.trust-strip{grid-template-columns:1fr;padding:16px}.cta-grid{gap:12px}}

/* =========================================================
   MOHU PHASE 1B — MOBILE & HOMEPAGE POLISH
   ========================================================= */
.mohu-advanced-filters{grid-column:1/-1;border:1px solid #dce3eb;border-radius:10px;background:#f8fbfe;overflow:hidden}
.mohu-advanced-filters summary{cursor:pointer;padding:12px 14px;color:var(--navy);font-weight:850;list-style:none;display:flex;justify-content:space-between;align-items:center}
.mohu-advanced-filters summary::-webkit-details-marker{display:none}.mohu-advanced-filters summary:after{content:'+';font-size:20px}.mohu-advanced-filters[open] summary:after{content:'−'}
.mohu-advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 10px 10px}.mohu-search-submit{grid-column:span 1}.mohu-view-all-wrap{padding:18px 0 2px;text-align:center;border-top:1px solid var(--line)}
.mohu-gateway-icon{font-size:11px!important;font-weight:950;letter-spacing:.3px;color:var(--navy)}

@media(max-width:600px){
  .hero-inner{padding:30px 0 24px}.hero h1{font-size:29px;line-height:1.03;margin-bottom:10px}.hero p{font-size:13px;line-height:1.45;margin-bottom:14px}.hero-tabs{gap:7px;margin-bottom:10px}.hero-tabs a{padding:9px 7px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:9.5px;line-height:1.25;display:flex;align-items:center;justify-content:center}
  .mohu-search-grid{padding:10px}.mohu-search-grid>input[name=q],.mohu-search-grid>select[name=category],.mohu-advanced-filters,.mohu-search-submit,.mohu-search-grid>a.btn{grid-column:1/-1}.mohu-advanced-grid{grid-template-columns:1fr}.mohu-search-grid input,.mohu-search-grid select{padding:10px;font-size:14px}.popular{margin-top:11px}
  .mohu-platform-gateway{margin:18px 0 8px}.mohu-gateway-card{padding:12px;gap:10px}.mohu-gateway-icon{width:38px;height:38px;flex-basis:38px}.mohu-gateway-card strong{font-size:13px}.mohu-gateway-card span{font-size:10.5px}
  .section{padding:18px 0}.categories{margin:18px 0;grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{min-height:105px}.category-icon{font-size:21px}.category-card h3{font-size:13px}.category-card p{font-size:10.5px}
  .opportunity{grid-template-columns:42px 1fr!important;gap:10px;padding:15px 0}.op-logo{width:42px;height:42px}.opportunity h3{font-size:15px;margin-bottom:3px}.opportunity .meta{font-size:11.5px}.opportunity .actions{gap:5px;margin-top:8px}.opportunity .badge{font-size:10px;padding:5px 7px}.mohu-summary{font-size:11.5px;line-height:1.4;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.job-right{padding-top:7px}.deadline{font-size:10.5px}
  .mohu-discovery-section .mohu-chip-grid a:nth-child(n+7){display:none}.mohu-discovery-section{padding-top:0}.trust-strip{margin:16px 0}.cta-grid{margin:16px 0}.cta{padding:18px!important}.cta h3{font-size:18px!important}.checklist{font-size:12px}
  .menu{padding:8px 12px!important;display:none!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important;max-height:68vh!important}.menu.is-open{display:grid!important}.menu a{padding:10px 9px!important;border:1px solid #edf1f5!important;border-radius:8px;font-size:10px;line-height:1.2;display:flex;align-items:center}.menu a:first-child,.menu a:nth-child(10){grid-column:1/-1}
}


/* =========================================================
   MOHU PHASE 1E — CORRECTIONS FROM LIVE MOBILE REVIEW
   ========================================================= */
.brand small { display:flex; align-items:center; gap:5px; flex-wrap:wrap; }
.brand-mohu { color:var(--navy); font-weight:900; font-size:.82em; letter-spacing:.02em; }

.mohu-browse-panel {
  margin-top:18px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
}
.mohu-browse-heading h2 { margin:0 0 4px; font-size:22px; }
.mohu-browse-heading p { margin:0 0 14px; color:var(--muted); font-size:13px; }
.mohu-browse-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.mohu-browse-field label { display:block; margin:0 0 6px; font-weight:800; font-size:12px; color:var(--navy); }
.mohu-browse-field .form-control { min-height:50px; font-weight:700; cursor:pointer; }

@media(max-width:800px){
  .mohu-browse-grid { grid-template-columns:1fr; gap:10px; }
}

@media(max-width:560px){
  .mohu-browse-panel { padding:14px; margin-top:14px; }
  .mohu-browse-heading h2 { font-size:20px; }
  .mohu-browse-heading p { font-size:12px; margin-bottom:12px; }
  .mohu-browse-field .form-control { min-height:46px; }

  /* Final mobile footer: genuinely two columns and substantially shorter. */
  .site-footer .footer-grid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px 18px !important;
    align-items:start !important;
  }
  .site-footer .footer-brand {
    grid-column:1 / -1 !important;
    margin:0 !important;
    padding:0 0 4px !important;
  }
  .site-footer .footer-brand strong { font-size:13px !important; line-height:1.25 !important; }
  .site-footer .footer-brand p { margin:5px 0 0 !important; font-size:10.5px !important; line-height:1.35 !important; max-width:46ch; }
  .site-footer .footer-section { margin:0 !important; padding:0 !important; min-width:0; }
  .site-footer .footer-section h4 { margin:0 0 6px !important; padding-bottom:5px !important; font-size:11.5px !important; }
  .site-footer .footer-section a,
  .site-footer .footer-section p { margin:3px 0 !important; font-size:10.5px !important; line-height:1.32 !important; }
  .site-footer .footer-contact {
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:2px 14px !important;
  }
  .site-footer .footer-contact h4 { grid-column:1 / -1 !important; }
  .site-footer .footer-contact a { overflow-wrap:anywhere; }
  .site-footer .footer-bottom { margin-top:12px !important; padding-top:10px !important; }
  .site-footer .copyright { font-size:9.5px !important; line-height:1.35 !important; }
}

@media(max-width:370px){
  .site-footer .footer-grid { gap:12px 12px !important; }
  .site-footer .footer-contact { grid-template-columns:1fr !important; }
}