.page-meta-dialog-open{overflow:hidden}
.page-meta-page-root{width:100%}
.page-meta-standalone{min-height:100vh;background:#f4f6f8}.page-meta-standalone .admin-content{min-height:100vh;margin-left:246px;padding:32px}
.page-meta-dialog{position:relative;width:100%;display:flex;flex-direction:column;overflow:hidden;background:transparent}
.page-meta-loading,.page-meta-load-error{min-height:240px;padding:40px;display:grid;place-items:center;color:#64717d}
.page-meta-load-error{align-content:center;gap:12px}.page-meta-load-error p{margin:0;color:#8e2929}
.page-meta-dialog-header{min-height:72px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2e7}
.page-meta-dialog-header span{display:block;margin-bottom:3px;color:#13877f;font-size:11px;font-weight:800}
.page-meta-dialog-header h1{margin:0;color:#17324d;font-size:22px;line-height:1.25}
.page-meta-close{width:38px;height:38px;display:grid;place-items:center;color:#64717d;background:#fff;border:1px solid #dce2e7;border-radius:5px}
.page-meta-close:hover{color:#17324d;background:#f4f7f8}.page-meta-close svg{width:18px;height:18px}
.page-meta-dialog-body{padding:20px;overflow:auto}
.page-meta-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:24px;align-items:start}
.page-meta-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px}
.page-meta-fields .field-label[hidden]{display:none!important}
.page-meta-fields .field-label:nth-child(n+3){grid-column:1/-1}
.page-meta-fields textarea{min-height:76px;max-height:110px;resize:vertical}
.page-meta-upload-row{display:flex;gap:10px;align-items:center}.page-meta-upload-row input{min-width:0;flex:1}.page-meta-upload-row button{white-space:nowrap}
.page-meta-preview-column{display:grid;gap:14px}
.page-meta-effective{padding:14px;background:#f5f8f9;border:1px solid #dce4e7;border-radius:5px}
.page-meta-effective strong,.page-meta-effective a,.page-meta-effective small{display:block}
.page-meta-effective strong{margin-bottom:7px;color:#354451;font-size:13px}.page-meta-effective a{overflow-wrap:anywhere;color:#246b91;font-size:12px;line-height:1.5}.page-meta-effective small{margin-top:7px;color:#71808a;font-size:11px}
.page-meta-preview{padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:12px;align-items:center;background:#fff;border:1px solid #dce2e7;border-radius:5px;box-shadow:0 4px 16px rgba(20,44,60,.08)}
.page-meta-preview>img{grid-column:2;grid-row:1;width:88px;height:88px;display:block;object-fit:cover;background:#eef2f3;border-radius:3px}
.page-meta-preview>div{grid-column:1;grid-row:1;min-width:0}.page-meta-preview strong{display:-webkit-box;overflow:hidden;color:#202a31;font-size:15px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.page-meta-preview p{display:-webkit-box;overflow:hidden;margin:7px 0;color:#66737c;font-size:12px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}.page-meta-preview small{color:#929ba1;font-size:11px}
.page-meta-dialog-footer{min-height:66px;padding:12px 20px;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid #dce2e7;background:#fafbfc}
.page-meta-dialog-footer p{min-width:0;margin:0 auto 0 0;color:#26745a;font-size:12px}
@media(max-width:760px){.page-meta-dialog-header{min-height:64px;padding:12px 15px}.page-meta-dialog-body{padding:15px}.page-meta-form{grid-template-columns:1fr;gap:18px}.page-meta-fields{grid-template-columns:1fr}.page-meta-fields .field-label{grid-column:1}.page-meta-dialog-footer{padding:10px 15px;flex-wrap:wrap}.page-meta-dialog-footer p{width:100%;flex:1 0 100%}}
@media(max-width:900px){.page-meta-standalone .admin-content{margin-left:0;padding:20px}}

/* Keep page sharing settings inside the same admin editing surface as all
   other content editors. The legacy overlay rules above remain harmless for
   older cached markup, while this block is the active page layout. */
.page-meta-page-root{width:100%;gap:22px}
.page-meta-page-root .page-heading-row{align-items:flex-end}
.page-meta-page-root .page-heading-row .primary-button{flex:0 0 auto}
.page-meta-form{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.page-meta-fields{display:flex;flex-direction:column;gap:18px;min-width:0}
.page-meta-fields .form-section{min-width:0}
.page-meta-fields .field-label{display:flex;flex-direction:column;gap:7px;color:#394a56;font-size:13px;font-weight:700}
.page-meta-fields .field-label select,.page-meta-fields .field-label input,.page-meta-fields .field-label textarea{width:100%;box-sizing:border-box}
.page-meta-fields .field-label small{color:#83919a;font-size:11px;font-weight:400;line-height:1.5}
.page-meta-side{position:static;max-height:none;overflow:visible;padding-right:0}
.page-meta-effective-url{display:block;overflow-wrap:anywhere;color:#246b91;font-size:12px;line-height:1.5}
.page-meta-source{display:block;margin-top:8px;color:#71808a;font-size:11px;line-height:1.5}
.page-meta-message{min-height:18px;margin:0;color:#26745a;font-size:12px;line-height:1.5}
.page-meta-load-error{align-content:center;gap:12px;min-height:240px}
.page-meta-load-error p{margin:0;color:#8e2929}
.page-meta-preview{padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:12px;align-items:center;background:#fff;border:1px solid #dce2e7;border-radius:5px;box-shadow:0 4px 16px rgba(20,44,60,.08)}
.page-meta-preview>img{grid-column:2;grid-row:1;width:88px;height:88px;display:block;object-fit:cover;background:#eef2f3;border-radius:3px}
.page-meta-preview>div{grid-column:1;grid-row:1;min-width:0}
.page-meta-preview strong{display:-webkit-box;overflow:hidden;color:#202a31;font-size:15px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.page-meta-preview p{display:-webkit-box;overflow:hidden;margin:7px 0;color:#66737c;font-size:12px;line-height:1.5;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.page-meta-preview small{color:#929ba1;font-size:11px}
@media(max-width:900px){.page-meta-form{grid-template-columns:1fr}.page-meta-side{max-height:none}}
@media(max-width:760px){.page-meta-page-root .page-heading-row{align-items:flex-start;flex-direction:column}.page-meta-page-root .page-heading-row .primary-button{width:100%}.page-meta-fields{gap:15px}.page-meta-form{gap:15px}}


/* V7 mobile layout. Desktop rendering is intentionally untouched. */
@media (max-width: 767px) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  /* 1. Careers */
  .career-item {
    grid-template-columns: 20vw minmax(0, 1fr) 16px;
    gap: 12px;
    min-height: 0;
    padding-block: 18px;
    align-items: center;
  }

  .career-item .career-image {
    width: 20vw;
    height: 20vw;
    min-height: 0;
    aspect-ratio: 1;
  }

  .career-item .career-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .career-item > svg {
    width: 16px;
    height: 16px;
  }

  /* 2. Home hero, credentials and compact content rows */
  .site-hero {
    height: 372px;
    min-height: 372px;
  }

  .site-hero .site-hero-network {
    width: 100%;
    height: 100%;
  }

  .data-credential-track figure figcaption {
    display: none;
  }

  .data-credential-track figure,
  .data-credential-track figure > a {
    min-height: 0;
  }

  .data-credential-track figure {
    flex: 0 0 138px;
    width: 138px !important;
  }

  .data-credential-track figure > a {
    display: block;
    width: 138px !important;
    height: 192px;
    padding: 10px;
    box-sizing: border-box;
    grid-template-columns: 1fr !important;
  }

  .data-credential-track figure img {
    width: 118px;
    height: 172px;
    object-fit: contain;
  }

  .home-product-grid {
    gap: 12px;
  }

  .home-product-grid > a {
    display: grid !important;
    grid-template-columns: minmax(96px, 31%) minmax(0, 1fr);
    grid-template-rows: 104px;
    align-items: stretch;
    min-height: 0;
  }

  .home-product-grid > a > img {
    display: block !important;
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 96px;
    aspect-ratio: auto;
    object-fit: cover;
  }

  .home-product-grid > a > div {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    justify-content: center;
    height: 100%;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
    overflow: hidden;
    padding: 10px 14px;
  }

  .home-product-grid > a h3 {
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
  }

  .home-product-grid > a p {
    display: none;
  }

  .home-solutions-band .public-content-card,
  .home-insights-band .public-content-card {
    display: grid;
    grid-template-columns: minmax(96px, 31%) minmax(0, 1fr);
    grid-template-rows: 112px;
    align-items: stretch;
    min-height: 0;
  }

  .home-solutions-band .public-card-media,
  .home-insights-band .public-card-media {
    display: block !important;
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 100%;
    min-height: 96px;
    aspect-ratio: auto;
  }

  .home-solutions-band .public-card-media img,
  .home-insights-band .public-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .home-solutions-band .public-card-body,
  .home-insights-band .public-card-body {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    min-height: 0 !important;
    height: 100%;
    align-self: stretch;
    box-sizing: border-box;
    overflow: hidden;
    padding: 10px 14px;
  }

  .home-solutions-band .public-card-body > :not(h3),
  .home-insights-band .public-card-body > :not(h3) {
    display: none;
  }

  .home-solutions-band .public-card-body h3,
  .home-insights-band .public-card-body h3 {
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
  }

  .home-news-grid {
    gap: 12px;
  }

  .home-news-grid > a {
    display: grid !important;
    grid-template-columns: minmax(96px, 31%) minmax(0, 1fr);
    grid-template-rows: 120px;
    align-items: stretch;
    min-height: 0;
  }

  .home-news-grid > a > img {
    display: block !important;
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 96px;
    aspect-ratio: auto;
    object-fit: cover;
  }

  .home-news-grid > a > div {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    min-height: 0 !important;
    height: 100%;
    align-self: stretch;
    box-sizing: border-box;
    overflow: hidden;
    padding: 10px 14px;
  }

  .home-news-grid > a > div > :not(h3) {
    display: none;
  }

  .home-news-grid > a h3 {
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
  }

  /* 3. Two independent filter columns */
  .capability-filters {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    align-items: start;
  }

  .capability-filters > div {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    min-width: 0;
  }

  .capability-filters > div > button {
    width: 100%;
    min-height: 36px;
    padding: 8px 10px;
    white-space: normal;
    text-align: left;
    line-height: 1.35;
  }

  /* 4. Product index */
  .legacy-product-item {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 14px;
    align-items: start;
    min-height: 0;
    padding-block: 22px;
  }

  .legacy-product-item .legacy-product-image {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 96px;
    height: 96px;
    min-height: 0;
    aspect-ratio: 1;
  }

  .legacy-product-item .legacy-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .legacy-product-item .legacy-product-copy {
    display: contents !important;
  }

  .legacy-product-item .legacy-product-copy > span {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start;
    margin: 0;
  }

  .legacy-product-item .legacy-product-copy > h2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start;
    margin: 28px 0 0;
    font-size: 20px;
    line-height: 1.35;
  }

  .legacy-product-item .legacy-product-copy > p,
  .legacy-product-item .legacy-product-copy > a {
    display: none;
  }

  .legacy-product-item .v7-product-summary {
    display: block;
    grid-column: 1 / span 2 !important;
    grid-row: 2 !important;
    width: auto;
    max-width: none;
    margin: 0;
    font-size: 13px;
    line-height: 1.65;
  }

  .legacy-product-item .v7-product-link {
    display: inline-flex;
    grid-column: 1 / span 2 !important;
    grid-row: 3 !important;
    justify-self: start;
    margin: 0;
  }

  /* 5-8. Detail page ordering */
  .article-reading-shell,
  .public-detail.solution .solution-reading-shell,
  .case-reading-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  .article-reading-shell > .solution-page-sidebar,
  .article-reading-shell > .article-reading,
  .public-detail.solution .solution-reading-shell > .solution-page-sidebar,
  .public-detail.solution .solution-reading-shell > .solution-reading,
  .case-reading-shell > .solution-page-sidebar,
  .case-reading-shell > .case-reading {
    display: contents;
  }

  .article-reading-shell .solution-sidebar-cover {
    order: 1;
  }

  .article-reading-shell .solution-section-nav {
    order: 2;
  }

  .article-reading-shell .article-reading > * {
    order: 3;
  }

  .article-reading-shell .detail-related {
    order: 4;
  }

  .public-detail.solution:not(.product-detail) .solution-reading-shell .solution-sidebar-cover {
    order: 1;
  }

  .public-detail.solution:not(.product-detail) .solution-reading-shell .solution-section-nav {
    order: 2;
  }

  .public-detail.solution:not(.product-detail) .solution-reading > section {
    order: 3;
  }

  .public-detail.solution:not(.product-detail) .solution-reading-shell .detail-related {
    order: 4;
  }

  .public-detail.solution .detail-related,
  .article-reading-shell .detail-related,
  .case-reading-shell .detail-related {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin-inline: 0;
  }

  .public-detail.solution .detail-related > div,
  .article-reading-shell .detail-related > div,
  .case-reading-shell .detail-related > div {
    width: 100%;
  }

  /* Solution summary and capability are aligned as two columns. */
  .public-detail.solution:not(.product-detail) .solution-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 18px;
    align-items: stretch;
  }

  .public-detail.solution:not(.product-detail) .solution-hero-main {
    display: contents;
  }

  .public-detail.solution:not(.product-detail) .solution-hero-main .public-detail-meta,
  .public-detail.solution:not(.product-detail) .solution-hero-main h1 {
    grid-column: 1 / -1;
  }

  .public-detail.solution:not(.product-detail) .solution-hero-main .public-detail-meta {
    grid-row: 1;
  }

  .public-detail.solution:not(.product-detail) .solution-hero-main h1 {
    grid-row: 2;
    margin-bottom: 0;
  }

  .public-detail.solution:not(.product-detail) .solution-hero-main > p {
    grid-column: 1;
    grid-row: 3;
    margin: 0;
    font-size: 13px;
    line-height: 1.65;
  }

  .public-detail.solution:not(.product-detail) .solution-capability-aside {
    grid-column: 2;
    grid-row: 3;
    width: auto;
    min-width: 0;
    height: 100%;
    margin: 0;
    padding: 14px;
  }

  .public-detail.solution:not(.product-detail) .solution-capability-aside strong,
  .public-detail.solution:not(.product-detail) .solution-capability-aside b {
    overflow-wrap: anywhere;
  }

  /* Product cover is cloned into this grid by mobile-v7-preview.js. */
  .product-detail .product-hero-grid {
    grid-template-columns: 104px minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 18px;
    align-items: stretch;
  }

  .product-detail .product-hero-main {
    grid-column: 1 / -1;
  }

  .product-detail .v7-product-hero-image {
    display: block;
    grid-column: 1;
    grid-row: 2;
    min-height: 150px;
    overflow: hidden;
  }

  .product-detail .v7-product-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .product-detail .product-hero-summary {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    margin: 0;
    padding: 12px;
  }

  .product-detail .product-hero-summary p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.55;
  }

  .product-detail .solution-reading-shell .solution-sidebar-cover {
    display: none;
  }

  .product-detail .solution-reading-shell .solution-section-nav {
    order: 1;
  }

  .product-detail .solution-reading > section {
    order: 2;
  }

  .product-detail .solution-reading .product-back-link {
    order: 3;
  }

  .product-detail .solution-reading-shell .detail-related {
    order: 4;
  }

  .case .public-detail-header-inner > p,
  .case .public-detail-meta time {
    font-size: 12px;
    line-height: 1.65;
  }

  .case-reading-shell .case-reading > section {
    order: 1;
  }

  .case-reading-shell .case-capability-link {
    order: 2;
    width: 100%;
    margin: 0;
  }

  .case-reading-shell .detail-related {
    order: 3;
  }

  /* 9. Company news */
  .legacy-news-item > div > p {
    display: none;
  }

  /* 10. Shanghai Bridata */
  .shanghai-hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    grid-template-rows: auto auto 84px;
    column-gap: 12px;
    row-gap: 12px;
    align-items: stretch;
  }

  .shanghai-hero-copy {
    display: contents;
  }

  .shanghai-hero-copy h1 {
    grid-column: 1 / -1;
    grid-row: 1;
    margin: 0;
    font-size: 22px;
    line-height: 1.3;
  }

  .shanghai-hero-copy > p {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
  }

  .shanghai-hero-actions {
    grid-column: 1;
    grid-row: 3;
    flex-direction: column;
    align-items: flex-start;
    align-self: center;
    gap: 8px;
    width: 100%;
    margin: 0;
  }

  .shanghai-hero-actions > a {
    width: 100%;
    min-width: 0;
    min-height: 38px;
    padding: 8px 9px;
    justify-content: center;
    font-size: 12px;
  }

  .shanghai-hero-actions svg {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
  }

  .shanghai-hero-visual {
    grid-column: 2;
    grid-row: 3;
    min-width: 0;
    width: auto;
    height: 84px;
    min-height: 84px;
  }

  .shanghai-hero-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .shanghai-content .public-card-body > p {
    display: none;
  }

  .shanghai-content .public-content-card {
    min-height: 0;
  }

  .shanghai-content .public-card-body {
    display: block;
    min-height: 0;
    height: auto;
    padding: 18px 22px 20px;
  }

  .shanghai-content .public-card-body .public-card-link {
    margin-top: 22px;
  }
}

@media (min-width: 768px) {
  .v7-product-hero-image,
  .v7-product-summary,
  .v7-product-link {
    display: none;
  }
}