/* PAGE-SPECIFIC CSS: looker-services-combined
   Every rule here is scoped to a page section via [data-manifest-section="..."].
   Reusable template CSS in css/sections/ is loaded unmodified; this file only adapts
   template capacity (item counts) and adds source content the templates have no slot for.
   Spacing, type, rules and colours use css/tokens.css values only. */

/* 1 hero-primary — "What's in scope" panel replaces the DASHPORT diagram; four KPIs instead of three. */
[data-manifest-section="hero-primary"] .dp-hero__title{max-width:16ch}
[data-manifest-section="hero-primary"] .page-hero-cta{margin-top:40px}
[data-manifest-section="hero-primary"] .page-hero-art{align-items:center;justify-content:center}
[data-manifest-section="hero-primary"] .page-hero-art img{width:100%;max-width:440px;height:auto}
@media (max-width:1080px){[data-manifest-section="hero-primary"] .dp-hero__top{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center}}
@media (max-width:760px){
  [data-manifest-section="hero-primary"] .dp-hero__top{grid-template-columns:1fr}
  [data-manifest-section="hero-primary"] .page-hero-art{justify-content:flex-start}
  [data-manifest-section="hero-primary"] .page-hero-art img{max-width:320px}
}
[data-manifest-section="hero-primary"] .page-hero-scope{padding:0;background:var(--paper)}
[data-manifest-section="hero-primary"] .page-hero-scope__label{display:block;padding:22px 28px;border-bottom:1px solid var(--rule);color:var(--bronze)}
[data-manifest-section="hero-primary"] .page-hero-scope__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
[data-manifest-section="hero-primary"] .page-hero-scope__list li{display:flex;flex-direction:column;gap:10px;padding:28px;border-left:1px solid var(--rule)}
[data-manifest-section="hero-primary"] .page-hero-scope__list li:first-child{border-left:0}
[data-manifest-section="hero-primary"] .page-hero-scope__idx{font-family:var(--display);font-size:var(--fs-content-index);line-height:1;color:var(--bronze)}
[data-manifest-section="hero-primary"] .page-hero-scope__name{font-family:var(--display);font-weight:var(--display-weight);font-size:20px;line-height:var(--lh-tight);color:var(--deep)}
[data-manifest-section="hero-primary"] .page-hero-scope__note{font-size:var(--fs-small);line-height:1.45;color:var(--grey-mid)}
[data-manifest-section="hero-primary"] .dp-hero__kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1080px){
  [data-manifest-section="hero-primary"] .page-hero-scope__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-manifest-section="hero-primary"] .page-hero-scope__list li{border-left:0;border-top:1px solid var(--rule)}
  [data-manifest-section="hero-primary"] .page-hero-scope__list li:nth-child(even){border-left:1px solid var(--rule)}
  [data-manifest-section="hero-primary"] .page-hero-scope__list li:nth-child(-n+2){border-top:0}
  [data-manifest-section="hero-primary"] .page-hero-scope__list li:nth-child(5){grid-column:1 / -1}
  [data-manifest-section="hero-primary"] .dp-hero__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-manifest-section="hero-primary"] .dp-hero__kpi:nth-child(odd)::before{display:none}
}
@media (max-width:620px){
  [data-manifest-section="hero-primary"] .page-hero-scope__list{grid-template-columns:1fr}
  [data-manifest-section="hero-primary"] .page-hero-scope__list li,
  [data-manifest-section="hero-primary"] .page-hero-scope__list li:nth-child(even){border-left:0}
  [data-manifest-section="hero-primary"] .page-hero-scope__list li:nth-child(2){border-top:1px solid var(--rule)}
  [data-manifest-section="hero-primary"] .dp-hero__kpis{grid-template-columns:1fr}
}

