/* R17 — scoped, nonstructural typography and column measure qualification. */
.deployment-page .dep-matrix{table-layout:fixed}
.deployment-page .dep-matrix col.dep-col-feature{width:28%}
.deployment-page .dep-matrix col:not(.dep-col-feature){width:24%}
.deployment-page .dep-matrix thead th:first-child{width:auto!important}
.deployment-page .dep-matrix__intro-title{font-size:clamp(20px,1.6vw,23px)!important;line-height:1.12!important;max-width:none!important;text-wrap:balance}
.deployment-page .dep-matrix__intro-subhead{max-width:26ch!important;font-size:11.5px!important;line-height:1.48!important;color:rgba(249,247,241,.66)!important;text-wrap:pretty}
.deployment-page .dep-matrix tbody th,.deployment-page .dep-matrix tbody td{text-wrap:pretty;overflow-wrap:normal;hyphens:none}
.deployment-page .dep-plan em{text-wrap:pretty;max-width:29ch!important}
.deployment-page .dep-portfolio__head>p{text-wrap:pretty}
.deployment-page .dep-portfolio__title h2{text-wrap:balance}
@media(max-width:1100px){.deployment-page .dep-matrix col.dep-col-feature{width:260px}.deployment-page .dep-matrix col:not(.dep-col-feature){width:292px}.deployment-page .dep-matrix__intro-title{font-size:21px!important}}
@media(max-width:760px){.deployment-page .dep-matrix__intro-title{font-size:20px!important}.deployment-page .dep-matrix tbody td{font-size:12.75px!important}}

