/* 408-UI-4.5 — Professional Programs Campaign Convergence
   Presentation-only layer for Healthcare, Teachers, Technology, and Engineers.
   Keeps certified forms, campaign matching, attribution, consent, and CoverageFit behavior intact. */

body.ui45-professional-editorial{
  --ui45-pro-gold:var(--ui4-gold-600,#c18400);
  --ui45-pro-gold-dark:var(--ui4-gold-700,#8a5b00);
  --ui45-pro-paper:#fff;
  --ui45-pro-ink:var(--ui3-navy-950,#031a3d);
  --ui45-pro-muted:#40536d;
  background:#fff;
}

/* Professional family switcher: prominent, simple, mockup-like. */
body.ui45-professional-editorial .professional-program-bar{
  background:#fff!important;
  border-bottom:1px solid var(--ui4-line,#dfe5ec)!important;
}
body.ui45-professional-editorial .professional-program-bar__inner{
  width:min(1160px,calc(100% - 34px));
  min-height:68px;
  justify-content:center;
}
body.ui45-professional-editorial .professional-program-bar__label{display:none!important;}
body.ui45-professional-editorial .professional-program-switcher{
  width:100%;
  justify-content:space-between;
  gap:8px;
}
body.ui45-professional-editorial .professional-program-switcher a{
  gap:8px;
  flex:1 1 0;
  min-height:60px;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#41536b;
  font-size:.92rem;
  font-weight:760;
}
body.ui45-professional-editorial .professional-program-switcher a[aria-current="page"]{
  color:var(--ui45-pro-ink);
}
body.ui45-professional-editorial .professional-program-switcher a[aria-current="page"]::after{
  left:12%;right:12%;bottom:0;height:3px;background:var(--ui45-pro-gold)!important;
}
body.ui45-professional-editorial .professional-program-switcher .ui45-program-icon{
  display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;color:currentColor;
}
body.ui45-professional-editorial .professional-program-switcher .ui45-program-icon svg{width:24px;height:24px;display:block;}

/* Mockup grammar: editorial proposition -> human professional -> live form. */
body.ui45-professional-editorial .ui45-professional-hero{
  width:min(1240px,calc(100% - 40px));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(300px,.86fr) minmax(330px,.94fr) minmax(390px,.90fr);
  grid-template-areas:"copy media action";
  align-items:stretch;
  gap:0;
  padding:0;
  background:#fff;
  overflow:visible;
}
body.ui45-professional-editorial .ui45-professional-copy{
  grid-area:copy;
  position:relative;
  z-index:2;
  padding:clamp(38px,4.5vw,68px) clamp(24px,3vw,42px) clamp(34px,4vw,56px) 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body.ui45-professional-editorial .ui45-professional-copy .ui4-kicker{
  margin-bottom:14px;
  color:var(--ui45-pro-gold-dark);
}
body.ui45-professional-editorial .ui45-professional-title{
  max-width:8.2ch;
  margin:0;
  color:var(--ui45-pro-ink);
  font-size:clamp(3.2rem,5.4vw,5.65rem);
  line-height:.94;
  letter-spacing:-.057em;
  font-weight:900;
  text-wrap:balance;
}
body.ui45-professional-editorial .ui45-professional-title .ui45-title-accent{color:var(--ui45-pro-gold);}
body.ui45-professional-editorial .ui45-professional-rule{
  width:clamp(94px,12vw,165px);height:3px;margin:17px 0 24px;border:0;border-radius:999px;background:var(--ui45-pro-gold);
}
body.ui45-professional-editorial .ui45-professional-lead{
  max-width:34rem;margin:0;color:var(--ui45-pro-muted);font-size:clamp(1rem,1.22vw,1.12rem);line-height:1.62;
}
body.ui45-professional-editorial .ui45-professional-benefits{
  display:grid;gap:14px;margin:28px 0 0;padding:0;list-style:none;
}
body.ui45-professional-editorial .ui45-professional-benefits li{
  display:flex;align-items:center;gap:11px;color:#243b58;font-size:.92rem;font-weight:740;
}
body.ui45-professional-editorial .ui45-professional-benefits .ui45-benefit-icon{
  display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1.5px solid #0c3269;border-radius:50%;color:#0c3269;font-size:.9rem;font-weight:900;
}
body.ui45-professional-editorial .ui45-professional-benefits em{font-style:normal;color:var(--ui45-pro-gold-dark);}
body.ui45-professional-editorial .ui45-professional-hero-cta{
  align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;margin-top:28px;padding:0 22px;border-radius:9px;background:var(--ui3-red,#d71920);color:#fff;text-decoration:none;font-size:.93rem;font-weight:900;box-shadow:none;
}
body.ui45-professional-editorial .ui45-professional-hero-cta:hover{background:var(--ui3-red-700,#b80f16);}
body.ui45-professional-editorial .ui45-professional-qualifier{max-width:34rem;margin:13px 0 0;color:#68778b;font-size:.76rem;line-height:1.48;}

body.ui45-professional-editorial .ui45-professional-media{
  grid-area:media;position:relative;min-height:600px;overflow:hidden;background:#eef3f6;
}
body.ui45-professional-editorial .ui45-professional-media::before{
  content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:28%;pointer-events:none;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 25%,rgba(255,255,255,0) 100%);
}
body.ui45-professional-editorial .ui45-professional-media::after{
  content:"";position:absolute;z-index:1;inset:0 0 0 auto;width:16%;pointer-events:none;background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,.66) 30%,rgba(255,255,255,0) 100%);
}
body.ui45-professional-editorial .ui45-professional-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}

body.ui45-professional-editorial .ui45-professional-action{
  grid-area:action;position:relative;z-index:3;display:flex;align-items:center;padding:26px 0 26px 22px;
}
body.ui45-professional-editorial .ui45-professional-panel{
  width:100%;padding:28px 28px 24px!important;border:1px solid var(--ui4-line,#dfe5ec)!important;border-top:1px solid var(--ui4-line,#dfe5ec)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 28px rgba(3,26,61,.09)!important;position:relative!important;inset:auto!important;margin:0!important;backdrop-filter:none!important;
}
body.ui45-professional-editorial .ui45-professional-panel .card-kicker{color:var(--ui45-pro-gold-dark)!important;font-size:.72rem!important;letter-spacing:.11em!important;}
body.ui45-professional-editorial .ui45-professional-panel h2{margin:8px 0 18px!important;color:var(--ui45-pro-ink)!important;font-size:clamp(1.85rem,2.7vw,2.55rem)!important;line-height:1.04!important;letter-spacing:-.04em!important;}
body.ui45-professional-editorial .ui45-professional-panel>p{display:none!important;}
body.ui45-professional-editorial .ui45-professional-panel #leadForm{margin:0!important;}
body.ui45-professional-editorial .ui45-professional-panel #leadForm .field-grid{gap:9px 11px;}
body.ui45-professional-editorial .ui45-professional-panel #leadForm label{margin-bottom:10px;}
body.ui45-professional-editorial .ui45-professional-panel #leadForm label>span:first-child{font-size:.75rem;font-weight:800;color:#2e4562;}
body.ui45-professional-editorial .ui45-professional-panel #leadForm :is(input:not([type="checkbox"]):not([type="radio"]),select){min-height:46px!important;border-radius:8px!important;box-shadow:none!important;}
body.ui45-professional-editorial .ui45-professional-panel #leadForm .consent{margin-top:6px;font-size:.72rem;line-height:1.4;}
body.ui45-professional-editorial .ui45-professional-panel .cta-reassurance{font-size:.72rem!important;line-height:1.4!important;margin:10px 0!important;}
body.ui45-professional-editorial .ui45-professional-panel .primary-button{min-height:52px!important;border-radius:8px!important;background:var(--ui3-red,#d71920)!important;box-shadow:none!important;}
body.ui45-professional-editorial .ui45-professional-panel .or-divider,
body.ui45-professional-editorial .ui45-professional-panel .direct-contact-choice{display:none!important;}
body.ui45-professional-editorial .ui45-panel-note{margin:10px 0 0;color:#66758a;font-size:.72rem;line-height:1.42;}

/* Dylan band mirrors the approved mockup family. */
body.ui45-professional-editorial .ui45-professional-relationship{margin-top:0;margin-bottom:0;transform:translateY(-1px);}
body.ui45-professional-editorial .ui45-professional-relationship .ht-signature__portrait{width:70px;height:70px;flex-basis:70px;}
body.ui45-professional-editorial .ui45-professional-relationship .ht-signature__title{font-size:1.15rem;}

/* Lower page is editorial, not dashboard chrome. */
body.ui45-professional-editorial .ui45-professional-support{padding-top:54px;padding-bottom:50px;}
body.ui45-professional-editorial .ui45-professional-support h2{margin:0 0 16px;color:var(--ui45-pro-ink);font-size:1.06rem;line-height:1.25;letter-spacing:.02em;}
body.ui45-professional-editorial .ui45-professional-support p{font-size:.91rem;}
body.ui45-professional-editorial .ui45-professional-support .ui4-section-label{margin-bottom:18px;}
body.ui45-professional-editorial .ui45-professional-support .ui45-support-note{margin-top:20px;color:#5f6f84;font-size:.78rem;line-height:1.5;}
body.ui45-professional-editorial .ui45-professional-support .ui45-local-links{display:grid;gap:9px;margin-top:18px;}
body.ui45-professional-editorial .ui45-professional-support .ui45-local-links a{color:#0c3269;font-weight:800;text-underline-offset:3px;}
body.ui45-professional-editorial .ui45-authorized-mark{width:min(230px,100%);margin-top:22px;}
body.ui45-professional-editorial .ui45-authorized-mark img{display:block;width:100%;height:auto;}
body.ui45-professional-editorial .ui45-professional-trust{margin-top:0;margin-bottom:0;}

/* Legacy professional content remains available to source regression but is replaced visually by UI-4.5. */
body.ui45-professional-editorial main>.content-section,
body.ui45-professional-editorial main>.steps,
body.ui45-professional-editorial main>.agent-section{display:none!important;}

@media(max-width:1180px){
  body.ui45-professional-editorial .ui45-professional-hero{width:min(100% - 34px,980px);grid-template-columns:minmax(0,.92fr) minmax(300px,.88fr);grid-template-areas:"copy media" "action action";}
  body.ui45-professional-editorial .ui45-professional-media{min-height:510px;}
  body.ui45-professional-editorial .ui45-professional-action{padding:0 0 34px;justify-content:flex-end;margin-top:-36px;}
  body.ui45-professional-editorial .ui45-professional-panel{width:min(560px,100%);}
}
@media(max-width:860px){
  body.ui45-professional-editorial .professional-program-bar__inner{width:100%;min-height:58px;overflow-x:auto;scrollbar-width:none;}
  body.ui45-professional-editorial .professional-program-switcher{min-width:620px;padding:0 14px;}
  body.ui45-professional-editorial .professional-program-switcher a{min-height:56px;font-size:.86rem;}
  body.ui45-professional-editorial .ui45-professional-hero{width:min(100% - 28px,760px);grid-template-columns:1fr;grid-template-areas:"copy" "media" "action";}
  body.ui45-professional-editorial .ui45-professional-copy{padding:32px 0 24px;}
  body.ui45-professional-editorial .ui45-professional-title{max-width:9ch;font-size:clamp(2.9rem,12vw,4.5rem);}
  body.ui45-professional-editorial .ui45-professional-media{min-height:430px;border-radius:16px;}
  body.ui45-professional-editorial .ui45-professional-media::before{inset:auto 0 0 0;width:auto;height:22%;background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 100%);}
  body.ui45-professional-editorial .ui45-professional-media::after{display:none;}
  body.ui45-professional-editorial .ui45-professional-action{padding:0;margin:-34px 12px 38px;justify-content:stretch;}
  body.ui45-professional-editorial .ui45-professional-panel{width:100%;padding:24px 20px 20px!important;}
  body.ui45-professional-editorial .ui45-professional-relationship{width:min(100% - 28px,760px);}
  body.ui45-professional-editorial .ui45-professional-support{padding-top:36px;}
}
@media(max-width:560px){
  body.ui45-professional-editorial .professional-program-switcher{min-width:560px;}
  body.ui45-professional-editorial .professional-program-switcher .ui45-program-icon{display:none;}
  body.ui45-professional-editorial .ui45-professional-benefits{gap:11px;}
  body.ui45-professional-editorial .ui45-professional-benefits li{font-size:.88rem;}
  body.ui45-professional-editorial .ui45-professional-hero-cta{width:100%;}
  body.ui45-professional-editorial .ui45-professional-media{min-height:360px;}
  body.ui45-professional-editorial .ui45-professional-action{margin:-24px 7px 32px;}
  body.ui45-professional-editorial .ui45-professional-panel #leadForm .field-grid{grid-template-columns:1fr!important;}
  body.ui45-professional-editorial .ui45-professional-panel #leadForm :is(input:not([type="checkbox"]):not([type="radio"]),select){font-size:16px!important;}
}
@media(max-height:560px) and (orientation:landscape){
  body.ui45-professional-editorial .ui45-professional-hero{padding-top:0;}
  body.ui45-professional-editorial .ui45-professional-media{min-height:340px;}
}
@media(prefers-reduced-motion:reduce){body.ui45-professional-editorial *{scroll-behavior:auto!important;}}
@media(forced-colors:active){
  body.ui45-professional-editorial .ui45-professional-rule,
  body.ui45-professional-editorial .ui4-section-label::after{background:CanvasText!important;}
  body.ui45-professional-editorial .ui45-professional-title .ui45-title-accent,
  body.ui45-professional-editorial .ui4-kicker{color:CanvasText!important;}
  body.ui45-professional-editorial .ui45-professional-panel{border:1px solid CanvasText!important;}
}
/* Final UI-4.5 mockup calibration. */
body.ui45-professional-editorial .ui45-professional-title{max-width:11ch;}
body.ui45-professional-editorial .ui45-professional-title .ui45-title-accent{display:block;}
body.ui45-professional-editorial .ui45-professional-media img{object-position:center center;}
body.ui45-professional-editorial .ui45-professional-title{font-size:clamp(3rem,4.5vw,4.8rem);max-width:12ch;}