/* 2 credential-proof — three source badges; one analyst-recognition row. */
[data-manifest-section="credential-proof"] .data-bi-credentials-proof__badges{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-manifest-section="credential-proof"] .data-bi-credentials-proof__row--migration{grid-template-columns:minmax(0,1fr)}
[data-manifest-section="credential-proof"] .data-bi-credentials-proof__row--migration .data-bi-credentials-proof__metric{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr) auto;gap:28px 48px;align-items:center}
[data-manifest-section="credential-proof"] .data-bi-credentials-proof__row--migration .data-bi-credentials-proof__note{max-width:62ch}
[data-manifest-section="credential-proof"] .page-inline-cta{justify-self:end;padding-bottom:6px;border-bottom:1px solid var(--gold);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--deep);white-space:nowrap}
[data-manifest-section="credential-proof"] .page-inline-cta:hover{color:var(--bronze)}
@media (max-width:1040px){
  [data-manifest-section="credential-proof"] .data-bi-credentials-proof__badges{grid-template-columns:repeat(3,minmax(0,1fr))}
  [data-manifest-section="credential-proof"] .data-bi-credentials-proof__row--migration .data-bi-credentials-proof__metric{grid-template-columns:minmax(0,1fr)}
  [data-manifest-section="credential-proof"] .page-inline-cta{justify-self:start}
}
@media (max-width:620px){
  [data-manifest-section="credential-proof"] .data-bi-credentials-proof__badges{grid-template-columns:minmax(0,1fr)}
}

/* 3 implementation-risks — six cards (template ships five) plus the methodology bridge line. */
[data-manifest-section="implementation-risks"] .dp-risk__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-manifest-section="implementation-risks"] .dp-risk__card,
[data-manifest-section="implementation-risks"] .dp-risk__card:nth-child(n){grid-column:auto;min-height:0}
[data-manifest-section="implementation-risks"] .dp-risk__card:nth-child(6){border-top-color:var(--sage)}
/* Page exception (requested 2026-10-06): risk indices in a muted red to signal failure modes. */
[data-manifest-section="implementation-risks"] .dp-risk__idx{color:#C2705F}
/* Impact statement: deep-green proof panel with gold rule, display type. */
[data-manifest-section="implementation-risks"] .page-risk-bridge{margin-top:2px;padding:clamp(44px,5vw,72px) clamp(28px,5vw,72px);background:var(--deep);border-top:4px solid var(--gold);font-family:var(--display);font-weight:var(--display-weight);font-size:clamp(26px,2.6vw,36px);line-height:1.3;letter-spacing:0;color:#FFFFFF;text-wrap:pretty}
[data-manifest-section="implementation-risks"] .page-risk-bridge strong{display:block;margin:10px 0 18px;font-weight:var(--display-weight);font-size:clamp(34px,3.6vw,50px);line-height:var(--lh-tight);color:var(--gold)}
[data-manifest-section="implementation-risks"] .page-risk-bridge span{display:block;max-width:44ch;font-family:var(--body);font-weight:400;font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:rgba(255,255,255,.88)}
@media (max-width:1180px){
  [data-manifest-section="implementation-risks"] .dp-risk__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  [data-manifest-section="implementation-risks"] .dp-risk__grid{grid-template-columns:1fr}
}

/* 5 looker-services-catalog — cards carry no time/cost data, so the meta column holds only the action. */
[data-manifest-section="looker-services-catalog"] .command-bar-engagement-filter-grid__meta{justify-content:flex-end}
@media (max-width:980px){[data-manifest-section="looker-services-catalog"] .command-bar-engagement-filter-grid__meta{border-top:0;padding-top:0}}

/* 6 data-stack-tools — five platforms; items are plain labels, not links. */
[data-manifest-section="data-stack-tools"] .numbered-domain-index-strip__list{grid-template-columns:repeat(5,minmax(0,1fr))}
[data-manifest-section="data-stack-tools"] .numbered-domain-index-strip__link{min-height:200px;cursor:default}
[data-manifest-section="data-stack-tools"] .numbered-domain-index-strip__link:hover{background:transparent}
[data-manifest-section="data-stack-tools"] .numbered-domain-index-strip__link:hover::before{transform:scaleX(0)}
@media (max-width:1180px){
  [data-manifest-section="data-stack-tools"] .numbered-domain-index-strip__list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  [data-manifest-section="data-stack-tools"] .numbered-domain-index-strip__list{grid-template-columns:minmax(0,1fr)}
  [data-manifest-section="data-stack-tools"] .numbered-domain-index-strip__link{min-height:0}
}

[data-manifest-section="implementation-process"]{background:rgb(247,245,240)}
/* 7 implementation-process — phase timing + deliverables under each row. */
[data-manifest-section="implementation-process"] .large-numbered-row-stack__link{align-items:start}
[data-manifest-section="implementation-process"] .page-process__time{display:inline-block;margin-top:12px;padding:6px 10px;background:var(--gold-10);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}
[data-manifest-section="implementation-process"] .page-process__label{display:block;margin-top:24px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--deep)}
[data-manifest-section="implementation-process"] .page-process__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 34px;margin-top:12px;max-width:820px}
[data-manifest-section="implementation-process"] .page-process__list li{position:relative;padding-left:18px;font-size:15px;line-height:1.45;color:var(--grey-dark)}
[data-manifest-section="implementation-process"] .page-process__list li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;background:var(--bronze)}
@media (max-width:760px){
  [data-manifest-section="implementation-process"] .page-process__list{grid-template-columns:1fr}
}