/* R19 — keep Core governance within the light comparison, without a black interruption. */
.deployment-page .dep-matrix .dep-governance-band th{background:#dce9df!important;color:#284d37!important;border-top:2px solid #89ad95!important;border-bottom:1px solid #c2d5c7!important;text-align:left}
.deployment-page .dep-matrix .dep-governance-band span{display:block;color:#3e7050!important;padding:13px 18px 5px!important;font:740 10px/1.2 var(--pe-sans)!important;letter-spacing:.10em!important;text-transform:uppercase}
.deployment-page .dep-matrix .dep-governance-band strong{display:block;color:#253f30!important;padding:0 18px 13px!important;max-width:none;font:580 clamp(16px,1.38vw,20px)/1.28 var(--pe-sans)!important;letter-spacing:-.025em!important;text-wrap:balance}
.deployment-page .dep-matrix .dep-governance th[scope=row]{background:#eff5f0!important;color:#294133!important;border-right-color:#d0ddd2!important;border-bottom-color:#dce6dd!important}
.deployment-page .dep-matrix .dep-governance td{background:#f7faf7!important;color:#28543b!important;border-color:#dce6dd!important}
.deployment-page .dep-matrix .dep-governance .dep-included{color:#295f45!important}
.deployment-page .dep-matrix .dep-governance .dep-included::before{background:#e4f2e7!important;border-color:#a1c5a9!important;color:#316d48!important}
.deployment-page .dep-matrix tbody tr.dep-governance:hover td{background:#edf5ee!important}

/* Enterprise table contrast: precise inclusion ticks without status-light decoration. */
.deployment-page .dep-matrix .dep-governance .dep-included::before{border-left-color:#2e7651!important;border-bottom-color:#2e7651!important;border-left-width:2.5px!important;border-bottom-width:2.5px!important}


/* R20: precise color and hierarchy—same approved Mineral shell, no component redesign. */
.deployment-page .dep-hero__modes{display:flex!important;gap:9px!important;margin-top:27px!important;align-items:center;flex-wrap:wrap}
.deployment-page .dep-hero__mode{
  display:inline-flex!important;justify-content:center;align-items:center!important;
  min-height:33px!important;padding:8px 14px!important;border:1px solid transparent!important;
  border-radius:999px!important;font:690 11px/1 var(--pe-sans)!important;
  letter-spacing:.075em!important;text-transform:uppercase!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);white-space:nowrap;
}
.deployment-page .dep-hero__mode+.dep-hero__mode::before{content:none!important}
.deployment-page .dep-hero__mode--managed{color:#f7d991!important;border-color:rgba(240,199,110,.43)!important;background:rgba(240,199,110,.095)!important}
.deployment-page .dep-hero__mode--dedicated{color:#b9dbff!important;border-color:rgba(156,202,255,.39)!important;background:rgba(156,202,255,.085)!important}
.deployment-page .dep-hero__mode--licensed{color:#e4c9ff!important;border-color:rgba(215,184,255,.40)!important;background:rgba(215,184,255,.085)!important}
/* Do not display a false interactive affordance: three model labels, not three CTA buttons. */
.deployment-page .dep-matrix thead th{height:184px!important}
.deployment-page .dep-matrix tbody th[scope=row]{font-size:13.15px!important;line-height:1.43!important}
.deployment-page .dep-matrix tbody td{font-size:13.5px!important;line-height:1.49!important;color:#37453c!important}
.deployment-page .dep-matrix .dep-governance-band th{background:#d4e9d9!important;border-top:2px solid #559c70!important;border-bottom:1px solid #a9cbb3!important}
.deployment-page .dep-matrix .dep-governance-band span{color:#1f7449!important;letter-spacing:.105em!important}
.deployment-page .dep-matrix .dep-governance-band strong{color:#204c32!important;max-width:1020px!important}
.deployment-page .dep-matrix .dep-governance th[scope=row]{background:#e9f5ec!important;color:#244a32!important;border-right-color:#c4dccb!important}
.deployment-page .dep-matrix .dep-governance td{background:#f3faf4!important;border-color:#d3e4d7!important;color:#23533a!important}
.deployment-page .dep-matrix .dep-governance .dep-included{color:#1b6740!important;min-width:82px!important}
.deployment-page .dep-matrix .dep-governance .dep-included::before{background:#e3f3e8!important;border-color:#83b59a!important;box-shadow:inset 0 0 0 3px #f3faf4!important}
.deployment-page .dep-matrix .dep-governance .dep-included::after{color:#1b7045!important}
/* Shorten the three-stage diagram; it represents narrowing authority, not an elaborate animation. */
.deployment-page .dep-expression{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr) 58px minmax(0,1fr)!important;box-shadow:0 18px 48px rgba(16,19,16,.1)!important}
.deployment-page .dep-expression__stage{min-height:164px!important;padding:27px 23px!important;justify-content:center!important}
.deployment-page .dep-expression__stage strong{margin:0!important;font:650 clamp(20px,1.75vw,23px)/1.1 var(--pe-sans)!important;letter-spacing:.08em!important}
.deployment-page .dep-expression__stage small{font:450 13px/1.48 var(--pe-sans)!important;color:rgba(249,247,241,.76)!important;max-width:26ch!important;margin-top:13px!important}
.deployment-page .dep-expression__arrow{min-height:164px!important}
.deployment-page .dep-expression__arrow::before{left:4px!important;right:15px!important;height:2px!important}
.deployment-page .dep-expression__arrow::after{right:8px!important;width:10px!important;height:10px!important;border-width:2px!important}
/* Explicit hierarchy between the technical, enterprise, and Work boundaries. */
.deployment-page .dep-expression__stage--available{box-shadow:inset 0 4px 0 var(--dep-dedicated)}
.deployment-page .dep-expression__stage--approved{box-shadow:inset 0 4px 0 var(--dep-licensed)}
.deployment-page .dep-expression__stage--authorized{box-shadow:inset 0 4px 0 var(--dep-authority)}
@media(max-width:760px){
  .deployment-page .dep-hero__mode{padding:8px 11px!important;min-height:32px!important;font-size:10px!important}
  .deployment-page .dep-expression{grid-template-columns:1fr!important}
  .deployment-page .dep-expression__stage{min-height:116px!important;padding:24px!important}
  .deployment-page .dep-expression__arrow{min-height:35px!important}
  .deployment-page .dep-expression__arrow::before{left:24px!important;right:24px!important}
  .deployment-page .dep-expression__arrow::after{right:20px!important}
}
@media(forced-colors:active){.deployment-page .dep-hero__mode{border:1px solid CanvasText!important;background:Canvas!important;color:CanvasText!important}}

/* R21 — enterprise authority passage: one continuous three-part panel, not isolated arrows. */
.deployment-page .dep-expression{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin-top:42px!important; overflow:visible;
  border:1px solid #34463a!important;
  background:#101713!important;
  box-shadow:0 17px 42px rgba(15,28,21,.10)!important;
}
.deployment-page .dep-expression__arrow{display:none!important}
.deployment-page .dep-expression__stage{
  position:relative;min-height:151px!important;
  padding:29px clamp(20px,2.5vw,38px) 25px!important;
  justify-content:flex-start!important;
  border-top-width:4px!important;
  box-shadow:none!important;
}
.deployment-page .dep-expression__stage + .dep-expression__arrow + .dep-expression__stage{border-left:1px solid rgba(238,249,240,.18)!important}
.deployment-page .dep-expression__stage strong{
  margin:0!important;
  font:680 clamp(18px,1.65vw,22px)/1.15 var(--pe-sans)!important;
  letter-spacing:.073em!important;white-space:nowrap;
}
.deployment-page .dep-expression__stage small{
  margin-top:13px!important;max-width:31ch!important;
  font:450 clamp(13px,1vw,14px)/1.48 var(--pe-sans)!important;
  color:rgba(248,250,245,.83)!important;
}
.deployment-page .dep-expression__stage:not(.dep-expression__stage--authorized)::after{
  content:'›';position:absolute;z-index:2;right:-17px;top:calc(50% - 16px);
  display:grid;place-items:center;
  width:32px;height:32px;border:1px solid #516958;
  border-radius:50%;background:#1d2a21;color:#dce7df;
  font:400 27px/1 var(--pe-sans);box-shadow:0 0 0 5px #101713;
}
/* Data values differ from row labels; keep the governing capability table readable. */
.deployment-page .dep-matrix tbody th[scope=row]{font-size:14.1px!important;font-weight:720!important;line-height:1.4!important;color:#28332b!important}
.deployment-page .dep-matrix tbody td{font-size:14px!important;line-height:1.45!important;color:#404b41!important;vertical-align:middle!important}
.deployment-page .dep-matrix .dep-governance-band th{background:#e0efe5!important;border-top:2px solid #4d8a66!important;border-bottom:1px solid #b0d1bd!important}
.deployment-page .dep-matrix .dep-governance-band span{color:#276e4a!important;font-size:11px!important}
.deployment-page .dep-matrix .dep-governance-band strong{color:#204b32!important}
.deployment-page .dep-matrix .dep-governance th[scope=row]{background:#eaf3ed!important;color:#253a2c!important;font-weight:710!important}
.deployment-page .dep-matrix .dep-governance td{background:#f5faf6!important;color:#284636!important;font-weight:610!important}
.deployment-page .dep-matrix .dep-governance td::before{
  color:#157443!important;font-size:18px!important;line-height:1!important;
  margin-right:10px!important;font-weight:850!important;vertical-align:-1px;
}
.deployment-page .dep-matrix .dep-governance .dep-included{color:#2a4e37!important;font-size:13.9px!important;min-width:0!important}
.deployment-page .dep-matrix .dep-governance .dep-included::before{content:none!important}
@media(max-width:760px){
 .deployment-page .dep-expression{grid-template-columns:1fr!important}
 .deployment-page .dep-expression__stage{min-height:118px!important;padding:23px 24px!important}
 .deployment-page .dep-expression__stage + .dep-expression__arrow + .dep-expression__stage{border-left:0!important;border-top:1px solid rgba(238,249,240,.18)!important}
 .deployment-page .dep-expression__stage:not(.dep-expression__stage--authorized)::after{right:calc(50% - 16px);top:auto;bottom:-17px;transform:rotate(90deg)}
 .deployment-page .dep-matrix tbody th[scope=row]{font-size:13.4px!important}
 .deployment-page .dep-matrix tbody td{font-size:13.5px!important}
}
@media(forced-colors:active){.deployment-page .dep-expression__stage:not(.dep-expression__stage--authorized)::after{border:1px solid CanvasText;background:Canvas;color:CanvasText}}
/* R21 optical correction: inherited base rules disable td glyphs; the span owns one explicit check. */
.deployment-page .dep-matrix .dep-governance .dep-included{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;white-space:nowrap}
.deployment-page .dep-matrix .dep-governance .dep-included::before{content:'✓'!important;display:inline-block!important;width:auto!important;height:auto!important;transform:none!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#157746!important;font:850 17px/1 var(--pe-sans)!important}
.deployment-page .dep-matrix .dep-governance .dep-included::after{content:none!important}

/* R22 keyboard access to the horizontally scrollable mobile comparison */
.deployment-page .dep-matrix-shell:focus-visible{outline:2px solid #327a56!important;outline-offset:3px!important}


/* R31 optical correction candidate: preserve full four-column comparison.
   Remove initial scroll snapping that makes Managed invisible at 1024px. */
@media (max-width:1100px){
  .deployment-page .dep-matrix-shell{scroll-snap-type:none!important;scroll-padding-inline:0!important}
}
/* Keep the feature column pinned, but leave a complete readable operating-model
   column on common phones. Users can still scroll to compare other models. */
@media (max-width:760px){
  .deployment-page .dep-matrix{width:857px!important;min-width:857px!important}
  .deployment-page .dep-matrix col.dep-col-feature{width:125px!important}
  .deployment-page .dep-matrix col:not(.dep-col-feature){width:244px!important}
  .deployment-page .dep-matrix tbody th[scope=row]{padding:12px 10px!important;font-size:11.5px!important;line-height:1.38!important}
  .deployment-page .dep-matrix tbody td{padding:12px 10px!important;font-size:12.5px!important;line-height:1.44!important}
  .deployment-page .dep-matrix thead th{padding:17px 11px!important}
  .deployment-page .dep-matrix__intro-title{font-size:17px!important;overflow-wrap:anywhere!important}
  .deployment-page .dep-matrix__intro-subhead{font-size:10px!important;overflow-wrap:break-word!important}
  .deployment-page .dep-group th,.deployment-page .dep-governance-band th{padding:13px 11px!important}
  .deployment-page .dep-governance-band span,.deployment-page .dep-governance-band strong{max-width:245px}
}

@media (max-width:355px){
  .deployment-page .dep-matrix{width:611px!important;min-width:611px!important}
  .deployment-page .dep-matrix col:not(.dep-col-feature){width:162px!important}
}


/* INDWEL R62 · Approved three-mode Deployment comparison only.
   Scoped to the existing commercial comparison. No Home/Work treatments,
   general button changes, marketing copy, or motion effects. */
/* 03: Deployment — materially distinguish three operating custodianships. */
body.deployment-page .dep-commercial__modes {
  gap:14px;border:0;
}
body.deployment-page .dep-commercial-card {
  border:1px solid rgba(248,245,235,.16);
  border-top-width:4px;
  background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.011) 54%,rgba(255,255,255,.023));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 20px 34px rgba(0,0,0,.13);
}
body.deployment-page .dep-commercial-card--managed {
  border-top-color:var(--dep-managed);background:linear-gradient(153deg,rgba(149,129,84,.15),rgba(255,255,255,.018) 45%,rgba(255,255,255,.025));
}
body.deployment-page .dep-commercial-card--dedicated {
  border-top-color:var(--dep-dedicated);background:linear-gradient(153deg,rgba(153,159,152,.095),rgba(255,255,255,.016) 58%,rgba(255,255,255,.025));
}
body.deployment-page .dep-commercial-card--licensed {
  border-top-color:var(--dep-licensed);background:linear-gradient(153deg,rgba(106,119,108,.11),rgba(255,255,255,.013) 58%,rgba(255,255,255,.028));
}



@media (max-width:900px) { body.deployment-page .dep-commercial__modes { gap:12px; } }