/* V151 — exact commercial homepage alignment + mobile correction
   Target: supplied V150 page should visually match the approved reference image.
   Header: brand + Login + Register + Employer only.
   Hero: single search inside hero, integrated student/employee visual.
*/
:root{--sv151-purple:#5b2be0;--sv151-orange:#f28a16;--sv151-teal:#008f8f;--sv151-ink:#15203a}
/* Header — no search, no service/navigation tabs. */
.sv150-topbar{max-width:1400px;min-height:78px;padding:9px 26px;gap:18px}
.sv150-brand{min-width:255px;gap:9px}
.sv150-brand img{height:54px;width:auto;max-width:76px}
.sv150-brand span{font-size:23px;color:var(--sv151-purple)!important}
.sv150-brand b{color:var(--sv151-purple)!important}.sv150-brand em{color:var(--sv151-orange)!important}
.sv150-actions{gap:8px}
.sv150-actions a{min-height:40px;padding:0 15px;border-radius:9px;font-size:12px}
.sv150-login{color:var(--sv151-purple)!important}
.sv150-register{background:linear-gradient(135deg,var(--sv151-purple),#7548f0)!important}
.sv150-employer{border-color:#b9dcdc!important;background:#f1fbfb!important;color:#007878!important}
/* Hero matches the reference composition. */
.sv148-hero{grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr)!important;min-height:356px!important;background:linear-gradient(105deg,#f4f7ff 0%,#eef7fa 60%,#f4fbff 100%)!important;border-bottom:1px solid #e8edf6}
.sv148-hero-copy{padding:44px 30px 32px max(28px,calc((100vw - 1320px)/2))!important;max-width:760px}
.sv148-kicker{font-size:10px!important;color:#5370b4!important}
.sv148-hero h1{font-size:clamp(34px,3.4vw,48px)!important;line-height:1.04!important;letter-spacing:-.052em!important;margin:7px 0 11px!important}
.sv148-hero h1 em{color:#2857d9!important}
.sv148-hero p{font-size:13px!important;line-height:1.5!important;max-width:620px!important}
/* Hero search is the ONLY search field on the homepage. */
.sv148-search{display:flex!important;height:46px!important;margin-top:17px!important;border-radius:9px!important}
.sv148-search input{font-size:12px!important}
.sv148-search button{background:#008f8f!important}
.sv148-trending{margin-top:11px!important;gap:7px!important}
.sv148-trending a{font-size:8.5px!important;padding:5px 9px!important;background:rgba(255,255,255,.82)!important}
.sv148-hero-image{height:356px!important;min-height:356px!important;padding:0!important;border-radius:0!important;justify-content:flex-end!important;align-items:flex-end!important;background:transparent!important;overflow:hidden!important}
.sv148-hero-image:after{background:linear-gradient(90deg,rgba(244,247,255,.25) 0%,rgba(244,247,255,0) 32%,rgba(244,251,255,0) 100%)!important}
.sv148-hero-image img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;filter:saturate(1.03)!important}
/* Service strip — one occurrence, directly under hero. */
.sv150-service-strip{width:min(1400px,calc(100% - 44px));margin:16px auto 0!important}
.sv150-service-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}
.sv150-service-card{min-height:60px;padding:8px 9px;border-radius:10px}
.sv150-service-card b{font-size:9.5px}.sv150-service-card small{font-size:7.5px}
/* Teal section accents. */
.trending .head h2,.sv148-domain-head h2,.lists .list-card .head h2,.toolkit .tool-copy h2,.faculty h2,.commercial h2,.tools-showcase h2,.final-cta h2,.faq h2{color:var(--sv151-teal)!important}
/* Remove explicitly unwanted homepage blocks. */
.sv145-live,.sv144-audience,.trust-note,.source-note,.ecosystem{display:none!important}
/* The reference has the employer panel before the content lists. */
.sv148-employer{margin-top:16px!important}
/* Replace the old live metrics strip with the clean benefits strip used in the approved reference. */
.metrics{display:none!important}
.sv151-benefits{width:min(1400px,calc(100% - 44px));margin:12px auto 22px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #e7ebf0;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 4px 16px rgba(25,36,64,.04)}
.sv151-benefit{min-height:66px;padding:10px 14px;display:flex;align-items:center;gap:10px;border-right:1px solid #e7ebf0}.sv151-benefit:last-child{border-right:0}.sv151-benefit i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf8f7;color:var(--sv151-teal);font-style:normal;font-size:17px}.sv151-benefit b{display:block;font-size:10px;color:#163c4b}.sv151-benefit span{display:block;margin-top:2px;font-size:8px;color:#6d778a}
@media(max-width:1120px){.sv150-brand{min-width:220px}.sv150-brand span{font-size:20px}.sv150-actions a{padding:0 11px}.sv148-hero{grid-template-columns:minmax(0,1fr) minmax(350px,.8fr)!important}.sv150-service-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.sv151-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.sv151-benefit:nth-child(3){border-right:0}.sv151-benefit:nth-child(n+4){border-top:1px solid #e7ebf0}}
@media(max-width:900px){
  .sv150-topbar{min-height:64px;padding:7px 14px;gap:7px}.sv150-brand{min-width:0;gap:5px}.sv150-brand img{height:42px;max-width:62px}.sv150-brand span{font-size:17px}.sv150-actions{margin-left:auto;gap:5px}.sv150-actions a{min-height:34px;padding:0 8px;font-size:9px}.sv150-employer{display:inline-flex!important}
  .sv148-hero{grid-template-columns:1fr!important;min-height:0!important}.sv148-hero-copy{padding:27px 18px 17px!important;max-width:none}.sv148-hero h1{font-size:31px!important;line-height:1.06!important}.sv148-hero p{font-size:11.5px!important}.sv148-search{height:43px!important;margin-top:13px!important}.sv148-search select{font-size:9px}.sv148-search button{font-size:10px;padding:0 14px}.sv148-hero-image{height:230px!important;min-height:230px!important;justify-content:center!important}.sv148-hero-image img{object-position:center center!important}.sv150-service-strip{width:calc(100% - 20px)!important}.sv150-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sv150-service-card{min-height:58px}.sv150-service-card b{font-size:9px;white-space:normal}.sv150-service-card small{font-size:7.5px;white-space:normal}.sv151-benefits{width:calc(100% - 20px);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.sv151-benefit{border-right:1px solid #e7ebf0!important}.sv151-benefit:nth-child(even){border-right:0!important}.sv151-benefit:nth-child(n+3){border-top:1px solid #e7ebf0}.sv148-domains,.sv148-employer,.lists,.trending,.toolkit,.faculty,.commercial,.final-cta,.faq,.tools-showcase{width:calc(100% - 20px)}
}
@media(max-width:560px){
  .sv150-topbar{padding:6px 10px}.sv150-brand img{height:38px;max-width:56px}.sv150-brand span{font-size:15px}.sv150-actions{gap:3px}.sv150-actions a{min-height:32px;padding:0 6px;font-size:8.5px;border-radius:8px}.sv150-employer{display:inline-flex!important}
  .sv148-hero-copy{padding:23px 14px 14px!important}.sv148-kicker{font-size:8px!important}.sv148-hero h1{font-size:26px!important;letter-spacing:-.04em!important;margin:6px 0 9px!important}.sv148-hero p{font-size:10.5px!important;line-height:1.42!important}.sv148-search{height:auto!important;min-height:42px!important;padding:3px!important;flex-wrap:nowrap!important}.sv148-search input{font-size:10px!important;padding:0 6px!important}.sv148-search select{height:30px!important;max-width:88px;padding:0 4px!important;font-size:8px!important}.sv148-search button{height:31px!important;padding:0 10px!important;font-size:9px!important}.sv148-trending{gap:4px!important;margin-top:8px!important}.sv148-trending b{font-size:8px!important}.sv148-trending a{font-size:7px!important;padding:4px 6px!important}.sv148-hero-image{height:185px!important;min-height:185px!important}.sv148-hero-image img{object-fit:cover!important;object-position:center center!important}.sv150-service-card{padding:7px 8px;gap:6px}.sv150-service-icon{width:27px;height:27px;flex-basis:27px;font-size:13px}.sv150-service-card b{font-size:8.5px}.sv150-service-card small{font-size:7px}.sv151-benefits{grid-template-columns:1fr}.sv151-benefit,.sv151-benefit:nth-child(even){border-right:0!important}.sv151-benefit:not(:first-child){border-top:1px solid #e7ebf0}.sv151-benefit{min-height:58px}.sv151-benefit i{width:30px;height:30px;font-size:15px}
}
@media(max-width:360px){.sv150-brand span{font-size:14px}.sv150-brand img{height:35px;max-width:51px}.sv150-actions a{padding:0 5px;font-size:8px}.sv148-hero h1{font-size:24px!important}.sv148-search select{display:none}.sv148-search button{padding:0 9px}}