/* Company deck 6.1, slides 17–36. Keep the hero and top tabs intact.
   Documents are rebuilt as responsive text, product grids and diagrams, not slide screenshots. */
/* Only Security&Infra uses content-height masonry; Cloud retains its existing map. */
html body.public-site.public-design-page.page-security-infra #public-main.publishing-main.business-detail {
  & [data-solution-masonry] {grid-template-columns:minmax(0,1fr);}
  @media (min-width:768px) {
    & [data-solution-masonry] {grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
    & [data-solution-masonry][data-masonry-ready] {grid-auto-rows:1px;grid-auto-flow:row dense;row-gap:0;}
  }
}

html body.public-site.public-design-page #public-main.publishing-main.business-detail {
  --ppt-blue: #075a96;
  --ppt-teal: #18768a;
  --ppt-violet: #7049a6;
  --ppt-card: #fff;
  --ppt-aside: linear-gradient(160deg, #edf7fb, #dbe9f6);

  & .ppt-intro {padding:40px 0;background:var(--pub-soft);border-bottom:1px solid var(--pub-line);}
  & .ppt-intro .b-container {display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);gap:8px 40px;}
  & .ppt-intro p {margin:0;font-size:23px;font-weight:650;color:var(--pub-ink);}
  & .ppt-intro .ppt-intro-label {grid-row:span 2;color:var(--b-blue);}
  & .ppt-intro .ppt-intro-description {font-size:16px;font-weight:400;color:var(--pub-body);}
  & .b-section {padding-block:64px;background:var(--pub-bg);}
  & .b-section:nth-of-type(2n+1) {background:var(--pub-bg);}
  & .b-section-head {border:0;border-bottom:2px solid var(--pub-line);padding:0 0 22px;max-width:none;margin-bottom:36px;}
  & .b-section-head h2 {font-size:30px!important;margin-bottom:10px;}
  & .b-section-head .b-lead {font-size:17px;font-weight:400;max-width:none;}
  & .ppt-slide {padding:44px 0;border-top:1px solid var(--pub-line);scroll-margin-top:var(--b-offset);}
  & .ppt-slide:first-of-type {border-top:0;padding-top:0;}
  & .ppt-slide :is(.b-topic-head,.ppt-slide-title) {max-width:none;margin:0 0 24px;}
  & .ppt-slide > .b-topic-head h3,
  & .ppt-slide > .ppt-slide-title {font-size:25px;line-height:1.4;}
  & .ppt-layout {display:grid;grid-template-columns:minmax(180px, .23fr) minmax(0,1fr);gap:28px;align-items:start;}
  & .ppt-layout > * {min-width:0;}
  & .ppt-summary {background:var(--ppt-aside);padding:28px 20px 32px;border-radius:14px;min-height:360px;text-align:center;}
  & .ppt-summary img {display:block;width:100%;height:136px;object-fit:contain;max-width:170px;margin:0 auto 24px;filter:none;}
  & .ppt-summary p {border-top:1px solid var(--pub-line);padding-top:22px;margin:0;font-size:20px;line-height:1.65;font-weight:650;color:var(--ppt-blue);word-break:keep-all;overflow-wrap:anywhere;}
  & .ppt-content > * + * {margin-top:24px;}
  & .ppt-content .ppt-lead {font-size:19px;font-weight:650;line-height:1.65;color:var(--ppt-teal);margin:0 0 24px;}
  & .ppt-content :is(p,li,dd,td) {font-size:15px;line-height:1.7;}
  & .ppt-content h3 {font-size:22px;}
  & .ppt-content h4 {font-size:17px;}
  & .ppt-content .b-topic {padding-block:24px;}
  & .ppt-content .b-topic-head {margin-bottom:18px;}
  & .ppt-content .b-topic-head p {font-size:16px;font-weight:400;}
  & .ppt-content .b-facts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;}
  & .ppt-content .b-facts > div {display:block;padding:16px;border:1px solid var(--pub-line);background:var(--pub-soft);border-radius:4px;}
  & .ppt-content .b-facts dt {font-size:16px;color:var(--ppt-blue);margin-bottom:6px;}
  & .ppt-content .b-facts dd {margin:0;}
  & .ppt-content .b-columns {gap:20px;}
  & .ppt-content .b-panel {min-width:0;}
  & .ppt-content .b-diagram {padding:20px;background:var(--pub-soft);margin-block:24px;border-color:var(--pub-line);}
  & .ppt-content .b-diagram-nodes {gap:12px;}
  & .ppt-content .b-diagram-nodes > li {padding:14px;min-width:0;}
  & .ppt-content .b-diagram-nodes strong {font-size:16px;}
  & .ppt-content .b-illustration .b-map-art {width:48px;height:48px;}
  & .ppt-content .b-diagram--illustrated .b-diagram-nodes > li > .b-illustration {width:48px;height:48px;}
  & .ppt-content .b-diagram--illustrated .b-diagram-nodes > li {gap:12px;}
  & .ppt-content .b-gallery {gap:16px;margin-top:20px;}
  & .ppt-content .b-product {border:1px solid var(--pub-line);border-radius:5px;padding:14px;background:var(--ppt-card);}
  & .ppt-content .b-image-surface {background:#fff;border-radius:3px;padding:10px;}
  & .ppt-content .b-product figcaption {color:var(--pub-ink);font-size:14px;margin-top:12px;}
  & .ppt-ngfw-platform {display:flex;flex-direction:column;gap:24px;}
  & .ppt-ngfw-platform .b-facts {grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:0;}
  & .ppt-ngfw-platform .b-facts > div {padding:14px 12px;}
  & .ppt-ngfw-platform .b-gallery {grid-template-columns:repeat(4,minmax(0,1fr));}
  & .ppt-ngfw-platform .b-image-surface {min-height:100px;}
  & .ppt-content .b-product-rows {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;}
  & .ppt-content .b-product-row {display:flex;flex-direction:column;gap:0;border:1px solid var(--pub-line);border-radius:5px;padding:0;overflow:hidden;background:var(--ppt-card);}
  & .ppt-content .b-product-row-title {font-size:17px!important;line-height:1.5;margin:0;padding:13px 16px;background:var(--ppt-blue);color:#fff;align-self:stretch;width:100%;}
  & .ppt-content .b-product-row-visual {padding:16px;margin:0;width:auto;}
  & .ppt-content .b-product-row-visual .b-image-surface {height:120px;min-height:0;}
  & .ppt-content .b-product-row-visual img {max-height:100%;object-fit:contain;}
  & .ppt-content .b-product-row-detail {padding:0 16px 20px;}
  & .ppt-content .b-product-row-detail .b-facts {grid-template-columns:1fr;gap:12px;margin-top:16px;}
  & .ppt-content .b-product-row-detail .b-facts > div {padding:0 0 12px;border:0;border-bottom:1px solid var(--pub-line);background:none;}
  & #switch .b-product-rows {grid-template-columns:repeat(3,minmax(0,1fr));}
  & #lenovo .b-product-rows {grid-template-columns:repeat(3,minmax(0,1fr));}
  & #dbsafer .b-product-rows {grid-template-columns:repeat(4,minmax(0,1fr));}
  & #dbsafer .b-product-row-visual .b-image-surface {height:70px;}
  & #dbsafer .b-product-row:nth-child(2) .b-product-row-title {background:var(--ppt-teal);}
  & #dbsafer .b-product-row:nth-child(3) .b-product-row-title {background:var(--ppt-violet);}
  & #dbsafer .b-product-row:nth-child(4) .b-product-row-title {background:#87600a;}
  & .ppt-three-columns {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;}
  & .ppt-three-columns > * {min-width:0;}
  & .ppt-comparison-card {padding:20px 16px;border:1px solid var(--pub-line);border-top:4px solid var(--ppt-blue);border-radius:4px;background:var(--ppt-card);}
  & .ppt-comparison-card:nth-child(2) {border-top-color:var(--ppt-teal);}
  & .ppt-comparison-card:nth-child(3) {border-top-color:var(--ppt-violet);}
  & .ppt-comparison-card .b-topic-head h3 {font-size:19px;color:var(--ppt-blue);}
  & .ppt-comparison-card .b-topic-head p {font-size:15px;font-weight:400;}
  & .ppt-comparison-card :is(.b-showcase,.b-inline-brand,.b-gallery,.b-facts,.b-diagram-nodes) {display:grid;grid-template-columns:1fr;gap:12px;}
  & .ppt-comparison-card .b-facts > div {padding:10px 0;border:0;border-bottom:1px solid var(--pub-line);background:none;}
  & .ppt-comparison-card .b-logo {margin:0;max-width:100%;}
  & .ppt-comparison-card .b-diagram {padding:12px;}
  & .ppt-comparison-card .b-diagram-nodes > li {padding:12px 0;}
  & .ppt-content .b-table {margin-block:16px;}
  & .ppt-content .b-table :is(th,td) {padding:10px 12px;font-size:14px;}
  & .ppt-content .b-table thead {background:var(--ppt-blue);}
  & .ppt-content .b-table thead th {color:#fff;}
  & .ppt-content .b-table caption {font-size:18px;}
  & .ppt-content .b-catalog-description {font-size:14px;}
  & .ppt-content .b-catalog-group + .b-catalog-group {margin-top:28px;}
  & .ppt-msp-columns {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);gap:12px;}
  & .ppt-msp-column {min-width:0;background:var(--pub-soft);border:1px solid var(--pub-line);}
  & .ppt-msp-column > h3 {font-size:19px;color:#fff;background:var(--ppt-teal);padding:14px;text-align:center;}
  & .ppt-msp-column:nth-child(2) > h3 {background:var(--ppt-blue);}
  & .ppt-msp-column:nth-child(3) > h3 {background:#526278;}
  & .ppt-service-list {margin:0;padding:16px;}
  & .ppt-service-list > div + div {margin-top:24px;padding-top:20px;border-top:1px solid var(--pub-line);}
  & .ppt-service-list > div > dt {font-size:17px;font-weight:650;color:var(--ppt-blue);margin-bottom:12px;}
  & .ppt-service-list > div > dt > span {display:none;}
  & .ppt-service-list dd {margin:0;}
  & .ppt-service-list .b-facts {grid-template-columns:1fr;gap:12px;}
  & .ppt-service-list .b-facts > div {padding:0;border:0;background:none;}
  & .ppt-service-list .b-table :is(th,td) {padding:8px 5px;font-size:13px;}
  & .ppt-phase {border:1px solid var(--pub-line);border-radius:6px;padding:16px;background:var(--ppt-card);}
  & .ppt-phase .ppt-phase-label {font-size:20px;font-style:italic;font-weight:700;color:var(--b-blue);margin-bottom:6px;}
  & .ppt-phase > h3 {font-size:20px;padding:12px;margin:0 -16px 20px;background:var(--ppt-blue);color:#fff;}
  & .ppt-phase .b-facts {grid-template-columns:1fr;}
  & .ppt-phase .b-story {display:block;margin-block:20px;}
  & .ppt-phase .b-story-map {padding:12px;}
  & .ppt-phase .b-story-map ol {display:flex;flex-wrap:wrap;gap:8px;}
  & .ppt-phase .b-story-map li {padding:4px;border:0;min-height:0;gap:4px;}
  & .ppt-phase .b-story-map strong {font-size:14px;}
  & .ppt-phase .b-story-steps > div {padding:10px 0;border-left:0;}
  & .ppt-phase .b-table thead {display:none;}
  & .ppt-phase .b-table :is(table,tbody,tr,td,th) {display:block;width:100%;}
  & .ppt-phase .b-table td::before {content:attr(data-label);display:block;font-size:12px;color:var(--pub-muted);}
  & .ppt-phase .b-table tr {margin-bottom:12px;}
  & .ppt-phase .b-table th {background:var(--pub-soft);}
  & .ppt-content .b-note {font-size:14px;margin-top:24px;}
  & .ppt-vmware-top {display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:20px;align-items:start;}
  & .ppt-addon-map {border:1px solid var(--pub-line);padding:18px;background:var(--pub-soft);}
  & .ppt-addon-map > h4 {color:var(--ppt-blue);}
  & .ppt-addon-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  & .ppt-addon-grid section {padding:12px;border:1px solid var(--pub-line);background:var(--ppt-card);}
  & .ppt-addon-grid h5 {font-size:14px;color:var(--ppt-teal);margin-bottom:6px;}
  & .ppt-addon-grid p {font-size:14px;}
  & .ppt-vmware-editions {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
  & .ppt-vmware-editions > section {border-top:3px solid var(--ppt-blue);padding-top:16px;}
  & .ppt-vmware-editions > section:nth-child(2) {border-color:var(--ppt-violet);}
  & .ppt-vmware-editions > section:nth-child(3) {border-color:var(--ppt-teal);}
  & .ppt-vmware-editions > section:nth-child(4) {border-color:#d3a72c;}

  @media (max-width:1100px) {
    & .ppt-layout {grid-template-columns:170px minmax(0,1fr);gap:20px;}
    & .ppt-summary {padding:22px 16px;min-height:300px;}
    & .ppt-summary p {font-size:18px;}
    & .ppt-summary img {height:110px;}
    & #dbsafer .b-product-rows {grid-template-columns:repeat(2,minmax(0,1fr));}
    & .ppt-three-columns {grid-template-columns:1fr;}
    & .ppt-comparison-card .b-facts {grid-template-columns:repeat(2,minmax(0,1fr));}
    & .ppt-msp-columns {grid-template-columns:1fr;}
    & .ppt-ngfw-platform .b-facts {grid-template-columns:repeat(2,minmax(0,1fr));}
    & .ppt-vmware-editions {grid-template-columns:repeat(2,minmax(0,1fr));}
    & .ppt-phase .b-facts {grid-template-columns:repeat(2,minmax(0,1fr));}
  }
  @media (max-width:767px) {
    & .b-section {padding-block:36px;}
    & .b-section-head h2 {font-size:25px!important;}
    & .ppt-intro .b-container {grid-template-columns:1fr;gap:8px;}
    & .ppt-intro p {font-size:20px;}
    & .ppt-intro .ppt-intro-label {grid-row:auto;}
    & .ppt-layout {grid-template-columns:1fr;gap:24px;}
    & .ppt-summary {display:flex;align-items:center;gap:18px;text-align:left;min-height:0;padding:18px;}
    & .ppt-summary img {width:80px;height:80px;margin:0;flex:none;}
    & .ppt-summary p {font-size:17px;border:0;padding:0;}
    & .ppt-slide {padding-block:32px;}
    & .ppt-slide > .b-topic-head h3,
    & .ppt-slide > .ppt-slide-title {font-size:22px;}
    & .ppt-content .ppt-lead {font-size:17px;}
    & .ppt-content .b-facts,
    & .ppt-content .b-columns,
    & .ppt-content .b-product-rows,
    & #switch .b-product-rows,
    & #lenovo .b-product-rows,
    & #dbsafer .b-product-rows {grid-template-columns:1fr;}
    & .ppt-ngfw-platform .b-gallery {grid-template-columns:repeat(2,minmax(0,1fr));}
    & .ppt-content .b-product-row-visual .b-image-surface {height:140px;}
    & .ppt-content .b-table :is(th,td) {padding:10px;}
    & .ppt-content .b-catalog-table {table-layout:fixed;}
    & .ppt-content .b-product-row-title {font-size:18px!important;}
    & .ppt-content .b-diagram-nodes {grid-template-columns:1fr;}
    & .ppt-vmware-top,
    & .ppt-vmware-editions,
    & .ppt-addon-grid {grid-template-columns:1fr;}
  }
}

/* The merged Identity section has narrower nested columns than the Cloud page. */
html body.public-site.public-design-page.page-security-infra #public-main.publishing-main.business-detail #okta-identity {
  & .b-facts {grid-template-columns:minmax(0,1fr);}
  @media (max-width:1023px) {
    & .b-columns {grid-template-columns:minmax(0,1fr);}
  }
}

/* Security&Infra feedback: scope every layout adjustment away from Cloud. */
html body.public-site.public-design-page.page-security-infra #public-main.publishing-main.business-detail {
  & #adc .b-showcase {grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch;margin:0;gap:24px;}
  & #adc .b-showcase-copy > .b-facts {margin:0;height:100%;}
  & #adc .b-showcase-visual {display:flex;min-width:0;}
  & #adc .b-showcase-visual > .b-gallery {grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;margin:0;width:100%;height:100%;align-items:stretch;}
  & #adc .b-product {display:flex;flex-direction:column;}
  & #adc .b-image-surface {flex:1;height:auto;min-height:100px;}
  & #adc .b-image-surface img {height:100px;}
  & #data-operations .b-facts > div {padding:20px;}
  & #data-operations .b-bullets {margin-top:18px;}
  & #data-operations .b-bullets li + li {margin-top:14px;}
  @media (min-width:768px) and (max-width:1023px) {
    & #adc .ppt-layout {grid-template-columns:minmax(0,1fr);}
    & #adc .ppt-summary {display:flex;align-items:center;gap:18px;min-height:0;padding:18px;text-align:left;}
    & #adc .ppt-summary img {width:80px;height:80px;margin:0;flex:none;}
    & #adc .ppt-summary p {border:0;padding:0;font-size:17px;}
  }
  @media (min-width:1024px) {
    & #switch .ppt-content > .b-facts {grid-template-columns:repeat(3,minmax(0,1fr));}
    & :is(#lenovo,#hci,#dbsafer) .ppt-content > .b-facts {grid-template-columns:repeat(4,minmax(0,1fr));}
  }
  @media (max-width:767px) {
    & #adc .b-showcase {grid-template-columns:minmax(0,1fr);}
    & #adc .b-showcase-copy > .b-facts {height:auto;}
  }
}

/* Shared business overviews retain the Cloud layout and the public palette in both themes. */
html body.public-site.public-design-page:is(.page-cloud,.page-security-infra) #public-main.publishing-main.business-detail {
  & .cloud-overview {padding-block:64px;border-bottom:1px solid var(--pub-line);background:var(--pub-bg);scroll-margin-top:var(--b-offset);}
  & .cloud-overview--protection {background:var(--pub-soft);}
  & .cloud-overview :is(p,li) {font-size:15px;line-height:1.75;}
  & .cloud-overview p {max-width:none;}
  & .cloud-overview-heading {display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:end;margin-bottom:40px;}
  & .cloud-overview .cloud-overview-eyebrow {display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--pub-accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
  & .cloud-overview-eyebrow::before {content:"";width:24px;height:2px;background:currentColor;flex:none;}
  & .cloud-overview-heading h2 {font-size:30px!important;line-height:1.4!important;color:var(--pub-ink);word-break:keep-all;overflow-wrap:anywhere;}
  & .cloud-overview-heading .cloud-overview-lead {max-width:430px;color:var(--pub-body);}
  & .cloud-overview-icon {display:block;width:28px;height:28px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--pub-accent);}
  & .cloud-service-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
  & .cloud-service-card {display:flex;flex-direction:column;min-width:0;border-top:2px solid var(--pub-accent);border-radius:0;padding-top:24px;}
  & .cloud-service-top {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;}
  & .cloud-service-top > span {font-size:11px;letter-spacing:.08em;color:var(--pub-muted);}
  & .cloud-service-card h3 {font-size:22px;line-height:1.4;}
  & .cloud-service-card .cloud-service-category {margin-top:6px;font-size:12px;font-weight:700;color:var(--pub-accent);letter-spacing:.03em;}
  & .cloud-service-card .cloud-service-description {margin-top:20px;}
  & .cloud-service-checks {display:grid;gap:8px;padding:24px 0;list-style:none;}
  & .cloud-service-checks li {position:relative;padding-left:22px;}
  & .cloud-service-checks li::before {content:"";position:absolute;left:3px;top:.6em;width:6px;height:10px;border-right:1.5px solid var(--pub-accent);border-bottom:1.5px solid var(--pub-accent);transform:rotate(45deg);}
  & .cloud-service-card .cloud-service-output {display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:auto;padding:14px 16px;background:var(--pub-soft);font-size:13px;border-radius:4px;}
  & .cloud-service-output strong {color:var(--pub-accent);}
  & .cloud-service-providers {display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px;}
  & .cloud-service-providers > span,
  & .cloud-service-providers p {font-size:13px;color:var(--pub-muted);}
  & .cloud-service-providers strong {font-size:17px;color:var(--pub-ink);}
  & .cloud-service-providers strong + strong {padding-left:20px;border-left:1px solid var(--pub-line);}
  & .cloud-protection-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;}
  & .cloud-security-map {min-width:0;padding:24px;border:1px solid var(--pub-line);border-radius:6px;background:var(--pub-bg);}
  & .cloud-security-map-heading {display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:24px;color:var(--pub-muted);font-size:10px;letter-spacing:.06em;}
  & .cloud-map-actors {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  & .cloud-map-actor,
  & .cloud-map-operations {display:flex;align-items:center;gap:12px;min-width:0;padding:16px 12px;border:1px solid var(--pub-line);border-radius:4px;background:var(--pub-soft);}
  & .cloud-security-map strong {display:block;color:var(--pub-ink);font-size:14px;line-height:1.5;word-break:keep-all;}
  & .cloud-map-actor span,
  & .cloud-map-policy span,
  & .cloud-map-resource span,
  & .cloud-map-operations span {display:block;margin-top:5px;color:var(--pub-body);font-size:12px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;}
  & .cloud-map-actor .cloud-overview-icon {width:22px;height:22px;}
  & .cloud-map-connector {position:relative;width:1px;height:24px;margin-inline:auto;border-left:1px dashed var(--pub-accent);}
  & .cloud-map-connector::after {content:"";position:absolute;bottom:2px;left:-4px;width:7px;height:7px;border-right:1px solid var(--pub-accent);border-bottom:1px solid var(--pub-accent);transform:rotate(45deg);}
  & .cloud-map-policy {padding:20px 12px;text-align:center;border:1px solid var(--b-border);border-radius:4px;background:var(--b-tint);}
  & .cloud-map-environment {padding:16px 12px;border:1px dashed var(--b-border);border-radius:4px;}
  & .cloud-map-environment-title {display:flex;gap:10px;align-items:center;margin-bottom:16px;}
  & .cloud-map-environment-title .cloud-overview-icon {width:22px;height:22px;}
  & .cloud-map-resources {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  & .cloud-map-resource {display:flex;flex-direction:column;align-items:center;min-width:0;padding:16px 6px;text-align:center;border:1px solid var(--pub-line);border-radius:4px;background:var(--pub-soft);}
  & .cloud-map-resource .cloud-overview-icon {margin-bottom:12px;}
  & .cloud-map-operations {background:var(--b-tint);border-color:var(--b-border);}
  & .cloud-security-map figcaption {margin-top:20px;font-size:12px;line-height:1.7;color:var(--pub-muted);word-break:keep-all;overflow-wrap:anywhere;}
  & .cloud-protection-roles {display:grid;gap:0;margin:0;padding:0;list-style:none;}
  & .cloud-protection-roles > li {display:flex;gap:16px;min-width:0;padding:24px 0;border-bottom:1px solid var(--pub-line);}
  & .cloud-protection-roles > li:first-child {padding-top:0;}
  & .cloud-protection-roles > li:last-child {padding-bottom:0;border-bottom:0;}
  & .cloud-protection-roles > li > div {min-width:0;}
  & .cloud-protection-number {display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid var(--b-border);border-radius:50%;color:var(--pub-accent);font-size:12px;font-weight:700;}
  & .cloud-protection-roles h3 {font-size:20px;line-height:1.5;margin-bottom:10px;word-break:keep-all;}
  & .cloud-protection-roles .cloud-protection-solutions {display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:12px;font-size:12px;color:var(--pub-muted);}
  & .cloud-protection-solutions strong {flex:none;color:var(--pub-accent);}
  & .cloud-protection-solutions span {min-width:0;}
  & .cloud-protection-note {display:flex;align-items:flex-start;gap:14px;margin-top:28px;padding:18px 20px;border:1px solid var(--pub-line);border-radius:4px;background:var(--pub-bg);}
  & .cloud-protection-note .cloud-overview-icon {width:20px;height:20px;margin-top:2px;}
  & .cloud-protection-note p {font-size:13px;color:var(--pub-muted);}

  @media (max-width:1023px) {
    & .cloud-protection-grid {grid-template-columns:1fr;gap:32px;}
    & .cloud-service-grid {gap:20px;}
    & .cloud-service-card h3 {font-size:20px;}
  }
  @media (max-width:767px) {
    & .cloud-overview {padding-block:36px;}
    & .cloud-overview-heading {grid-template-columns:1fr;gap:16px;margin-bottom:28px;}
    & .cloud-overview-heading h2 {font-size:25px!important;}
    & .cloud-overview-heading .cloud-overview-lead {max-width:none;}
    & .cloud-service-grid {grid-template-columns:1fr;gap:32px;}
    & .cloud-service-top {margin-bottom:18px;}
    & .cloud-service-providers {gap:10px 16px;}
    & .cloud-service-providers > span,
    & .cloud-service-providers > p {flex-basis:100%;}
    & .cloud-security-map {padding:18px 14px;}
    & .cloud-map-actors {gap:8px;}
    & .cloud-map-actor {flex-direction:column;align-items:flex-start;gap:8px;padding:12px;}
    & .cloud-map-environment {padding:14px 8px;}
    & .cloud-map-resource {padding:14px 4px;}
    & .cloud-map-resource strong {font-size:13px;}
    & .cloud-map-resource span {font-size:11px;}
    & .cloud-protection-roles > li {gap:12px;}
    & .cloud-protection-roles h3 {font-size:19px;}
    & .cloud-protection-note {padding:16px;}
  }
}

/* Let the Okta diagram determine its frame height instead of using a hardware thumbnail height. */
html body.public-site.public-design-page #public-main.publishing-main.business-detail #okta .b-product--diagram .b-image-surface {
  height:auto;min-height:0;
}
html body.public-site.public-design-page #public-main.publishing-main.business-detail #okta .b-product--diagram img {
  display:block;width:100%;height:auto;max-height:none;object-fit:contain;
}
/* Override the legacy first-row reset for the four equally padded ADC cards. */
html body.public-site.public-design-page #public-main.publishing-main.business-detail #adc .b-facts > div {
  padding:16px;
}

/* The annotated introductions were removed; align the remaining content with its summary. */
html body.public-site.public-design-page:is(.page-security-infra,.page-cloud) #public-main.publishing-main.business-detail
  .ppt-content > :first-child {
  margin-top:0;
}

html[data-theme="dark"] body.public-site.public-design-page #public-main.publishing-main.business-detail {
  --ppt-blue:#8fc4ff;
  --ppt-teal:#82d2da;
  --ppt-violet:#c4a2f2;
  --ppt-card:#101923;
  --ppt-aside:linear-gradient(155deg,#14293d,#142131);
  & .ppt-content .b-product-row-title,
  & .ppt-content .b-table thead,
  & .ppt-phase > h3,
  & .ppt-msp-column > h3 {background:#174770;color:#f1f7ff;}
  & #dbsafer .b-product-row:nth-child(2) .b-product-row-title,
  & .ppt-msp-column:first-child > h3 {background:#155e69;}
  & #dbsafer .b-product-row:nth-child(3) .b-product-row-title {background:#54377c;}
  & .ppt-msp-column:nth-child(3) > h3 {background:#38485e;}
}