/* Page-specific CSS for elastic-migrations.
   Part A: page adjustments to approved templates (kept out of css/sections/).
   Part B: source-design package sections (ai-search-package, devai-sentinel-package).
           PENDING GRACE: new_library_template approval. Not an approved reusable template. */

/* ---------- A1. hero-primary (dashport-dark-proof-hero) ---------- */
/* Media stage + KPI row omitted: source supplies no media and no KPI claims. */
/* Cheetah art (Grace 2026-10-06) replaces the media stage at the right of the title. No glow/gradient (removed per Grace 2026-10-07). */
#hero-primary .dp-hero__top{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,72px)}
#hero-primary .dp-hero__title{max-width:14ch}
#hero-primary .dp-hero__lede{margin-top:28px;max-width:36ch}
#hero-primary .em-hero__art{position:relative;margin:0;padding:clamp(40px,6vw,96px) 0;display:grid;place-items:center;isolation:isolate}
#hero-primary .em-hero__art img{width:112%;max-width:none;height:auto}
@media (max-width:1080px){
  #hero-primary .em-hero__art{max-width:640px;width:100%;justify-self:center}
  #hero-primary .em-hero__art img{width:100%}
}

/* ---------- A2. migration-source-strip (dashport-platform-migration-strip) ---------- */
/* 12 text labels instead of 7 logos: 6-column source grid. */
#migration-source-strip .dp-strip__sources{grid-template-columns:repeat(6,minmax(0,1fr))}
#migration-source-strip .dp-strip__item{min-height:80px}
#migration-source-strip .dp-strip__dest{height:auto;min-height:166px}
#migration-source-strip .dp-strip__dest span{font-family:var(--display);font-size:32px;line-height:1;color:var(--deep)}
#migration-source-strip .em-strip__cta{display:flex;justify-content:flex-start;margin-top:40px}
@media (max-width:1080px){
  #migration-source-strip .dp-strip__sources{grid-template-columns:repeat(4,minmax(0,1fr))}
  #migration-source-strip .dp-strip__item:nth-child(7){grid-column:auto}
  #migration-source-strip .dp-strip__dest{min-height:96px}
}
@media (max-width:620px){
  #migration-source-strip .dp-strip__sources{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- Shared page button (brand gold, square) ---------- */
.em-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:16px 28px;background:var(--gold);color:#181818;border:1px solid var(--gold);font-family:var(--body);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.em-btn:hover{background:var(--deep);border-color:var(--deep);color:#FFFFFF}
.em-pkg--dark .em-btn:hover,.em-pkg__card .em-btn:hover{background:#FFFFFF;border-color:#FFFFFF;color:var(--deep)}

/* ---------- A3. observability-siem-migrations (dashport-risk-card-grid) ---------- */
/* Four cards (RECAST removed): 4-col grid. */
#observability-siem-migrations .dp-risk__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1180px){
  #observability-siem-migrations .dp-risk__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #observability-siem-migrations .dp-risk__card,
  #observability-siem-migrations .dp-risk__card:nth-child(4){grid-column:auto}
}
@media (max-width:620px){
  #observability-siem-migrations .dp-risk__grid{grid-template-columns:1fr}
}

/* ---------- Solution numbering (01 / 02) before section titles ---------- */
.em-solution-head{display:flex;align-items:flex-start;gap:clamp(20px,2.4vw,36px)}
.em-solution-num{flex:none;margin-top:4px;font-family:var(--display);font-weight:400;font-size:clamp(72px,8vw,120px);line-height:.82;letter-spacing:0;color:var(--gold)}
.em-solution-text{flex:1 1 auto;min-width:0}
#search-engine-migrations .em-solution-text .accelerators-1a-corporate-premium__style-5,
#search-engine-migrations .em-solution-text .accelerators-1a-corporate-premium__style-6{width:100% !important;max-width:100% !important;flex:none !important}
#search-engine-migrations .em-solution-head{width:var(--title-description-width)}
@media (max-width:640px){
  #search-engine-migrations .em-solution-head{width:100%}
  .em-solution-head{flex-direction:column;gap:12px}
}

/* ---------- A4. search-engine-migrations (accelerators-1a-corporate-premium) ---------- */
/* 4 migration cards (no links in source) + 3 proof cards in a 12-col grid. */
#search-engine-migrations .accelerators-1a-corporate-premium__style-7{grid-template-columns:repeat(12,minmax(0,1fr))}
#search-engine-migrations .em-acc__migration{grid-column:span 3}
#search-engine-migrations .em-acc__migration .accelerators-1a-corporate-premium__style-11{margin-bottom:0}
#search-engine-migrations .em-acc__proof{grid-column:span 4;background:#E6DFD4;padding:32px 30px 30px;display:flex;flex-direction:column;gap:12px;border-top:3px solid var(--gold)}
#search-engine-migrations .em-acc__proof-title{margin:0;font-family:var(--display);font-weight:400;font-size:24px;line-height:var(--lh-tight);color:#0D5630}
#search-engine-migrations .em-acc__proof-body{margin:0;font:300 15px/1.62 var(--body);color:#57473A}
@media (max-width:1180px){
  #search-engine-migrations .em-acc__migration{grid-column:span 6}
  #search-engine-migrations .em-acc__proof{grid-column:span 12}
}
@media (max-width:640px){
  #search-engine-migrations .accelerators-1a-corporate-premium__style-7{grid-template-columns:1fr}
  #search-engine-migrations .em-acc__migration,
  #search-engine-migrations .em-acc__proof{grid-column:auto}
}

/* ---------- B. Source-design package sections (PENDING GRACE) ---------- */
.em-pkg{padding-block:var(--section-padding-y);background:#FFFFFF;color:#181818}
.em-pkg--dark{background:#06301B;color:#FFFFFF}
.em-pkg__head{margin-bottom:56px;width:var(--title-description-width);max-width:var(--title-description-width)}
.em-pkg__kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;color:var(--sage)}
.em-pkg__kicker::before{content:"";width:28px;height:2px;background:var(--gold)}
.em-pkg--dark .em-pkg__kicker{color:var(--gold)}
.em-pkg__title{margin:0;color:var(--deep)}
.em-pkg--dark .em-pkg__title{color:#FFFFFF}
.em-pkg__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:56px;align-items:start}
.em-pkg__lede{margin:0 0 40px;font-size:18px;line-height:1.5;color:#57473A}
.em-pkg--dark .em-pkg__lede{color:rgba(255,255,255,.84)}
.em-pkg__list{border-top:1px solid var(--rule)}
.em-pkg--dark .em-pkg__list{border-top-color:rgba(255,255,255,.22)}
.em-pkg__item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:20px;padding:28px 0;border-bottom:1px solid var(--rule)}
.em-pkg--dark .em-pkg__item{border-bottom-color:rgba(255,255,255,.22)}
.em-pkg__check{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--bronze);font-size:14px;line-height:1}
.em-pkg--dark .em-pkg__check{color:var(--gold)}
.em-pkg__item-title{margin:0 0 6px;font-family:var(--display);font-weight:400;font-size:22px;line-height:var(--lh-tight);color:var(--deep)}
.em-pkg--dark .em-pkg__item-title{color:#FFFFFF}
.em-pkg__item-body{margin:0;font-size:16px;line-height:1.55;color:var(--grey-mid)}
.em-pkg--dark .em-pkg__item-body{color:rgba(255,255,255,.78)}

.em-pkg__card{background:var(--deep);border-top:3px solid var(--gold);padding:44px;color:#FFFFFF;display:flex;flex-direction:column;gap:24px}
.em-pkg:not(.em-pkg--dark) .em-pkg__card{background:#06301B}
.em-pkg__chip{align-self:flex-start;padding:8px 12px;border:1px solid rgba(212,175,55,.6);color:var(--gold)}
.em-pkg__card-title{margin:0;font-family:var(--display);font-weight:400;font-size:34px;line-height:var(--lh-tight);color:#FFFFFF;text-wrap:pretty}
.em-pkg__card-copy{margin:0;font-size:16px;line-height:1.55;color:rgba(255,255,255,.84)}
.em-pkg__card-copy strong{font-weight:700;color:var(--gold)}
.em-pkg__process{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:22px 0;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#FFFFFF}
.em-pkg__process li{display:flex;align-items:center;gap:14px}
.em-pkg__process li + li::before{content:"\2192";color:var(--gold);font-family:var(--display);font-size:18px;letter-spacing:0}
.em-pkg__ctas{display:flex;flex-wrap:wrap;gap:12px}
.em-btn--ghost{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.5)}
.em-btn--ghost:hover{background:#FFFFFF;border-color:#FFFFFF;color:var(--deep)}

.em-pkg__lead-metric{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;padding:26px 0;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}
.em-pkg__lead-fig{font-family:var(--display);font-size:64px;line-height:.9;color:var(--gold)}
.em-pkg__lead-label{font-size:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#FFFFFF}
.em-pkg__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.22)}
.em-pkg__metric{background:#06301B;padding:20px 20px 22px 0;display:flex;flex-direction:column;gap:8px}
.em-pkg__metric:nth-child(even){padding-left:24px}
.em-pkg__fig{font-family:var(--display);font-size:30px;line-height:1;color:var(--gold)}
.em-pkg__mlabel{font-size:14px;line-height:1.4;color:rgba(255,255,255,.82)}

@media (max-width:1080px){
  .em-pkg__body{grid-template-columns:1fr;gap:48px}
}
@media (max-width:640px){
  .em-pkg__head{width:100%;max-width:100%}
  .em-pkg__card{padding:32px 24px}
  .em-pkg__metrics{grid-template-columns:1fr}
  .em-pkg__metric:nth-child(even){padding-left:0}
}