/* 8 industries-served — PAGE EXCEPTION: readable 2×2 sector cards (replaces industries-switchboard). */
.page-industries{box-sizing:border-box;width:100%;padding-block:var(--section-padding-y);border-top:1px solid var(--rule);background:var(--paper);color:var(--ink)}
.page-industries *{box-sizing:border-box}
.page-industries__in{width:var(--shell);margin:0 auto}
.page-industries__head{width:var(--title-description-width);max-width:var(--title-description-width);margin-bottom:56px}
.page-industries__kicker{margin:0 0 18px;color:var(--bronze)}
.page-industries__title{margin:0;color:var(--deep)}
.page-industries__lede{margin-top:24px;font-size:var(--fs-standard-lede);line-height:1.5;color:var(--grey-mid)}
.page-industries__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.page-industries__card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);border:1px solid var(--rule);border-top:3px solid var(--gold);background:var(--paper);transition:border-color .2s var(--ease)}
.page-industries__card:hover{border-color:var(--sage);border-top-color:var(--gold)}
.page-industries__media{position:relative;min-height:100%;background:var(--wash);overflow:hidden}
.page-industries__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-industries__body{display:flex;flex-direction:column;padding:34px 32px 30px}
.page-industries__idx{font-family:var(--display);font-size:var(--fs-content-index);line-height:1;color:var(--bronze)}
.page-industries__name{margin-top:14px;font-family:var(--display);font-weight:var(--display-weight);font-size:var(--fs-card);line-height:var(--lh-tight);color:var(--deep)}
.page-industries__copy{margin-top:12px;font-size:var(--fs-body);line-height:1.55;color:var(--grey-mid)}
.page-industries__uses{display:grid;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--rule)}
.page-industries__uses li{position:relative;padding-left:18px;font-size:15px;font-weight:700;line-height:1.35;color:var(--grey-dark)}
.page-industries__uses li::before{content:"";position:absolute;left:0;top:.45em;width:6px;height:6px;background:var(--bronze)}
.page-industries__link{align-self:flex-start;margin-top:auto;padding-top:26px}
.page-industries__link{display:inline-flex;gap:8px;font-size:var(--fs-small);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
.page-industries__link:hover{color:var(--bronze)}
.page-industries__foot{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:48px;padding-top:28px;border-top:1px solid var(--rule)}
.page-industries__foot p{font-size:var(--fs-small);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sage)}
.page-industries__foot a{padding-bottom:5px;border-bottom:1px solid var(--gold);font-size:var(--fs-small);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
@media (max-width:1080px){
  .page-industries__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  .page-industries__head{width:100%;max-width:none}
  .page-industries__card{grid-template-columns:minmax(0,1fr)}
  .page-industries__media{min-height:200px}
  .page-industries__body{padding:28px 22px 24px}
}

/* 10 ways-to-start — CTA lives inside each accordion panel. */
[data-manifest-section="ways-to-start"] .page-start-cta{margin-top:22px}
[data-manifest-section="ways-to-start"] .is-active [data-fwts-panel-body]{max-height:420px}
