/* shared-bi-to-looker-shell.css
   Built from core-scaffold: css/tokens.css, css/components/*, css/sections/* (verbatim, in page order),
   then DASHPORT page drop-in rules, then the shell layer (zz-shell-overrides). Edit only the last blocks. */

/* ==== tokens.css ==== */
:root{
  --paper:#FFFFFF;
  --wash:#E6DFD4;
  --sage:#426653;
  --deep:#0D5630;
  --gold:#D4AF37;
  --gold-pure:#D4AF37;
  --gold-head:#E6DFD4;
  --gold-soft:#FFFFFF;
  --bronze:#B8860B;
  --cream:#E6DFD4;
  --grey-mid:#595959;
  --grey-light:#595959;
  --grey-dark:#181818;
  --black:#181818;
  --rule:#E6DFD4;
  --rule-soft:#E6DFD4;
  --sage-04:rgba(66,102,83,.04);
  --gold-10:rgba(212,175,55,.10);
  --gold-18:rgba(212,175,55,.18);
  --ink:#181818;
  --on-dark:rgba(255,255,255,.95);
  --on-dark-soft:#FFFFFF;
  --on-dark-faint:rgba(255,255,255,.62);
  --on-sage:rgba(255,255,255,.88);
  --on-sage-dim:rgba(255,255,255,.78);
  --on-sage-line:rgba(255,255,255,.22);
  --cta-ink:var(--grey-dark);
  --display:'Fjalla One',sans-serif;
  --body:'Roboto Condensed',sans-serif;
  --display-weight:500;
  --display-track:0;
  --mono:ui-monospace,'SFMono-Regular','JetBrains Mono','Cascadia Mono',Consolas,monospace;
  --fs-hero:40px; --fs-standard-section:50px; --fs-card:24px; --fs-standard-lede:18px;
    --fs-h1:var(--fs-standard-section); --fs-h2:var(--fs-standard-section); --fs-h3:var(--fs-card); --fs-h4:var(--fs-standard-lede);
  --fs-body:16px; --fs-small:14px; --fs-caption:var(--fs-small);
    --fs-content-kicker:12px; --fs-content-section-title:var(--fs-standard-section); --fs-content-lede:18px;
    --fs-content-row-title:22px; --fs-content-card-title:24px; --fs-content-body:16px; --fs-content-note:14px;
    --fs-content-cta:14px; --fs-content-index:32px; --fs-content-inline-label:14px; --fs-content-chip:12px;
    --fs-news-strip-title:20px; --fs-news-strip-title-mobile:18px;
    --fs-news-strip-row-title:21px; --fs-news-strip-row-title-mobile:19px;
    --fs-news-strip-feature-title:32px; --fs-news-strip-feature-title-tablet:29px; --fs-news-strip-feature-title-mobile:25px;
    --fs-display:var(--fs-hero);
    --fs-section:var(--fs-standard-section);
    --fs-lede:var(--fs-standard-lede);
    --fs-btn:var(--fs-small);
    --lh-tight:1.15; --lh-copy:1.4;
  --shell:min(1200px,100% - 80px);
  --title-description-width:75%;
  --section-padding-y:120px;
  --sec-pad:var(--section-padding-y);
  --sec-pad-tight:var(--section-padding-y);
  --hdr-h:68px;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--grey-dark);font-family:var(--body);font-size:var(--fs-body);font-weight:400;line-height:var(--lh-copy);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,picture{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
figure,figcaption{margin:0}
*{border-radius:0 !important}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.shell{width:var(--shell);margin:0 auto}
:where([data-section]) h2{
  font-family:var(--display);
  font-size:var(--fs-standard-section);
  font-weight:var(--display-weight);
  line-height:var(--lh-tight);
  letter-spacing:0;
  text-wrap:pretty;
}
.type-news-strip-title{
  margin:0;
  font-family:var(--display);
  font-weight:400;
  line-height:1.15;
  color:var(--news-strip-title-color,var(--title-c,var(--news-strip-feature-rail-title,var(--deep))));
}
.type-news-strip-title--ticker{font-size:var(--fs-news-strip-title)}
.type-news-strip-title--rail-row{font-size:var(--fs-news-strip-row-title)}
.type-news-strip-title--rail-feature{font-size:var(--fs-news-strip-feature-title);line-height:1.1}
.type-content-kicker{
  font-family:var(--body);
  font-size:var(--fs-content-kicker);
  font-weight:700;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.type-content-section-title{
  margin:0;
  font-family:var(--display);
  font-size:var(--fs-content-section-title);
  font-weight:var(--display-weight);
  line-height:var(--lh-tight);
  letter-spacing:0;
  text-wrap:pretty;
}
.type-content-lede{
  margin:0;
  font-family:var(--body);
  font-size:var(--fs-content-lede);
  font-weight:400;
  line-height:1.45;
}
.type-content-lede--editorial{
  font-weight:300;
  line-height:1.65;
}
.type-content-row-title{
  margin:0;
  font-family:var(--body);
  font-size:var(--fs-content-row-title);
  font-weight:600;
  line-height:1.3;
  text-wrap:pretty;
}
.type-content-card-title{
  margin:0;
  font-family:var(--display);
  font-size:var(--fs-content-card-title);
  font-weight:400;
  line-height:var(--lh-tight);
}
.type-content-body{
  margin:0;
  font-family:var(--body);
  font-size:var(--fs-content-body);
  font-weight:400;
  line-height:1.55;
}
.type-content-body--editorial{
  font-weight:300;
  line-height:1.65;
}
.type-content-note{
  font-family:var(--body);
  font-size:var(--fs-content-note);
  font-weight:400;
  line-height:1.5;
}
.type-content-inline-label{
  font-family:var(--body);
  font-size:var(--fs-content-inline-label);
  font-weight:600;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.type-content-cta{
  font-family:var(--body);
  font-size:var(--fs-content-cta);
  font-weight:700;
  line-height:1.1;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.type-content-index{
  font-family:var(--display);
  font-size:var(--fs-content-index);
  font-weight:400;
  line-height:var(--lh-tight);
}
.type-content-chip{
  font-family:var(--body);
  font-size:var(--fs-content-chip);
  font-weight:500;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.js [data-rise]{opacity:1;transform:none}
.js [data-rise].in{opacity:1;transform:none;transition:none}
.rise-delay-100{--d:100ms}
.rise-delay-120{--d:120ms}
.rise-delay-240{--d:240ms}
.rise-delay-280{--d:280ms}
.rise-delay-360{--d:360ms}
.rise-delay-400{--d:400ms}
.rise-delay-700{--d:700ms}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js [data-rise]{opacity:1 !important;transform:none !important;transition:none !important}
  .aurora,.marq__track{animation:none !important}
  .marq{overflow:visible;-webkit-mask-image:none;mask-image:none}
  .marq__track{width:auto;flex-wrap:wrap;gap:12px 0;transform:none !important}
  .marq__track li:first-child{padding-left:0}
}
@media (max-width:1279px){:root{--sec-pad:var(--section-padding-y);--sec-pad-tight:var(--section-padding-y)}}
@media (max-width:900px){.type-news-strip-title--rail-feature{font-size:var(--fs-news-strip-feature-title-tablet)}}
@media (max-width:700px){.type-news-strip-title--ticker{font-size:var(--fs-news-strip-title-mobile)}}
@media (max-width:620px){.type-news-strip-title--rail-feature{font-size:var(--fs-news-strip-feature-title-mobile)}.type-news-strip-title--rail-row{font-size:var(--fs-news-strip-row-title-mobile)}}
@media (max-width:600px){:root{--fs-display:var(--fs-hero);--fs-lede:var(--fs-standard-lede);--fs-content-lede:16px;--fs-content-row-title:21px;--fs-content-body:15px;--shell:min(1200px,100% - 44px);--sec-pad:var(--section-padding-y);--sec-pad-tight:var(--section-padding-y)}}


/* ==== squareshift-menu.css ==== */
.sq-menu { position: sticky; top: 0; z-index: 90; background: #FFFFFF; border-bottom: 1px solid #E6DFD4; color: #181818; font-family: "Roboto Condensed", sans-serif; }
.sq-menu *, .sq-menu *::before, .sq-menu *::after { box-sizing: border-box; border-radius: 0 !important; }
.sq-menu a { color: inherit; text-decoration: none; }
.sq-menu__inner { width: min(1180px, calc(100% - 80px)); min-height: 68px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.sq-menu__brand { display: inline-flex; align-items: center; flex: 0 0 auto; }
.sq-menu__logo { display: block; width: auto; height: 34px; }
.sq-menu__nav { display: flex; align-items: center; gap: 4px 22px; }
.sq-menu__item { position: relative; }
.sq-menu__trigger { display: inline-flex; align-items: center; gap: 2px; }
.sq-menu__link { position: relative; display: inline-flex; align-items: center; min-height: 40px; color: #181818; font-family: "Fjalla One", sans-serif; font-size: 16px; line-height: 1.15; }
.sq-menu__link::after { content: ""; position: absolute; left: 0; bottom: 8px; width: 100%; height: 2px; background: #D4AF37; transform: scaleX(0); transform-origin: left; transition: transform 160ms ease; }
.sq-menu__link:hover, .sq-menu__item.is-open .sq-menu__link { color: #0D5630; }
.sq-menu__link:hover::after, .sq-menu__item.is-open .sq-menu__link::after { transform: scaleX(1); }
.sq-menu__toggle { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; min-height: 40px; padding: 0; background: transparent; border: 0; color: #0D5630; font-size: 13px; }
.sq-menu__panel { position: absolute; top: calc(100% + 1px); left: 50%; width: min(532px, calc(100vw - 80px)); padding: 0 24px 24px; background: #FFFFFF; border: 1px solid #E6DFD4; border-top: 3px solid #B8860B; box-shadow: 0 18px 36px -24px rgba(24,24,24,.48); opacity: 0; pointer-events: none; transform: translate(-50%, -8px); transition: opacity 160ms ease, transform 160ms ease; }
.sq-menu__item:first-child .sq-menu__panel { width: min(790px, calc(100vw - 80px)); }
.sq-menu__item:nth-child(n+3) .sq-menu__panel { left: auto; right: 0; transform: translate(0, -8px); }
.sq-menu__item:hover .sq-menu__panel, .sq-menu__item:focus-within .sq-menu__panel, .sq-menu__item.is-open .sq-menu__panel { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
.sq-menu__item:nth-child(n+3):hover .sq-menu__panel, .sq-menu__item:nth-child(n+3):focus-within .sq-menu__panel, .sq-menu__item:nth-child(n+3).is-open .sq-menu__panel { transform: translate(0, 0); }
.sq-menu__intro { padding: 16px 0 14px; border-bottom: 1px solid #E6DFD4; }
.sq-menu__intro a { display: block; color: #0D5630; font-family: "Fjalla One", sans-serif; font-size: 18px; line-height: 1.2; text-transform: uppercase; }
.sq-menu__intro p { margin: 4px 0 0; color: #595959; font-size: 14px; line-height: 1.35; }
.sq-menu__groups { display: grid; grid-template-columns: repeat(var(--sq-menu-cols), minmax(0, 1fr)); gap: 24px; padding-top: 16px; }
.sq-menu__group h3 { margin: 0 0 8px; color: #B8860B; font-size: 12px; letter-spacing: .12em; line-height: 1.2; text-transform: uppercase; }
.sq-menu__group a { display: block; padding: 7px 8px; border-left: 2px solid transparent; }
.sq-menu__group a:hover { background: #E6DFD4; border-left-color: #F3CD29; }
.sq-menu__group b { display: block; font-size: 14px; line-height: 1.25; }
.sq-menu__group small { display: block; margin-top: 2px; color: #595959; font-size: 12px; line-height: 1.3; }
.sq-menu__cta { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 20px; background: #0D5630; border: 1.5px solid #0D5630; color: #FFFFFF !important; font-size: 14px; font-weight: 700; letter-spacing: .06em; line-height: 1.2; text-transform: uppercase; }
.sq-menu__cta:hover { background: #426653; border-color: #426653; }
.sq-menu__button { display: none; margin-left: auto; padding: 10px; background: none; border: 0; }
.sq-menu__button span { display: block; width: 22px; height: 2px; margin: 5px 0; background: #0D5630; }
.sq-menu a:focus-visible, .sq-menu button:focus-visible { outline: 2px solid #B8860B; outline-offset: 3px; }
@media (max-width: 900px) {
  .sq-menu__inner { width: min(100% - 44px, 1180px); }
  .sq-menu__button { display: block; }
  .sq-menu__nav { display: none; position: absolute; top: 68px; left: 24px; right: 24px; padding: 12px 22px 22px; background: #FFFFFF; border-bottom: 1px solid #E6DFD4; }
  .sq-menu__nav.is-open { display: block; }
  .sq-menu__item { border-bottom: 1px solid #E6DFD4; }
  .sq-menu__trigger { width: 100%; justify-content: space-between; }
  .sq-menu__link { min-height: 48px; }
  .sq-menu__item .sq-menu__panel { position: static; left: auto; right: auto; width: auto; padding: 0 0 16px; border: 0; box-shadow: none; transform: none; display: none; opacity: 1; pointer-events: auto; }
  .sq-menu__item.is-open .sq-menu__panel { display: block; transform: none; }
  .sq-menu__groups { grid-template-columns: 1fr; gap: 16px; }
  .sq-menu__cta { width: 100%; margin-top: 18px; }
}


/* ==== squareshift-footer.css ==== */
.sq-footer {
  --sq-footer-bg: #426653;
  --sq-footer-gold: #F3CD29;
  --sq-footer-bronze: #B8860B;
  --sq-footer-ink: #181818;
  --sq-footer-text: rgba(255,255,255,.88);
  --sq-footer-muted: rgba(255,255,255,.78);
  --sq-footer-line: rgba(255,255,255,.22);
  margin: 0;
  border-top: 4px solid var(--sq-footer-bronze);
  background: var(--sq-footer-bg);
  color: var(--sq-footer-text);
  font-family: "Roboto Condensed", sans-serif;
}
.sq-footer *,
.sq-footer *::before,
.sq-footer *::after { box-sizing: border-box; border-radius: 0 !important; }
.sq-footer a { color: inherit; text-decoration: none; }
.sq-footer ul { margin: 0; padding: 0; list-style: none; }
.sq-footer__inner { width: min(1180px, calc(100% - 80px)); margin: 0 auto; padding: 64px 0 40px; }
.sq-footer__top { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding-bottom: 28px; }
.sq-footer__brand { display: inline-flex; align-items: center; }
.sq-footer__logo { display: block; width: auto; height: 32px; }
.sq-footer__cta {
  display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 22px;
  border: 1.5px solid var(--sq-footer-gold); background: var(--sq-footer-gold); color: var(--sq-footer-ink) !important;
  font-size: 13.5px; font-weight: 700; letter-spacing: .06em; line-height: 1.15; text-transform: uppercase;
  transition: background 160ms ease;
}
.sq-footer__cta:hover { background: #D4AF37; }
.sq-footer__creds { display: flex; flex-wrap: wrap; gap: 12px; padding: 4px 0 30px; }
.sq-footer__cred { display: inline-flex; align-items: center; padding: 9px 14px; border: 1px solid var(--sq-footer-line); background: rgba(255,255,255,.08); color: #FFFFFF; font-size: 13px; letter-spacing: .03em; line-height: 1.2; }
.sq-footer__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 32px; padding: 8px 0 6px; }
.sq-footer__col h3 { margin: 0 0 14px; color: #FFFFFF; font-family: "Roboto Condensed", sans-serif; font-size: 12.5px; font-weight: 700; letter-spacing: .14em; line-height: 1.2; text-transform: uppercase; }
.sq-footer__col ul { display: grid; gap: 3px; }
.sq-footer__col a { display: block; padding: 5px 0; color: var(--sq-footer-text); font-size: 14.5px; line-height: 1.3; }
.sq-footer__col a:hover { color: #FFFFFF; }
.sq-footer__base { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 40px; padding-top: 22px; border-top: 1px solid var(--sq-footer-line); color: var(--sq-footer-muted); font-size: 13px; line-height: 1.3; }
.sq-footer__base a { color: var(--sq-footer-text); }
.sq-footer__base a:hover { color: #FFFFFF; }
.sq-footer a:focus-visible { outline: 2px solid var(--sq-footer-gold); outline-offset: 3px; }
@media (max-width: 960px) { .sq-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; } }
@media (max-width: 560px) { .sq-footer__inner { width: min(100% - 44px, 1180px); } .sq-footer__grid { grid-template-columns: 1fr; } .sq-footer__cta { width: 100%; } }


/* ==== industries-kpi-hero.css ==== */
.industries-kpi-hero,
.industries-kpi-hero * {
  box-sizing: border-box;
}

.industries-kpi-hero {
  --industries-kpi-hero-paper: #FFFFFF;
  --industries-kpi-hero-wash: #F2F6F3;
  --industries-kpi-hero-ink: #1F3329;
  --industries-kpi-hero-muted: #4E6157;
  --industries-kpi-hero-rule: #D6E2DA;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  padding-block: var(--section-padding-y);
  border-top: 1px solid var(--industries-kpi-hero-rule);
  background: var(--industries-kpi-hero-wash);
  color: var(--industries-kpi-hero-ink);
  font-family: var(--body);
}

.industries-kpi-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: none;
  mix-blend-mode: multiply;
  opacity: .08;
  pointer-events: none;
}

.industries-kpi-hero__in {
  width: var(--shell);
  margin: 0 auto;
}

.industries-kpi-hero__kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px;
  color: var(--bronze);
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: .18em;
  line-height: var(--lh-tight);
  text-transform: uppercase;
}

.industries-kpi-hero__kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  background: var(--gold);
}

.industries-kpi-hero__title {
  max-width: 14ch;
  margin: 0;
  color: var(--deep);
  font-family: var(--display);
  font-size: clamp(56px, 7.4vw, 104px);
  font-weight: var(--display-weight);
  letter-spacing: 0;
  line-height: .98;
  text-wrap: balance;
}

.industries-kpi-hero__lede {
  max-width: 60ch;
  margin: 28px 0 0;
  color: var(--industries-kpi-hero-muted);
  font-size: 20px;
  line-height: 1.5;
  text-wrap: pretty;
}

.industries-kpi-hero__kpi {
  width: var(--shell);
  margin: 72px auto 0;
}

.industries-kpi-hero__kpi-in {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  border-top: 2px solid var(--deep);
  border-bottom: 1px solid var(--industries-kpi-hero-rule);
}

.industries-kpi-hero__kpi-item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 28px 24px 26px;
  border-left: 1px solid var(--industries-kpi-hero-rule);
}

.industries-kpi-hero__kpi-item:first-child {
  border-left: 0;
  padding-left: 0;
}

.industries-kpi-hero__kpi-item::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 32px;
  height: 2px;
  background: var(--gold);
}

.industries-kpi-hero__kpi-value {
  margin: 0;
  color: var(--deep);
  font-family: var(--display);
  font-size: clamp(36px, 3.6vw, 52px);
  font-weight: 400;
  line-height: 1;
  text-wrap: balance;
}

.industries-kpi-hero__kpi-label {
  margin: 0;
  color: var(--industries-kpi-hero-muted);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.35;
  text-transform: uppercase;
  text-wrap: pretty;
}

@media (max-width: 1180px) {
  .industries-kpi-hero__kpi-in {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .industries-kpi-hero__kpi-item:nth-child(3n+1) {
    border-left: 0;
    padding-left: 0;
  }

  .industries-kpi-hero__kpi-item:nth-child(n+4) {
    border-top: 1px solid var(--industries-kpi-hero-rule);
  }
}

@media (max-width: 640px) {
  .industries-kpi-hero__lede {
    font-size: 18px;
  }

  .industries-kpi-hero__kpi {
    margin-top: 56px;
  }

  .industries-kpi-hero__kpi-in {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .industries-kpi-hero__kpi-item {
    padding: 22px 16px 20px;
    border-left: 1px solid var(--industries-kpi-hero-rule);
  }

  .industries-kpi-hero__kpi-item:nth-child(3n+1) {
    border-left: 1px solid var(--industries-kpi-hero-rule);
    padding-left: 16px;
  }

  .industries-kpi-hero__kpi-item:nth-child(odd) {
    border-left: 0;
    padding-left: 0;
  }

  .industries-kpi-hero__kpi-item:nth-child(n+3) {
    border-top: 1px solid var(--industries-kpi-hero-rule);
  }

  .industries-kpi-hero__kpi-item:last-child {
    grid-column: 1 / -1;
  }
}


/* ==== dashport-risk-card-grid.css ==== */
/* Candidate-local DASHPORT risk-card grid styles. */
[data-section="dashport-risk-card-grid"].dp{
  --dp-ink:#06301B;
  --dp-deep:var(--deep);
  --dp-sage:var(--sage);
  --dp-mist:#F1F5F3;
  --dp-mist-2:#E4EBE7;
  --dp-gold:var(--gold);
  background:var(--dp-mist);
  box-sizing:border-box;
  padding:var(--section-padding-y) 0;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

[data-section="dashport-risk-card-grid"] *,
[data-section="dashport-risk-card-grid"] *::before,
[data-section="dashport-risk-card-grid"] *::after{
  box-sizing:border-box;
}

[data-section="dashport-risk-card-grid"] .dp-head{
  margin-bottom:56px;
}

[data-section="dashport-risk-card-grid"] .dp-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--dp-sage);
  margin:0 0 20px;
}

[data-section="dashport-risk-card-grid"] .dp-kicker::before{
  content:"";
  width:28px;
  height:2px;
  background:var(--dp-gold);
}

[data-section="dashport-risk-card-grid"] .dp-title{
  color:var(--dp-deep);
  font-family:var(--display);
  font-size:50px;
  font-weight:500;
  line-height:1.15;
  letter-spacing:0;
  margin:0;
  max-width:26ch;
  text-wrap:pretty;
}

[data-section="dashport-risk-card-grid"] .dp-risk__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:2px;
}

[data-section="dashport-risk-card-grid"] .dp-risk__card{
  background:#FFFFFF;
  padding:36px 28px 44px;
  min-height:360px;
  display:flex;
  flex-direction:column;
  gap:20px;
  border-top:4px solid var(--dp-gold);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}

[data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(2){
  border-top-color:var(--dp-sage);
}

[data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(3){
  border-top-color:var(--dp-gold);
}

[data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(4){
  border-top-color:var(--dp-sage);
}

[data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(5){
  border-top-color:var(--dp-gold);
}

[data-section="dashport-risk-card-grid"] .dp-risk__card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgba(6,48,27,.12);
}

[data-section="dashport-risk-card-grid"] .dp-risk__idx{
  font-family:var(--display);
  font-size:46px;
  line-height:.9;
  color:var(--dp-mist-2);
}

[data-section="dashport-risk-card-grid"] .dp-risk__wound{
  margin:0;
  font-family:var(--display);
  font-size:clamp(20px,1.7vw,24px);
  font-weight:var(--display-weight);
  line-height:1.15;
  color:var(--dp-deep);
  text-wrap:pretty;
}

[data-section="dashport-risk-card-grid"] .dp-risk__body{
  margin:10px 0 0;
  color:var(--grey-mid);
  font-size:16px;
  line-height:1.55;
}

@media (max-width:1180px){
  [data-section="dashport-risk-card-grid"] .dp-risk__grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }

  [data-section="dashport-risk-card-grid"] .dp-risk__card{
    grid-column:span 2;
  }

  [data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(4),
  [data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(5){
    grid-column:span 3;
  }
}

@media (max-width:820px){
  [data-section="dashport-risk-card-grid"] .dp-risk__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  [data-section="dashport-risk-card-grid"] .dp-risk__card,
  [data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(4),
  [data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(5){
    grid-column:span 1;
  }

  [data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(5){
    grid-column:span 2;
  }
}

@media (max-width:620px){
  [data-section="dashport-risk-card-grid"] .dp-title{
    max-width:none;
  }

  [data-section="dashport-risk-card-grid"] .dp-risk__grid{
    grid-template-columns:1fr;
  }

  [data-section="dashport-risk-card-grid"] .dp-risk__card,
  [data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(5){
    grid-column:span 1;
  }
}


/* ==== technical-engagement-spec-grid.css ==== */
/* technical-engagement-spec-grid */
.technical-engagement-spec-grid{display:block;width:100%;margin:0;padding:var(--sec-pad-tight) 0;border-top:1px solid #E4E2DB;background:#fff;color:#000;line-height:normal}
.technical-engagement-spec-grid,.technical-engagement-spec-grid *{box-sizing:border-box}
.technical-engagement-spec-grid__shell{width:var(--shell);margin:0 auto;min-width:0;background:#fff;border:0;box-shadow:none;overflow:visible}
.technical-engagement-spec-grid__in{background:#fff;background-image:linear-gradient(rgba(13,86,48,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(13,86,48,.055) 1px,transparent 1px);background-size:44px 44px;padding:16px 72px 88px}
.technical-engagement-spec-grid__head{background:rgba(255,255,255,.4);border:1px solid #D8D1C5;padding:44px 44px 40px;margin-bottom:56px}
.technical-engagement-spec-grid__topline{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px;border-bottom:1px solid #E4E2DB;padding-bottom:16px}
.technical-engagement-spec-grid__topline span{font:700 11px/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:#8A6A08}
.technical-engagement-spec-grid__topline span+span{font-weight:400;letter-spacing:.2em;color:#A59788}
.technical-engagement-spec-grid__headline{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:start}
.technical-engagement-spec-grid__headline h2{font:400 clamp(38px,4.4vw,52px)/1.06 var(--display);color:#0D5630;margin:0}
.technical-engagement-spec-grid__headline div{border-left:2px solid #D4AF37;padding-left:24px}
.technical-engagement-spec-grid__headline p{font:300 15.5px/1.6 var(--body);color:#595959;margin:0}
.technical-engagement-spec-grid__headline p:first-child{font-weight:400;font-size:40px;line-height:var(--lh-tight);color:#181818;margin-bottom:12px}
.technical-engagement-spec-grid__band{margin-bottom:40px}
.technical-engagement-spec-grid__band-head{display:flex;align-items:stretch;gap:0;margin-bottom:18px}
.technical-engagement-spec-grid__band-letter{font:400 22px/1 var(--display);color:#fff;background:#0D5630;padding:12px 16px}
.technical-engagement-spec-grid__band-head h3{display:flex;align-items:center;min-width:0;font:700 13px/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#14181A;background:#E6DFD4;padding:0 20px;flex:1;margin:0}
.technical-engagement-spec-grid__band-head span:last-child{display:flex;align-items:center;font:400 11px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:#83735F;background:#E6DFD4;padding:0 18px}
.technical-engagement-spec-grid__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:normal}
.technical-engagement-spec-grid__card{display:flex;min-width:0;flex-direction:column;background:#fff;border:1px solid #D8D1C5;padding:0;color:inherit;text-decoration:none}
.technical-engagement-spec-grid__card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid #E4E2DB;background:#FAFAF7}
.technical-engagement-spec-grid__card-index{font:700 10px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:#A59788}
.technical-engagement-spec-grid__chip{font:700 10px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;background:transparent;border:1px solid currentColor;padding:4px 8px;white-space:nowrap}
.technical-engagement-spec-grid__chip--paid{color:#8A6A08}
.technical-engagement-spec-grid__chip--free{color:#0D5630}
.technical-engagement-spec-grid__chip--request{color:#83735F}
.technical-engagement-spec-grid__card-main{padding:22px 18px 20px;display:flex;flex-direction:column;gap:12px;flex:1}
.technical-engagement-spec-grid__card-title{font:400 21px/1.16 var(--display);color:#14181A;margin:0;overflow-wrap:break-word}
.technical-engagement-spec-grid__card-copy{font:300 15px/1.5 var(--body);color:#595959;margin:0;overflow-wrap:break-word}
.technical-engagement-spec-grid__meter{display:flex;gap:3px;align-items:flex-end;height:16px;margin-top:2px}
.technical-engagement-spec-grid__meter span{width:4px;display:block}
.technical-engagement-spec-grid__meter span:nth-child(1){height:6px;background:#E6DFD4}
.technical-engagement-spec-grid__meter span:nth-child(2){height:11px;background:#D4AF37}
.technical-engagement-spec-grid__meter span:nth-child(3){height:16px;background:#0D5630}
.technical-engagement-spec-grid__meter span:nth-child(4){height:9px;background:#D4AF37}
.technical-engagement-spec-grid__meter span:nth-child(5){height:13px;background:#E6DFD4}
.technical-engagement-spec-grid__meter span:nth-child(6){height:7px;background:#D4AF37}
.technical-engagement-spec-grid__evidence{font:400 13.5px/1.45 var(--body);color:#57473A;padding-top:12px;border-top:1px dashed #D8D1C5;margin:0;overflow-wrap:break-word}
.technical-engagement-spec-grid__card-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #E4E2DB}
.technical-engagement-spec-grid__meta-cell{padding:14px 18px}
.technical-engagement-spec-grid__meta-cell:first-child{border-right:1px solid #E4E2DB}
.technical-engagement-spec-grid__meta-label{display:block;font:700 9.5px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:#A59788;margin-bottom:6px}
.technical-engagement-spec-grid__meta-value{font:400 15px/1 var(--body);color:#181818}
.technical-engagement-spec-grid__price{font:400 17px/1 var(--display);color:#8A6A08}
.technical-engagement-spec-grid__card--free .technical-engagement-spec-grid__price{color:#0D5630}
.technical-engagement-spec-grid__card--request .technical-engagement-spec-grid__price{color:#83735F}
.technical-engagement-spec-grid__book{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;background:#0D5630;color:#fff;border-top:2px solid #D4AF37;font:700 11.5px/1 var(--body);letter-spacing:.16em;text-transform:uppercase}
.technical-engagement-spec-grid__book span{font-size:14px;color:#F3CD29}
.technical-engagement-spec-grid__close{background:#0D5630;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:36px;margin-top:8px}
.technical-engagement-spec-grid__close p{font:400 19px/1.4 var(--body);color:#fff;max-width:52ch;margin:0}
.technical-engagement-spec-grid__close a{flex:none;display:inline-flex;align-items:center;gap:12px;min-height:48px;background:#D4AF37;color:#14181A;padding:17px 30px;font:700 13.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.technical-engagement-spec-grid__card:focus-visible,.technical-engagement-spec-grid__close a:focus-visible{outline:3px solid #F3CD29;outline-offset:4px}
@media(max-width:980px){.technical-engagement-spec-grid__in{padding:16px 22px 72px}.technical-engagement-spec-grid__head{padding:32px 24px}.technical-engagement-spec-grid__topline,.technical-engagement-spec-grid__headline{grid-template-columns:1fr}.technical-engagement-spec-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technical-engagement-spec-grid__topline{align-items:flex-start;flex-direction:column}.technical-engagement-spec-grid__headline{gap:24px}.technical-engagement-spec-grid__headline h2{font-size:clamp(34px,6vw,46px)}.technical-engagement-spec-grid__headline div{border-left:0;border-top:2px solid #D4AF37;padding:20px 0 0}.technical-engagement-spec-grid__headline p:first-child{font-size:clamp(30px,5.2vw,38px)}.technical-engagement-spec-grid__band-head{display:grid;grid-template-columns:auto 1fr}.technical-engagement-spec-grid__band-head h3{min-height:46px;line-height:1.3}.technical-engagement-spec-grid__band-head span:last-child{grid-column:1/-1;min-height:36px}.technical-engagement-spec-grid__close{align-items:flex-start;flex-direction:column;padding:28px 24px}}
@media(max-width:640px){.technical-engagement-spec-grid__in{padding:16px 14px 48px;background-size:32px 32px}.technical-engagement-spec-grid__head{padding:26px 18px;margin-bottom:48px}.technical-engagement-spec-grid__topline{gap:12px;margin-bottom:22px}.technical-engagement-spec-grid__headline h2{font-size:clamp(30px,9.2vw,38px);line-height:1.08}.technical-engagement-spec-grid__headline p:first-child{font-size:clamp(25px,7.6vw,32px);line-height:1.12}.technical-engagement-spec-grid__grid{grid-template-columns:1fr;gap:12px}.technical-engagement-spec-grid__band{margin-bottom:32px}.technical-engagement-spec-grid__band-head h3{padding:12px 14px;font-size:11.5px;letter-spacing:.1em}.technical-engagement-spec-grid__band-head span:last-child{padding:0 14px}.technical-engagement-spec-grid__card-main{padding:20px 16px}.technical-engagement-spec-grid__card-meta{grid-template-columns:1fr}.technical-engagement-spec-grid__meta-cell:first-child{border-right:0;border-bottom:1px solid #E4E2DB}.technical-engagement-spec-grid__book{min-height:48px}.technical-engagement-spec-grid__close{gap:22px;padding:26px 18px}.technical-engagement-spec-grid__close a{align-self:stretch;justify-content:space-between;padding:17px 18px;line-height:1.2}}

/* Template title standard: section H2 */
[data-section="technical-engagement-spec-grid"][data-section="technical-engagement-spec-grid"] h2,
.technical-engagement-spec-grid.technical-engagement-spec-grid h2,
.technical-engagement-spec-grid__root.technical-engagement-spec-grid__root h2{
  font-size:50px !important;
  font-weight:500 !important;
  line-height:var(--lh-tight) !important;
  overflow-wrap:anywhere;
}

/* Section padding standard 2026-09-21: reusable section roots keep 120px between their border and content. */
.technical-engagement-spec-grid{
  padding-top:var(--section-padding-y);
  padding-bottom:var(--section-padding-y);
}


/* ==== architecture-html-diagram-explainer.css ==== */
.architecture-html-diagram-explainer{box-sizing:border-box;width:100%;flex:0 0 100%;padding:var(--section-padding-y) 0;border-top:1px solid var(--rule);background:var(--paper)}
.architecture-html-diagram-explainer__in{width:var(--shell);margin:0 auto}
.architecture-html-diagram-explainer__head{max-width:920px;margin-bottom:clamp(48px,4vw,56px);border-top:2px solid var(--deep);padding-top:18px}
/* Fit-controlled type: keep custom size to prevent overlap. */
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__title{font-family:var(--display);font-weight:400;font-size:clamp(32px,3.6vw,48px);line-height:1.15;color:var(--black);text-wrap:pretty}
/* Fit-controlled type: keep custom size to prevent overlap. */
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__lede{margin-top:18px;max-width:72ch;font-size:var(--fs-lede);line-height:1.5;color:var(--black)}
.architecture-html-diagram-explainer__points{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0 clamp(20px,3vw,44px);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:clamp(20px,2.4vw,30px)}
.architecture-html-diagram-explainer__point{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:16px 2px;min-width:0}
.architecture-html-diagram-explainer__check{display:block;flex:0 0 auto;overflow:visible}
.architecture-html-diagram-explainer__check path{fill:none;stroke:var(--deep);stroke-width:2.1;stroke-linecap:square}
/* Fit-controlled type: keep custom size to prevent overlap. */
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__point h3{font-family:var(--body);font-weight:700;font-size:clamp(16px,1.15vw,18px);line-height:1.3;color:var(--black)}
.architecture-html-diagram-explainer__figure{position:relative;border:1px solid var(--rule);border-top:3px solid var(--deep);background:var(--wash);margin:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-color:var(--deep) var(--wash);scrollbar-width:thin}
.architecture-html-diagram-explainer__figure:focus-visible{outline:3px solid var(--deep);outline-offset:4px}
.architecture-html-diagram-explainer__diagram{position:relative;isolation:isolate;width:100%;min-width:940px;aspect-ratio:1880/1020;box-sizing:border-box;overflow:hidden;background:#fff;border-top:8px solid var(--deep);border-bottom:8px solid var(--gold);color:var(--black);container-type:inline-size}
.architecture-html-diagram-explainer__connectors{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
.architecture-html-diagram-explainer__ink-line{stroke:var(--deep);stroke-width:1.4}
.architecture-html-diagram-explainer__gold-spine{stroke:var(--gold);stroke-width:3}
.architecture-html-diagram-explainer__gold-line{stroke:var(--gold);stroke-width:4}
.architecture-html-diagram-explainer__dot{fill:var(--deep)}
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__label{position:absolute;z-index:1;font-size:clamp(12px,1cqw,17px);font-weight:700;color:var(--deep);text-transform:uppercase}
.architecture-html-diagram-explainer__sources-label{left:3.5%;top:6.7%}
.architecture-html-diagram-explainer__sources{position:absolute;z-index:1;left:3.5%;top:12.5%;width:15.2%;height:70.5%;display:grid;grid-template-rows:repeat(8,1fr);gap:1.8%}
.architecture-html-diagram-explainer__source{display:grid;grid-template-columns:minmax(32px,.32fr) minmax(0,1fr);align-items:center;gap:clamp(8px,1cqw,14px);padding:0 clamp(9px,1cqw,14px);border:1px solid rgba(184,134,11,.45);min-width:0}
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__source-num,.architecture-html-diagram-explainer__core-num,.architecture-html-diagram-explainer__agent-num{font-family:var(--display);font-weight:400;line-height:1;color:var(--gold)}
.architecture-html-diagram-explainer__source-num{font-size:clamp(18px,1.7cqw,30px)}
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__source-label{font-size:clamp(13px,1.25cqw,22px);line-height:1.08;color:var(--deep)}
.architecture-html-diagram-explainer__query{position:absolute;z-index:1;left:25%;top:6.7%;width:21.3%;padding-left:clamp(10px,1.15cqw,18px);border-left:6px solid var(--gold)}
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__micro{font-size:clamp(11px,.8cqw,14px);font-weight:700;color:var(--bronze);text-transform:uppercase}
/* Fit-controlled type: keep custom size to prevent overlap. */
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__query-copy{margin-top:clamp(4px,.55cqw,6px);font-size:clamp(15px,1.15cqw,21px);line-height:1.32;color:var(--black)}
.architecture-html-diagram-explainer__semantic{position:absolute;z-index:1;left:25%;top:25.1%;width:22.9%;background:var(--sage);border-top:6px solid var(--gold)}
.architecture-html-diagram-explainer__semantic-head{padding:clamp(12px,1.2cqw,20px) clamp(13px,1.3cqw,22px) clamp(10px,1cqw,16px)}
/* Fit-controlled type: keep custom size to prevent overlap. */
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__semantic-title{font-family:var(--display);font-weight:400;font-size:clamp(17px,1.65cqw,32px);line-height:1.1;color:#fff}
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__semantic-subtitle{margin-top:4px;font-size:clamp(10px,.8cqw,15px);color:#F3CD29;text-transform:uppercase}
.architecture-html-diagram-explainer__core-list{display:grid}
.architecture-html-diagram-explainer__core-item{display:grid;grid-template-columns:minmax(22px,.12fr) minmax(0,1fr);align-items:center;gap:clamp(10px,1cqw,18px);padding:clamp(12px,1.2cqw,22px);border-top:1px solid rgba(243,205,41,.35);min-width:0}
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__core-num{font-size:clamp(18px,1.4cqw,26px)}
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__core-title{font-size:clamp(15px,1.25cqw,23px);line-height:1.15;color:#fff}
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__core-note{margin-top:2px;font-size:clamp(11px,.9cqw,16px);line-height:1.25;color:#E6DFD4}
.architecture-html-diagram-explainer__agents{position:absolute;z-index:1;left:51.1%;top:25.1%;width:16.4%;border-top:6px solid var(--deep)}
/* Fit-controlled type: keep custom size to prevent overlap. */
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__agents-title{padding:clamp(10px,1cqw,14px) 0;font-family:var(--display);font-weight:400;font-size:clamp(16px,1.25cqw,23px);line-height:1.1;color:var(--deep)}
.architecture-html-diagram-explainer__agent-list{display:grid;gap:clamp(7px,.65cqw,12px)}
.architecture-html-diagram-explainer__agent-item{display:grid;grid-template-columns:minmax(24px,.18fr) minmax(0,1fr) auto;align-items:center;gap:clamp(8px,.75cqw,14px);padding:clamp(11px,1.05cqw,20px) clamp(8px,.75cqw,14px);border:1px solid rgba(184,134,11,.45);min-width:0}
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__agent-num{font-size:clamp(16px,1.3cqw,24px)}
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__agent-title{font-size:clamp(14px,1.2cqw,22px);line-height:1.1;color:var(--black)}
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__agent-role{font-size:clamp(9px,.75cqw,14px);line-height:1.1;color:var(--grey-mid);text-transform:uppercase;white-space:nowrap}
.architecture-html-diagram-explainer__answer{position:absolute;z-index:1;left:70.7%;top:10.4%;width:25.7%;border:2px solid var(--deep);background:#fff}
.architecture-html-diagram-explainer__answer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(10px,1cqw,16px) clamp(13px,1.25cqw,22px);background:var(--sage)}
/* Fit-controlled type: keep custom size to prevent overlap. */
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__answer-title{font-family:var(--display);font-weight:400;font-size:clamp(17px,1.45cqw,28px);line-height:1.1;color:#fff}
.architecture-html-diagram-explainer__answer-rule{width:clamp(24px,2.2cqw,40px);height:4px;background:#F3CD29;flex:none}
.architecture-html-diagram-explainer__answer-block{padding:clamp(10px,1.1cqw,18px) clamp(13px,1.25cqw,22px);border-bottom:1px solid #dfe6e1}
/* Fit-controlled type: keep custom size to prevent overlap. */
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__answer-callout{margin-top:clamp(4px,.5cqw,8px);font-family:var(--display);font-weight:400;font-size:clamp(17px,1.45cqw,27px);line-height:1.15;color:var(--deep)}
/* Fit-controlled type: keep custom size to prevent overlap. */
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__answer-detail{margin-top:4px;font-size:clamp(13px,1cqw,19px);line-height:1.25;color:var(--black)}
.architecture-html-diagram-explainer__evidence{display:grid;gap:clamp(4px,.35cqw,7px);margin-top:clamp(6px,.65cqw,10px)}
.architecture-html-diagram-explainer__evidence-row{display:grid;grid-template-columns:clamp(13px,1.05cqw,20px) minmax(0,1fr) auto;align-items:center;gap:clamp(8px,.65cqw,12px)}
.architecture-html-diagram-explainer__evidence-line{height:2px;background:var(--gold)}
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__evidence-file{font-size:clamp(12px,.95cqw,17px);line-height:1.15;color:var(--black);min-width:0}
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__evidence-loc{font-size:clamp(10px,.75cqw,14px);line-height:1.1;color:var(--deep);border-bottom:2px solid var(--gold);text-transform:uppercase;white-space:nowrap}
.architecture-html-diagram-explainer__calc{margin-top:clamp(6px,.65cqw,10px)}
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__calc-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center;border-bottom:1px solid #dfe6e1;font-size:clamp(11px,.95cqw,18px);line-height:1.15}
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__calc-row--head{font-size:clamp(9px,.75cqw,14px);font-weight:700;color:var(--deep);border-bottom:3px solid var(--gold);text-transform:uppercase;white-space:nowrap}
.architecture-html-diagram-explainer__calc-cell{padding:clamp(4px,.45cqw,7px) 0}
.architecture-html-diagram-explainer__calc-cell--num{text-align:right}
.architecture-html-diagram-explainer__calc-cell--pct{color:var(--deep)}
.architecture-html-diagram-explainer__next{display:grid;grid-template-columns:6px minmax(0,1fr);gap:clamp(10px,.85cqw,16px);align-items:stretch;padding:clamp(10px,1.1cqw,18px) clamp(13px,1.25cqw,22px)}
.architecture-html-diagram-explainer__next-rule{background:var(--gold)}
/* Fit-controlled type: keep custom size to prevent overlap. */
/* Fit-controlled type: keep custom size to prevent overlap. */
.architecture-html-diagram-explainer__next-copy{margin-top:clamp(3px,.35cqw,5px);font-size:clamp(13px,1.05cqw,20px);line-height:1.32;color:var(--black)}
@media (max-width:600px){.architecture-html-diagram-explainer__in{width:min(1200px,100% - 44px)}}

@media (max-width:900px){
  .architecture-html-diagram-explainer__figure{padding-top:30px}
  .architecture-html-diagram-explainer__figure::before{content:"Scroll diagram sideways";position:absolute;top:8px;left:14px;z-index:2;font-size:12px;line-height:1;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--deep)}
  .architecture-html-diagram-explainer__figure::after{content:"";position:absolute;top:0;right:0;bottom:0;width:42px;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(230,223,212,0),var(--wash))}
  .architecture-html-diagram-explainer__diagram{min-width:900px}
}

@media (max-width:460px){
  .architecture-html-diagram-explainer{padding:var(--section-padding-y) 0}
  .architecture-html-diagram-explainer__in{width:min(1200px,100% - 36px)}
  .architecture-html-diagram-explainer__title{font-size:clamp(30px,8vw,36px)}
  .architecture-html-diagram-explainer__lede{font-size:16px}
  .architecture-html-diagram-explainer__points{grid-template-columns:1fr}
}

/* Template title standard: section H2 */
[data-section="architecture-html-diagram-explainer"][data-section="architecture-html-diagram-explainer"] h2,
.architecture-html-diagram-explainer.architecture-html-diagram-explainer h2,
.architecture-html-diagram-explainer__root.architecture-html-diagram-explainer__root h2{
  font-size:50px !important;
  font-weight:500 !important;
  line-height:var(--lh-tight) !important;
  overflow-wrap:anywhere;
}

/* Section padding standard 2026-09-21: reusable section roots keep 120px between their border and content. */
.architecture-html-diagram-explainer{
  padding-block:var(--section-padding-y);
}

/* Title/description stack standard 2026-09-21: main title stacks above description at 75% content width. */
[data-section="architecture-html-diagram-explainer"] .architecture-html-diagram-explainer__title,
[data-section="architecture-html-diagram-explainer"] .architecture-html-diagram-explainer__lede{
  width:var(--title-description-width) !important;
  max-width:var(--title-description-width) !important;
  flex:0 0 var(--title-description-width) !important;
  grid-column:1 / -1 !important;
  justify-self:start !important;
  align-self:start !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
[data-section="architecture-html-diagram-explainer"] .architecture-html-diagram-explainer__lede{
  margin-top:24px !important;
}


/* ==== business-context-engineering-process.css ==== */
.business-context-engineering-process,
.business-context-engineering-process *{
  box-sizing:border-box;
}
.business-context-engineering-process{
  --bce-sage-tint-20:#D9E0DD;
  --bce-sage-tint-40:#B3C2BA;
  --bce-gold-tint-40:#EEDFAF;
  --bce-bronze-tint-20:#F1E7CE;
  --section-bg:var(--paper);
  --section-text:var(--black);
  --section-title-color:var(--deep);
  --section-border:var(--rule);
  --map-bg:var(--paper);
  --box-bg:var(--paper);
  --box-text:var(--black);
  --box-muted:var(--grey-mid);
  --edge:var(--rule);
  --stage-title-color:var(--deep);
  --num-fill:transparent;
  --num-stroke:var(--deep);
  --num-stroke-width:1.4px;
  --num-bg:transparent;
  --num-border:0;
  --num-padding:0;
  --proof-rule:var(--rule);
  --proof-line:var(--gold);
  --arrow-bg:var(--box-bg);
  --context-bg:var(--gold-soft);
  --context-label-bg:var(--sage);
  --context-label-color:var(--paper);
  --context-copy-bg:var(--gold-soft);
  --context-copy-text:var(--black);
  width:100%;
  flex:0 0 100%;
  background:var(--section-bg);
  border-top:1px solid var(--section-border);
  padding:clamp(64px,7vw,96px) 0;
}
.business-context-engineering-process--white-bronze{
  --section-bg:var(--paper);
  --section-border:var(--bronze);
  --map-bg:var(--paper);
  --box-bg:var(--paper);
  --edge:var(--bronze);
  --section-title-color:var(--deep);
  --stage-title-color:var(--bronze);
  --num-fill:var(--bce-bronze-tint-20);
  --num-stroke:var(--bronze);
  --num-stroke-width:1px;
  --proof-rule:var(--bce-bronze-tint-20);
  --proof-line:var(--bronze);
  --context-bg:var(--paper);
  --context-label-bg:var(--bronze);
  --context-copy-bg:var(--paper);
}
.business-context-engineering-process--white-bronze .business-context-engineering-process__num{
  /* Decorative type: keep custom size for composition. */
  font-size:clamp(28px,2.9vw,41px);
}
.business-context-engineering-process--sage-gold{
  --section-bg:var(--sage);
  --section-text:var(--paper);
  --section-border:var(--gold);
  --map-bg:var(--bce-sage-tint-40);
  --box-bg:var(--sage);
  --box-text:var(--paper);
  --box-muted:var(--paper);
  --edge:var(--bce-gold-tint-40);
  --section-title-color:var(--paper);
  --stage-title-color:var(--paper);
  --num-fill:var(--bce-gold-tint-40);
  --num-stroke:var(--bce-gold-tint-40);
  --num-stroke-width:0;
  --proof-line:var(--gold);
  --context-bg:var(--gold-soft);
  --context-label-bg:var(--gold);
  --context-label-color:var(--black);
  --context-copy-bg:var(--paper);
}
.business-context-engineering-process--white-green-gold{
  --section-bg:var(--paper);
  --section-text:var(--deep);
  --section-border:var(--gold);
  --map-bg:var(--paper);
  --box-bg:var(--paper);
  --box-text:var(--deep);
  --box-muted:var(--deep);
  --edge:var(--gold);
  --section-title-color:var(--deep);
  --stage-title-color:var(--deep);
  --num-fill:var(--gold);
  --num-stroke:var(--gold);
  --num-stroke-width:0;
  --proof-rule:var(--bce-gold-tint-40);
  --proof-line:var(--gold);
  --context-bg:var(--paper);
  --context-label-bg:var(--sage);
  --context-copy-bg:var(--paper);
  --context-copy-text:var(--deep);
}
.business-context-engineering-process__in{width:var(--shell);margin:0 auto}
.business-context-engineering-process__variant{margin:0 0 18px;color:var(--section-text);font-size:14px;line-height:var(--lh-tight)}
.business-context-engineering-process__head{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:clamp(24px,3vw,36px)}
.business-context-engineering-process__title{margin:0;max-width:min(900px,76%);font-family:var(--display);font-weight:400;font-size:32px;line-height:var(--lh-tight);color:var(--section-title-color)}
.business-context-engineering-process__lede{margin:0;max-width:min(940px,82%);font-size:18px;line-height:var(--lh-copy);color:var(--section-text)}
.business-context-engineering-process__map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;border:1px solid var(--edge);background:var(--map-bg)}
.business-context-engineering-process__stage{position:relative;min-height:360px;display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:28px 24px 24px;border-right:1px solid var(--edge);background:var(--box-bg)}
.business-context-engineering-process__stage:last-child{border-right:0}
.business-context-engineering-process__stage::after{content:'';position:absolute;top:48px;right:-9px;width:17px;height:17px;border-top:1px solid var(--bronze);border-right:1px solid var(--bronze);transform:rotate(45deg);background:var(--arrow-bg);z-index:2}
.business-context-engineering-process__stage:last-child::after{top:auto;right:24px;bottom:24px;border-color:var(--gold);background:transparent}
/* Decorative type: keep custom size for composition. */
.business-context-engineering-process__num{display:inline-flex;width:max-content;padding:var(--num-padding);border:var(--num-border);background:var(--num-bg);font-family:var(--display);font-size:clamp(56px,5.8vw,82px);line-height:var(--lh-tight);color:var(--num-fill);-webkit-text-stroke:var(--num-stroke-width) var(--num-stroke)}
.business-context-engineering-process__stage-title{margin:0;font-family:var(--display);font-weight:400;font-size:24px;line-height:var(--lh-tight);color:var(--stage-title-color)}
.business-context-engineering-process__text{margin:0;color:var(--box-muted);font-size:16px;line-height:var(--lh-copy)}
.business-context-engineering-process__proof{display:flex;align-items:center;gap:10px;min-height:42px;border-top:1px solid var(--proof-rule);padding-top:16px;color:var(--box-text);font-size:14px;font-weight:700;letter-spacing:.04em}
.business-context-engineering-process__proof::before{content:'';width:28px;height:2px;background:var(--proof-line);flex:0 0 auto}
.business-context-engineering-process__context{display:grid;grid-template-columns:1fr 2fr;gap:0;margin-top:24px;border:1px solid var(--edge);background:var(--context-bg)}
.business-context-engineering-process__context-label{display:flex;align-items:center;padding:24px;background:var(--context-label-bg);color:var(--context-label-color);font-family:var(--display);font-size:24px;line-height:var(--lh-tight)}
.business-context-engineering-process__context-copy{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.business-context-engineering-process__context-copy span{display:flex;align-items:center;min-height:96px;padding:20px 18px;border-right:1px solid var(--edge);background:var(--context-copy-bg);color:var(--context-copy-text);font-size:14px;line-height:var(--lh-copy)}
.business-context-engineering-process__context-copy span:last-child{border-right:0}
@media (max-width:1100px){
  .business-context-engineering-process__map{grid-template-columns:1fr}
  .business-context-engineering-process__stage{min-height:0;border-right:0;border-bottom:1px solid var(--edge)}
  .business-context-engineering-process__stage:last-child{border-bottom:0}
  .business-context-engineering-process__stage::after{top:auto;right:28px;bottom:-9px;transform:rotate(135deg)}
  .business-context-engineering-process__context{grid-template-columns:1fr}
  .business-context-engineering-process__context-copy{grid-template-columns:1fr}
  .business-context-engineering-process__context-copy span{min-height:0;border-right:0;border-bottom:1px solid var(--edge)}
  .business-context-engineering-process__context-copy span:last-child{border-bottom:0}
}
@media (max-width:760px){
  .business-context-engineering-process__stage{padding:24px 20px}
  .business-context-engineering-process__title,.business-context-engineering-process__lede{max-width:100%}
  .business-context-engineering-process__title{font-size:32px}
}

/* Template title standard: section H2 */
[data-section="business-context-engineering-process-sage-gold"][data-section="business-context-engineering-process-sage-gold"] h2,
.business-context-engineering-process-sage-gold.business-context-engineering-process-sage-gold h2,
.business-context-engineering-process-sage-gold__root.business-context-engineering-process-sage-gold__root h2{
  font-size:50px !important;
  font-weight:500 !important;
  line-height:var(--lh-tight) !important;
  overflow-wrap:anywhere;
}

/* Template title standard: section H2 */
[data-section="business-context-engineering-process-white-bronze"][data-section="business-context-engineering-process-white-bronze"] h2,
.business-context-engineering-process-white-bronze.business-context-engineering-process-white-bronze h2,
.business-context-engineering-process-white-bronze__root.business-context-engineering-process-white-bronze__root h2{
  font-size:50px !important;
  font-weight:500 !important;
  line-height:var(--lh-tight) !important;
  overflow-wrap:anywhere;
}

/* Template title standard: section H2 */
[data-section="business-context-engineering-process-white-green-gold"][data-section="business-context-engineering-process-white-green-gold"] h2,
.business-context-engineering-process-white-green-gold.business-context-engineering-process-white-green-gold h2,
.business-context-engineering-process-white-green-gold__root.business-context-engineering-process-white-green-gold__root h2{
  font-size:50px !important;
  font-weight:500 !important;
  line-height:var(--lh-tight) !important;
  overflow-wrap:anywhere;
}

/* Section padding standard 2026-09-21: shared business context roots. */
[data-section="business-context-engineering-process-sage-gold"].business-context-engineering-process,
[data-section="business-context-engineering-process-white-bronze"].business-context-engineering-process,
[data-section="business-context-engineering-process-white-green-gold"].business-context-engineering-process{
  padding-block:var(--section-padding-y) !important;
}
[data-section="business-context-engineering-process-sage-gold"].business-context-engineering-process,
[data-section="business-context-engineering-process-white-green-gold"].business-context-engineering-process{
  padding-block:var(--section-padding-y) !important;
}

/* Title/description stack standard 2026-09-21: main title stacks above description at 75% content width. */
[data-section="business-context-engineering-process-sage-gold"] .business-context-engineering-process__title,
[data-section="business-context-engineering-process-sage-gold"] .business-context-engineering-process__lede{
  width:var(--title-description-width) !important;
  max-width:var(--title-description-width) !important;
  flex:0 0 var(--title-description-width) !important;
  grid-column:1 / -1 !important;
  justify-self:start !important;
  align-self:start !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
[data-section="business-context-engineering-process-sage-gold"] .business-context-engineering-process__lede{
  margin-top:24px !important;
}
[data-section="business-context-engineering-process-sage-gold"] .business-context-engineering-process__head{
  gap:0 !important;
  margin-bottom:48px !important;
}

/* Title/description stack standard 2026-09-21: main title stacks above description at 75% content width. */
[data-section="business-context-engineering-process-white-bronze"] .business-context-engineering-process__title,
[data-section="business-context-engineering-process-white-bronze"] .business-context-engineering-process__lede{
  width:var(--title-description-width) !important;
  max-width:var(--title-description-width) !important;
  flex:0 0 var(--title-description-width) !important;
  grid-column:1 / -1 !important;
  justify-self:start !important;
  align-self:start !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
[data-section="business-context-engineering-process-white-bronze"] .business-context-engineering-process__lede{
  margin-top:24px !important;
}
[data-section="business-context-engineering-process-white-bronze"] .business-context-engineering-process__head{
  gap:0 !important;
  margin-bottom:48px !important;
}

/* Title/description stack standard 2026-09-21: main title stacks above description at 75% content width. */
[data-section="business-context-engineering-process-white-green-gold"] .business-context-engineering-process__title,
[data-section="business-context-engineering-process-white-green-gold"] .business-context-engineering-process__lede{
  width:var(--title-description-width) !important;
  max-width:var(--title-description-width) !important;
  flex:0 0 var(--title-description-width) !important;
  grid-column:1 / -1 !important;
  justify-self:start !important;
  align-self:start !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
[data-section="business-context-engineering-process-white-green-gold"] .business-context-engineering-process__lede{
  margin-top:24px !important;
}
[data-section="business-context-engineering-process-white-green-gold"] .business-context-engineering-process__head{
  gap:0 !important;
  margin-bottom:48px !important;
}


/* ==== dashport-manual-vs-ai-comparison.css ==== */
/* Candidate-local DASHPORT manual-vs-AI comparison styles. */
[data-section="dashport-manual-vs-ai-comparison"].dp{
  --dp-ink:#06301B;
  --dp-deep:var(--deep);
  --dp-sage:var(--sage);
  --dp-mist:#F1F5F3;
  --dp-gold:var(--gold);
  --dp-red:#A8443B;
  --dp-red-line:#DCAFA9;
  --dp-red-tint:#FBF3F2;
  background:#FFFFFF;
  box-sizing:border-box;
  padding:var(--section-padding-y) 0;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

[data-section="dashport-manual-vs-ai-comparison"] *,
[data-section="dashport-manual-vs-ai-comparison"] *::before,
[data-section="dashport-manual-vs-ai-comparison"] *::after{
  box-sizing:border-box;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-head{
  margin-bottom:56px;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--dp-sage);
  margin:0 0 20px;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-kicker::before{
  content:"";
  width:28px;
  height:2px;
  background:var(--dp-gold);
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-title{
  color:var(--dp-deep);
  font-family:var(--display);
  font-size:50px;
  font-weight:500;
  line-height:1.15;
  letter-spacing:0;
  margin:0;
  max-width:26ch;
  text-wrap:pretty;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) minmax(0,1fr);
  row-gap:2px;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__spacer{
  grid-row:1 / -1;
  grid-column:2;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__head{
  padding:26px 28px;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:96px;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__head--manual{
  grid-column:1;
  background:var(--dp-red);
  color:#FFFFFF;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__head--answer{
  grid-column:3 / span 2;
  background:var(--dp-deep);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  padding:0;
  align-items:stretch;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__headcell{
  display:flex;
  align-items:center;
  gap:14px;
  padding:26px 28px;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__headcell + .dp-cmp__headcell{
  border-left:1px solid rgba(255,255,255,.2);
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__mark{
  flex:0 0 32px;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  font-size:17px;
  font-weight:700;
  line-height:1;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__mark--x{
  background:rgba(255,255,255,.18);
  color:#FFFFFF;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__mark--tick{
  background:var(--dp-gold);
  color:#181818;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__colname{
  margin:0;
  font-family:var(--display);
  font-size:clamp(20px,1.6vw,24px);
  font-weight:var(--display-weight);
  line-height:1.12;
  color:#FFFFFF;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__row{
  padding:26px 28px;
  display:flex;
  align-items:center;
  font-size:clamp(16px,1.3vw,19px);
  line-height:1.4;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__row--manual{
  grid-column:1;
  background:var(--dp-red-tint);
  border-left:3px solid var(--dp-red-line);
  color:#6E2B24;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__row--good{
  grid-column:3;
  background:var(--dp-mist);
  color:var(--dp-ink);
  font-weight:500;
}

[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__row--why{
  grid-column:4;
  background:#FFFFFF;
  border-left:3px solid var(--dp-gold);
  color:var(--dp-deep);
  font-weight:500;
}

@media (max-width:1080px){
  [data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__grid{
    grid-template-columns:1fr;
  }

  [data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__spacer{
    display:none;
  }

  [data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__head--manual,
  [data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__head--answer,
  [data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__row--manual,
  [data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__row--good,
  [data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__row--why{
    grid-column:1;
  }

  [data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__row--manual{
    margin-bottom:0;
  }
}

@media (max-width:820px){
  [data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__head--answer{
    grid-template-columns:1fr;
  }

  [data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__headcell + .dp-cmp__headcell{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.2);
  }
}

@media (max-width:620px){
  [data-section="dashport-manual-vs-ai-comparison"] .dp-title{
    max-width:none;
  }
}


/* ==== case-study-showcase-01-four.css ==== */
/*
  APPROVED CASE-STUDY CARD COLOUR CONTRACT — DO NOT EXTEND LOCALLY.

  Library build source of truth:
  layout-variant-1/theme-map.json, generated from themes.json.

  Every card must use one approved theme class below. Background, title,
  foreground, body text, rule, link and foot colours are role-bound. Agents
  must not introduce another hex, rgb, rgba, hsl, named colour or opacity-based
  text colour into a case-study section. If the source palette changes, update
  this block and rerun build_templates.py; the builder rejects palette drift.

  Shared approved card roles:
  card-title #d4af37 | card-fg #ffffff | card-body #c4cdc8
  card-rule rgba(255,255,255,.2) | card-link #f3cd29

  Approved card grounds:
  Forest #0d5630 | Olive #2b3410 | Walnut #57473a | Petrol #14403f
  Burgundy #6e1e2e | Plum #3b2440 | Slate #2b4a64

  Approved foot grounds carried by the theme contract:
  #e7efe8 | #e6dfd4 | #ffffff
*/
.case-study-showcase-01-four-library {
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 100%;
  --case-study-showcase-01-four-card-title: #d4af37;
  --case-study-showcase-01-four-card-fg: #ffffff;
  --case-study-showcase-01-four-card-body: #c4cdc8;
  --case-study-showcase-01-four-card-rule: rgba(255,255,255,.2);
  --case-study-showcase-01-four-card-link: #f3cd29;
  padding-block: var(--section-padding-y);
  border-top: 1px solid var(--rule);
  background: var(--paper);
  color: var(--deep);
  font-family: var(--body);
  scroll-margin-top: 68px;
}

.case-study-showcase-01-four-library,
.case-study-showcase-01-four-library * {
  box-sizing: border-box;
}

.case-study-showcase-01-four-library a {
  color: inherit;
  text-decoration: none;
}

.case-study-showcase-01-four-library img {
  display: block;
  max-width: 100%;
}

.case-study-showcase-01-four-showcase__in {
  width: var(--shell);
  margin: 0 auto;
}

.case-study-showcase-01-four-showcase__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 56px;
}

.case-study-showcase-01-four-showcase__intro {
  display: flex;
  flex: 0 1 var(--title-description-width);
  max-width: var(--title-description-width);
  flex-direction: column;
  gap: 14px;
}

.case-study-showcase-01-four-showcase__eyebrow {
  margin: 0;
  color: var(--deep);
  font-family: var(--mono);
  font-size: 12px;
  line-height: 1.15;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.case-study-showcase-01-four-showcase__title {
  margin: 0;
  color: var(--deep);
  font-family: var(--display);
  font-size: var(--fs-standard-section);
  font-weight: var(--display-weight);
  line-height: var(--lh-tight);
  letter-spacing: 0;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

.case-study-showcase-01-four-showcase__all {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d4af37;
  color: var(--deep);
  font-family: var(--display);
  font-size: 14px;
  line-height: 1.4;
}

.case-study-showcase-01-four-showcase__all:hover,
.case-study-showcase-01-four-showcase__all:focus-visible {
  color: var(--bronze);
}

.case-study-showcase-01-four-showcase__all-arrow {
  transition: transform .2s ease;
}

.case-study-showcase-01-four-showcase__all:hover .case-study-showcase-01-four-all-arrow,
.case-study-showcase-01-four-showcase__all:focus-visible .case-study-showcase-01-four-all-arrow {
  transform: translateX(5px);
}

.case-study-showcase-01-four-rows {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.case-study-showcase-01-four-row {
  display: grid;
  align-items: stretch;
}

.case-study-showcase-01-four-row--4 {
  --card-pad: 20px;
  --card-well: 220px;
  --card-kicker: 10px;
  --card-title: 18px;
  --card-kicker-gap: 8px;
  --card-title-gap: 12px;
  --card-rule-gap: 20px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.case-study-showcase-01-four-row--3 {
  --card-pad: 24px;
  --card-well: 300px;
  --card-kicker: 12px;
  --card-title: 22px;
  --card-kicker-gap: 10px;
  --card-title-gap: 16px;
  --card-rule-gap: 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

.case-study-showcase-01-four-row--2 {
  --card-pad: 32px;
  --card-well: 370px;
  --card-kicker: 13px;
  --card-title: 34px;
  --card-kicker-gap: 12px;
  --card-title-gap: 20px;
  --card-rule-gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px;
}

.case-study-showcase-01-four-row--1 {
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
}

.case-study-showcase-01-four-card {
  min-width: 0;
  background: var(--case-study-showcase-01-four-card-bg);
  color: var(--case-study-showcase-01-four-card-fg);
}

.case-study-showcase-01-four-card--stack {
  display: flex;
  flex-direction: column;
  padding: var(--card-pad);
}

.case-study-showcase-01-four-theme--forest {
  --case-study-showcase-01-four-card-bg: #0d5630;
  --case-study-showcase-01-four-card-foot-bg: #e7efe8;
}

.case-study-showcase-01-four-theme--sage {
  --case-study-showcase-01-four-card-bg: #2b3410;
  --case-study-showcase-01-four-card-foot-bg: #e7efe8;
}

.case-study-showcase-01-four-theme--walnut {
  --case-study-showcase-01-four-card-bg: #57473a;
  --case-study-showcase-01-four-card-foot-bg: #e6dfd4;
}

.case-study-showcase-01-four-theme--petrol {
  --case-study-showcase-01-four-card-bg: #14403f;
  --case-study-showcase-01-four-card-foot-bg: #e7efe8;
}

.case-study-showcase-01-four-theme--burgundy {
  --case-study-showcase-01-four-card-bg: #6e1e2e;
  --case-study-showcase-01-four-card-foot-bg: #e6dfd4;
}

.case-study-showcase-01-four-theme--plum {
  --case-study-showcase-01-four-card-bg: #3b2440;
  --case-study-showcase-01-four-card-foot-bg: #ffffff;
}

.case-study-showcase-01-four-theme--slate {
  --case-study-showcase-01-four-card-bg: #2b4a64;
  --case-study-showcase-01-four-card-foot-bg: #ffffff;
}

.case-study-showcase-01-four-card__kicker {
  display: block;
  font-size: var(--card-kicker);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--case-study-showcase-01-four-card-body);
}

.case-study-showcase-01-four-card__art {
  display: flex;
  height: var(--card-well);
  margin-top: var(--card-kicker-gap);
  align-items: center;
  justify-content: center;
}

.case-study-showcase-01-four-card__art img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.case-study-showcase-01-four-card__title {
  display: block;
  margin-top: var(--card-title-gap);
  font-family: var(--display);
  font-size: var(--card-title);
  font-weight: 400;
  /* Approved title leading: 1.2. Never reduce below 1.15. */
  line-height: 1.2;
  color: var(--case-study-showcase-01-four-card-title);
  text-wrap: balance;
}

.case-study-showcase-01-four-card__lede {
  display: block;
  margin-top: 16px;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--case-study-showcase-01-four-card-body);
}

.case-study-showcase-01-four-card__read {
  display: block;
  margin-top: auto;
  padding-top: var(--card-rule-gap);
}

.case-study-showcase-01-four-card__read-label {
  display: block;
  padding-top: 16px;
  border-top: 1px solid var(--case-study-showcase-01-four-card-rule);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--case-study-showcase-01-four-card-link);
}

.case-study-showcase-01-four-card--row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
}

.case-study-showcase-01-four-card__row-copy {
  display: block;
  min-width: 0;
  padding: 40px;
}

.case-study-showcase-01-four-card--row .case-study-showcase-01-four-card__kicker {
  --card-kicker: 13px;
}

.case-study-showcase-01-four-card--row .case-study-showcase-01-four-card__title {
  --card-title: 34px;
  --card-title-gap: 28px;
}

.case-study-showcase-01-four-card--row .case-study-showcase-01-four-card__lede {
  clear: right;
  margin-top: 28px;
}

.case-study-showcase-01-four-card--row .case-study-showcase-01-four-card__read {
  clear: both;
  padding-top: 40px;
}

.case-study-showcase-01-four-card__float-art {
  float: right;
  width: 280px;
  max-height: 320px;
  margin: 0 0 32px 32px;
  object-fit: contain;
}

.case-study-showcase-01-four-card__kpis {
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--case-study-showcase-01-four-card-rule);
}

.case-study-showcase-01-four-card__kpi {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 32px;
}

.case-study-showcase-01-four-card__kpi + .case-study-showcase-01-four-card__kpi {
  border-top: 1px solid var(--case-study-showcase-01-four-card-rule);
}

.case-study-showcase-01-four-card__kpi-value {
  font-family: var(--display);
  font-size: 58px;
  font-weight: 400;
  line-height: 1.15;
  color: var(--case-study-showcase-01-four-card-title);
}

.case-study-showcase-01-four-card__kpi-label {
  font-size: 14px;
  line-height: 1.4;
  color: var(--case-study-showcase-01-four-card-body);
}

.case-study-showcase-01-four-card:focus-visible {
  outline: 3px solid var(--case-study-showcase-01-four-card-link);
  outline-offset: 4px;
}

@media (max-width: 1109px) {
  .case-study-showcase-01-four-card--row {
    grid-template-columns: minmax(0, 1fr);
  }

  .case-study-showcase-01-four-card__kpis {
    border-top: 1px solid var(--case-study-showcase-01-four-card-rule);
    border-left: 0;
  }
}

@media (max-width: 1001px) {
  .case-study-showcase-01-four-row--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  .case-study-showcase-01-four-row--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 789px) {
  .case-study-showcase-01-four-card__float-art {
    float: none;
    margin: 0 0 32px;
  }
}

@media (max-width: 715px) {
  .case-study-showcase-01-four-row--2 {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 699px) {
  .case-study-showcase-01-four-row--3 {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 691px) {
  .case-study-showcase-01-four-row--4 {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .case-study-showcase-01-four-showcase__head {
    display: block;
    margin-bottom: 48px;
  }

  .case-study-showcase-01-four-showcase__intro {
    max-width: 100%;
  }

  .case-study-showcase-01-four-showcase__all {
    min-height: 44px;
    margin-top: 20px;
  }
}

@media (max-width: 600px) {
  .case-study-showcase-01-four-showcase__in {
    width: var(--shell);
  }
}

@media (max-width: 507px) {
  .case-study-showcase-01-four-rows {
    gap: 24px;
  }

  .case-study-showcase-01-four-row--4,
  .case-study-showcase-01-four-row--3,
  .case-study-showcase-01-four-row--2 {
    --card-pad: 20px;
    --card-well: 220px;
    --card-kicker: 11px;
    --card-title: 22px;
    --card-kicker-gap: 10px;
    --card-title-gap: 14px;
    --card-rule-gap: 24px;
    gap: 24px;
  }

  .case-study-showcase-01-four-card__art {
    height: auto;
    max-height: var(--card-well);
  }

  .case-study-showcase-01-four-card__row-copy,
  .case-study-showcase-01-four-card__kpi {
    padding: 20px;
  }

  .case-study-showcase-01-four-card--row .case-study-showcase-01-four-card__title {
    --card-title: 22px;
    --card-title-gap: 16px;
  }

  .case-study-showcase-01-four-card--row .case-study-showcase-01-four-card__lede {
    margin-top: 16px;
    font-size: 16px;
  }

  .case-study-showcase-01-four-card--row .case-study-showcase-01-four-card__read {
    padding-top: 24px;
  }

  .case-study-showcase-01-four-card__kpi-value {
    font-size: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .case-study-showcase-01-four-showcase__all-arrow {
    transition: none;
  }
}

/* Pilot contract: the section and layout wrappers reveal the host background; cards retain their theme surfaces. */
.case-study-showcase-01-four-library,
.case-study-showcase-01-four-showcase__in,
.case-study-showcase-01-four-rows,
.case-study-showcase-01-four-row {
  background: transparent;
}


/* ==== data-bi-credentials-proof.css ==== */
/* data-bi-credentials-proof
 *
 * Reusable credential-and-proof band: partner badge row over a two-row proof matrix.
 * Row 1 is standing BI credentials, row 2 is migration performance. The two rows are
 * deliberately different grounds so the reader gets the credential claim first.
 * Approved as a new library template candidate (manifest section `data-bi-credentials-proof`).
 * Depends on: css/tokens.css, assets-premium/fonts/fonts.css.
 *
 * Library spacing standard: section root renders 120px top and bottom padding, with
 * 56px between the title/description block and the section content.
 */

.data-bi-credentials-proof,
.data-bi-credentials-proof *{box-sizing:border-box}

.data-bi-credentials-proof{
  scroll-margin-top:var(--hdr-h);
  width:100vw;
  max-width:none;
  padding-block:var(--section-padding-y);
  border-top:1px solid var(--rule);
  background:var(--paper);
  color:var(--ink);
  font-family:var(--body);
}

.data-bi-credentials-proof__in{width:var(--shell);margin:0 auto}

.data-bi-credentials-proof__head{display:flex;flex-direction:column;gap:18px}
.data-bi-credentials-proof__kicker{color:var(--bronze)}
.data-bi-credentials-proof__title{color:var(--deep)}

.data-bi-credentials-proof__badges{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin-top:56px;
  background:var(--rule);
  border:1px solid var(--rule);
}
.data-bi-credentials-proof__badge{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:150px;
  padding:26px 22px;
  background:var(--paper);
}
.data-bi-credentials-proof__badge img{width:auto;max-width:100%;max-height:96px;object-fit:contain}

.data-bi-credentials-proof__matrix{display:flex;flex-direction:column;margin-top:32px}

.data-bi-credentials-proof__row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
}
.data-bi-credentials-proof__row-label{
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 0 14px;
  color:var(--bronze);
}
.data-bi-credentials-proof__row-label::after{
  content:'';
  flex:1;
  height:1px;
  background:linear-gradient(90deg,var(--gold),rgba(212,175,55,0));
}
.data-bi-credentials-proof__row + .data-bi-credentials-proof__row-label{padding-top:34px}

.data-bi-credentials-proof__metric{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:32px 28px 34px;
}

/* Row 1: standing credentials carry the emphasis ground. */
.data-bi-credentials-proof__row--credentials .data-bi-credentials-proof__metric{
  background:var(--deep);
  color:var(--on-dark-soft);
}
.data-bi-credentials-proof__row--credentials .data-bi-credentials-proof__figure{color:var(--gold)}
.data-bi-credentials-proof__row--credentials .data-bi-credentials-proof__note{color:var(--paper)}

/* Row 2: migration performance sits on paper under a gold rule. */
.data-bi-credentials-proof__row--migration .data-bi-credentials-proof__metric{
  background:var(--paper);
  border:1px solid var(--rule);
  border-top:3px solid var(--gold);
}
.data-bi-credentials-proof__row--migration .data-bi-credentials-proof__figure{color:var(--deep)}
.data-bi-credentials-proof__row--migration .data-bi-credentials-proof__note{color:var(--grey-mid)}

.data-bi-credentials-proof__figure{
  font-family:var(--display);
  font-weight:var(--display-weight);
  font-size:clamp(34px,3vw,44px);
  line-height:1;
  letter-spacing:0;
}
.data-bi-credentials-proof__note{max-width:30ch}

@media (max-width:1040px){
  .data-bi-credentials-proof__badges{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .data-bi-credentials-proof__row{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  .data-bi-credentials-proof__badges{grid-template-columns:minmax(0,1fr)}
  .data-bi-credentials-proof__badge{min-height:130px}
}

/* Template title standard: section H2 */
[data-section="data-bi-credentials-proof"][data-section="data-bi-credentials-proof"] h2,
.data-bi-credentials-proof.data-bi-credentials-proof h2{
  font-size:50px !important;
  font-weight:500 !important;
  line-height:var(--lh-tight) !important;
  overflow-wrap:anywhere;
}

/* Title/description stack standard: main title stacks above description at 75% content width. */
[data-section="data-bi-credentials-proof"] .data-bi-credentials-proof__title{
  width:var(--title-description-width) !important;
  max-width:var(--title-description-width) !important;
  margin-left:0 !important;
  margin-right:auto !important;
}


/* ==== accordion-faq-section.css ==== */
.accordion-faq-section{box-sizing:border-box;width:100%;flex:0 0 100%;padding:var(--sec-pad) 0;border-top:1px solid var(--rule-soft);background:var(--paper)}
.accordion-faq-section__in{width:var(--shell);max-width:960px;margin:0 auto}
.accordion-faq-section__title{font-family:var(--display);font-weight:var(--display-weight);font-size:var(--fs-standard-section);line-height:var(--lh-tight);letter-spacing:var(--display-track);color:var(--deep);text-align:center;margin-bottom:clamp(48px,4vw,56px)}
.accordion-faq-section__item{border-bottom:1px solid var(--rule)}
.accordion-faq-section__item:first-child{border-top:1px solid var(--rule)}
.accordion-faq-section__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:22px;text-align:left;padding:21px 0;font-family:var(--display);font-weight:var(--display-weight);font-size:var(--fs-card);line-height:var(--lh-tight);letter-spacing:var(--display-track);color:var(--deep)}
.accordion-faq-section__q:hover{color:var(--black)}
.accordion-faq-section__chev{flex:0 0 auto;width:10px;height:10px;margin-right:2px;border-right:1.5px solid var(--bronze);border-bottom:1.5px solid var(--bronze);transform:rotate(45deg) translate(-2px,-2px);transition:transform .3s var(--ease)}
.accordion-faq-section__item[open] .accordion-faq-section__chev{transform:rotate(-135deg) translate(-1px,-1px)}
.accordion-faq-section__a{padding:0 0 24px;font-size:var(--fs-body);line-height:var(--lh-copy);color:var(--grey-mid);max-width:76ch}
.accordion-faq-section__q::-webkit-details-marker{display:none}.accordion-faq-section__q::marker{content:""}
@media (max-width:600px){.accordion-faq-section__title{font-size:32px}}

/* Template title standard: section H2 */
[data-section="accordion-faq-section"][data-section="accordion-faq-section"] h2,
.accordion-faq-section.accordion-faq-section h2,
.accordion-faq-section__root.accordion-faq-section__root h2{
  font-size:50px !important;
  font-weight:500 !important;
  line-height:var(--lh-tight) !important;
  overflow-wrap:anywhere;
}

/* Section padding standard 2026-09-21: reusable section roots keep 120px between their border and content. */
.accordion-faq-section{
  padding-block:var(--section-padding-y);
}


/* ==== cta-standard-gold-wash-two-column.css ==== */
/* cta-standard-gold-wash-two-column
 *
 * v2 full-bleed band.
 *
 * v1 came from a Design Canvas option card. The section root kept card chrome:
 * max-width, border, shadow, and radius. That made the section read as an island
 * inside the page shell.
 *
 * v2 makes the root the band. It owns width, vertical padding, background, and
 * one top seam. The inner element only holds the shared shell measure and grid.
 */

.cta-standard-gold-wash-two-column,
.cta-standard-gold-wash-two-column *{box-sizing:border-box}

.cta-standard-gold-wash-two-column{
  width:100%;
  padding:var(--sec-pad-tight) 0;
  border-top:1px solid rgba(184,134,11,.5);
  background:
    repeating-linear-gradient(0deg,rgba(87,71,58,.045) 0 1px,transparent 1px 30px),
    radial-gradient(120% 150% at 92% 6%,rgba(212,175,55,.22),transparent 58%),
    linear-gradient(180deg,#FFFDF8,#F6F0E3);
  color:var(--ink);
  font-family:var(--body);
}

.cta-standard-gold-wash-two-column__el-2{
  width:var(--shell);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:clamp(32px,5vw,64px);
  align-items:center;
}

.cta-standard-gold-wash-two-column__el-4{
  margin:0 0 18px;
  font-family:var(--body);
  font-weight:700;
  font-size:var(--fs-small);
  line-height:var(--lh-tight);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--bronze);
}

.cta-standard-gold-wash-two-column__el-5{
  margin:0;
  font-family:var(--display);
  font-weight:var(--display-weight);
  font-size:clamp(30px,3.8vw,42px);
  line-height:var(--lh-tight);
  letter-spacing:var(--display-track);
  color:var(--deep);
  max-width:34ch;
  text-wrap:pretty;
}

.cta-standard-gold-wash-two-column__el-6{
  margin:18px 0 0;
  font-size:var(--fs-standard-lede);
  line-height:var(--lh-copy);
  color:#57473A;
  max-width:58ch;
  text-wrap:pretty;
}

.cta-standard-gold-wash-two-column__el-7{
  display:grid;
  gap:14px;
  justify-items:start;
}

.cta-standard-gold-wash-two-column__el-8{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 26px;
  background:var(--gold);
  color:var(--cta-ink);
  font-family:var(--body);
  font-weight:700;
  font-size:var(--fs-btn);
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:center;
  text-decoration:none;
  transition:background 160ms var(--ease);
}

.cta-standard-gold-wash-two-column__el-8:hover{
  background:var(--bronze);
  color:var(--paper);
}

.cta-standard-gold-wash-two-column__el-8:focus-visible{
  outline:3px solid var(--deep);
  outline-offset:4px;
}

.cta-standard-gold-wash-two-column__el-9{
  margin:0;
  font-size:var(--fs-small);
  line-height:var(--lh-copy);
  color:var(--grey-mid);
}

@media (max-width:900px){
  .cta-standard-gold-wash-two-column__el-2{
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    gap:clamp(24px,4vw,34px);
  }
}

@media (max-width:560px){
  .cta-standard-gold-wash-two-column__el-8{width:100%}
}

@media (prefers-reduced-motion:reduce){
  .cta-standard-gold-wash-two-column__el-8{transition:none}
}

/* Template title standard: section H2 */
[data-section="cta-standard-gold-wash-two-column"][data-section="cta-standard-gold-wash-two-column"] h2,
.cta-standard-gold-wash-two-column.cta-standard-gold-wash-two-column h2,
.cta-standard-gold-wash-two-column__root.cta-standard-gold-wash-two-column__root h2{
  font-size:50px !important;
  font-weight:500 !important;
  line-height:var(--lh-tight) !important;
  overflow-wrap:anywhere;
}

/* Section padding standard 2026-09-21: reusable section roots keep 120px between their border and content. */
.cta-standard-gold-wash-two-column{
  padding-block:var(--section-padding-y);
}

/* Title/description stack standard 2026-09-21: main title stacks above description at 75% content width. */
[data-section="cta-standard-gold-wash-two-column"] .cta-standard-gold-wash-two-column__el-5,
[data-section="cta-standard-gold-wash-two-column"] .cta-standard-gold-wash-two-column__el-6{
  width:var(--title-description-width) !important;
  max-width:var(--title-description-width) !important;
  flex:0 0 var(--title-description-width) !important;
  grid-column:1 / -1 !important;
  justify-self:start !important;
  align-self:start !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
[data-section="cta-standard-gold-wash-two-column"] .cta-standard-gold-wash-two-column__el-6{
  margin-top:24px !important;
}


/* ==== dashport-page-dropins.css ==== */
/* ==========================================================================
   DASHPORT PAGE DROP-INS
   Verbatim rules from the DASHPORT BI Migration page stylesheet
   (claude-design-template-extraction/sources/dashport-bi-migration/css/sections/dashport-bi-migration.css)
   for the two sections dropped in from that page:
     - "How DASHPORT moves BI estates into Looker."  [data-section="dashport-workflow"]
     - "Get a free 48-hour migration assessment..."   #assessment-offer
   Only change: unscoped .dp-* selectors are prefixed with the section scope so they
   cannot leak into the other .dp-* library sections on this page.
   ========================================================================== */

#assessment-offer,
[data-section="dashport-workflow"]{
  --dp-ink:#06301B;
  --dp-ink-2:#0A4025;
  --dp-deep:var(--deep);
  --dp-sage:var(--sage);
  --dp-mist:#F1F5F3;
  --dp-mist-2:#E4EBE7;
  --dp-line:#D2DCD7;
  --dp-line-dark:rgba(255,255,255,.16);
  --dp-gold:var(--gold);
  --dp-gold-soft:#F6E9BE;
}

#assessment-offer .dp-btnrow{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
#assessment-offer .dp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:18px 32px;background:var(--dp-gold);color:#181818;border:1px solid var(--dp-gold);font-family:var(--body);font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
#assessment-offer .dp-btn:hover{background:#FFFFFF;border-color:#FFFFFF;color:var(--dp-deep)}

/* ---------- dashport-workflow (process template overrides) ---------- */
[data-section="dashport-workflow"] .business-context-engineering-process__map{grid-template-columns:repeat(4,minmax(0,1fr))}
[data-section="dashport-workflow"] .business-context-engineering-process__context-copy{grid-template-columns:repeat(4,minmax(0,1fr))}
[data-section="dashport-workflow"] .business-context-engineering-process__stage{grid-template-rows:auto auto 1fr auto;gap:16px}
[data-section="dashport-workflow"] .business-context-engineering-process__text{color:rgba(255,255,255,.86);font-size:17px}
[data-section="dashport-workflow"] .business-context-engineering-process__stage-title{font-size:28px}
[data-section="dashport-workflow"] .business-context-engineering-process__num{font-size:clamp(40px,3.4vw,52px)}
[data-section="dashport-workflow"] .dp-flowicon{display:grid;place-items:center;width:56px;height:56px;background:rgba(255,255,255,.1);border:1px solid var(--bce-gold-tint-40,#EEDFAF);color:#EEDFAF;font-size:30px}
[data-section="dashport-workflow"] .business-context-engineering-process__stage:hover .dp-flowicon{background:var(--gold);border-color:var(--gold);color:#181818}
[data-section="dashport-workflow"] .dp-flowhead{display:flex;align-items:center;justify-content:space-between;gap:16px}

/* ---------- assessment-offer ---------- */
#assessment-offer.dp-offer{background:var(--dp-mist);color:var(--dp-ink);padding:120px 0;position:relative;border-top:1px solid var(--dp-line)}
#assessment-offer .dp-offer__in{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(32px,3.6vw,64px);align-items:start}
#assessment-offer .dp-offer__title{margin:0;font-family:var(--display);font-size:clamp(34px,3.6vw,50px);font-weight:var(--display-weight);line-height:1.15;color:var(--dp-deep);max-width:20ch;text-wrap:pretty}
#assessment-offer .dp-offer__lede{margin:24px 0 0;max-width:34ch;color:var(--grey-mid);font-size:clamp(17px,1.4vw,21px);line-height:1.45}
#assessment-offer .dp-offer__outcome{margin:36px 0 0;padding:26px 0 0;border-top:2px solid var(--dp-gold);max-width:32ch;color:var(--dp-ink);font-size:clamp(17px,1.35vw,20px);line-height:1.4}
#assessment-offer .dp-offer__outcome strong{color:var(--dp-deep);display:block;font-family:var(--display);font-weight:var(--display-weight);font-size:clamp(20px,1.6vw,24px);margin-bottom:8px}
#assessment-offer .dp-offer__panel{background:#FFFFFF;color:var(--dp-ink);padding:clamp(30px,2.6vw,46px);border-top:6px solid var(--dp-gold)}
#assessment-offer .dp-offer__paneltitle{margin:0 0 26px;font-family:var(--display);font-size:clamp(24px,2.1vw,32px);font-weight:var(--display-weight);line-height:1.12;color:var(--dp-deep)}
#assessment-offer .dp-offer__checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;margin:0;padding:0;list-style:none}
#assessment-offer .dp-offer__checks li{position:relative;padding-left:34px;color:var(--dp-ink);font-size:clamp(16px,1.25vw,18px);line-height:1.35;font-weight:500}
#assessment-offer .dp-offer__checks li::before{content:"\2713";position:absolute;left:0;top:-1px;width:22px;height:22px;display:grid;place-items:center;background:var(--dp-deep);color:#FFFFFF;font-size:12px;font-weight:700;line-height:1}
#assessment-offer .dp-offer__poc{margin-top:34px;padding-top:30px;border-top:2px solid var(--dp-mist-2)}
#assessment-offer .dp-offer__poctitle{margin:0 0 20px;font-family:var(--display);font-size:clamp(22px,1.9vw,28px);font-weight:var(--display-weight);line-height:1.12;color:var(--dp-deep)}
#assessment-offer .dp-offer__pocsteps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:var(--dp-mist-2)}
#assessment-offer .dp-offer__pocstep{background:var(--dp-mist);padding:28px 24px 30px}
#assessment-offer .dp-offer__pocweek{display:block;font-family:var(--display);font-size:clamp(22px,1.8vw,26px);line-height:1;color:var(--dp-gold)}
#assessment-offer .dp-offer__poctext{display:block;margin-top:14px;color:var(--dp-ink);font-size:clamp(16px,1.25vw,18px);line-height:1.4}

@media (max-width:1080px){#assessment-offer .dp-offer__in{grid-template-columns:1fr}}
@media (max-width:820px){#assessment-offer .dp-offer__checks,#assessment-offer .dp-offer__pocsteps{grid-template-columns:1fr}}

/* Spacing + token rules from the source page, workflow + offer only */
[data-section="dashport-workflow"].business-context-engineering-process{padding-block:120px !important}
[data-section="dashport-workflow"] .business-context-engineering-process__head{margin-bottom:56px !important}
[data-section="dashport-workflow"] .business-context-engineering-process__context{margin-top:56px}
[data-section="dashport-workflow"]{--wash:#F1F5F3;--rule:#D2DCD7;--rule-soft:#D2DCD7;--cream:#F1F5F3;--gold-head:#F1F5F3;--bce-bronze-tint-20:#E4EBE7}
[data-section="dashport-workflow"] .business-context-engineering-process__proof{border-top-color:rgba(255,255,255,.28)}
[data-section="dashport-workflow"] .business-context-engineering-process__context-label{font-size:clamp(22px,1.9vw,28px)}
[data-section="dashport-workflow"] .business-context-engineering-process__context-copy span{font-family:var(--display);font-size:clamp(19px,1.6vw,23px);line-height:1.15;color:var(--dp-deep);min-height:112px}
#assessment-offer.dp-offer{padding-top:120px !important;padding-bottom:120px !important}
[data-section="dashport-workflow"] .business-context-engineering-process__title{font-size:50px !important;line-height:1.15 !important}
#assessment-offer .dp-offer__title{font-size:50px !important;line-height:1.15 !important}
@media (max-width:820px){
  #assessment-offer .dp-offer__title,
  [data-section="dashport-workflow"] .business-context-engineering-process__title{font-size:36px !important}
}
@media (max-width:1100px){
  [data-section="dashport-workflow"] .business-context-engineering-process__map,
  [data-section="dashport-workflow"] .business-context-engineering-process__context-copy{grid-template-columns:1fr}
  [data-section="dashport-workflow"] .business-context-engineering-process__context-copy span{min-height:0}
}


/* ==== dashport-redesign-dropins.css ==== */
/* ==========================================================================
   DROP-INS from deployable-site/pages/featured-solutions/dashport-bi-migration/index.html <style>
   .dp-redesign-platform ("Migrate any BI platform to Looker.") and the
   .dp-redesign-workflow__carousel screenshot player. Verbatim.
   ========================================================================== */
.dp-redesign-platform{position:relative;overflow:hidden;border-top:1px solid #D2DCD7;border-bottom:1px solid #D2DCD7;background:#FAF9F6;padding:120px 0}
.dp-redesign-platform::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#D4AF37}
.dp-redesign-platform__inner{width:min(1200px, 100% - 80px);margin:0 auto}
.dp-redesign-platform__head{display:flex;flex-direction:column;align-items:flex-start;gap:36px;margin-bottom:56px}
.dp-redesign-platform__copy{display:flex;flex-direction:column;gap:24px;width:100%;max-width:900px;min-width:min(100%, 75%)}
.dp-redesign-platform__title{margin:0;font-family:"Fjalla One",sans-serif;font-weight:400;font-size:clamp(36px, 4vw, 50px);line-height:1.15;letter-spacing:0;text-wrap:pretty;color:#0D5630}
.dp-redesign-platform__lede{margin:0;font-family:"Roboto Condensed",sans-serif;font-size:18px;line-height:1.5;text-wrap:pretty;color:#595959}
.dp-redesign-platform__destination{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:stretch;width:min(100%, 440px);border:2px solid #D4AF37;background:#FFFFFF}
.dp-redesign-platform__destination-label{display:flex;align-items:center;padding:0 22px;background:#06301B;color:#D4AF37;font-family:"Roboto Condensed",sans-serif;font-size:12px;font-weight:700;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}
.dp-redesign-platform__destination-logo{display:flex;align-items:center;justify-content:center;min-height:104px;padding:26px 28px}
.dp-redesign-platform__destination-logo img{display:block;width:auto;height:40px}
.dp-redesign-platform__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 260px), 1fr));gap:2px;border:2px solid #E4EBE7;background:#D2DCD7}
.dp-redesign-platform__card{position:relative;display:flex;flex-direction:column;gap:24px;min-height:400px;padding:40px 32px 44px;background:#FFFFFF;box-shadow:inset 0 0 0 0 #D4AF37;transition:box-shadow .3s cubic-bezier(.22, 1, .36, 1), transform .3s cubic-bezier(.22, 1, .36, 1)}
.dp-redesign-platform__card:hover{z-index:1;transform:translateY(-4px);box-shadow:inset 0 4px 0 0 #D4AF37, 0 18px 40px rgba(6, 48, 27, .12)}
.dp-redesign-platform__logo-row{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:14px;height:80px;margin-bottom:8px;padding-bottom:24px;border-bottom:1px solid #E4EBE7}
.dp-redesign-platform__logo{display:flex;align-items:center;min-width:0;height:40px}
.dp-redesign-platform__logo img{display:block;width:auto;max-width:128px;max-height:34px;object-fit:contain}
.dp-redesign-platform__logo span{font-family:"Fjalla One",sans-serif;font-size:24px;line-height:1;color:#0D5630}
.dp-redesign-platform__idx{font-family:"Fjalla One",sans-serif;font-size:28px;line-height:1;color:#E4EBE7}
.dp-redesign-platform__card h3{margin:0;font-family:"Fjalla One",sans-serif;font-weight:400;font-size:24px;line-height:1.15;color:#0D5630;letter-spacing:0}
.dp-redesign-platform__card p{margin:0;font-family:"Roboto Condensed",sans-serif;font-size:16px;line-height:1.65;color:#595959;text-wrap:pretty}
.dp-redesign-platform__link{display:inline-flex;align-items:center;width:fit-content;margin-top:auto;padding-top:18px;border-top:2px solid #D4AF37;color:#0D5630;font-family:"Roboto Condensed",sans-serif;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}
.dp-redesign-platform__link:hover{color:#B8860B}
.dp-redesign-workflow__carousel{display:flex;flex-direction:column;gap:20px;margin-top:56px}
.dp-redesign-workflow__screen{position:relative;padding:clamp(10px, .9vw, 16px);background:#FFFFFF;box-shadow:0 -2px 0 #D4AF37, 0 30px 60px rgba(6, 48, 27, .35)}
.dp-redesign-workflow__slide{display:grid;place-items:center;aspect-ratio:16 / 9;border:1px dashed rgba(13, 86, 48, .35);background:repeating-linear-gradient(135deg, rgba(13, 86, 48, .07) 0 1px, transparent 1px 16px), #F1F5F3}
.dp-redesign-workflow__slide-label{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;background:#F1F5F3;text-align:center}
.dp-redesign-workflow__slide-label strong,.dp-redesign-workflow__slide-label span{font-family:ui-monospace,"SFMono-Regular","JetBrains Mono",Consolas,monospace}
.dp-redesign-workflow__slide-label strong{font-size:13px;font-weight:400;letter-spacing:.06em;color:#0D5630}
.dp-redesign-workflow__slide-label span{font-size:12px;color:#426653}
.dp-redesign-workflow__controls{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;align-items:center;gap:28px}
.dp-redesign-workflow__count{display:flex;align-items:baseline;gap:8px;font-family:"Fjalla One",sans-serif;line-height:1}
.dp-redesign-workflow__count strong{font-size:32px;font-weight:400;color:#D4AF37}
.dp-redesign-workflow__count span{font-size:18px;color:rgba(255, 255, 255, .62)}
.dp-redesign-workflow__bars{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0, 1fr);gap:6px}
.dp-redesign-workflow__bar{height:24px;padding:0;border:0;background:none}
.dp-redesign-workflow__bar span{display:block;width:100%;height:3px;background:rgba(255, 255, 255, .28)}
.dp-redesign-workflow__bar:first-child span{background:#D4AF37}
.dp-redesign-workflow__arrows{display:flex;gap:8px}
.dp-redesign-workflow__arrow{display:grid;place-items:center;width:56px;height:56px;border:1px solid #EEDFAF;background:transparent;color:#FFFFFF}
.dp-redesign-workflow__arrow--next{border-color:#D4AF37;background:#D4AF37;color:#181818}
@media (max-width:700px){
  .dp-redesign-platform{padding:80px 0}
  .dp-redesign-platform__inner{width:min(100% - 32px, 1200px)}
  .dp-redesign-workflow__controls{grid-template-columns:1fr}
  .dp-redesign-platform__destination{grid-template-columns:1fr}
  .dp-redesign-platform__destination-label{justify-content:center;padding:14px 22px;text-align:center}
}


/* ==== zz-shell-overrides.css ==== */
/* ==========================================================================
   SHARED BI-TO-LOOKER SHELL LAYER
   Loaded after tokens + chrome + 14 section files. Only:
   1. 1440 / 48px page frame   2. brand-guide corrections to source templates
   3. shell-only helpers (hero CTA, slot placeholders, slot inspector, mobile CTA)
   ========================================================================== */

/* 1. Page frame: max 1440px, 48px side padding (1344px content) */
:root{--shell:min(1344px,100% - 96px);--bi-cream-20:rgba(230,223,212,.2)}
@media (max-width:900px){:root{--shell:min(1344px,100% - 64px)}}
@media (max-width:600px){:root{--shell:min(1344px,100% - 44px)}}
.architecture-html-diagram-explainer__in{width:var(--shell)}
@media (max-width:600px){.architecture-html-diagram-explainer__in{width:var(--shell)}}
html{scroll-padding-top:84px}

/* 2. Brand corrections -------------------------------------------------- */
/* Hero: dark gradient ground (user-requested exception to the no-gradient rule).
   Named colours only: Grey Dark #181818 -> Sage #426653. */
.industries-kpi-hero{--industries-kpi-hero-wash:#181818;--industries-kpi-hero-rule:rgba(255,255,255,.22);--industries-kpi-hero-ink:#FFFFFF;--industries-kpi-hero-muted:rgba(255,255,255,.8);border-top:0;background:linear-gradient(125deg,#181818 0%,#181818 38%,#426653 100%)}
.industries-kpi-hero::before{content:none}
.industries-kpi-hero__title{font-size:clamp(40px,3.6vw,56px);line-height:1.15;max-width:none;color:#FFFFFF}
.bi-shell-hero__sub{display:block;margin-top:18px;color:var(--gold);font-size:.55em;line-height:1.15}
/* Six standard proof stats: 3 x 2 desktop, 2 x 3 tablet/mobile */
.industries-kpi-hero__kpi-in{grid-template-columns:repeat(3,minmax(0,1fr))}
.industries-kpi-hero__kpi-item:nth-child(3n+1){border-left:0;padding-left:0}
.industries-kpi-hero__kpi-item:nth-child(n+4){border-top:1px solid var(--industries-kpi-hero-rule)}
@media (max-width:640px){
  .industries-kpi-hero__kpi-item:last-child{grid-column:auto}
  .industries-kpi-hero__kpi-item:nth-child(3n+1){border-left:1px solid var(--industries-kpi-hero-rule);padding-left:16px}
  .industries-kpi-hero__kpi-item:nth-child(odd){border-left:0;padding-left:0}
}
/* Risk title emphasis word */
.bi-shell-em{color:var(--bronze);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:3px;text-underline-offset:.14em}

.industries-kpi-hero__kpi-in{border-top-color:var(--gold)}
.industries-kpi-hero__kpi-value{color:var(--gold)}
.industries-kpi-hero__kpi-label{color:rgba(255,255,255,.8)}
.industries-kpi-hero .bi-shell-btn:hover{background:#FFFFFF;border-color:#FFFFFF;color:#181818}
.industries-kpi-hero .bi-shell-link{color:#FFFFFF;border-bottom-color:var(--gold)}
.industries-kpi-hero .bi-shell-link:hover{color:var(--gold)}
.industries-kpi-hero :focus-visible{outline-color:var(--gold)}
.bi-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(40px,4vw,72px);align-items:center}
.bi-hero__copy{min-width:0}
.bi-hero-title-emphasis{color:var(--gold);font-style:italic;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:.06em;text-underline-offset:.12em}

/* Hero migration diagram */
.bi-hero-diagram__wrap{display:grid;gap:14px;align-self:center;min-width:0}
.bi-hero-diagram__eyebrow{margin:0 0 14px;color:var(--gold);font-family:var(--display);font-size:clamp(22px,1.65vw,30px);font-weight:400;line-height:1.15;text-align:center}
.bi-hero-diagram{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,.8fr) minmax(0,1fr);align-items:center;font-family:var(--body)}
.bi-hero-diagram__node{display:flex;flex-direction:column;gap:10px;min-width:0;padding:22px 20px 20px;border:1px solid rgba(255,255,255,.28);border-top:3px solid var(--gold);background:rgba(24,24,24,.35)}
.bi-hero-diagram__node--dst{border-top-color:#FFFFFF;background:rgba(255,255,255,.08)}
.bi-hero-diagram__tag{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.18em;line-height:1.15;text-transform:uppercase}
.bi-hero-diagram__name{color:#FFFFFF;font-family:var(--display);font-size:clamp(22px,2vw,30px);font-weight:400;line-height:1.15;overflow-wrap:anywhere}
.bi-hero-diagram__items{display:grid;gap:6px;margin:6px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.18);list-style:none}
.bi-hero-diagram__items li{color:rgba(255,255,255,.78);font-size:13px;line-height:1.3}
.bi-hero-diagram__lanes{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:0 6px}
.bi-hero-diagram__lane{display:flex;flex-direction:column;align-items:center;gap:6px}
.bi-hero-diagram__label{color:rgba(255,255,255,.85);font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.15;text-transform:uppercase}
.bi-hero-diagram__arrow{position:relative;display:block;width:100%;height:2px;background:var(--gold)}
.bi-hero-diagram__arrow::after{content:"";position:absolute;top:50%;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;transform:translateY(-50%)}
.bi-hero-diagram__lane--fwd .bi-hero-diagram__arrow::after{right:-2px;border-left:10px solid var(--gold)}
.bi-hero-diagram__lane--back .bi-hero-diagram__arrow{background:#FFFFFF}
.bi-hero-diagram__lane--back .bi-hero-diagram__arrow::after{left:-2px;border-right:10px solid #FFFFFF}
.bi-hero-diagram__arrow i{position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;background:var(--gold);animation:biPacketFwd 2.6s var(--ease) infinite}
.bi-hero-diagram__lane--back .bi-hero-diagram__arrow i{background:#FFFFFF;animation-name:biPacketBack;animation-delay:1.3s}
@keyframes biPacketFwd{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
@keyframes biPacketBack{0%{left:calc(100% - 8px);opacity:0}12%{opacity:1}88%{opacity:1}100%{left:0;opacity:0}}
.bi-hero-diagram__hub{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;background:var(--gold);color:#181818;font-family:var(--display);font-size:13px;letter-spacing:.08em;line-height:1.15}
.bi-hero-diagram__hub .material-icons{font-size:16px}
@media (prefers-reduced-motion:reduce){.bi-hero-diagram__arrow i{display:none}}
@media (max-width:1080px){.bi-hero__grid{grid-template-columns:minmax(0,1fr)}.bi-hero-diagram,.bi-hero-diagram__wrap{max-width:640px}}
@media (max-width:520px){.bi-hero-diagram{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}.bi-hero-diagram__items{display:none}.bi-hero-diagram__node{padding:16px 12px}.bi-hero-diagram__hub{font-size:10px;padding:6px 4px}.bi-hero-diagram__hub .material-icons{display:none}.bi-hero-diagram__label{font-size:9px;letter-spacing:.1em}}

/* Dashport family: replace non-brand mist with Light Cream 20% stripe */
[data-section].dp{--dp-mist:var(--bi-cream-20);--dp-mist-2:#E6DFD4;--dp-line:#E6DFD4;--dp-ink:#181818}
[data-section="dashport-risk-card-grid"] .dp-risk__card:hover{box-shadow:none;transform:none}
[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__head--answer{background:var(--sage)}
[data-section="dashport-platform-migration-strip"] .dp-strip__dest{background:var(--bi-cream-20)}

/* Foundation: gradient rail -> solid gold; Deep Green close panel -> Sage */
.data-bi-ai-ready-foundation__rail-line{background:var(--gold)}
.data-bi-ai-ready-foundation__close{background:var(--sage)}

/* Spec grid: drop graph-paper gradient; Deep Green fills -> Sage */
.technical-engagement-spec-grid__in{background-image:none}
.technical-engagement-spec-grid__band-letter,
.technical-engagement-spec-grid__book,
.technical-engagement-spec-grid__close,
.technical-engagement-spec-grid__meter span:nth-child(3){background:var(--sage)}

/* Architecture: mobile fade gradient removed */
@media (max-width:900px){.architecture-html-diagram-explainer__figure::after{content:none}}

/* Comparison: off-brand red manual column -> Light Cream header, neutral rows */
[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__head--manual{background:#E6DFD4;color:#181818}
[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__head--manual .dp-cmp__colname{color:#181818}
[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__mark--x{background:#FFFFFF;color:#181818}
[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__row--manual{background:var(--bi-cream-20);border-left:3px solid #E6DFD4;color:#595959}

/* Architecture: let agent role labels wrap instead of colliding */
.architecture-html-diagram-explainer__agent-role{white-space:normal;min-width:0;overflow-wrap:anywhere}

/* Credentials + proof: keeps the previous credentials band background (Light Cream 20%) */
.data-bi-credentials-proof{background:var(--bi-cream-20);width:100%}

/* Line height: every title (h1–h3 and title-role elements) renders at 1.15 */
h1,h2,h3,
.industries-kpi-hero__title,.bi-shell-hero__sub,
.dp-title,.dp-risk__wound,.dp-cmp__colname,
.dp-offer__title,.dp-offer__paneltitle,.dp-offer__poctitle,
.data-bi-ai-ready-foundation__title,.data-bi-ai-ready-foundation__pillar-title,.data-bi-ai-ready-foundation__close-title,
.technical-engagement-spec-grid__card-title,
.architecture-html-diagram-explainer__title,.architecture-html-diagram-explainer__semantic-title,.architecture-html-diagram-explainer__agents-title,.architecture-html-diagram-explainer__answer-title,
.business-context-engineering-process__title,.business-context-engineering-process__stage-title,.business-context-engineering-process__context-label,
.case-study-showcase-01-four-showcase__title,.case-study-showcase-01-four-card__title,
.data-bi-credentials-proof__title,
.accordion-faq-section__title,.accordion-faq-section__q,
.cta-standard-gold-wash-two-column__el-5,
.method-band-variations-1a__s13{line-height:1.15 !important}

/* Title measure: every section title spans at least 75% of the content width.
   Final CTA is re-flowed (CSS only) so its title sits on a full-width row.
   Exception by request: #assessment-offer title stays in the left column, top-aligned with the panel. */
.cta-standard-gold-wash-two-column__el-2{grid-template-columns:minmax(0,1fr) !important;row-gap:36px}
.cta-standard-gold-wash-two-column__el-5,.cta-standard-gold-wash-two-column__el-6{max-width:75% !important;min-width:75%}
.cta-standard-gold-wash-two-column__el-7{justify-self:start;align-items:flex-start;text-align:left}
@media (max-width:760px){
  .cta-standard-gold-wash-two-column__el-5,.cta-standard-gold-wash-two-column__el-6{max-width:100% !important;min-width:0}
}
.industries-kpi-hero__title,
[data-section="dashport-risk-card-grid"] .dp-title,
[data-section="dashport-manual-vs-ai-comparison"] .dp-title,
.data-bi-ai-ready-foundation__title,
.technical-engagement-spec-grid__headline h2,
.architecture-html-diagram-explainer__title,
[data-section="dashport-workflow"] .business-context-engineering-process__title,
.case-study-showcase-01-four-showcase__title,
[data-section="data-bi-credentials-proof"] .data-bi-credentials-proof__title,
.accordion-faq-section__title{min-width:75%;max-width:none !important;width:auto}
.data-bi-ai-ready-foundation__head,
.architecture-html-diagram-explainer__head,
.business-context-engineering-process__head,
.case-study-showcase-01-four-showcase__intro,
[data-section] .dp-head{width:100%;max-width:none}
.case-study-showcase-01-four-showcase__intro{flex:1 1 75%;min-width:75%}
.technical-engagement-spec-grid__headline{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.technical-engagement-spec-grid__headline h2{max-width:75%}
@media (max-width:760px){
  .industries-kpi-hero__title,[data-section] .dp-title,.data-bi-ai-ready-foundation__title,.technical-engagement-spec-grid__headline h2,.architecture-html-diagram-explainer__title,[data-section="dashport-workflow"] .business-context-engineering-process__title,.case-study-showcase-01-four-showcase__title,[data-section="data-bi-credentials-proof"] .data-bi-credentials-proof__title,.accordion-faq-section__title{min-width:0;width:100% !important;max-width:100% !important}
  .case-study-showcase-01-four-showcase__intro{min-width:0}
}

/* Final CTA: flat Light Cream 20% wash, no gradient texture */
.cta-standard-gold-wash-two-column{background:var(--bi-cream-20)}

/* 3. Shell helpers ------------------------------------------------------ */
.bi-shell-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:40px}
.bi-shell-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:18px 32px;background:var(--gold);border:1px solid var(--gold);color:#181818;font-family:var(--display);font-size:16px;font-weight:400;line-height:1.15;letter-spacing:.06em;text-transform:uppercase;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}
.bi-shell-btn:hover{background:var(--bronze);border-color:var(--bronze);color:#FFFFFF}
.bi-shell-btn .material-icons{font-size:20px;line-height:1}
.bi-shell-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding-bottom:2px;border-bottom:1px solid var(--gold);color:var(--sage);font-family:var(--body);font-size:14px;font-weight:700;letter-spacing:.1em;line-height:1.15;text-transform:uppercase}
.bi-shell-link:hover{color:var(--bronze)}

/* Neutral slot placeholder text: readable, clearly not final copy */
.bi-slot-hint{color:var(--bronze);font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.04em;line-height:1.4;text-transform:none}

/* Placeholder art well (proof cards, platform logos) */
.bi-slot-art{display:grid;place-items:center;width:100%;height:100%;min-height:120px;padding:16px;background:var(--bi-cream-20);border:1px dashed #C9BFAF;color:#595959;font-family:var(--mono);font-size:11px;line-height:1.3;text-align:center}
.bi-slot-logo{display:grid;place-items:center;width:100%;min-height:48px;padding:6px;border:1px dashed #C9BFAF;color:#595959;font-family:var(--mono);font-size:11px;line-height:1.3;text-align:center}
.bi-slot-logo strong{display:block;color:#181818;font-family:var(--body);font-size:13px;font-weight:700;letter-spacing:.04em}

/* Slot inspector: outline + name every [data-slot] when body.bi-show-slots */
.bi-show-slots [data-slot]{outline:1px dashed var(--bronze);outline-offset:3px;position:relative}
.bi-show-slots [data-slot]::after{content:attr(data-slot);position:absolute;z-index:40;top:-11px;left:-3px;padding:2px 6px;background:var(--bronze);color:#FFFFFF;font:400 10px/1.2 var(--mono);letter-spacing:.04em;pointer-events:none;white-space:nowrap}
.bi-show-slots [data-slot-list]::after{top:-11px}
.bi-inspector{position:fixed;z-index:90;right:20px;bottom:20px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-family:var(--body)}
.bi-inspector__toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;background:#FFFFFF;border:1px solid var(--bronze);color:#181818;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.bi-inspector__toggle[aria-pressed="true"]{background:var(--bronze);color:#FFFFFF}
.bi-inspector__list{display:none;max-height:min(60vh,520px);width:260px;overflow:auto;background:#FFFFFF;border:1px solid #E6DFD4;border-top:3px solid var(--gold)}
.bi-show-slots .bi-inspector__list{display:block}
.bi-inspector__list a{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid #E6DFD4;font-size:13px;line-height:1.25;color:#181818}
.bi-inspector__list a:hover{background:var(--bi-cream-20);color:var(--bronze)}
.bi-inspector__list a span{color:#595959;font-family:var(--mono);font-size:11px}

/* Mobile sticky CTA (<720px). Hidden while assessment offer is on screen. */
.bi-mobile-cta{display:none}
@media (max-width:719px){
  .bi-mobile-cta{position:fixed;z-index:80;left:0;right:0;bottom:0;display:flex;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#FFFFFF;border-top:3px solid var(--gold);transition:transform .25s var(--ease)}
  .bi-mobile-cta .bi-shell-btn{flex:1;min-height:52px;padding:14px 18px;font-size:15px}
  .bi-mobile-cta.is-hidden{transform:translateY(110%)}
  .bi-inspector{bottom:92px;right:12px}
  .bi-shell-hero__actions .bi-shell-btn{width:100%}
  body{padding-bottom:76px}
}

/* Validation table: title + short description per cell */
[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__row{flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}
.bi-cmp__t{font-family:var(--body);font-size:18px;font-weight:700;line-height:1.15;color:inherit}
.bi-cmp__d{font-size:15px;font-weight:400;line-height:1.4}
.dp-cmp__row--manual .bi-cmp__t{color:#181818}
/* FAQ: shared block follows slot block seamlessly */
[data-faq-shared] .accordion-faq-section__item:first-child{border-top:0}

/* Platform drop-in: align to the page content ruler (source used a 1200px inner) */
.dp-redesign-platform__inner{width:var(--shell)}
@media (max-width:700px){.dp-redesign-platform__inner{width:var(--shell)}}

/* Platform page updates: manual validation tone + fixed 4-by-2 platform grid */
[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__head--manual{
  background:#FFF3F1 !important;
  border:1px solid #F3C7C1;
  color:#8A2F27 !important;
}
[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__head--manual .dp-cmp__colname{
  color:#8A2F27 !important;
}
[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__head--manual .dp-cmp__mark--x{
  background:#F8DAD6 !important;
  color:#8A2F27 !important;
}
[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__row--manual{
  background:#FFF8F7 !important;
  border-left-color:#F3C7C1 !important;
  color:#9A3A31 !important;
}
[data-section="dashport-manual-vs-ai-comparison"] .dp-cmp__row--manual .bi-cmp__t{
  color:#8A2F27 !important;
}
.dp-redesign-platform__grid{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width:1080px){
  .dp-redesign-platform__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width:640px){
  .dp-redesign-platform__grid{
    grid-template-columns:1fr !important;
  }
}