body.csi-product-page .site-main,
body.csi-product-page .inside-article,
body.csi-product-page .entry-content { max-width: none; }
body.csi-product-page .woocommerce div.product { display: none; }
body.csi-product-page .site-header { border-bottom: 1px solid #e5edf6; }
body.csi-product-page .site-branding,
body.csi-product-page .site-logo { max-width: 1320px; margin-left: auto; margin-right: auto; }
body.csi-product-page .site-title { font-size: 30px; line-height: 1.15; letter-spacing: -.035em; }

.csi-wrap {
  --csi-orange: #f05a22;
  --csi-blue: #0f4c81;
  --csi-ink: #0b1220;
  --csi-text: #24324a;
  --csi-muted: #63728a;
  --csi-line: #dbe6f2;
  --csi-soft: #f7fafd;
  --csi-card: #ffffff;
  max-width: 1320px;
  margin: 0 auto;
  padding: 22px 24px 56px;
  color: var(--csi-ink);
  font-feature-settings: "kern" 1;
}
.csi-wrap * { box-sizing: border-box; }
.csi-breadcrumbs { margin: 2px 0 16px; font-size: 14px; color: #334155; }
.csi-breadcrumbs a { color: #334155; text-decoration: none; }
.csi-breadcrumbs a:hover { color: var(--csi-blue); }

.csi-hero {
  display: grid;
  grid-template-columns: minmax(360px, 40%) minmax(0, 1fr);
  gap: 24px;
  align-items: stretch;
  margin-bottom: 18px;
}
.csi-card,
.csi-gallery-card,
.csi-summary-card,
.csi-content-card {
  background: var(--csi-card);
  border: 1px solid var(--csi-line);
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .045);
}
.csi-card { padding: 18px 18px; margin-bottom: 16px; }
.csi-card h3,
.csi-card h2 { margin: 0 0 13px; font-size: 17px; line-height: 1.3; letter-spacing: -.01em; }
.csi-trust-card { border-top: 3px solid var(--csi-orange); }
.csi-left-rail { display: flex; flex-direction: column; }
.csi-trust-card ul,
.csi-compact-list,
.csi-check-list { margin: 0; padding: 0; list-style: none; }
.csi-trust-card li,
.csi-compact-list li,
.csi-check-list li { position: relative; padding-left: 23px; margin: 0 0 11px; font-size: 14px; line-height: 1.48; color: var(--csi-text); }
.csi-trust-card li:before,
.csi-check-list li:before,
.csi-compact-list li:before { content: "✓"; position: absolute; left: 0; top: 0; color: #079b66; font-weight: 900; }
.csi-muted { color: var(--csi-muted); margin: 0 0 10px; font-size: 14px; line-height: 1.45; }
.csi-support-link { display: inline-flex; color: var(--csi-blue); font-weight: 850; text-decoration: none; font-size: 19px; letter-spacing: -.02em; }

.csi-gallery-card {
  padding: 22px;
  min-height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.csi-main-image {
  width: 100%;
  max-height: 285px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 10px 18px rgba(15,23,42,.08));
  margin-top: 2px;
}
.csi-image-placeholder {
  width: 100%; min-height: 260px; display: grid; place-items: center;
  color: #94a3b8; background: linear-gradient(180deg,#f8fafc,#f1f5f9);
  border: 1px dashed #cbd5e1; border-radius: 14px; font-weight: 800;
}
.csi-thumbs { display: flex; gap: 9px; margin-top: 14px; width: 100%; justify-content: center; flex-wrap: wrap; }
.csi-thumbs img { width: 58px; height: 58px; object-fit: contain; border: 1px solid var(--csi-line); border-radius: 11px; padding: 5px; background: #fff; box-shadow: 0 4px 10px rgba(15,23,42,.035); }

.csi-summary-card { padding: 16px 30px 38px; min-height: 390px; display: flex; flex-direction: column; justify-content: flex-start; }
.csi-eyebrow { display: inline-flex; width: fit-content; align-items: center; color: var(--csi-orange); font-weight: 900; font-size: 12px; text-transform: uppercase; letter-spacing: .055em; margin-bottom: 11px; }
.csi-summary-card h1 { margin: 0 0 14px; max-width: 760px; font-size: clamp(32px, 3.1vw, 48px); line-height: 1.04; letter-spacing: -.045em; color: var(--csi-ink); }
.csi-shortdesc { margin: 0 0 18px; font-size: 17px; color: #334155; line-height: 1.58; max-width: 760px; }
.csi-badges { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 18px; }
.csi-badges span { display: inline-flex; align-items: center; min-height: 28px; padding: 5px 11px; border-radius: 999px; background: #f3f7fb; border: 1px solid #dce7f3; color: #21324a; font-size: 13px; font-weight: 750; }
.csi-feature-box { border: 1px solid var(--csi-line); border-radius: 16px; padding: 18px 20px; background: linear-gradient(180deg,#fbfdff,#f8fbff); margin: 16px 0 20px; }
.csi-feature-box ul { margin: 0; padding: 0; list-style: none; }
.csi-feature-box li { position: relative; margin: 0 0 12px; padding-left: 25px; color: #1f2e44; line-height: 1.42; font-size: 18px; }
.csi-feature-box li:last-child { margin-bottom: 0; }
.csi-feature-box li:before { content: ""; position: absolute; left: 2px; top: .72em; width: 7px; height: 7px; border-radius: 99px; background: #26364c; }
.csi-actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 18px 0 10px; }
.csi-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 23px; border-radius: 11px; font-weight: 900; text-decoration: none !important; border: 1px solid transparent; transition: transform .12s ease, box-shadow .12s ease, background .12s ease; }
.csi-btn:hover { transform: translateY(-1px); }
.csi-btn-primary { background: var(--csi-orange); color: #fff !important; border-color: var(--csi-orange); box-shadow: 0 8px 18px rgba(240,90,34,.18); }
.csi-btn-secondary { color: var(--csi-blue) !important; background: #fff; border-color: #b9cbe2; }
.csi-btn-full { width: 100%; }
.csi-note { margin: 10px 0 0; padding: 11px 13px; background: #fff7ed; border: 1px solid #fed7aa; color: #9a3412; border-radius: 10px; font-size: 12.5px; }

.csi-content-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 22px; align-items: start; }
.csi-content-card { padding: 30px 32px; font-size: 16.5px; line-height: 1.76; color: #18263d; }
.csi-content-card h2 { margin-top: 32px; margin-bottom: 13px; font-size: 27px; line-height: 1.22; letter-spacing: -.025em; color: var(--csi-ink); }
.csi-content-card h2:first-child { margin-top: 0; }
.csi-content-card h3 { margin-top: 20px; font-size: 19px; letter-spacing: -.01em; }
.csi-content-card p { margin: 0 0 18px; }
.csi-content-card ul { padding-left: 20px; margin-top: 8px; }
.csi-content-card li { margin-bottom: 7px; }
.csi-tabs-label { display: inline-flex; padding: 0 0 10px; border-bottom: 3px solid var(--csi-blue); font-weight: 900; margin-bottom: 24px; }
.csi-meta-rail { position: sticky; top: 24px; }
.csi-specs { margin: 0; }
.csi-specs dt { margin-top: 14px; color: var(--csi-muted); font-size: 11.5px; text-transform: uppercase; letter-spacing: .055em; font-weight: 900; }
.csi-specs dt:first-child { margin-top: 0; }
.csi-specs dd { margin: 4px 0 0; color: var(--csi-ink); font-weight: 800; line-height: 1.45; font-size: 18px; }
.csi-quote-card { border-top: 3px solid var(--csi-orange); }
.csi-quote-card p { color: #475569; margin: 0 0 16px; }
.csi-bottom-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 22px; }
.csi-faq-list details { border: 1px solid var(--csi-line); border-radius: 13px; padding: 14px 16px; margin-bottom: 10px; background: #fbfdff; }
.csi-faq-list summary { cursor: pointer; font-weight: 900; color: var(--csi-ink); }
.csi-faq-list p { margin: 10px 0 0; color: #475569; line-height: 1.6; }
body.csi-product-page .product_meta,
body.csi-product-page .summary .cart,
body.csi-product-page .price,
body.csi-product-page .woocommerce-tabs { display: none !important; }
@media (max-width: 1180px) {
  .csi-hero { grid-template-columns: minmax(330px, 42%) minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .csi-wrap { padding: 16px 14px 44px; }
  .csi-hero,
  .csi-content-grid,
  .csi-bottom-grid { grid-template-columns: 1fr; }
  .csi-summary-card,
  .csi-content-card,
  .csi-gallery-card { padding: 20px; min-height: auto; }
  .csi-meta-rail { position: static; order: -1; }
  .csi-summary-card h1 { font-size: 32px; }
  .csi-feature-box li { font-size: 16px; }
}


/* v0.8.6: remove legacy FAQ duplication and tighten lower content rhythm */
.csi-bottom-grid { margin-top: 28px; }
.csi-content-card > :last-child { margin-bottom: 0; }
.csi-content-card h2:last-child,
.csi-content-card h3:last-child { margin-bottom: 0; }

.csi-bottom-grid-single { grid-template-columns: minmax(0, 1fr); max-width: 980px; margin-left: auto; margin-right: auto; }
.csi-bottom-grid-single .csi-faq-card { width: 100%; }

/* v0.8.8: top-aligned gallery and technical mini panel */
.csi-image-mini-panel {
  width: 100%;
  margin-top: 16px;
  padding: 14px 14px 12px;
  border: 1px solid var(--csi-line);
  border-radius: 14px;
  background: linear-gradient(180deg,#fbfdff,#f7fbff);
}
.csi-mini-title {
  margin-bottom: 10px;
  color: var(--csi-muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.csi-mini-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 12px;
}
.csi-mini-grid div {
  min-width: 0;
}
.csi-mini-grid span {
  display: block;
  color: var(--csi-muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 3px;
}
.csi-mini-grid strong {
  display: block;
  color: var(--csi-ink);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 850;
  overflow-wrap: anywhere;
}
@media (max-width: 900px) {
  .csi-mini-grid { grid-template-columns: 1fr; }
}


/* v0.8.9: two-column 40/60 hero and horizontal trust bar */
.csi-hero-two-col {
  grid-template-columns: minmax(360px, 40%) minmax(0, 1fr);
}
.csi-trust-bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 26px;
}
.csi-trust-item {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  grid-template-areas: "icon title" "icon text";
  gap: 2px 10px;
  min-height: 88px;
  padding: 16px 16px;
  border: 1px solid var(--csi-line);
  border-radius: 16px;
  background: linear-gradient(180deg,#ffffff,#f9fcff);
  box-shadow: 0 10px 24px rgba(15,23,42,.035);
}
.csi-trust-item span {
  grid-area: icon;
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #ecfdf5;
  color: #079b66;
  font-weight: 900;
  font-size: 13px;
}
.csi-trust-item strong {
  grid-area: title;
  display: block;
  font-size: 14px;
  line-height: 1.25;
  color: var(--csi-ink);
  font-weight: 900;
}
.csi-trust-item em {
  grid-area: text;
  display: block;
  color: var(--csi-muted);
  font-style: normal;
  font-size: 12.5px;
  line-height: 1.42;
}
@media (max-width: 1180px) {
  .csi-trust-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .csi-hero-two-col { grid-template-columns: 1fr; }
  .csi-trust-bar { grid-template-columns: 1fr; }
}

/* v0.8.10: hero taxonomy badges removed; metadata remains in deployment mini panel. */


/* v0.8.11: typography system cleanup */
.csi-wrap {
  max-width: 1280px;
  --csi-ink: #071426;
  --csi-text: #25334a;
  --csi-muted: #66758c;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.csi-product-page,
body.csi-product-page .entry-content {
  color: var(--csi-text);
}
body.csi-product-page .site-title {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.035em;
}
.csi-breadcrumbs {
  font-size: 14px;
  line-height: 1.45;
  color: #334155;
}
.csi-summary-card h1 {
  font-size: clamp(34px, 3vw, 46px);
  line-height: 1.08;
  font-weight: 620;
  letter-spacing: -0.048em;
  color: var(--csi-ink);
}
.csi-eyebrow {
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .06em;
}
.csi-shortdesc {
  font-size: 16.5px;
  line-height: 1.66;
  font-weight: 400;
  color: #334155;
}
.csi-feature-box li {
  font-size: 17px;
  line-height: 1.52;
  font-weight: 430;
  color: #223047;
}
.csi-btn {
  font-size: 15.5px;
  font-weight: 760;
  letter-spacing: -0.01em;
}
.csi-note {
  font-size: 12px;
  line-height: 1.45;
  font-weight: 450;
}
.csi-tabs-label {
  font-size: 15px;
  font-weight: 760;
  letter-spacing: -0.01em;
}
.csi-content-card {
  font-size: 16px;
  line-height: 1.78;
  font-weight: 400;
  color: #223047;
}
.csi-content-card h2 {
  font-size: 26px;
  line-height: 1.25;
  font-weight: 620;
  letter-spacing: -0.032em;
  color: var(--csi-ink);
}
.csi-content-card h3 {
  font-size: 19px;
  line-height: 1.35;
  font-weight: 620;
  color: var(--csi-ink);
}
.csi-content-card p,
.csi-content-card li {
  font-weight: 400;
}
.csi-specs dt,
.csi-mini-title,
.csi-mini-grid span {
  font-size: 11px;
  font-weight: 720;
  letter-spacing: .055em;
  color: #64748b;
}
.csi-specs dd {
  font-size: 17px;
  line-height: 1.42;
  font-weight: 650;
  color: var(--csi-ink);
}
.csi-mini-grid strong {
  font-size: 13px;
  line-height: 1.38;
  font-weight: 650;
}
.csi-card h3,
.csi-card h2,
.csi-quote-card h3,
.csi-faq-card h3 {
  font-size: 17px;
  line-height: 1.35;
  font-weight: 620;
  letter-spacing: -0.015em;
}
.csi-trust-item strong {
  font-size: 14px;
  font-weight: 650;
}
.csi-trust-item em,
.csi-muted,
.csi-trust-card li,
.csi-compact-list li,
.csi-check-list li {
  font-size: 13.5px;
  line-height: 1.55;
  font-weight: 400;
}
.csi-support-link {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.015em;
}
.csi-faq-list summary {
  font-size: 16px;
  line-height: 1.45;
  font-weight: 650;
  letter-spacing: -0.01em;
}
.csi-faq-list p {
  font-size: 15px;
  line-height: 1.68;
  font-weight: 400;
}
@media (max-width: 900px) {
  .csi-summary-card h1 { font-size: 31px; line-height: 1.12; }
  .csi-shortdesc { font-size: 16px; }
  .csi-feature-box li { font-size: 15.5px; }
  .csi-content-card { font-size: 15.5px; }
}


/* v0.8.12: convert hero feature card into a soft enterprise list */
.csi-summary-card .csi-feature-box {
  border: 0;
  border-radius: 0;
  padding: 4px 0 2px;
  background: transparent;
  margin: 20px 0 22px;
  box-shadow: none;
}
.csi-summary-card .csi-feature-box ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.csi-summary-card .csi-feature-box li {
  margin: 0;
  padding: 0 0 0 30px;
  font-size: 16.5px;
  line-height: 1.55;
  font-weight: 430;
  color: #26364f;
}
.csi-summary-card .csi-feature-box li:before {
  content: "✓";
  left: 0;
  top: .05em;
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #ecfdf5;
  color: #059669;
  font-size: 12px;
  font-weight: 900;
}
@media (min-width: 980px) {
  .csi-summary-card .csi-feature-box {
    max-width: 760px;
  }
}
@media (max-width: 900px) {
  .csi-summary-card .csi-feature-box li {
    font-size: 15.5px;
    line-height: 1.55;
  }
}


/* v0.8.13: premium hero typography + dot feature list */
.csi-summary-card h1 {
  font-size: clamp(32px, 2.65vw, 42px);
  line-height: 1.09;
  font-weight: 600;
  letter-spacing: -0.046em;
}
.csi-summary-card .csi-feature-box {
  margin: 18px 0 22px;
}
.csi-summary-card .csi-feature-box ul {
  gap: 9px;
}
.csi-summary-card .csi-feature-box li {
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.62;
  font-weight: 400;
  color: #26364f;
}
.csi-summary-card .csi-feature-box li:before {
  content: "";
  left: 2px;
  top: .72em;
  width: 6px;
  height: 6px;
  display: block;
  border-radius: 999px;
  background: #30415c;
  box-shadow: none;
}
@media (max-width: 900px) {
  .csi-summary-card h1 {
    font-size: 30px;
    line-height: 1.12;
  }
  .csi-summary-card .csi-feature-box li {
    font-size: 14.5px;
    line-height: 1.6;
  }
}


/* v0.8.14: three CTA buttons */
.csi-actions-three {
  display: grid;
  grid-template-columns: minmax(118px, .8fr) minmax(220px, 1.55fr) minmax(118px, .8fr);
  gap: 12px;
  align-items: stretch;
  max-width: 650px;
  margin: 20px 0 10px;
}
.csi-actions-three .csi-btn {
  min-height: 48px;
  border-radius: 11px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 760;
  letter-spacing: .01em;
  padding: 0 18px;
  box-shadow: none;
}
.csi-btn-buy {
  color: var(--csi-orange) !important;
  background: #fff;
  border-color: var(--csi-orange);
}
.csi-btn-buy:hover {
  background: #fff7ed;
}
.csi-btn-quote {
  flex-direction: column;
  gap: 1px;
  min-height: 56px !important;
  box-shadow: 0 10px 22px rgba(240,90,34,.16);
}
.csi-btn-quote span {
  display: block;
  line-height: 1.05;
  font-size: 16px;
  font-weight: 840;
  text-transform: uppercase;
}
.csi-btn-quote em {
  display: block;
  font-style: normal;
  font-size: 11.5px;
  line-height: 1.15;
  font-weight: 650;
  opacity: .9;
  text-transform: none;
  letter-spacing: 0;
}
.csi-btn-call {
  color: #0f5bd7 !important;
  background: #fff;
  border-color: #2f80ed;
}
.csi-btn-call:hover {
  background: #eef2ff;
}
@media (max-width: 720px) {
  .csi-actions-three {
    grid-template-columns: 1fr;
    max-width: none;
  }
  .csi-actions-three .csi-btn,
  .csi-btn-quote {
    min-height: 48px !important;
  }
}


/* v0.8.15: convert deployment card into soft specification grid */
.csi-image-mini-panel {
  margin-top: 18px;
  padding: 16px 2px 0;
  border: 0;
  border-top: 1px solid rgba(15, 76, 129, .14);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.csi-mini-title {
  margin: 0 0 12px;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.csi-mini-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-top: 1px solid rgba(219, 230, 242, .75);
  border-left: 1px solid rgba(219, 230, 242, .75);
}
.csi-mini-grid div {
  min-width: 0;
  padding: 13px 14px;
  border-right: 1px solid rgba(219, 230, 242, .75);
  border-bottom: 1px solid rgba(219, 230, 242, .75);
  background: rgba(248, 251, 255, .36);
}
.csi-mini-grid div:nth-child(odd) {
  padding-left: 0;
  border-left: 0;
}
.csi-mini-grid span {
  display: block;
  margin-bottom: 5px;
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .045em;
  text-transform: uppercase;
  line-height: 1.15;
}
.csi-mini-grid strong {
  display: block;
  color: #0b1220;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 650;
  letter-spacing: -.01em;
}
@media (max-width: 900px) {
  .csi-mini-grid div:nth-child(odd) { padding-left: 14px; }
}


/* v0.8.16: simplify spec grid spacing */
.csi-image-mini-panel {
  margin-top: 16px;
  padding: 0;
  border-top: 0;
}
.csi-image-mini-panel .csi-mini-title {
  display: none !important;
}
.csi-mini-grid {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(207, 222, 238, .9);
  background: rgba(248, 251, 255, .58);
}
.csi-mini-grid div {
  padding: 15px 16px;
  background: transparent;
  border-color: rgba(219, 230, 242, .68);
}
.csi-mini-grid div:nth-child(odd) {
  padding-left: 16px;
}
.csi-mini-grid span {
  margin-bottom: 6px;
  font-size: 10.5px;
  font-weight: 720;
  letter-spacing: .052em;
}
.csi-mini-grid strong {
  font-size: 14.5px;
  line-height: 1.34;
  font-weight: 650;
}
@media (max-width: 900px) {
  .csi-image-mini-panel { margin-top: 14px; }
  .csi-mini-grid div,
  .csi-mini-grid div:nth-child(odd) { padding: 14px 15px; }
}


/* v0.8.17: lightweight inline spec metadata */
.csi-image-mini-panel.csi-inline-specs {
  margin-top: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: center;
  color: #475569;
  font-size: 13px;
  line-height: 1.35;
}
.csi-inline-specs span {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  color: #334155;
  font-weight: 560;
  letter-spacing: -.006em;
}
.csi-inline-specs span:not(:last-child)::after {
  content: "";
  width: 4px;
  height: 4px;
  margin-left: 10px;
  border-radius: 999px;
  background: rgba(100, 116, 139, .45);
}
@media (max-width: 720px) {
  .csi-image-mini-panel.csi-inline-specs {
    justify-content: center;
    font-size: 12.5px;
  }
}

/* v0.8.18: premium inline specification block */
.csi-image-mini-panel.csi-inline-specs {
  width: 100%;
  margin-top: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(219, 230, 242, .92);
  border-radius: 15px;
  background: linear-gradient(180deg, rgba(248, 251, 255, .92), rgba(255, 255, 255, .96));
  box-shadow: 0 8px 20px rgba(15, 23, 42, .035);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  color: var(--csi-ink);
}
.csi-inline-specs .csi-inline-spec {
  position: relative;
  min-width: 0;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.csi-inline-specs .csi-inline-spec:nth-child(odd) {
  padding-left: 0;
}
.csi-inline-specs .csi-inline-spec:nth-child(even) {
  border-left: 1px solid rgba(219, 230, 242, .78);
}
.csi-inline-specs .csi-inline-spec:nth-child(n+3) {
  border-top: 1px solid rgba(219, 230, 242, .78);
}
.csi-inline-specs .csi-inline-spec span {
  display: block;
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.csi-inline-specs .csi-inline-spec span::after {
  content: none !important;
}
.csi-inline-specs .csi-inline-spec strong {
  display: block;
  color: #0f172a;
  font-size: 14.25px;
  line-height: 1.34;
  font-weight: 700;
  letter-spacing: -.014em;
}
@media (max-width: 720px) {
  .csi-image-mini-panel.csi-inline-specs {
    grid-template-columns: 1fr;
    padding: 12px 14px;
  }
  .csi-inline-specs .csi-inline-spec,
  .csi-inline-specs .csi-inline-spec:nth-child(odd) {
    padding: 10px 0;
  }
  .csi-inline-specs .csi-inline-spec:nth-child(even) {
    border-left: 0;
  }
  .csi-inline-specs .csi-inline-spec:not(:first-child) {
    border-top: 1px solid rgba(219, 230, 242, .78);
  }
}


/* v0.8.19: separate specification card under gallery */
.csi-hero-two-col {
  align-items: start;
}
.csi-gallery-card {
  grid-row: 1;
  align-self: start;
  min-height: 0;
}
.csi-spec-card.csi-inline-specs {
  grid-column: 1;
  grid-row: 2;
  width: 100%;
  margin-top: -8px;
  padding: 16px 18px;
  border: 1px solid rgba(219, 230, 242, .92);
  border-radius: 18px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .045);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  align-self: start;
  overflow: visible;
}
.csi-spec-card .csi-inline-spec {
  padding: 12px 14px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.csi-spec-card .csi-inline-spec:nth-child(odd) { padding-left: 0; }
.csi-spec-card .csi-inline-spec:nth-child(even) {
  border-left: 1px solid rgba(219, 230, 242, .76);
}
.csi-spec-card .csi-inline-spec:nth-child(n+3) {
  border-top: 1px solid rgba(219, 230, 242, .76);
}
/* last item alone on its row → span full width */
.csi-spec-card .csi-inline-spec:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}
.csi-spec-card .csi-inline-spec span {
  display: block;
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.csi-spec-card .csi-inline-spec span::after { content: none !important; }
.csi-spec-card .csi-inline-spec strong {
  display: block;
  color: #0f172a;
  font-size: 14.5px;
  line-height: 1.34;
  font-weight: 700;
  letter-spacing: -.014em;
}
.csi-summary-card {
  grid-column: 2;
  grid-row: 1 / span 2;
}
@media (max-width: 980px) {
  .csi-gallery-card,
  .csi-spec-card.csi-inline-specs,
  .csi-summary-card {
    grid-column: auto;
    grid-row: auto;
  }
  .csi-spec-card.csi-inline-specs {
    margin-top: 0;
  }
}
@media (max-width: 720px) {
  .csi-spec-card.csi-inline-specs {
    grid-template-columns: 1fr;
    padding: 14px 16px;
  }
  .csi-spec-card .csi-inline-spec,
  .csi-spec-card .csi-inline-spec:nth-child(odd) {
    padding: 10px 0;
  }
  .csi-spec-card .csi-inline-spec:nth-child(even) { border-left: 0; }
  .csi-spec-card .csi-inline-spec:not(:first-child) {
    border-top: 1px solid rgba(219, 230, 242, .76);
  }
}


/* v0.8.20: sharper technical card styling */
.csi-card,
.csi-gallery-card,
.csi-summary-card,
.csi-content-card,
.csi-trust-item,
.csi-faq-list details,
.csi-spec-card.csi-inline-specs {
  border-color: rgba(203, 216, 232, .82);
  border-radius: 11px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .028);
}
.csi-gallery-card,
.csi-summary-card,
.csi-content-card {
  border-radius: 12px;
}
.csi-gallery-card {
  padding: 20px;
}
.csi-main-image {
  filter: drop-shadow(0 7px 12px rgba(15,23,42,.055));
}
.csi-thumbs img {
  border-radius: 8px;
  box-shadow: none;
  border-color: rgba(203, 216, 232, .9);
}
.csi-summary-card {
  padding: 16px 30px 38px;
}
.csi-spec-card.csi-inline-specs {
  margin-top: -10px;
  padding: 13px 16px;
  background: #fff;
  box-shadow: 0 7px 16px rgba(15, 23, 42, .022);
}
.csi-spec-card .csi-inline-spec {
  padding: 10px 12px;
  gap: 4px;
}
.csi-spec-card .csi-inline-spec:nth-child(even),
.csi-spec-card .csi-inline-spec:nth-child(n+3) {
  border-color: rgba(219, 230, 242, .62);
}
.csi-spec-card .csi-inline-spec span {
  color: #6b7890;
  font-size: 10px;
  font-weight: 720;
  letter-spacing: .055em;
}
.csi-spec-card .csi-inline-spec strong {
  color: #101827;
  font-size: 14px;
  font-weight: 640;
  letter-spacing: -.01em;
}
.csi-trust-bar {
  gap: 12px;
}
.csi-trust-item {
  min-height: 78px;
  padding: 14px 15px;
  background: #fff;
}
.csi-trust-item span {
  background: #eefcf6;
  color: #0a8f60;
}
.csi-note,
.csi-btn,
.csi-faq-list details {
  border-radius: 9px;
}
.csi-content-card {
  box-shadow: 0 6px 14px rgba(15, 23, 42, .022);
}
.csi-card h3,
.csi-card h2,
.csi-quote-card h3,
.csi-faq-card h3 {
  font-weight: 610;
}
@media (max-width: 900px) {
  .csi-summary-card,
  .csi-content-card,
  .csi-gallery-card {
    border-radius: 11px;
    padding: 18px;
  }
  .csi-spec-card.csi-inline-specs {
    margin-top: 0;
  }
}


/* v0.8.21: soften spec value typography */
.csi-spec-card .csi-inline-spec {
  gap: 7px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.csi-spec-card .csi-inline-spec span {
  color: #738197;
  font-size: 10px;
  font-weight: 680;
  line-height: 1.2;
  letter-spacing: .052em;
}
.csi-spec-card .csi-inline-spec strong {
  color: #172033;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0;
}
@media (max-width: 720px) {
  .csi-spec-card .csi-inline-spec {
    gap: 6px;
  }
}


/* v0.8.22.1: trust strip enterprise wording */
.csi-trust-item .csi-trust-icon {
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  border-radius: 9px;
  background: #edfdf6;
  color: #07945f;
  font-size: 0;
}
.csi-trust-item .csi-trust-icon svg {
  width: 17px;
  height: 17px;
  display: block;
}
.csi-trust-item strong {
  font-weight: 700;
}
.csi-trust-item em {
  font-weight: 400;
}


/* v0.8.23: documentation-style product content section */
.csi-content-card {
  padding: 36px 40px 38px;
  border-radius: 12px;
  border-color: #dfe8f4;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .028);
  background: linear-gradient(180deg, #fff, #fcfdff);
  color: #1d2b42;
}
.csi-tabs-label {
  display: block;
  width: fit-content;
  margin: 0 0 26px;
  padding: 0;
  border: 0;
  color: #68778e;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .095em;
  line-height: 1;
  text-transform: uppercase;
}
.csi-content-card h2 {
  max-width: 820px;
  margin-top: 34px;
  margin-bottom: 14px;
  font-size: clamp(24px, 2vw, 29px);
  font-weight: 650;
  line-height: 1.18;
  letter-spacing: -.026em;
}
.csi-content-card h2:first-of-type {
  margin-top: 0;
}
.csi-content-card h3 {
  max-width: 820px;
  margin-top: 24px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.35;
}
.csi-content-card p {
  max-width: 840px;
  margin: 0 0 18px;
  color: #26354d;
  font-size: 16px;
  line-height: 1.78;
}
.csi-content-card h2:first-of-type + p {
  color: #17243a;
  font-size: 16.5px;
  line-height: 1.75;
}
.csi-content-card ul {
  max-width: 920px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
  margin: 16px 0 28px;
  padding: 0;
  list-style: none;
}
.csi-content-card li {
  position: relative;
  margin: 0;
  padding: 12px 14px 12px 32px;
  border: 1px solid #e4edf7;
  border-radius: 10px;
  background: #fbfdff;
  color: #21304a;
  font-size: 14.5px;
  line-height: 1.5;
}
.csi-content-card li::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 20px;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #0f4c81;
  box-shadow: 0 0 0 3px rgba(15, 76, 129, .08);
}
.csi-content-card strong {
  font-weight: 650;
}
.csi-content-card > *:last-child {
  margin-bottom: 0;
}
@media (max-width: 900px) {
  .csi-content-card { padding: 26px 22px; }
  .csi-content-card ul { grid-template-columns: 1fr; }
}


/* v0.8.24: reduce secondary card usage in documentation content */
.csi-tabs-label { display: none !important; }
.csi-content-card ul {
  max-width: 860px;
  display: block;
  margin: 12px 0 26px;
  padding-left: 20px;
  list-style: disc;
}
.csi-content-card li {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #24344d;
  font-size: 15px;
  line-height: 1.65;
}
.csi-content-card li::before { display: none; }

.csi-content-card ul.csi-feature-grid {
  max-width: 920px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
  margin: 16px 0 30px;
  padding: 0;
  list-style: none;
}
.csi-content-card ul.csi-feature-grid li {
  position: relative;
  margin: 0;
  padding: 12px 14px 12px 31px;
  border: 1px solid #e4edf7;
  border-radius: 10px;
  background: #fbfdff;
  color: #21304a;
  font-size: 14.5px;
  line-height: 1.52;
}
.csi-content-card ul.csi-feature-grid li::before {
  content: "";
  display: block;
  position: absolute;
  left: 14px;
  top: 20px;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #0f4c81;
  box-shadow: 0 0 0 3px rgba(15, 76, 129, .08);
}

.csi-content-card ul.csi-secondary-list {
  max-width: 900px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 28px;
  margin: 12px 0 30px;
  padding: 0;
  list-style: none;
}
.csi-content-card ul.csi-secondary-list li {
  position: relative;
  padding-left: 18px;
  margin: 0 0 2px;
  color: #2d3b52;
  font-size: 14.7px;
  line-height: 1.58;
}
.csi-content-card ul.csi-secondary-list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  top: .72em;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #0d7f56;
  box-shadow: 0 0 0 3px rgba(13, 127, 86, .08);
}

.csi-content-card ul.csi-audience-pills {
  max-width: 900px;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 12px 0 30px;
  padding: 0;
  list-style: none;
}
.csi-content-card ul.csi-audience-pills li {
  margin: 0;
  padding: 7px 11px;
  border: 1px solid #e1ebf6;
  border-radius: 999px;
  background: #fff;
  color: #23334a;
  font-size: 13.8px;
  line-height: 1.35;
}
.csi-content-card ul.csi-audience-pills li::before { display: none; }

@media (max-width: 900px) {
  .csi-content-card ul.csi-feature-grid,
  .csi-content-card ul.csi-secondary-list {
    grid-template-columns: 1fr;
  }
}

/* v0.8.26: soften quick info card typography */
.csi-quick-info-card {
  padding: 16px;
}
.csi-quick-info-card h3 {
  margin-bottom: 12px;
}
.csi-insight-list {
  display: grid;
  gap: 10px;
}
.csi-insight-item {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 12px 12px;
  border: 1px solid #e1ebf6;
  border-radius: 11px;
  background: linear-gradient(180deg, #fbfdff, #f8fbff);
}
.csi-insight-icon {
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border-radius: 10px;
  color: #1d63ff;
  background: #eef5ff;
}
.csi-insight-icon svg {
  width: 20px;
  height: 20px;
  display: block;
}
.csi-insight-target .csi-insight-icon,
.csi-insight-scenario .csi-insight-icon { color: #079b66; background: #ecfdf5; }
.csi-insight-star .csi-insight-icon { color: #d97706; background: #fffbeb; }
.csi-insight-body span {
  display: block;
  margin: 1px 0 5px;
  color: #0f5fc4;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.csi-insight-body strong {
  display: block;
  color: #17243a;
  font-size: 14.5px;
  line-height: 1.55;
  font-weight: 400;
  letter-spacing: -.006em;
}
@media (max-width: 900px) {
  .csi-insight-item { grid-template-columns: 40px minmax(0, 1fr); }
  .csi-insight-icon { width: 36px; height: 36px; }
}

/* v0.8.27: removed redundant audience sidebar block; quick info already covers audience. */


/* v0.8.28: move FAQ into main content card instead of floating bottom card */
.csi-inline-faq {
  margin-top: 34px;
  border-top: 0;
}
.csi-inline-faq h2 {
  margin: 0 0 18px;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: var(--csi-ink, #07172f);
}
.csi-inline-faq .csi-faq-list {
  max-width: none;
}
.csi-inline-faq .csi-faq-list details {
  margin-bottom: 10px;
}
.csi-bottom-grid,
.csi-bottom-grid-single {
  display: none;
}


/* v0.8.30: neutralize trust strip so CTA remains the primary focus */
.csi-trust-bar {
  margin-top: 20px;
  margin-bottom: 28px;
  gap: 14px;
}
.csi-trust-item {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #fff 0%, #fffdf9 100%);
  border-color: #e7ded4;
  box-shadow: 0 4px 12px rgba(17, 24, 39, .025);
}
.csi-trust-item::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: #ead7c6;
  opacity: .58;
}
.csi-trust-item .csi-trust-icon {
  background: #eefcf6;
  color: #089260;
  box-shadow: inset 0 0 0 1px rgba(8, 146, 96, .07);
}
.csi-trust-item strong {
  color: #172033;
  font-weight: 600;
}
.csi-trust-item em {
  color: #647184;
  line-height: 1.48;
}
@media (max-width: 720px) {
  .csi-trust-bar {
    margin-top: 14px;
    margin-bottom: 20px;
  }
}


.csi-workflow-grid,
.csi-role-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:14px;
 margin:18px 0 34px;
}
.csi-workflow-item,
.csi-role-item{
 border:1px solid #dbe3ee;
 border-radius:14px;
 background:#f8fafc;
 padding:16px 18px;
 font-size:15px;
 line-height:1.7;
 color:#1e293b;
}
.csi-role-item{
 background:#fff;
}
@media(max-width:768px){
 .csi-workflow-grid,
 .csi-role-grid{
  grid-template-columns:1fr;
 }
}


/* v0.8.33: render legacy generated sections as enterprise capability/workflow hierarchy */
.csi-content-card ul.csi-workflow-list,
.csi-content-card ul.csi-role-matrix {
  max-width: 940px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0 34px;
  padding: 0;
  list-style: none;
}
.csi-content-card ul.csi-workflow-list li,
.csi-content-card ul.csi-role-matrix li {
  position: relative;
  min-height: 64px;
  margin: 0;
  padding: 14px 16px 14px 38px;
  border: 1px solid #dfe8f3;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  color: #1e2f48;
  font-size: 14.7px;
  line-height: 1.55;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .025);
}
.csi-content-card ul.csi-workflow-list li::before,
.csi-content-card ul.csi-role-matrix li::before {
  content: "";
  display: block;
  position: absolute;
  left: 17px;
  top: 22px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #0f8a61;
  box-shadow: 0 0 0 4px rgba(15, 138, 97, .09);
}
.csi-content-card ul.csi-role-matrix {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}
.csi-content-card ul.csi-role-matrix li {
  min-height: 52px;
  padding: 13px 14px 13px 36px;
  background: #ffffff;
  font-size: 14px;
  font-weight: 650;
}
.csi-content-card ul.csi-role-matrix li::before {
  left: 16px;
  top: 20px;
  width: 6px;
  height: 6px;
  background: #64748b;
  box-shadow: 0 0 0 4px rgba(100, 116, 139, .09);
}
@media (max-width: 900px) {
  .csi-content-card ul.csi-workflow-list,
  .csi-content-card ul.csi-role-matrix {
    grid-template-columns: 1fr;
  }
}

/* v0.8.35: simplify enterprise tables — plain border, no shadow, no colored header */
.csi-content-card .csi-capability-table,
.csi-content-card .csi-role-table {
  width: 100%;
  max-width: 940px;
  margin: 14px 0 34px;
  border-collapse: collapse;
  border: 1px solid #e5e7eb;
  border-radius: 0;
  overflow: visible;
  background: #fff;
  box-shadow: none;
}
.csi-content-card .csi-capability-table th,
.csi-content-card .csi-role-table th {
  padding: 11px 14px;
  background: #fff;
  color: #334155;
  font-size: 11.5px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
}
.csi-content-card .csi-capability-table td,
.csi-content-card .csi-role-table td {
  padding: 13px 14px;
  border-bottom: 1px solid #eef2f6;
  color: #1f2937;
  font-size: 14.5px;
  line-height: 1.55;
  vertical-align: top;
}
.csi-content-card .csi-capability-table tr:last-child td,
.csi-content-card .csi-role-table tr:last-child td {
  border-bottom: 0;
}
.csi-content-card .csi-capability-table th + th,
.csi-content-card .csi-role-table th + th,
.csi-content-card .csi-capability-table td + td,
.csi-content-card .csi-role-table td + td {
  border-left: 1px solid #e5e7eb;
}
.csi-content-card .csi-capability-table td:first-child,
.csi-content-card .csi-role-table td:first-child {
  width: 30%;
  color: #111827;
  font-weight: 700;
  white-space: nowrap;
}
.csi-content-card .csi-workflow-steps {
  max-width: 940px;
  margin: 16px 0 34px;
  padding: 0;
  counter-reset: csi-workflow;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 38px;
  row-gap: 0;
  border-top: 1px solid #e6edf5;
  border-bottom: 1px solid #e6edf5;
}
.csi-content-card .csi-workflow-steps li {
  position: relative;
  margin: 0;
  padding: 15px 0 15px 42px;
  border-bottom: 1px solid #eef3f8;
  color: #1e293b;
  font-size: 14.8px;
  line-height: 1.58;
}
.csi-content-card .csi-workflow-steps li:nth-last-child(-n+2) {
  border-bottom: 0;
}
.csi-content-card .csi-workflow-steps li::before {
  counter-increment: csi-workflow;
  content: counter(csi-workflow, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 16px;
  color: #0f8a61;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .03em;
}
@media (max-width: 820px) {
  .csi-content-card .csi-workflow-steps {
    grid-template-columns: 1fr;
  }
  .csi-content-card .csi-workflow-steps li:nth-last-child(-n+2) {
    border-bottom: 1px solid #eef3f8;
  }
  .csi-content-card .csi-workflow-steps li:last-child {
    border-bottom: 0;
  }
  .csi-content-card .csi-capability-table td:first-child,
  .csi-content-card .csi-role-table td:first-child {
    width: auto;
    white-space: normal;
  }
}


/* v0.8.38: typography hierarchy normalization */
.csi-wrap {
  --csi-body-size: 16px;
  --csi-compact-size: 14.5px;
  --csi-meta-size: 11.5px;
}

.csi-content-card {
  font-size: var(--csi-body-size);
  line-height: 1.74;
  font-weight: 400;
  color: #1f2d44;
}
.csi-content-card p {
  margin-bottom: 16px;
  font-size: var(--csi-body-size);
  line-height: 1.74;
  font-weight: 400;
  color: #1f2d44;
}
.csi-content-card h2 {
  margin-top: 34px;
  margin-bottom: 14px;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 650;
  letter-spacing: -0.032em;
  color: #061528;
}
.csi-content-card h2:first-child {
  margin-top: 0;
}
.csi-content-card h3 {
  font-size: 20px;
  line-height: 1.32;
  font-weight: 630;
  letter-spacing: -0.018em;
}

.csi-content-card .csi-capability-table,
.csi-content-card .csi-role-table {
  margin-top: 12px;
  margin-bottom: 34px;
}
.csi-content-card .csi-capability-table td,
.csi-content-card .csi-role-table td {
  padding: 12px 14px;
  font-size: var(--csi-compact-size);
  line-height: 1.58;
  font-weight: 400;
  color: #233147;
}
.csi-content-card .csi-capability-table td:first-child,
.csi-content-card .csi-role-table td:first-child {
  font-size: var(--csi-compact-size);
  line-height: 1.45;
  font-weight: 700;
  color: #101827;
}
.csi-content-card .csi-role-table th {
  padding: 10px 14px;
  font-size: var(--csi-meta-size);
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: .04em;
}

.csi-content-card .csi-workflow-steps {
  margin-top: 12px;
  margin-bottom: 34px;
}
.csi-content-card .csi-workflow-steps li {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: var(--csi-compact-size);
  line-height: 1.58;
  font-weight: 400;
  color: #233147;
}
.csi-content-card .csi-workflow-steps li::before {
  top: 13px;
  font-size: 11.5px;
  font-weight: 750;
}

.csi-quick-info-card {
  padding: 15px;
}
.csi-quick-info-card h3,
.csi-quote-card h3 {
  font-size: 16.5px;
  line-height: 1.35;
  font-weight: 650;
  letter-spacing: -0.015em;
}
.csi-insight-list {
  gap: 10px;
}
.csi-insight-item {
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 11px;
  padding: 12px;
}
.csi-insight-icon {
  width: 36px;
  height: 36px;
}
.csi-insight-icon svg {
  width: 18px;
  height: 18px;
}
.csi-insight-body span,
.csi-specs dt,
.csi-mini-title,
.csi-mini-grid span {
  font-size: var(--csi-meta-size);
  line-height: 1.25;
  font-weight: 720;
  letter-spacing: .045em;
}
.csi-insight-body strong {
  font-size: 14.5px;
  line-height: 1.56;
  font-weight: 400;
  letter-spacing: 0;
  color: #26344b;
}
.csi-quote-card p,
.csi-muted,
.csi-trust-card li,
.csi-compact-list li,
.csi-check-list li {
  font-size: 14.5px;
  line-height: 1.6;
  font-weight: 400;
  color: #475569;
}
.csi-btn,
.csi-btn-full {
  font-size: 14.5px;
  font-weight: 760;
}

@media (max-width: 900px) {
  .csi-content-card,
  .csi-content-card p {
    font-size: 15.5px;
    line-height: 1.7;
  }
  .csi-content-card h2 {
    font-size: 25px;
  }
  .csi-content-card .csi-capability-table td,
  .csi-content-card .csi-role-table td,
  .csi-content-card .csi-workflow-steps li,
  .csi-insight-body strong,
  .csi-quote-card p {
    font-size: 14px;
  }
}


/* v0.8.39: final typography lock — one content scale across article, tables, workflow, sidebar and CTA */
.csi-wrap {
  --csi-text-normal: 15.5px;
  --csi-text-small: 14.5px;
  --csi-label-size: 11px;
}

.csi-content-card,
.csi-content-card p,
.csi-content-card li,
.csi-content-card .csi-capability-table td,
.csi-content-card .csi-role-table td,
.csi-content-card .csi-workflow-steps li,
.csi-insight-body strong,
.csi-quote-card p {
  font-size: var(--csi-text-normal) !important;
  line-height: 1.66 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: #223047 !important;
}

.csi-content-card p {
  margin-bottom: 15px;
}

.csi-content-card h2 {
  font-size: 27px !important;
  line-height: 1.22 !important;
  font-weight: 650 !important;
  letter-spacing: -0.03em !important;
}

.csi-content-card .csi-capability-table td:first-child,
.csi-content-card .csi-role-table td:first-child {
  font-size: var(--csi-text-normal) !important;
  line-height: 1.48 !important;
  font-weight: 700 !important;
  color: #111827 !important;
}

.csi-content-card .csi-role-table th,
.csi-insight-body span {
  font-size: var(--csi-label-size) !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: .045em !important;
}

.csi-insight-body strong,
.csi-quote-card p {
  font-size: var(--csi-text-small) !important;
  line-height: 1.58 !important;
}

.csi-quick-info-card h3,
.csi-quote-card h3 {
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
}

.csi-btn,
.csi-btn-full {
  font-size: 14.5px !important;
  line-height: 1.2 !important;
  font-weight: 760 !important;
}

@media (max-width: 900px) {
  .csi-wrap { --csi-text-normal: 15px; --csi-text-small: 14px; }
  .csi-content-card h2 { font-size: 25px !important; }
}


/* v0.8.40: normalize hero summary typography with the locked normal text scale */
.csi-summary-card .csi-shortdesc {
  font-size: var(--csi-text-normal, 15.5px) !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: #223047 !important;
  max-width: 760px;
  margin: 0 0 20px !important;
}

.csi-summary-card .csi-feature-box li {
  font-size: var(--csi-text-small, 14.5px) !important;
  line-height: 1.62 !important;
  font-weight: 400 !important;
  color: #223047 !important;
}

/* v0.8.41: soften content section headings and add breathing room below headings */
.csi-content-card h2 {
  font-size: 26px !important;
  line-height: 1.24 !important;
  font-weight: 620 !important;
  letter-spacing: -0.024em !important;
  color: #07182f !important;
  margin-top: 42px !important;
  margin-bottom: 22px !important;
}

.csi-content-card h2:first-child,
.csi-content-card h2:first-of-type {
  margin-top: 0 !important;
}

.csi-content-card h2 + p,
.csi-content-card h2 + table,
.csi-content-card h2 + .csi-capability-table,
.csi-content-card h2 + .csi-role-table,
.csi-content-card h2 + .csi-workflow-steps {
  margin-top: 0 !important;
}

@media (max-width: 900px) {
  .csi-content-card h2 {
    font-size: 24px !important;
    margin-top: 34px !important;
    margin-bottom: 18px !important;
  }
}


/* v0.8.42: soften feature/role table label weight */
.csi-content-card .csi-capability-table td:first-child,
.csi-content-card .csi-role-table td:first-child {
  font-weight: 600 !important;
  color: #172033 !important;
  letter-spacing: -0.004em !important;
}


/* v0.8.43: convert practical applications into compact vertical process timeline */
.csi-content-card .csi-workflow-steps {
  display: block !important;
  max-width: 780px !important;
  margin: 0 0 38px !important;
  padding: 2px 0 0 18px !important;
  border: 0 !important;
  border-left: 1px solid #e2e8f0 !important;
  list-style: none !important;
  counter-reset: none !important;
}

.csi-content-card .csi-workflow-steps li {
  position: relative !important;
  margin: 0 0 23px !important;
  padding: 0 0 0 20px !important;
  border: 0 !important;
  color: #223047 !important;
  font-size: var(--csi-text-normal, 15.5px) !important;
  line-height: 1.6 !important;
}

.csi-content-card .csi-workflow-steps li:last-child {
  margin-bottom: 0 !important;
}

.csi-content-card .csi-workflow-steps li::before {
  content: '' !important;
  counter-increment: none !important;
  position: absolute !important;
  left: -23px !important;
  top: 4px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #64748b !important;
  border: 3px solid #f8fafc !important;
  box-shadow: 0 0 0 1px #cbd5e1 !important;
}

.csi-content-card .csi-workflow-steps strong {
  display: block !important;
  margin: 0 0 4px !important;
  color: #132033 !important;
  font-size: var(--csi-text-normal, 15.5px) !important;
  line-height: 1.35 !important;
  font-weight: 620 !important;
  letter-spacing: -0.006em !important;
}

.csi-content-card .csi-workflow-steps span {
  display: block !important;
  color: #4b5b73 !important;
  font-size: var(--csi-text-small, 14.5px) !important;
  line-height: 1.58 !important;
  font-weight: 400 !important;
}

@media (max-width: 820px) {
  .csi-content-card .csi-workflow-steps {
    max-width: none !important;
    padding-left: 16px !important;
  }
}

/* v0.8.44: convert practical applications to lightweight enterprise timeline */
.csi-content-card .csi-workflow-steps {
  display: block !important;
  max-width: 840px !important;
  margin: 0 0 40px !important;
  padding: 0 0 0 26px !important;
  border: 0 !important;
  border-left: 1px solid #e5eaf2 !important;
  list-style: none !important;
  counter-reset: csi-workflow !important;
}

.csi-content-card .csi-workflow-steps li {
  position: relative !important;
  counter-increment: csi-workflow !important;
  margin: 0 0 22px !important;
  padding: 0 0 0 64px !important;
  border: 0 !important;
  color: #223047 !important;
  font-size: var(--csi-text-normal, 15.5px) !important;
  line-height: 1.58 !important;
}

.csi-content-card .csi-workflow-steps li:last-child {
  margin-bottom: 0 !important;
}

.csi-content-card .csi-workflow-steps li::before {
  content: '' !important;
  position: absolute !important;
  left: -34px !important;
  top: 1px !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  background: #5f7188 !important;
  border: 5px solid #f8fafc !important;
  box-shadow: 0 0 0 1px #cfd8e3 !important;
}

.csi-content-card .csi-workflow-steps li::after {
  content: counter(csi-workflow, decimal-leading-zero) !important;
  position: absolute !important;
  left: 0 !important;
  top: -1px !important;
  color: #75839a !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

.csi-content-card .csi-workflow-steps strong {
  display: block !important;
  margin: 0 0 6px !important;
  color: #132033 !important;
  font-size: var(--csi-text-normal, 15.5px) !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: -0.004em !important;
}

.csi-content-card .csi-workflow-steps span {
  display: block !important;
  color: #53627a !important;
  font-size: var(--csi-text-normal, 15.5px) !important;
  line-height: 1.62 !important;
  font-weight: 400 !important;
}

@media (max-width: 820px) {
  .csi-content-card .csi-workflow-steps {
    max-width: none !important;
    padding-left: 22px !important;
  }
  .csi-content-card .csi-workflow-steps li {
    padding-left: 50px !important;
  }
  .csi-content-card .csi-workflow-steps li::before {
    left: -30px !important;
  }
}

/* v0.8.45: convert practical applications to subtle dot timeline */
.csi-content-card .csi-workflow-steps {
  display: block !important;
  max-width: 860px !important;
  margin: 0 0 38px !important;
  padding: 8px 0 2px 34px !important;
  border: 0 !important;
  border-left: 1px solid #e3e9f1 !important;
  list-style: none !important;
  counter-reset: none !important;
}

.csi-content-card .csi-workflow-steps li {
  position: relative !important;
  counter-increment: none !important;
  margin: 0 0 24px !important;
  padding: 0 0 0 22px !important;
  border: 0 !important;
  color: #1f2c42 !important;
  font-size: var(--csi-text-normal, 15.5px) !important;
  line-height: 1.55 !important;
}

.csi-content-card .csi-workflow-steps li:last-child {
  margin-bottom: 0 !important;
}

.csi-content-card .csi-workflow-steps li::before {
  content: '' !important;
  position: absolute !important;
  left: -41px !important;
  top: 2px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #64748b !important;
  border: 4px solid #ffffff !important;
  box-shadow: 0 0 0 1px #cbd5e1 !important;
}

.csi-content-card .csi-workflow-steps li::after {
  content: none !important;
  display: none !important;
}

.csi-content-card .csi-workflow-steps strong {
  display: block !important;
  margin: 0 0 4px !important;
  color: #122033 !important;
  font-size: var(--csi-text-normal, 15.5px) !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: -0.004em !important;
}

.csi-content-card .csi-workflow-steps span {
  display: block !important;
  color: #53627a !important;
  font-size: var(--csi-text-normal, 15.5px) !important;
  line-height: 1.62 !important;
  font-weight: 400 !important;
}

@media (max-width: 820px) {
  .csi-content-card .csi-workflow-steps {
    max-width: none !important;
    padding-left: 30px !important;
  }
  .csi-content-card .csi-workflow-steps li {
    padding-left: 18px !important;
  }
  .csi-content-card .csi-workflow-steps li::before {
    left: -37px !important;
  }
}


/* v0.8.46: force real subtle dot timeline anchors for practical applications */
.single-product .csi-content-card ol.csi-workflow-steps,
.csi-content-card ol.csi-workflow-steps {
  position: relative !important;
  display: block !important;
  max-width: 880px !important;
  margin: 0 0 38px !important;
  padding: 8px 0 6px 54px !important;
  border: 0 !important;
  list-style: none !important;
  counter-reset: none !important;
  overflow: visible !important;
}

.single-product .csi-content-card ol.csi-workflow-steps::before,
.csi-content-card ol.csi-workflow-steps::before {
  content: '' !important;
  position: absolute !important;
  left: 10px !important;
  top: 14px !important;
  bottom: 16px !important;
  width: 1px !important;
  background: #d8e0ea !important;
  border: 0 !important;
  opacity: 1 !important;
  display: block !important;
}

.single-product .csi-content-card ol.csi-workflow-steps > li,
.csi-content-card ol.csi-workflow-steps > li {
  position: relative !important;
  display: block !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #142238 !important;
  font-size: var(--csi-text-normal, 15.5px) !important;
  line-height: 1.55 !important;
  overflow: visible !important;
  counter-increment: none !important;
}

.single-product .csi-content-card ol.csi-workflow-steps > li:last-child,
.csi-content-card ol.csi-workflow-steps > li:last-child {
  margin-bottom: 0 !important;
}

.single-product .csi-content-card ol.csi-workflow-steps > li::before,
.csi-content-card ol.csi-workflow-steps > li::before {
  content: '' !important;
  position: absolute !important;
  left: -50px !important;
  top: 5px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #64748b !important;
  border: 4px solid #ffffff !important;
  box-shadow: 0 0 0 1px #cbd5e1 !important;
  z-index: 2 !important;
  display: block !important;
}

.single-product .csi-content-card ol.csi-workflow-steps > li::after,
.csi-content-card ol.csi-workflow-steps > li::after {
  content: none !important;
  display: none !important;
}

.single-product .csi-content-card ol.csi-workflow-steps > li > strong,
.csi-content-card ol.csi-workflow-steps > li > strong {
  display: block !important;
  margin: 0 0 6px !important;
  color: #122033 !important;
  font-size: var(--csi-text-normal, 15.5px) !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: -0.004em !important;
}

.single-product .csi-content-card ol.csi-workflow-steps > li > span,
.csi-content-card ol.csi-workflow-steps > li > span {
  display: block !important;
  margin: 0 !important;
  color: #56657b !important;
  font-size: var(--csi-text-normal, 15.5px) !important;
  line-height: 1.62 !important;
  font-weight: 400 !important;
}

@media (max-width: 820px) {
  .single-product .csi-content-card ol.csi-workflow-steps,
  .csi-content-card ol.csi-workflow-steps {
    padding-left: 40px !important;
  }
  .single-product .csi-content-card ol.csi-workflow-steps::before,
  .csi-content-card ol.csi-workflow-steps::before {
    left: 8px !important;
  }
  .single-product .csi-content-card ol.csi-workflow-steps > li::before,
  .csi-content-card ol.csi-workflow-steps > li::before {
    left: -39px !important;
  }
}


/* v0.8.47: refine practical applications timeline dot prominence and alignment */
.single-product .csi-content-card ol.csi-workflow-steps,
.csi-content-card ol.csi-workflow-steps {
  max-width: 900px !important;
  margin: 0 0 36px !important;
  padding: 6px 0 4px 44px !important;
}

.single-product .csi-content-card ol.csi-workflow-steps::before,
.csi-content-card ol.csi-workflow-steps::before {
  left: 11px !important;
  top: 16px !important;
  bottom: 18px !important;
  width: 1px !important;
  background: #dce3ec !important;
}

.single-product .csi-content-card ol.csi-workflow-steps > li,
.csi-content-card ol.csi-workflow-steps > li {
  margin: 0 0 24px !important;
  padding: 0 !important;
  line-height: 1.55 !important;
}

.single-product .csi-content-card ol.csi-workflow-steps > li::before,
.csi-content-card ol.csi-workflow-steps > li::before {
  left: -39px !important;
  top: 3px !important;
  width: 9px !important;
  height: 9px !important;
  background: #64748b !important;
  border: 3px solid #ffffff !important;
  box-shadow: 0 0 0 1.5px #cbd5e1 !important;
}

.single-product .csi-content-card ol.csi-workflow-steps > li > strong,
.csi-content-card ol.csi-workflow-steps > li > strong {
  margin-bottom: 5px !important;
  font-weight: 600 !important;
  line-height: 1.32 !important;
}

.single-product .csi-content-card ol.csi-workflow-steps > li > span,
.csi-content-card ol.csi-workflow-steps > li > span {
  color: #526278 !important;
  line-height: 1.6 !important;
}

@media (max-width: 820px) {
  .single-product .csi-content-card ol.csi-workflow-steps,
  .csi-content-card ol.csi-workflow-steps {
    padding-left: 38px !important;
  }
  .single-product .csi-content-card ol.csi-workflow-steps::before,
  .csi-content-card ol.csi-workflow-steps::before {
    left: 10px !important;
  }
  .single-product .csi-content-card ol.csi-workflow-steps > li::before,
  .csi-content-card ol.csi-workflow-steps > li::before {
    left: -33px !important;
  }
}


/* v0.8.48: make practical applications timeline anchors flatter and less input-like */
.single-product .csi-content-card ol.csi-workflow-steps,
.csi-content-card ol.csi-workflow-steps {
  padding-left: 42px !important;
  margin-bottom: 34px !important;
}

.single-product .csi-content-card ol.csi-workflow-steps::before,
.csi-content-card ol.csi-workflow-steps::before {
  left: 10px !important;
  top: 14px !important;
  bottom: 18px !important;
  background: #e7edf4 !important;
}

.single-product .csi-content-card ol.csi-workflow-steps > li,
.csi-content-card ol.csi-workflow-steps > li {
  margin-bottom: 23px !important;
}

.single-product .csi-content-card ol.csi-workflow-steps > li::before,
.csi-content-card ol.csi-workflow-steps > li::before {
  left: -37px !important;
  top: 4px !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  background: radial-gradient(circle at center, #53657d 0 2.3px, transparent 2.5px), #ffffff !important;
  border: 1px solid #cfd8e5 !important;
  box-shadow: none !important;
}

.single-product .csi-content-card ol.csi-workflow-steps > li > strong,
.csi-content-card ol.csi-workflow-steps > li > strong {
  font-weight: 600 !important;
  color: #142033 !important;
  margin-bottom: 4px !important;
}

.single-product .csi-content-card ol.csi-workflow-steps > li > span,
.csi-content-card ol.csi-workflow-steps > li > span {
  color: #48586f !important;
  line-height: 1.62 !important;
}

@media (max-width: 820px) {
  .single-product .csi-content-card ol.csi-workflow-steps,
  .csi-content-card ol.csi-workflow-steps {
    padding-left: 36px !important;
  }
  .single-product .csi-content-card ol.csi-workflow-steps::before,
  .csi-content-card ol.csi-workflow-steps::before {
    left: 9px !important;
  }
  .single-product .csi-content-card ol.csi-workflow-steps > li::before,
  .csi-content-card ol.csi-workflow-steps > li::before {
    left: -31px !important;
  }
}

/* v0.8.49: technical information as clean enterprise spec rows */
.single-product .csi-content-card .csi-tech-specs,
.csi-content-card .csi-tech-specs {
  display: grid !important;
  gap: 14px !important;
  margin: 0 0 38px !important;
  max-width: 920px !important;
}

.single-product .csi-content-card .csi-tech-spec,
.csi-content-card .csi-tech-spec {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  column-gap: 14px !important;
  align-items: center !important;
  min-height: 40px !important;
}

.single-product .csi-content-card .csi-tech-icon,
.csi-content-card .csi-tech-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  border: 1px solid #e6ebf2 !important;
  background: #f7f9fc !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #64748b !important;
}

.single-product .csi-content-card .csi-tech-icon::before,
.csi-content-card .csi-tech-icon::before {
  content: "" !important;
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  background-color: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

.single-product .csi-content-card .csi-tech-spec--app .csi-tech-icon::before,
.csi-content-card .csi-tech-spec--app .csi-tech-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Cpath d='M9 4v16M15 4v16M4 9h16M4 15h16'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Cpath d='M9 4v16M15 4v16M4 9h16M4 15h16'/%3E%3C/svg%3E") !important;
}

.single-product .csi-content-card .csi-tech-spec--screen .csi-tech-icon::before,
.csi-content-card .csi-tech-spec--screen .csi-tech-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E") !important;
}

.single-product .csi-content-card .csi-tech-spec--key .csi-tech-icon::before,
.csi-content-card .csi-tech-spec--key .csi-tech-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='14.5' r='3.5'/%3E%3Cpath d='M10 12l9-9 2 2-2 2 2 2-2 2'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='14.5' r='3.5'/%3E%3Cpath d='M10 12l9-9 2 2-2 2 2 2-2 2'/%3E%3C/svg%3E") !important;
}

.single-product .csi-content-card .csi-tech-spec--file .csi-tech-icon::before,
.csi-content-card .csi-tech-spec--file .csi-tech-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3C/svg%3E") !important;
}

.single-product .csi-content-card .csi-tech-spec--calendar .csi-tech-icon::before,
.csi-content-card .csi-tech-spec--calendar .csi-tech-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") !important;
}

.single-product .csi-content-card .csi-tech-spec--box .csi-tech-icon::before,
.csi-content-card .csi-tech-spec--box .csi-tech-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73L13 2.27a2 2 0 0 0-2 0L4 6.27A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpath d='M3.27 6.96 12 12l8.73-5.04M12 22V12'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73L13 2.27a2 2 0 0 0-2 0L4 6.27A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpath d='M3.27 6.96 12 12l8.73-5.04M12 22V12'/%3E%3C/svg%3E") !important;
}

.single-product .csi-content-card .csi-tech-text,
.csi-content-card .csi-tech-text {
  color: #26364d !important;
  font-size: var(--csi-text-normal, 15.5px) !important;
  line-height: 1.58 !important;
  font-weight: 400 !important;
}

.single-product .csi-content-card .csi-tech-text strong,
.csi-content-card .csi-tech-text strong {
  color: #142033 !important;
  font-weight: 600 !important;
}

.single-product .csi-content-card .csi-tech-text span,
.csi-content-card .csi-tech-text span {
  color: #48586f !important;
  font-weight: 400 !important;
}

@media (max-width: 640px) {
  .single-product .csi-content-card .csi-tech-spec,
  .csi-content-card .csi-tech-spec {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    min-height: 34px !important;
  }
  .single-product .csi-content-card .csi-tech-icon,
  .csi-content-card .csi-tech-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 9px !important;
  }
}


/* v0.8.50: soften FAQ accordion into clean enterprise rows */
.single-product .csi-inline-faq,
.csi-inline-faq {
  margin-top: 38px !important;
}

.single-product .csi-inline-faq h2,
.csi-inline-faq h2 {
  margin-bottom: 18px !important;
}

.single-product .csi-faq-list,
.csi-faq-list {
  display: block !important;
  border-top: 1px solid #e6edf5 !important;
  max-width: 100% !important;
}

.single-product .csi-faq-list details,
.csi-faq-list details {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #e6edf5 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.single-product .csi-faq-list summary,
.csi-faq-list summary {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 52px !important;
  padding: 14px 6px 14px 28px !important;
  cursor: pointer !important;
  list-style: none !important;
  color: #0b1220 !important;
  font-size: 15.5px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

.single-product .csi-faq-list summary::-webkit-details-marker,
.csi-faq-list summary::-webkit-details-marker {
  display: none !important;
}

.single-product .csi-faq-list summary::before,
.csi-faq-list summary::before {
  content: "+" !important;
  position: absolute !important;
  left: 2px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #64748b !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}

.single-product .csi-faq-list details[open] summary::before,
.csi-faq-list details[open] summary::before {
  content: "−" !important;
}

.single-product .csi-faq-list p,
.csi-faq-list p {
  margin: -2px 0 17px 28px !important;
  max-width: 860px !important;
  color: #334155 !important;
  font-size: 15.5px !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
}

.single-product .csi-faq-list details:last-child,
.csi-faq-list details:last-child {
  border-bottom-color: #e6edf5 !important;
}

/* v0.8.51: soften product hero title hierarchy */
.csi-summary-card h1 {
  font-size: clamp(29px, 2.25vw, 38px) !important;
  line-height: 1.12 !important;
  font-weight: 680 !important;
  letter-spacing: -0.038em !important;
  margin: 0 0 12px !important;
  max-width: 720px !important;
}

@media (max-width: 900px) {
  .csi-summary-card h1 {
    font-size: 28px !important;
    line-height: 1.16 !important;
  }
}

/* v1.6.454: compact summary card layout for long titles to prevent CTA overflow */
.csi-summary-card--long-title {
  justify-content: flex-start !important;
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}
.csi-summary-card--long-title .csi-eyebrow {
  margin-bottom: 6px !important;
}
.csi-summary-card--long-title h1 {
  margin-bottom: 8px !important;
}
.csi-summary-card--long-title .csi-shortdesc {
  font-size: 15px !important;
  line-height: 1.5 !important;
  margin-bottom: 10px !important;
}
.csi-summary-card--long-title .csi-feature-box ul {
  /* v1.6.500: match normal-mode spacing (~12px) instead of 4px tight gap */
  gap: 10px !important;
}
.csi-summary-card--long-title .csi-feature-box li {
  /* v1.6.499: revert to 15px (same as normal mode) — long-title savings come from title/eyebrow/CTA compacting */
  font-size: 15px !important;
  line-height: 1.5 !important;
}
.csi-summary-card--long-title .csi-actions {
  margin-top: 12px !important;
}


.single-product .csi-summary-card h1.csi-hero-title--long,
.csi-summary-card h1.csi-hero-title--long {
  font-size: clamp(20px, 1.55vw, 26px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.024em !important;
}
@media (max-width: 900px) {
  .single-product .csi-summary-card h1.csi-hero-title--long,
  .csi-summary-card h1.csi-hero-title--long {
    font-size: 20px !important;
    line-height: 1.22 !important;
  }
}


.single-product .csi-summary-card h1,
.csi-summary-card h1 {
  font-size: clamp(28px, 1.95vw, 34px) !important;
  line-height: 1.14 !important;
  font-weight: 650 !important;
  letter-spacing: -0.032em !important;
  margin: 0 0 11px !important;
  max-width: 700px !important;
}

@media (max-width: 900px) {
  .single-product .csi-summary-card h1,
  .csi-summary-card h1 {
    font-size: 27px !important;
    line-height: 1.17 !important;
  }
}

/* v0.8.53: subtle metadata icons in hero spec grid */
.single-product .csi-spec-card .csi-inline-spec,
.csi-spec-card .csi-inline-spec {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 10px !important;
  row-gap: 4px !important;
  align-items: start !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.single-product .csi-spec-card .csi-inline-spec:nth-child(odd),
.csi-spec-card .csi-inline-spec:nth-child(odd) {
  padding-left: 0 !important;
}

.single-product .csi-spec-card .csi-inline-icon,
.csi-spec-card .csi-inline-icon {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 18px !important;
  height: 18px !important;
  margin-top: 1px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #718096 !important;
  opacity: .9 !important;
}

.single-product .csi-spec-card .csi-inline-icon svg,
.csi-spec-card .csi-inline-icon svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.single-product .csi-spec-card .csi-inline-label,
.csi-spec-card .csi-inline-label,
.single-product .csi-spec-card .csi-inline-spec > span:not(.csi-inline-icon),
.csi-spec-card .csi-inline-spec > span:not(.csi-inline-icon) {
  grid-column: 2 !important;
  display: block !important;
  color: #69778e !important;
  font-size: 10px !important;
  font-weight: 680 !important;
  line-height: 1.18 !important;
  text-transform: uppercase !important;
  letter-spacing: .052em !important;
}

.single-product .csi-spec-card .csi-inline-spec strong,
.csi-spec-card .csi-inline-spec strong {
  grid-column: 2 !important;
  display: block !important;
  color: #172033 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 720px) {
  .single-product .csi-spec-card .csi-inline-spec,
  .csi-spec-card .csi-inline-spec {
    grid-template-columns: 21px minmax(0, 1fr) !important;
    column-gap: 9px !important;
  }
}


/* v0.8.54: remove hero spec grid icons to reduce visual noise */
.single-product .csi-spec-card .csi-inline-icon,
.csi-spec-card .csi-inline-icon {
  display: none !important;
}

.single-product .csi-spec-card .csi-inline-spec,
.csi-spec-card .csi-inline-spec {
  display: block !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.single-product .csi-spec-card .csi-inline-label,
.csi-spec-card .csi-inline-label,
.single-product .csi-spec-card .csi-inline-spec > span:not(.csi-inline-icon),
.csi-spec-card .csi-inline-spec > span:not(.csi-inline-icon) {
  display: block !important;
  color: #69778e !important;
  font-size: 10px !important;
  font-weight: 680 !important;
  line-height: 1.18 !important;
  text-transform: uppercase !important;
  letter-spacing: .052em !important;
  margin: 0 0 6px !important;
}

.single-product .csi-spec-card .csi-inline-spec strong,
.csi-spec-card .csi-inline-spec strong {
  display: block !important;
  color: #172033 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
  letter-spacing: 0 !important;
}

/* v0.8.55: fix technical specification row flex collapse */
.single-product .csi-content-card .csi-tech-specs,
.csi-content-card .csi-tech-specs {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 920px !important;
  gap: 14px !important;
}

.single-product .csi-content-card .csi-tech-spec,
.csi-content-card .csi-tech-spec {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 40px !important;
}

.single-product .csi-content-card .csi-tech-icon,
.csi-content-card .csi-tech-icon {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  margin-top: 1px !important;
}

.single-product .csi-content-card .csi-tech-text,
.csi-content-card .csi-tech-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: block !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.single-product .csi-content-card .csi-tech-text strong,
.single-product .csi-content-card .csi-tech-text span,
.csi-content-card .csi-tech-text strong,
.csi-content-card .csi-tech-text span {
  display: inline !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

@media (max-width: 640px) {
  .single-product .csi-content-card .csi-tech-spec,
  .csi-content-card .csi-tech-spec {
    gap: 12px !important;
    min-height: 34px !important;
  }
  .single-product .csi-content-card .csi-tech-icon,
  .csi-content-card .csi-tech-icon {
    flex-basis: 34px !important;
    width: 34px !important;
    height: 34px !important;
  }
}

/* v0.8.60: align technical spec icon rows */
.single-product .csi-content-card .csi-tech-spec,
.csi-content-card .csi-tech-spec {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 40px !important;
  grid-template-columns: none !important;
  column-gap: 0 !important;
}

.single-product .csi-content-card .csi-tech-icon,
.csi-content-card .csi-tech-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  flex: 0 0 40px !important;
  align-self: center !important;
}

.single-product .csi-content-card .csi-tech-text,
.csi-content-card .csi-tech-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}

.single-product .csi-content-card .csi-tech-text strong,
.csi-content-card .csi-tech-text strong,
.single-product .csi-content-card .csi-tech-text span,
.csi-content-card .csi-tech-text span {
  display: block !important;
  line-height: 1.45 !important;
}

@media (max-width: 640px) {
  .single-product .csi-content-card .csi-tech-spec,
  .csi-content-card .csi-tech-spec {
    gap: 12px !important;
    min-height: 34px !important;
  }
  .single-product .csi-content-card .csi-tech-icon,
  .csi-content-card .csi-tech-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    flex-basis: 34px !important;
  }
}

/* v0.8.61: add technical spec icon-content gap */
.single-product .csi-content-card .csi-tech-spec,
.csi-content-card .csi-tech-spec {
  gap: 0 !important;
  column-gap: 0 !important;
}

.single-product .csi-content-card .csi-tech-text,
.csi-content-card .csi-tech-text {
  margin-left: 16px !important;
}

@media (max-width: 640px) {
  .single-product .csi-content-card .csi-tech-text,
  .csi-content-card .csi-tech-text {
    margin-left: 12px !important;
  }
}

/* v0.8.62: restore inline technical spec key/value rows */
.single-product .csi-content-card .csi-tech-text,
.csi-content-card .csi-tech-text {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-left: 16px !important;
  color: #26364d !important;
  font-size: var(--csi-text-normal, 15.5px) !important;
  line-height: 1.58 !important;
  font-weight: 400 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.single-product .csi-content-card .csi-tech-text strong,
.csi-content-card .csi-tech-text strong,
.single-product .csi-content-card .csi-tech-text span,
.csi-content-card .csi-tech-text span {
  display: inline !important;
  line-height: inherit !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.single-product .csi-content-card .csi-tech-text strong,
.csi-content-card .csi-tech-text strong {
  color: #142033 !important;
  font-weight: 600 !important;
}

.single-product .csi-content-card .csi-tech-text span,
.csi-content-card .csi-tech-text span {
  color: #48586f !important;
  font-weight: 400 !important;
}

@media (max-width: 640px) {
  .single-product .csi-content-card .csi-tech-text,
  .csi-content-card .csi-tech-text {
    margin-left: 12px !important;
  }
}

/* v0.8.63: vertically align FAQ expand icons */
.single-product .csi-faq-list summary,
.csi-faq-list summary {
  display: flex !important;
  align-items: center !important;
}

.single-product .csi-faq-list summary::before,
.csi-faq-list summary::before {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: 50% !important;
  transform: translateY(-56%) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.single-product .csi-faq-list details[open] summary::before,
.csi-faq-list details[open] summary::before {
  transform: translateY(-58%) !important;
  font-size: 16px !important;
}

/* v0.8.67: vertically center audience table cells */
.csi-content-card .csi-role-table th,
.csi-content-card .csi-role-table td {
  vertical-align: middle !important;
}
.csi-content-card .csi-role-table td:first-child {
  vertical-align: middle !important;
}
.csi-content-card .csi-role-table td + td {
  vertical-align: middle !important;
}


/* v0.8.70: resilient product hero image fallback */
.csi-image-stage {
  width: 100%;
  min-height: 285px;
  display: grid;
  place-items: center;
}
.csi-main-image[hidden] { display: none !important; }
.csi-image-placeholder {
  min-height: 260px;
  padding: 22px;
  text-align: center;
  gap: 6px;
}
.csi-image-placeholder span {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.csi-image-placeholder strong {
  display: block;
  max-width: 420px;
  color: #0f172a;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}
.csi-thumbs img {
  font-size: 0;
}

/* v0.8.71: prevent placeholder from displaying beside valid hero images */
.csi-image-placeholder[hidden] {
  display: none !important;
}
.csi-image-stage:has(.csi-main-image:not([hidden])) .csi-image-placeholder {
  display: none !important;
}


/* v0.8.83: elevate primary quote CTA hierarchy */
.csi-actions-three {
  grid-template-columns: minmax(118px, .78fr) minmax(250px, 1.72fr) minmax(118px, .78fr);
  gap: 12px;
  align-items: center;
}
.csi-actions-three .csi-btn {
  min-height: 48px;
}
.csi-btn-quote {
  min-height: 60px !important;
  padding-left: 26px !important;
  padding-right: 26px !important;
  border-radius: 12px;
  box-shadow: 0 12px 24px rgba(240, 90, 34, .20);
  transform: translateY(-1px);
}
.csi-btn-quote:hover {
  box-shadow: 0 14px 28px rgba(240, 90, 34, .24);
  transform: translateY(-2px);
}
.csi-btn-quote span {
  font-size: 16.5px;
  font-weight: 850;
}
.csi-btn-quote em {
  font-size: 11.5px;
  font-weight: 650;
}
.csi-btn-buy,
.csi-btn-call {
  min-height: 46px !important;
  font-weight: 720;
}
@media (max-width: 720px) {
  .csi-actions-three {
    grid-template-columns: 1fr;
  }
  .csi-btn-quote {
    min-height: 54px !important;
    transform: none;
  }
  .csi-btn-quote:hover {
    transform: none;
  }
}


/* v0.8.84: increase primary quote CTA height */
/* v1.6.497: reverted v1.6.496 stretch — keep original CTA design (middle taller).
   Overflow fix handled at content side: hero feature bullets trimmed harder. */
.csi-actions-three {
  align-items: center;
}
.csi-btn-quote {
  min-height: 72px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.csi-btn-quote span {
  line-height: 1.05;
}
.csi-btn-quote em {
  margin-top: 2px;
  line-height: 1.18;
}
.csi-btn-buy,
.csi-btn-call {
  min-height: 48px !important;
}
@media (max-width: 720px) {
  .csi-btn-quote {
    min-height: 58px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

/* v0.9.29 structured long-form Woo article composer */
.csi-editorial-composer{margin:24px 0;padding:22px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
.csi-editorial-composer h2{margin-top:0}
.csi-editorial-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 20px}
.csi-editorial-card{border:1px solid #e5e7eb;border-radius:10px;padding:13px 14px;background:#f8fafc}
.csi-editorial-card strong{display:block;margin-bottom:6px;color:#0f172a}
.csi-editorial-card span{display:block;color:#475569;line-height:1.55}
.csi-evidence-list{margin:12px 0 22px;padding-left:22px}
.csi-evidence-list li{margin:8px 0;line-height:1.6}
.csi-workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 22px}
.csi-workflow-card{border:1px solid #e5e7eb;border-radius:10px;padding:14px;background:#fff}
.csi-workflow-card strong{display:block;margin-bottom:6px;color:#111827}
.csi-workflow-card span{display:block;color:#4b5563;line-height:1.55}
@media (max-width:768px){.csi-editorial-cards,.csi-workflow-grid{grid-template-columns:1fr}.csi-editorial-composer{padding:16px}}

/* v0.9.77: audience/role table uses 40/60 split for better goal readability */
.csi-content-card .csi-role-table {
  table-layout: fixed;
}
.csi-content-card .csi-role-table th,
.csi-content-card .csi-role-table td {
  width: auto !important;
}
.csi-content-card .csi-role-table td:first-child,
.csi-content-card .csi-role-table th:first-child {
  width: 40% !important;
  white-space: normal !important;
}
.csi-content-card .csi-role-table td:nth-child(2),
.csi-content-card .csi-role-table th:nth-child(2) {
  width: 60% !important;
}
@media (max-width: 720px) {
  .csi-content-card .csi-role-table {
    table-layout: auto;
  }
}

/* v0.9.33: keep only the template-rendered editorial FAQ accordion; prose FAQ is stripped in PHP. */


/* v0.9.71: balanced overview density with concise multi-section editorial layout */
.csi-content-card .csi-overview-sections {
  display: grid;
  gap: 16px;
  margin: 10px 0 24px;
}
.csi-content-card .csi-overview-part {
  padding: 0 0 16px;
  border-bottom: 1px solid rgba(15, 23, 42, .08);
}
.csi-content-card .csi-overview-part:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.csi-content-card .csi-overview-part h3 {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  color: #0f172a;
}
.csi-content-card .csi-overview-part p {
  margin: 0;
}


/* v0.9.51: global equal-height hero columns + controlled hero/spec content height rules */
@media (min-width: 981px) {
  .single-product .csi-hero.csi-hero-two-col,
  .csi-hero.csi-hero-two-col {
    display: grid !important;
    grid-template-columns: minmax(360px, 40%) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    gap: 24px !important;
    align-items: stretch !important;
  }

  .single-product .csi-gallery-card,
  .csi-gallery-card {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  .single-product .csi-spec-card.csi-inline-specs,
  .csi-spec-card.csi-inline-specs {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: end !important;
    min-height: 112px !important;
    max-height: 132px !important;
    overflow: hidden !important;
  }

  .single-product .csi-summary-card,
  .csi-summary-card {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: stretch !important;
    height: 100% !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }

  .single-product .csi-summary-card .csi-actions,
  .csi-summary-card .csi-actions {
    margin-top: auto !important;
  }
}

.single-product .csi-summary-card .csi-shortdesc,
.csi-summary-card .csi-shortdesc {
  /* v1.6.435: the hero short description is a concise 1-2 sentence excerpt (PHP trims it to a
     sentence boundary <=220 chars). Allow it to show in full without a mid-word clamp cut.
     Keep a generous upper bound only as a safety net for unexpectedly long excerpts. */
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  max-height: none !important;
}

.single-product .csi-feature-box ul,
.csi-feature-box ul {
  margin-top: 18px !important;
}

.single-product .csi-feature-box li,
.csi-feature-box li {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  max-width: 100% !important;
}

.single-product .csi-spec-card .csi-inline-spec strong,
.csi-spec-card .csi-inline-spec strong {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 2.84em !important;
}

@media (max-width: 980px) {
  .single-product .csi-summary-card .csi-actions,
  .csi-summary-card .csi-actions {
    margin-top: 22px !important;
  }
  .single-product .csi-spec-card.csi-inline-specs,
  .csi-spec-card.csi-inline-specs {
    max-height: none !important;
  }
}


/* v0.9.56: visible dash placeholder + fixed height for empty hero spec cells */
.single-product .csi-spec-card .csi-inline-spec,
.csi-spec-card .csi-inline-spec {
  min-height: 58px !important;
}
.single-product .csi-spec-card .csi-inline-spec strong,
.csi-spec-card .csi-inline-spec strong {
  min-height: 20px !important;
}
.single-product .csi-spec-card .csi-inline-spec--empty strong,
.csi-spec-card .csi-inline-spec--empty strong {
  color: #9aa7b8 !important;
  font-weight: 500 !important;
}
.single-product .csi-spec-card .csi-inline-spec strong:empty::before,
.csi-spec-card .csi-inline-spec strong:empty::before {
  content: '–';
  color: #9aa7b8;
  font-weight: 500;
}


/* v0.9.57: reduce hero image panel height and normalize spec card bottom padding */
@media (min-width: 981px) {
  .single-product .csi-gallery-card,
  .csi-gallery-card {
    min-height: 350px !important;
    max-height: 350px !important;
    padding: 18px 20px !important;
  }
  .single-product .csi-image-stage,
  .csi-image-stage {
    min-height: 250px !important;
  }
  .single-product .csi-main-image,
  .csi-main-image {
    max-height: 235px !important;
    margin-top: 0 !important;
  }
  .single-product .csi-image-placeholder,
  .csi-image-placeholder {
    min-height: 235px !important;
  }
  .single-product .csi-spec-card.csi-inline-specs,
  .csi-spec-card.csi-inline-specs {
    min-height: 118px !important;
    max-height: 118px !important;
    padding: 12px 16px 12px !important;
    align-content: stretch !important;
  }
  .single-product .csi-spec-card .csi-inline-spec,
  .csi-spec-card .csi-inline-spec {
    min-height: 47px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    justify-content: center !important;
    gap: 4px !important;
  }
  .single-product .csi-spec-card .csi-inline-spec strong,
  .csi-spec-card .csi-inline-spec strong {
    min-height: 18px !important;
    line-height: 1.28 !important;
  }
}


/* v0.9.58: tighten left hero media/spec stack gap and equalize spec vertical padding */
@media (min-width: 981px) {
  .single-product .csi-hero.csi-hero-two-col,
  .csi-hero.csi-hero-two-col {
    column-gap: 24px !important;
    row-gap: 12px !important;
  }

  .single-product .csi-gallery-card,
  .csi-gallery-card {
    min-height: 335px !important;
    max-height: 335px !important;
    padding: 16px 20px !important;
  }

  .single-product .csi-image-stage,
  .csi-image-stage {
    min-height: 230px !important;
  }

  .single-product .csi-main-image,
  .csi-main-image {
    max-height: 218px !important;
  }

  .single-product .csi-image-placeholder,
  .csi-image-placeholder {
    min-height: 218px !important;
  }

  .single-product .csi-spec-card.csi-inline-specs,
  .csi-spec-card.csi-inline-specs {
    min-height: 116px !important;
    max-height: 116px !important;
    padding: 10px 16px !important;
    align-items: stretch !important;
    align-content: stretch !important;
    grid-auto-rows: 1fr !important;
  }

  .single-product .csi-spec-card .csi-inline-spec,
  .csi-spec-card .csi-inline-spec {
    min-height: 48px !important;
    padding: 8px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(even),
  .csi-spec-card .csi-inline-spec:nth-child(even) {
    padding-left: 16px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(odd),
  .csi-spec-card .csi-inline-spec:nth-child(odd) {
    padding-right: 16px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(n+3),
  .csi-spec-card .csi-inline-spec:nth-child(n+3) {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec span,
  .csi-spec-card .csi-inline-spec span {
    margin: 0 0 5px !important;
    line-height: 1.1 !important;
  }

  .single-product .csi-spec-card .csi-inline-spec strong,
  .csi-spec-card .csi-inline-spec strong {
    margin: 0 !important;
    min-height: 18px !important;
    line-height: 1.28 !important;
  }
}


/* v0.9.59: airy hero spec card with balanced cell padding and readable two-row rhythm */
@media (min-width: 981px) {
  .single-product .csi-spec-card.csi-inline-specs,
  .csi-spec-card.csi-inline-specs {
    min-height: 136px !important;
    max-height: 136px !important;
    padding: 16px 20px !important;
    gap: 0 !important;
    align-items: stretch !important;
    align-content: stretch !important;
    grid-auto-rows: minmax(52px, 1fr) !important;
  }

  .single-product .csi-spec-card .csi-inline-spec,
  .csi-spec-card .csi-inline-spec {
    min-height: 52px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    justify-content: flex-start !important;
    gap: 6px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(odd),
  .csi-spec-card .csi-inline-spec:nth-child(odd) {
    padding-right: 22px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(even),
  .csi-spec-card .csi-inline-spec:nth-child(even) {
    padding-left: 22px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(n+3),
  .csi-spec-card .csi-inline-spec:nth-child(n+3) {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec span,
  .csi-spec-card .csi-inline-spec span {
    margin: 0 !important;
    line-height: 1.15 !important;
    letter-spacing: .05em !important;
  }

  .single-product .csi-spec-card .csi-inline-spec strong,
  .csi-spec-card .csi-inline-spec strong {
    min-height: 20px !important;
    line-height: 1.42 !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(even),
  .csi-spec-card .csi-inline-spec:nth-child(even) {
    border-left-color: rgba(203, 213, 225, .7) !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(n+3),
  .csi-spec-card .csi-inline-spec:nth-child(n+3) {
    border-top-color: rgba(203, 213, 225, .7) !important;
  }
}

/* v0.9.60: restore compact hero spec table padding and stable 2x2 rhythm */
@media (min-width: 981px) {
  .single-product .csi-spec-card.csi-inline-specs,
  .csi-spec-card.csi-inline-specs {
    min-height: 120px !important;
    max-height: 120px !important;
    padding: 12px 18px !important;
    gap: 0 !important;
    align-items: stretch !important;
    align-content: stretch !important;
    grid-auto-rows: 48px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec,
  .csi-spec-card .csi-inline-spec {
    min-height: 48px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(odd),
  .csi-spec-card .csi-inline-spec:nth-child(odd) {
    padding-right: 18px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(even),
  .csi-spec-card .csi-inline-spec:nth-child(even) {
    padding-left: 18px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(n+3),
  .csi-spec-card .csi-inline-spec:nth-child(n+3) {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec span,
  .csi-spec-card .csi-inline-spec span {
    margin: 0 !important;
    line-height: 1.1 !important;
    letter-spacing: .045em !important;
    font-size: 10.5px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec strong,
  .csi-spec-card .csi-inline-spec strong {
    min-height: 18px !important;
    line-height: 1.32 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin: 0 !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(even),
  .csi-spec-card .csi-inline-spec:nth-child(even) {
    border-left-color: rgba(203, 213, 225, .58) !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(n+3),
  .csi-spec-card .csi-inline-spec:nth-child(n+3) {
    border-top-color: rgba(203, 213, 225, .58) !important;
  }
}

/* v0.9.61: balance hero spec cell vertical padding with left inset spacing */
@media (min-width: 981px) {
  .single-product .csi-spec-card.csi-inline-specs,
  .csi-spec-card.csi-inline-specs {
    min-height: 126px !important;
    max-height: 126px !important;
    padding: 14px 20px !important;
    grid-auto-rows: 49px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec,
  .csi-spec-card .csi-inline-spec {
    min-height: 49px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    justify-content: center !important;
    gap: 5px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(odd),
  .csi-spec-card .csi-inline-spec:nth-child(odd) {
    padding-left: 2px !important;
    padding-right: 22px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(even),
  .csi-spec-card .csi-inline-spec:nth-child(even) {
    padding-left: 22px !important;
    padding-right: 2px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(n+3),
  .csi-spec-card .csi-inline-spec:nth-child(n+3) {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec span,
  .csi-spec-card .csi-inline-spec span {
    line-height: 1.14 !important;
  }

  .single-product .csi-spec-card .csi-inline-spec strong,
  .csi-spec-card .csi-inline-spec strong {
    line-height: 1.36 !important;
  }
}

/* v0.9.62: tune hero spec divider spacing with first-row bottom padding and second-row top padding */
@media (min-width: 981px) {
  .single-product .csi-spec-card.csi-inline-specs,
  .csi-spec-card.csi-inline-specs {
    min-height: 132px !important;
    max-height: 132px !important;
    padding: 14px 20px !important;
    grid-auto-rows: 52px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec,
  .csi-spec-card .csi-inline-spec {
    min-height: 52px !important;
    gap: 5px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(-n+2),
  .csi-spec-card .csi-inline-spec:nth-child(-n+2) {
    padding-top: 9px !important;
    padding-bottom: 14px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(n+3),
  .csi-spec-card .csi-inline-spec:nth-child(n+3) {
    padding-top: 14px !important;
    padding-bottom: 9px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec span,
  .csi-spec-card .csi-inline-spec span {
    line-height: 1.18 !important;
  }

  .single-product .csi-spec-card .csi-inline-spec strong,
  .csi-spec-card .csi-inline-spec strong {
    line-height: 1.34 !important;
  }
}

/* v0.9.63: slightly increase hero spec divider breathing room */
@media (min-width: 981px) {
  .single-product .csi-spec-card.csi-inline-specs,
  .csi-spec-card.csi-inline-specs {
    min-height: 136px !important;
    max-height: 136px !important;
    grid-auto-rows: 54px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec,
  .csi-spec-card .csi-inline-spec {
    min-height: 54px !important;
    gap: 6px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(-n+2),
  .csi-spec-card .csi-inline-spec:nth-child(-n+2) {
    padding-top: 9px !important;
    padding-bottom: 17px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(n+3),
  .csi-spec-card .csi-inline-spec:nth-child(n+3) {
    padding-top: 17px !important;
    padding-bottom: 9px !important;
  }
}


/* v0.9.64: reduce hero description-to-bullet vertical gap */
@media (min-width: 981px) {
  .single-product .csi-summary-card .csi-feature-box,
  .csi-summary-card .csi-feature-box {
    margin-top: 14px !important;
  }

  .single-product .csi-summary-card .csi-feature-box ul,
  .csi-summary-card .csi-feature-box ul {
    margin-top: 10px !important;
  }

  .single-product .csi-summary-card .csi-shortdesc,
  .csi-summary-card .csi-shortdesc {
    margin-bottom: 0 !important;
  }
}


/* v0.9.65: add subtle left inset to hero feature bullet list */
@media (min-width: 981px) {
  .single-product .csi-summary-card .csi-feature-box ul,
  .csi-summary-card .csi-feature-box ul {
    padding-left: 16px !important;
  }
}

/* v0.9.66: add a little more breathing room around hero spec divider */
@media (min-width: 981px) {
  .single-product .csi-spec-card.csi-inline-specs,
  .csi-spec-card.csi-inline-specs {
    min-height: 140px !important;
    max-height: 140px !important;
    grid-auto-rows: 56px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec,
  .csi-spec-card .csi-inline-spec {
    min-height: 56px !important;
    gap: 6px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(-n+2),
  .csi-spec-card .csi-inline-spec:nth-child(-n+2) {
    padding-top: 9px !important;
    padding-bottom: 21px !important;
  }

  .single-product .csi-spec-card .csi-inline-spec:nth-child(n+3),
  .csi-spec-card .csi-inline-spec:nth-child(n+3) {
    padding-top: 21px !important;
    padding-bottom: 9px !important;
  }
}


/* v0.9.67: increase hero image panel height for better left-column balance */
@media (min-width: 981px) {
  .single-product .csi-gallery-card,
  .csi-gallery-card {
    min-height: 370px !important;
    max-height: 370px !important;
    padding: 20px 22px !important;
  }

  .single-product .csi-image-stage,
  .csi-image-stage {
    min-height: 265px !important;
  }

  .single-product .csi-main-image,
  .csi-main-image {
    max-height: 255px !important;
  }

  .single-product .csi-image-placeholder,
  .csi-image-placeholder {
    min-height: 255px !important;
  }
}


/* v0.9.68: normalize hero spacing scale across media, spec and trust cards */
@media (min-width: 981px) {
  .single-product .csi-hero.csi-hero-two-col,
  .csi-hero.csi-hero-two-col {
    grid-template-rows: auto auto !important;
    column-gap: 24px !important;
    row-gap: 18px !important;
    align-items: stretch !important;
  }

  .single-product .csi-gallery-card,
  .csi-gallery-card {
    grid-row: 1 !important;
    align-self: stretch !important;
    min-height: 370px !important;
    max-height: 370px !important;
    margin: 0 !important;
  }

  .single-product .csi-spec-card.csi-inline-specs,
  .csi-spec-card.csi-inline-specs {
    grid-row: 2 !important;
    align-self: stretch !important;
    margin: 0 !important;
    min-height: 140px !important;
    max-height: 140px !important;
  }

  .single-product .csi-summary-card,
  .csi-summary-card {
    grid-row: 1 / 3 !important;
    min-height: 528px !important;
  }

  .single-product .csi-trust-bar,
  .csi-trust-bar {
    margin-top: 18px !important;
  }
}

/* v0.9.73: convert overview insight cards to editorial paragraphs */
.csi-content-card .csi-overview-enhanced,
.csi-content-card .csi-overview-editorial {
  margin: 10px 0 30px;
  max-width: 900px;
}
.csi-content-card .csi-overview-lead {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.75;
  color: #172033;
}
.csi-content-card .csi-overview-paragraphs {
  display: block;
  margin-top: 6px;
}
.csi-content-card .csi-overview-paragraph {
  padding: 17px 0 0;
  margin: 0 0 17px;
  border-top: 1px solid rgba(15, 23, 42, .08);
}
.csi-content-card .csi-overview-paragraph:last-child {
  margin-bottom: 0;
}
.csi-content-card .csi-overview-paragraph h3 {
  margin: 0 0 7px;
  font-size: 15.5px;
  line-height: 1.35;
  font-weight: 700;
  color: #0f172a;
}
.csi-content-card .csi-overview-paragraph p {
  margin: 0;
  max-width: 860px;
  font-size: 15.5px;
  line-height: 1.76;
  color: #334155;
}
@media (max-width: 640px) {
  .csi-content-card .csi-overview-lead,
  .csi-content-card .csi-overview-paragraph p {
    font-size: 15px;
    line-height: 1.72;
  }
}


/* v0.9.74: remove overview subsection headings, keep plain editorial paragraphs */
.csi-content-card .csi-overview-paragraphs {
  display: block;
  margin-top: 18px;
}
.csi-content-card p.csi-overview-paragraph {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  color: #14213d;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 400;
}
.csi-content-card p.csi-overview-paragraph:last-child {
  margin-bottom: 0;
}


/* v0.9.75: normalize overview paragraph density and length balance */
.csi-content-card .csi-overview-editorial {
  display: block;
}
.csi-content-card .csi-overview-editorial p.csi-overview-paragraph,
.csi-content-card .csi-overview-editorial p.csi-overview-lead {
  margin: 0 0 18px;
  max-width: none;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 400;
  color: #0f172a;
}
.csi-content-card .csi-overview-editorial p.csi-overview-paragraph:last-child {
  margin-bottom: 0;
}


/* v0.9.78: hide legacy inline product CTA blocks; sidebar quote CTA remains visible. */
.csi-product-cta{display:none!important;}


/* v0.9.87: subtle border and 10px radius for imported inline content images */
.csi-content-card .csi-edit-image-section,
.csi-product-content .csi-edit-image-section {
  margin: 22px 0 24px;
}
.csi-content-card .csi-rendered-image-slot,
.csi-product-content .csi-rendered-image-slot,
.csi-content-card .csi-manual-image-slot,
.csi-product-content .csi-manual-image-slot {
  border: 1px solid #dbe6f2;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.csi-content-card .csi-rendered-image-slot > img,
.csi-product-content .csi-rendered-image-slot > img,
.csi-content-card .csi-manual-image-slot > img,
.csi-product-content .csi-manual-image-slot > img,
.csi-content-card .csi-edit-image-section img,
.csi-product-content .csi-edit-image-section img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}


/* v0.9.90: normalize hero column gap with media/spec stack spacing */
@media (min-width: 981px) {
  .single-product .csi-hero.csi-hero-two-col,
  .csi-hero.csi-hero-two-col {
    column-gap: 18px !important;
  }
}


/* v0.9.91: enlarge hero media with tighter editorial framing */
@media (min-width: 981px) {
  .single-product .csi-gallery-card,
  .csi-gallery-card {
    padding: 14px 16px !important;
    justify-content: center !important;
    min-height: 400px !important;
  }

  .single-product .csi-main-image,
  .csi-main-image {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 342px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }
}


/* v0.9.93: refine pricing disclaimer copy for enterprise tone. */


/* v0.9.95: reduce hero CTA panel height after removing pricing disclaimer */
@media (min-width: 981px) {
  .single-product .csi-summary-card,
  .csi-summary-card {
    grid-row: 1 !important;
    align-self: stretch !important;
    height: auto !important;
    min-height: 400px !important;
    justify-content: flex-start !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .single-product .csi-summary-card .csi-actions,
  .csi-summary-card .csi-actions {
    margin-top: 44px !important;
    margin-bottom: 0 !important;
  }
}


/* v0.9.96: gently rebalance hero right height and media card height */
@media (min-width: 981px) {
  .single-product .csi-gallery-card,
  .csi-gallery-card {
    min-height: 372px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .single-product .csi-main-image,
  .csi-main-image {
    max-height: 318px !important;
  }

  .single-product .csi-summary-card,
  .csi-summary-card {
    min-height: 432px !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  .single-product .csi-summary-card .csi-actions,
  .csi-summary-card .csi-actions {
    margin-top: 54px !important;
  }
}


/* v0.9.97: true two-column hero stack alignment */
@media (min-width: 981px) {
  .single-product .csi-hero.csi-hero-two-col,
  .csi-hero.csi-hero-two-col {
    display: grid !important;
    grid-template-columns: minmax(360px, 40%) minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    column-gap: 18px !important;
    row-gap: 0 !important;
    align-items: stretch !important;
  }

  .single-product .csi-hero-media-stack,
  .csi-hero-media-stack {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    align-self: stretch !important;
    min-height: 0 !important;
  }

  .single-product .csi-hero-media-stack .csi-gallery-card,
  .csi-hero-media-stack .csi-gallery-card {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 344px !important;
    max-height: 344px !important;
    padding: 12px 16px !important;
    flex: 0 0 auto !important;
  }

  .single-product .csi-hero-media-stack .csi-image-stage,
  .csi-hero-media-stack .csi-image-stage {
    min-height: 276px !important;
  }

  .single-product .csi-hero-media-stack .csi-main-image,
  .csi-hero-media-stack .csi-main-image {
    max-height: 286px !important;
  }

  .single-product .csi-hero-media-stack .csi-spec-card.csi-inline-specs,
  .csi-hero-media-stack .csi-spec-card.csi-inline-specs {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 124px !important;
    max-height: 124px !important;
    flex: 0 0 auto !important;
  }

  .single-product .csi-summary-card,
  .csi-summary-card {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: stretch !important;
    height: 100% !important;
    min-height: 486px !important;
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .single-product .csi-summary-card .csi-actions,
  .csi-summary-card .csi-actions {
    margin-top: auto !important;
  }
}


/* v0.9.98: reduce hero image card height to align media stack */
@media (min-width: 981px) {
  .single-product .csi-hero-media-stack .csi-gallery-card,
  .csi-hero-media-stack .csi-gallery-card {
    min-height: 302px !important;
    max-height: 302px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .single-product .csi-hero-media-stack .csi-image-stage,
  .csi-hero-media-stack .csi-image-stage {
    min-height: 236px !important;
  }

  .single-product .csi-hero-media-stack .csi-main-image,
  .csi-hero-media-stack .csi-main-image {
    max-height: 248px !important;
  }

  .single-product .csi-summary-card,
  .csi-summary-card {
    min-height: 444px !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
}


/* v0.9.99: equalize left media stack and right CTA card height correctly */
@media (min-width: 981px) {
  .single-product .csi-hero.csi-hero-two-col,
  .csi-hero.csi-hero-two-col {
    align-items: stretch !important;
    grid-auto-rows: auto !important;
    row-gap: 0 !important;
  }

  .single-product .csi-hero-media-stack,
  .csi-hero-media-stack {
    height: 452px !important;
    min-height: 452px !important;
    max-height: 452px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  .single-product .csi-hero-media-stack .csi-gallery-card,
  .csi-hero-media-stack .csi-gallery-card {
    height: 308px !important;
    min-height: 308px !important;
    max-height: 308px !important;
    flex: 0 0 308px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .single-product .csi-hero-media-stack .csi-image-stage,
  .csi-hero-media-stack .csi-image-stage {
    min-height: 238px !important;
    height: 100% !important;
  }

  .single-product .csi-hero-media-stack .csi-main-image,
  .csi-hero-media-stack .csi-main-image {
    max-height: 250px !important;
  }

  .single-product .csi-hero-media-stack .csi-spec-card.csi-inline-specs,
  .csi-hero-media-stack .csi-spec-card.csi-inline-specs {
    height: 126px !important;
    min-height: 126px !important;
    max-height: 126px !important;
    flex: 0 0 126px !important;
    overflow: hidden !important;
  }

  .single-product .csi-summary-card,
  .csi-summary-card {
    height: 452px !important;
    min-height: 452px !important;
    max-height: 452px !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  .single-product .csi-summary-card .csi-actions,
  .csi-summary-card .csi-actions {
    margin-top: auto !important;
  }
}

/* v1.0.0: equal hero columns with unclipped spec card */
@media (min-width: 981px) {
  .single-product .csi-hero.csi-hero-two-col,
  .csi-hero.csi-hero-two-col {
    align-items: stretch !important;
    row-gap: 0 !important;
  }

  .single-product .csi-hero-media-stack,
  .csi-hero-media-stack {
    height: 452px !important;
    min-height: 452px !important;
    max-height: 452px !important;
    gap: 18px !important;
    overflow: visible !important;
  }

  .single-product .csi-hero-media-stack .csi-gallery-card,
  .csi-hero-media-stack .csi-gallery-card {
    height: 288px !important;
    min-height: 288px !important;
    max-height: 288px !important;
    flex: 0 0 288px !important;
  }

  .single-product .csi-hero-media-stack .csi-image-stage,
  .csi-hero-media-stack .csi-image-stage {
    min-height: 218px !important;
  }

  .single-product .csi-hero-media-stack .csi-main-image,
  .csi-hero-media-stack .csi-main-image {
    max-height: 232px !important;
  }

  .single-product .csi-hero-media-stack .csi-spec-card.csi-inline-specs,
  .csi-hero-media-stack .csi-spec-card.csi-inline-specs {
    height: 146px !important;
    min-height: 146px !important;
    max-height: 146px !important;
    flex: 0 0 146px !important;
    overflow: visible !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .single-product .csi-summary-card,
  .csi-summary-card {
    height: 452px !important;
    min-height: 452px !important;
    max-height: 452px !important;
  }
}


/* v1.0.4: refine hero color hierarchy and enterprise contrast tuning */
@media (min-width: 981px) {
  .single-product .csi-summary-card,
  .csi-summary-card {
    background:
      radial-gradient(circle at 100% 0%, rgba(255, 246, 237, .72), transparent 34%),
      linear-gradient(180deg, #fffefd 0%, #fffaf5 100%) !important;
    border-color: #ead8c6 !important;
    box-shadow: 0 16px 34px rgba(120, 72, 32, .055) !important;
  }

  .single-product .csi-eyebrow,
  .csi-eyebrow {
    color: #e24b18 !important;
    letter-spacing: .07em !important;
  }

  .single-product .csi-summary-card h1,
  .csi-summary-card h1 {
    color: #071326 !important;
  }

  .single-product .csi-summary-card .csi-shortdesc,
  .csi-summary-card .csi-shortdesc {
    color: #344156 !important;
  }

  .single-product .csi-summary-card .csi-feature-box li,
  .csi-summary-card .csi-feature-box li {
    color: #263449 !important;
  }

  .single-product .csi-summary-card .csi-feature-box li::before,
  .csi-summary-card .csi-feature-box li::before {
    background: #3d536f !important;
  }

  .single-product .csi-btn-primary,
  .csi-btn-primary,
  .single-product .csi-btn-quote,
  .csi-btn-quote {
    background: #f25522 !important;
    border-color: #f25522 !important;
    box-shadow: 0 12px 22px rgba(212, 79, 32, .18) !important;
  }

  .single-product .csi-btn-quote:hover,
  .csi-btn-quote:hover {
    background: #e94d1d !important;
    border-color: #e94d1d !important;
    box-shadow: 0 14px 26px rgba(212, 79, 32, .22) !important;
  }

  .single-product .csi-btn-secondary,
  .csi-btn-secondary,
  .single-product .csi-btn-call,
  .csi-btn-call {
    color: #1b55a6 !important;
    border-color: #8fb2e6 !important;
    background: #fffefa !important;
  }

  .single-product .csi-btn-secondary:hover,
  .csi-btn-secondary:hover,
  .single-product .csi-btn-call:hover,
  .csi-btn-call:hover {
    background: #f3f7ff !important;
    border-color: #6f9ddd !important;
  }
}

/* v1.0.6: visual and industry-based hero style presets */
@media (min-width: 981px) {
  .single-product .csi-summary-card[class*="csi-hero-style-"],
  .csi-summary-card[class*="csi-hero-style-"] {
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
  }

  .single-product .csi-summary-card.csi-hero-style-clean-saas,
  .csi-summary-card.csi-hero-style-clean-saas {
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
    border-color: #d9e4f2 !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .055) !important;
  }
  .csi-summary-card.csi-hero-style-clean-saas .csi-eyebrow { color:#4f46e5 !important; }
  .csi-summary-card.csi-hero-style-clean-saas .csi-feature-box li::before { background:#4b647f !important; }
  .csi-summary-card.csi-hero-style-clean-saas .csi-btn-quote { background:#4f46e5 !important; border-color:#4f46e5 !important; box-shadow:0 12px 24px rgba(79, 70, 229,.16) !important; }
  .csi-summary-card.csi-hero-style-clean-saas .csi-btn-buy { color:#4338ca !important; border-color:#9ec1ff !important; }

  .single-product .csi-summary-card.csi-hero-style-technical-blue,
  .csi-summary-card.csi-hero-style-technical-blue,
  .single-product .csi-summary-card.csi-hero-style-cad-engineering,
  .csi-summary-card.csi-hero-style-cad-engineering {
    background: radial-gradient(circle at 100% 0%, rgba(219,234,254,.78), transparent 36%), linear-gradient(180deg,#fcfdff 0%,#f6faff 100%) !important;
    border-color:#c9daf1 !important;
    box-shadow:0 16px 34px rgba(79, 70, 229,.08) !important;
  }
  .csi-summary-card.csi-hero-style-technical-blue .csi-eyebrow,
  .csi-summary-card.csi-hero-style-cad-engineering .csi-eyebrow { color:#4338ca !important; }
  .csi-summary-card.csi-hero-style-technical-blue .csi-feature-box li::before,
  .csi-summary-card.csi-hero-style-cad-engineering .csi-feature-box li::before { background:#4f46e5 !important; }
  .csi-summary-card.csi-hero-style-technical-blue .csi-btn-quote,
  .csi-summary-card.csi-hero-style-cad-engineering .csi-btn-quote { background:#1f5fbf !important; border-color:#1f5fbf !important; box-shadow:0 12px 24px rgba(31,95,191,.18) !important; }

  .single-product .csi-summary-card.csi-hero-style-minimal-editorial,
  .csi-summary-card.csi-hero-style-minimal-editorial {
    background:#fff !important;
    border-color:#d8dee8 !important;
    box-shadow:0 12px 26px rgba(15,23,42,.045) !important;
  }
  .csi-summary-card.csi-hero-style-minimal-editorial .csi-eyebrow { color:#475569 !important; }
  .csi-summary-card.csi-hero-style-minimal-editorial .csi-btn-quote { background:#111827 !important; border-color:#111827 !important; box-shadow:0 12px 24px rgba(17,24,39,.14) !important; }

  .single-product .csi-summary-card.csi-hero-style-soft-premium,
  .csi-summary-card.csi-hero-style-soft-premium {
    background: radial-gradient(circle at 100% 0%, rgba(250,232,255,.70), transparent 34%), linear-gradient(180deg,#fff 0%,#fdf8ff 100%) !important;
    border-color:#ead7f6 !important;
    box-shadow:0 18px 38px rgba(126,34,206,.07) !important;
  }
  .csi-summary-card.csi-hero-style-soft-premium .csi-eyebrow { color:#9d3bd0 !important; }
  .csi-summary-card.csi-hero-style-soft-premium .csi-feature-box li::before { background:#8b5cf6 !important; }
  .csi-summary-card.csi-hero-style-soft-premium .csi-btn-quote { background:#8b5cf6 !important; border-color:#8b5cf6 !important; box-shadow:0 12px 24px rgba(139,92,246,.18) !important; }

  .single-product .csi-summary-card.csi-hero-style-video-editing,
  .csi-summary-card.csi-hero-style-video-editing {
    background: radial-gradient(circle at 100% 0%, rgba(254,202,202,.58), transparent 34%), linear-gradient(180deg,#fff 0%,#fff7f7 100%) !important;
    border-color:#f2d1d1 !important;
  }
  .csi-summary-card.csi-hero-style-video-editing .csi-eyebrow { color:#e11d48 !important; }
  .csi-summary-card.csi-hero-style-video-editing .csi-feature-box li::before { background:#e11d48 !important; }
  .csi-summary-card.csi-hero-style-video-editing .csi-btn-quote { background:#e11d48 !important; border-color:#e11d48 !important; box-shadow:0 12px 24px rgba(225,29,72,.18) !important; }

  .single-product .csi-summary-card.csi-hero-style-creative-design,
  .csi-summary-card.csi-hero-style-creative-design {
    background: radial-gradient(circle at 100% 0%, rgba(253,230,138,.62), transparent 34%), linear-gradient(180deg,#fff 0%,#fffaf0 100%) !important;
    border-color:#edd7a8 !important;
  }
  .csi-summary-card.csi-hero-style-creative-design .csi-eyebrow { color:#c2410c !important; }
  .csi-summary-card.csi-hero-style-creative-design .csi-btn-quote { background:#ea580c !important; border-color:#ea580c !important; }

  .single-product .csi-summary-card.csi-hero-style-security-software,
  .csi-summary-card.csi-hero-style-security-software {
    background: radial-gradient(circle at 100% 0%, rgba(204,251,241,.72), transparent 34%), linear-gradient(180deg,#fff 0%,#f4fffd 100%) !important;
    border-color:#bfe9df !important;
  }
  .csi-summary-card.csi-hero-style-security-software .csi-eyebrow { color:#047857 !important; }
  .csi-summary-card.csi-hero-style-security-software .csi-feature-box li::before { background:#059669 !important; }
  .csi-summary-card.csi-hero-style-security-software .csi-btn-quote { background:#047857 !important; border-color:#047857 !important; }

  .single-product .csi-summary-card.csi-hero-style-office-productivity,
  .csi-summary-card.csi-hero-style-office-productivity,
  .single-product .csi-summary-card.csi-hero-style-data-analytics,
  .csi-summary-card.csi-hero-style-data-analytics {
    background: radial-gradient(circle at 100% 0%, rgba(224,231,255,.78), transparent 35%), linear-gradient(180deg,#fff 0%,#f8faff 100%) !important;
    border-color:#ccd8f1 !important;
  }
  .csi-summary-card.csi-hero-style-office-productivity .csi-eyebrow,
  .csi-summary-card.csi-hero-style-data-analytics .csi-eyebrow { color:#4f46e5 !important; }
  .csi-summary-card.csi-hero-style-office-productivity .csi-btn-quote,
  .csi-summary-card.csi-hero-style-data-analytics .csi-btn-quote { background:#4f46e5 !important; border-color:#4f46e5 !important; }

  .single-product .csi-summary-card.csi-hero-style-developer-tools,
  .csi-summary-card.csi-hero-style-developer-tools {
    background: radial-gradient(circle at 100% 0%, rgba(226,232,240,.80), transparent 34%), linear-gradient(180deg,#fff 0%,#f8fafc 100%) !important;
    border-color:#cbd5e1 !important;
  }
  .csi-summary-card.csi-hero-style-developer-tools .csi-eyebrow { color:#334155 !important; }
  .csi-summary-card.csi-hero-style-developer-tools .csi-btn-quote { background:#0f172a !important; border-color:#0f172a !important; }

  .single-product .csi-summary-card.csi-hero-style-ai-automation,
  .csi-summary-card.csi-hero-style-ai-automation {
    background: radial-gradient(circle at 100% 0%, rgba(186,230,253,.70), transparent 34%), linear-gradient(180deg,#fff 0%,#f5fbff 100%) !important;
    border-color:#b8dff2 !important;
  }
  .csi-summary-card.csi-hero-style-ai-automation .csi-eyebrow { color:#0284c7 !important; }
  .csi-summary-card.csi-hero-style-ai-automation .csi-btn-quote { background:#0284c7 !important; border-color:#0284c7 !important; }
}

/* v1.1.4: trust card style presets aligned with hero visual system */
.csi-trust-bar {
  --csi-trust-bg: linear-gradient(180deg, #fff 0%, #fffdf9 100%);
  --csi-trust-border: #e7ded4;
  --csi-trust-accent: #089260;
  --csi-trust-icon-bg: #eefcf6;
  --csi-trust-text: #172033;
  --csi-trust-muted: #647184;
}
.csi-trust-bar .csi-trust-item {
  background: var(--csi-trust-bg) !important;
  border-color: var(--csi-trust-border) !important;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.csi-trust-bar .csi-trust-item::before {
  background: var(--csi-trust-border) !important;
}
.csi-trust-bar .csi-trust-icon {
  background: var(--csi-trust-icon-bg) !important;
  color: var(--csi-trust-accent) !important;
}
.csi-trust-bar .csi-trust-item strong { color: var(--csi-trust-text) !important; }
.csi-trust-bar .csi-trust-item em { color: var(--csi-trust-muted) !important; }
.csi-trust-bar .csi-trust-item:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(15, 23, 42, .055) !important;
}
.csi-trust-bar.csi-trust-style-clean-saas,
.csi-trust-bar.csi-trust-style-minimal-editorial,
.csi-trust-bar.csi-trust-style-office-productivity {
  --csi-trust-bg: linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  --csi-trust-border: #dbe4ef;
  --csi-trust-accent: #4f46e5;
  --csi-trust-icon-bg: #eef2ff;
}
.csi-trust-bar.csi-trust-style-technical-blue,
.csi-trust-bar.csi-trust-style-cad-engineering,
.csi-trust-bar.csi-trust-style-developer-tools {
  --csi-trust-bg: linear-gradient(180deg,#ffffff 0%,#f6faff 100%);
  --csi-trust-border: #c9daf1;
  --csi-trust-accent: #1f5fbf;
  --csi-trust-icon-bg: #eaf3ff;
}
.csi-trust-bar.csi-trust-style-soft-premium,
.csi-trust-bar.csi-trust-style-video-editing,
.csi-trust-bar.csi-trust-style-creative-design {
  --csi-trust-bg: linear-gradient(180deg,#ffffff 0%,#fff8fb 100%);
  --csi-trust-border: #ead7f6;
  --csi-trust-accent: #8b5cf6;
  --csi-trust-icon-bg: #faf5ff;
}
.csi-trust-bar.csi-trust-style-security-software {
  --csi-trust-bg: linear-gradient(180deg,#ffffff 0%,#f4fffd 100%);
  --csi-trust-border: #bfe9df;
  --csi-trust-accent: #047857;
  --csi-trust-icon-bg: #ecfdf5;
}
.csi-trust-bar.csi-trust-style-ai-automation,
.csi-trust-bar.csi-trust-style-data-analytics {
  --csi-trust-bg: linear-gradient(180deg,#ffffff 0%,#f5fbff 100%);
  --csi-trust-border: #b8dff2;
  --csi-trust-accent: #0284c7;
  --csi-trust-icon-bg: #f0f9ff;
}

/* v1.4.6: rendered multi-image gallery content blocks */
.csi-product-content .csi-edit-image-section .csi-gallery-slot,
.csi-content-card .csi-edit-image-section .csi-gallery-slot{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.csi-product-content .csi-gallery-grid,
.csi-content-card .csi-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 22px}
.csi-product-content .csi-gallery-grid[data-layout="stack"],
.csi-content-card .csi-gallery-grid[data-layout="stack"]{display:flex;flex-direction:column;gap:16px}
.csi-product-content .csi-gallery-item,
.csi-content-card .csi-gallery-item{margin:0!important}
.csi-product-content .csi-gallery-item img,
.csi-content-card .csi-gallery-item img{display:block;width:100%;height:auto;border:1px solid #dbe5f0;border-radius:10px;box-shadow:none;object-fit:cover}
.csi-product-content .csi-gallery-remove,
.csi-content-card .csi-gallery-remove{display:none!important}
@media(max-width:760px){.csi-product-content .csi-gallery-grid,.csi-content-card .csi-gallery-grid{grid-template-columns:1fr}}


/* v1.4.8: flatten gallery block frame and remove nested box look */
.csi-product-content .csi-edit-image-section .csi-gallery-slot,
.csi-content-card .csi-edit-image-section .csi-gallery-slot,
.csi-product-content .csi-gallery-slot,
.csi-content-card .csi-gallery-slot{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  margin:18px 0 24px!important;
  border-radius:0!important;
  overflow:visible!important;
}
.csi-product-content .csi-gallery-grid,
.csi-content-card .csi-gallery-grid{
  margin:0!important;
  padding:0!important;
  gap:16px!important;
}
.csi-product-content .csi-gallery-item,
.csi-content-card .csi-gallery-item{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.csi-product-content .csi-gallery-item img,
.csi-content-card .csi-gallery-item img{
  border:1px solid #dbe5f0!important;
  border-radius:10px!important;
  background:#fff!important;
}

/* v1.5.23: AI-assisted inline placement for captured source images + section bridge images */
.csi-product-content .csi-auto-body-image,
.csi-content-card .csi-auto-body-image{
  margin:18px 0 26px!important;
}
.csi-product-content .csi-auto-image-slot,
.csi-content-card .csi-auto-image-slot{
  position:relative!important;
  display:block!important;
  width:100%!important;
  padding:0!important;
  border:1px solid rgba(148,163,184,.34)!important;
  border-radius:8px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.csi-product-content .csi-auto-image-slot img,
.csi-content-card .csi-auto-image-slot img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  border:0!important;
  border-radius:8px!important;
  object-fit:contain!important;
  background:#fff!important;
}
.csi-front-editing .csi-product-content .csi-auto-image-slot{
  outline:1px dashed rgba(79, 70, 229,.35)!important;
  outline-offset:4px!important;
}

.csi-product-content .csi-auto-section-bridge-image,
.csi-content-card .csi-auto-section-bridge-image{
  margin:26px 0 30px!important;
}
.csi-product-content .csi-auto-section-bridge-image + h2,
.csi-product-content .csi-auto-section-bridge-image + h3,
.csi-content-card .csi-auto-section-bridge-image + h2,
.csi-content-card .csi-auto-section-bridge-image + h3{
  margin-top:0!important;
}


/* v1.5.24: inline quote request card sits before FAQ as the final conversion step after article content. */
.single-product .csi-inline-quote-card,
.csi-inline-quote-card {
  margin: 34px 0 28px !important;
  padding: 24px 26px !important;
  border: 1px solid #fed7aa !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #fff7ed 0%, #ffffff 58%, #fff 100%) !important;
  box-shadow: 0 18px 45px rgba(15,23,42,.07) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}
.single-product .csi-inline-quote-copy,
.csi-inline-quote-copy { min-width: 0 !important; }
.single-product .csi-inline-quote-copy span,
.csi-inline-quote-copy span {
  display: inline-flex !important;
  margin: 0 0 8px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #f4511e !important;
}
.single-product .csi-inline-quote-copy h2,
.csi-inline-quote-copy h2 {
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}
.single-product .csi-inline-quote-copy p,
.csi-inline-quote-copy p {
  margin: 0 !important;
  max-width: 680px !important;
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}
.single-product .csi-inline-quote-btn,
.csi-inline-quote-btn {
  flex: 0 0 auto !important;
  min-width: 190px !important;
  min-height: 48px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
@media (max-width: 760px) {
  .single-product .csi-inline-quote-card,
  .csi-inline-quote-card {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 20px !important;
    gap: 16px !important;
  }
  .single-product .csi-inline-quote-btn,
  .csi-inline-quote-btn { width: 100% !important; min-width: 0 !important; }
}

/* v1.5.78: keep WPAT quote form canonical; importer only provides article spacing. */
.single-product .csi-inline-quote-form,
.csi-inline-quote-form {
  margin: 34px 0 30px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.single-product .csi-inline-quote-form:empty,
.csi-inline-quote-form:empty { display: none !important; }

/* v1.5.30: normalize hero spec value typography */
.single-product .csi-spec-card .csi-inline-spec strong,
.csi-spec-card .csi-inline-spec strong,
.single-product .csi-hero-media-stack .csi-spec-card .csi-inline-spec strong,
.csi-hero-media-stack .csi-spec-card .csi-inline-spec strong {
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}


/* v1.5.78: quote CTA launcher is independent from embedded content forms. */

/* v1.5.47: compact SEO/internal-link fallback row before FAQ. */
.csi-product-content .csi-auto-internal-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0 8px;
  margin:18px 0 12px;
  font-size:14px;
  line-height:1.6;
  color:#475569;
}
.csi-product-content .csi-auto-internal-links span:first-child{font-weight:500;color:#334155}
.csi-product-content .csi-auto-internal-links .csi-link-sep{color:#94a3b8}
.csi-product-content .csi-auto-internal-links a.csi-internal-link{font-weight:600;color:#4338ca;text-decoration-thickness:1px;text-underline-offset:3px}


/* v1.5.53: professional real-world use case timeline */
.single-product .csi-content-card ol.csi-workflow-steps,
.csi-content-card ol.csi-workflow-steps {
  position: relative !important;
  display: grid !important;
  gap: 20px !important;
  max-width: 880px !important;
  margin: 4px 0 38px !important;
  padding: 0 0 0 34px !important;
  border: 0 !important;
  border-left: 1px solid #e6edf5 !important;
  list-style: none !important;
  counter-reset: none !important;
}
.single-product .csi-content-card ol.csi-workflow-steps::before,
.csi-content-card ol.csi-workflow-steps::before {
  display: none !important;
}
.single-product .csi-content-card ol.csi-workflow-steps > li,
.csi-content-card ol.csi-workflow-steps > li {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 0 22px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1.62 !important;
  counter-increment: none !important;
}
.single-product .csi-content-card ol.csi-workflow-steps > li::before,
.csi-content-card ol.csi-workflow-steps > li::before {
  content: '' !important;
  position: absolute !important;
  left: -40px !important;
  top: 7px !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: radial-gradient(circle at center, #1d4f8f 0 2.2px, transparent 2.4px), #ffffff !important;
  border: 1px solid #cbd7e6 !important;
  box-shadow: 0 0 0 3px #f6f9fc !important;
}
.single-product .csi-content-card ol.csi-workflow-steps > li::after,
.csi-content-card ol.csi-workflow-steps > li::after {
  content: none !important;
}
.single-product .csi-content-card ol.csi-workflow-steps > li > strong,
.csi-content-card ol.csi-workflow-steps > li > strong {
  display: block !important;
  margin: 0 0 6px !important;
  color: #142033 !important;
  font-size: 15.5px !important;
  font-weight: 650 !important;
  letter-spacing: -0.004em !important;
}
.single-product .csi-content-card ol.csi-workflow-steps > li > span,
.csi-content-card ol.csi-workflow-steps > li > span {
  display: block !important;
  max-width: 720px !important;
  color: #4f6077 !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
}
@media (max-width: 820px) {
  .single-product .csi-content-card ol.csi-workflow-steps,
  .csi-content-card ol.csi-workflow-steps {
    padding-left: 28px !important;
  }
  .single-product .csi-content-card ol.csi-workflow-steps > li::before,
  .csi-content-card ol.csi-workflow-steps > li::before {
    left: -34px !important;
  }
}

/* v1.5.54: deterministic enterprise use-case generation, single-column list */
.single-product .csi-content-card ol.csi-workflow-steps,
.csi-content-card ol.csi-workflow-steps {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  max-width: 880px !important;
  margin: 8px 0 38px !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}
.single-product .csi-content-card ol.csi-workflow-steps > li,
.csi-content-card ol.csi-workflow-steps > li {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 17px 18px 17px 52px !important;
  border: 1px solid #dbe7f3 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
  line-height: 1.6 !important;
}
.single-product .csi-content-card ol.csi-workflow-steps > li::before,
.csi-content-card ol.csi-workflow-steps > li::before {
  content: '' !important;
  position: absolute !important;
  left: 18px !important;
  top: 21px !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 999px !important;
  background: radial-gradient(circle at center, #0f7b65 0 3px, transparent 3.2px), #effaf6 !important;
  border: 1px solid #bdebdc !important;
  box-shadow: none !important;
}
.single-product .csi-content-card ol.csi-workflow-steps > li > strong,
.csi-content-card ol.csi-workflow-steps > li > strong {
  display: block !important;
  margin: 0 0 5px !important;
  color: #142033 !important;
  font-size: 15.5px !important;
  font-weight: 650 !important;
  letter-spacing: -0.004em !important;
}
.single-product .csi-content-card ol.csi-workflow-steps > li > span,
.csi-content-card ol.csi-workflow-steps > li > span {
  display: block !important;
  max-width: 760px !important;
  color: #4f6077 !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
}

/* v1.5.81: reliable quote CTA fallback wrapper; WPAT remains owner of form UI. */
.csi-quote-launcher-modal[hidden] { display: none !important; }
.csi-quote-launcher-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
}
.csi-quote-launcher-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(15, 23, 42, .48) !important;
}
.csi-quote-launcher-panel {
  position: relative !important;
  z-index: 1 !important;
  width: min(720px, 100%) !important;
  max-height: min(88vh, 820px) !important;
  overflow: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.csi-quote-launcher-close {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 3 !important;
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #334155 !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.csi-quote-launcher-close:hover,
.csi-quote-launcher-close:focus-visible {
  background: transparent !important;
  border: 0 !important;
  color: #0f172a !important;
  outline: none !important;
}
.csi-quote-launcher-body { width: 100% !important; }
html.csi-quote-modal-open,
html.csi-quote-modal-open body { overflow: hidden !important; }
@media (max-width: 640px) {
  .csi-quote-launcher-modal { padding: 14px !important; align-items: start !important; padding-top: 24px !important; }
  .csi-quote-launcher-panel { max-height: calc(100vh - 48px) !important; }
}


/* v1.5.81: soften only the importer CTA fallback quote popup shell; inline WPAT forms remain untouched. */
.csi-quote-launcher-modal .wpat-form-template--quote,
.csi-quote-launcher-modal .wpat-form,
.csi-quote-launcher-modal form[class*="wpat"] {
  box-shadow: 0 14px 34px rgba(15, 23, 42, .10) !important;
  border-color: rgba(148, 163, 184, .26) !important;
}
.csi-quote-launcher-modal .wpat-form-template--quote::before,
.csi-quote-launcher-modal .wpat-form-template--quote::after,
.csi-quote-launcher-modal .wpat-form::before,
.csi-quote-launcher-modal .wpat-form::after {
  box-shadow: none !important;
}


/* v1.5.82: flatten embedded WPAT quote form inside generated product content and soften helper text.
   Scope is intentionally limited to the importer-rendered inline quote form only. */
.single-product .csi-inline-quote-form .wpat-form-template--quote,
.single-product .csi-inline-quote-form .wpat-form,
.single-product .csi-inline-quote-form form[class*="wpat"],
.csi-inline-quote-form .wpat-form-template--quote,
.csi-inline-quote-form .wpat-form,
.csi-inline-quote-form form[class*="wpat"] {
  box-shadow: none !important;
}
.single-product .csi-inline-quote-form .wpat-form-template--quote::before,
.single-product .csi-inline-quote-form .wpat-form-template--quote::after,
.single-product .csi-inline-quote-form .wpat-form::before,
.single-product .csi-inline-quote-form .wpat-form::after,
.csi-inline-quote-form .wpat-form-template--quote::before,
.csi-inline-quote-form .wpat-form-template--quote::after,
.csi-inline-quote-form .wpat-form::before,
.csi-inline-quote-form .wpat-form::after {
  box-shadow: none !important;
}
.single-product .csi-inline-quote-form .wpat-form-template--quote p,
.single-product .csi-inline-quote-form .wpat-form .wpat-form-note,
.single-product .csi-inline-quote-form .wpat-form .wpat-form-footer,
.single-product .csi-inline-quote-form .wpat-form [class*="note"],
.single-product .csi-inline-quote-form .wpat-form [class*="helper"],
.single-product .csi-inline-quote-form .wpat-form [class*="hint"],
.csi-inline-quote-form .wpat-form-template--quote p,
.csi-inline-quote-form .wpat-form .wpat-form-note,
.csi-inline-quote-form .wpat-form .wpat-form-footer,
.csi-inline-quote-form .wpat-form [class*="note"],
.csi-inline-quote-form .wpat-form [class*="helper"],
.csi-inline-quote-form .wpat-form [class*="hint"] {
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: #64748b !important;
}


/* v1.6.491: audience list — Style 1 (grid + check icon, teal). PHP injects explicit
   <span.csi-audience-check> + <div.csi-audience-body>{role, reason}. */
.csi-content-card ul.csi-audience-list {
  max-width: 940px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0 34px;
  padding: 0;
  list-style: none;
  border: 0;
  background: transparent;
}
.csi-content-card ul.csi-audience-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid #e5e7f1;
  border-radius: 12px;
  background: #fbfbfe;
  color: #101830;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.csi-content-card ul.csi-audience-list li:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(79, 70, 229, .12);
  border-color: #b9e1d3;
  background: #fff;
}
/* Hide the inherited generic dot — we render our own icon. */
.csi-content-card ul.csi-audience-list li::before {
  display: none;
  content: none;
}
.csi-content-card ul.csi-audience-list .csi-audience-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #e3f3ee;
  color: #4f46e5;
  margin-top: 1px;
}
.csi-content-card ul.csi-audience-list .csi-audience-check svg {
  width: 14px;
  height: 14px;
  display: block;
}
.csi-content-card ul.csi-audience-list .csi-audience-body {
  flex: 1 1 auto;
  min-width: 0;
}
.csi-content-card ul.csi-audience-list .csi-audience-body > .csi-audience-role {
  display: block;
  margin: 0 0 2px;
  font-weight: 400;
  color: #0b1330;
}
.csi-content-card ul.csi-audience-list .csi-audience-body > .csi-audience-reason {
  display: block;
  color: #475070;
  font-size: 14px;
}

@media (max-width: 640px) {
  .csi-content-card ul.csi-audience-list { grid-template-columns: 1fr; gap: 10px; }
}


/* v1.6.494: feature list — plain single-column list with small teal check bullet. */
.csi-content-card .csi-feature-list {
  max-width: 940px;
  margin: 16px 0 30px;
  /* v1.6.510: indent list so bullets sit inside the section, not flush with heading */
  padding: 0 0 0 18px;
  list-style: none;
  border: 0;
  background: transparent;
}
.csi-content-card .csi-feature-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 5px 0;
  border: 0;
  background: transparent;
  color: #101830;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
}
.csi-content-card .csi-feature-list li::before {
  display: none;
  content: none;
}
/* v1.6.495: small teal dot bullet (replaces ✓ glyph). The injected ✓ char inside the span
   is hidden via font-size:0; the dot is drawn by the span's background. */
.csi-content-card .csi-feature-list .csi-feature-check {
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4f46e5;
  color: transparent;
  font-size: 0;
  line-height: 0;
  margin-top: 11px;
}
.csi-content-card .csi-feature-list .csi-feature-text {
  flex: 1 1 auto;
  min-width: 0;
}


/* v1.6.151: technical spec icon render hardening for regenerated and legacy content */
.single-product .csi-content-card .csi-tech-specs,
.csi-content-card .csi-tech-specs {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
.single-product .csi-content-card .csi-tech-spec,
.csi-content-card .csi-tech-spec {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}
.single-product .csi-content-card .csi-tech-icon,
.csi-content-card .csi-tech-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 10px !important;
  border: 1px solid #e6ebf2 !important;
  background: #f7f9fc !important;
  color: #64748b !important;
  position: relative !important;
}
.single-product .csi-content-card .csi-tech-icon::before,
.csi-content-card .csi-tech-icon::before {
  content: "" !important;
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  background-color: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

/* v1.6.302: production publisher density tuning */
.single-product .csi-content-card .csi-dense-list,
.csi-content-card .csi-dense-list {
  margin: 12px 0 22px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}
.single-product .csi-content-card .csi-dense-list li,
.csi-content-card .csi-dense-list li {
  position: relative;
  padding: 10px 12px 10px 32px;
  border: 1px solid rgba(15, 23, 42, .09);
  border-radius: 10px;
  background: #fff;
  color: #334155;
  line-height: 1.55;
}
.single-product .csi-content-card .csi-dense-list li::before,
.csi-content-card .csi-dense-list li::before {
  content: '';
  position: absolute;
  left: 14px;
  top: 18px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #4f46e5;
}
.single-product .csi-content-card .csi-use-case-list,
.csi-content-card .csi-use-case-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 760px) {
  .single-product .csi-content-card .csi-use-case-list,
  .csi-content-card .csi-use-case-list {
    grid-template-columns: 1fr;
  }
}

/* v1.6.305 semantic section planner: dynamic source-backed sections */
.csi-semantic-section{margin:28px 0;padding:0;border-top:1px solid rgba(15,23,42,.08);padding-top:22px}
.csi-semantic-section h2{margin:0 0 12px;font-size:clamp(20px,2vw,26px);line-height:1.25;color:#0f172a}
.csi-semantic-section p{margin:0 0 12px;color:#334155;line-height:1.72}
.csi-semantic-section-list{margin:10px 0 0;padding-left:20px;display:grid;gap:8px;color:#334155}
.csi-semantic-media-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.csi-semantic-media-links a{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(79, 70, 229,.22);background:#f8fbff;border-radius:10px;padding:9px 12px;text-decoration:none;font-weight:700;color:#4338ca}

/* v1.6.306 dynamic section layout rhythm and media-aware slots */
.csi-semantic-section--step_cards .csi-semantic-step-cards{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.csi-semantic-step-cards li{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 0 rgba(15,23,42,.03)}
.csi-semantic-step-cards li>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:999px;background:#eef2ff;color:#4338ca;font-weight:800;font-size:13px}
.csi-semantic-step-cards p{margin:0!important;line-height:1.62;color:#334155}
.csi-semantic-section--spec_grid .csi-semantic-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.csi-semantic-spec-grid div{border:1px solid rgba(15,23,42,.08);background:#fbfdff;border-radius:12px;padding:12px 14px}
.csi-semantic-spec-grid span{display:block;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-weight:800;margin-bottom:5px}
.csi-semantic-spec-grid strong{display:block;font-size:14px;line-height:1.55;color:#0f172a;font-weight:600}
.csi-semantic-section--media_demo{border:1px solid rgba(79, 70, 229,.12);background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);border-radius:18px;padding:20px;margin:30px 0}
.csi-semantic-section--compact_note{background:#fff7ed;border:1px solid rgba(249,115,22,.12);border-radius:16px;padding:18px 20px}
.csi-semantic-section-list--compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;padding-left:18px}
@media (max-width:760px){.csi-semantic-section--step_cards .csi-semantic-step-cards,.csi-semantic-section--spec_grid .csi-semantic-spec-grid,.csi-semantic-section-list--compact{grid-template-columns:1fr}}

/* v1.6.308: publisher density + Vietnamese phrasing polish */
.csi-semantic-inline-summary {
  margin-top: 8px;
  padding: 12px 14px;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  background: #fbfdff;
  color: #334155;
}
.csi-semantic-section--narrative .csi-semantic-section-list,
.csi-semantic-section--capabilities .csi-semantic-section-list {
  display: block;
  padding-left: 18px;
}
.csi-semantic-section--narrative .csi-semantic-section-list li,
.csi-semantic-section--capabilities .csi-semantic-section-list li {
  margin: 6px 0;
}
.csi-semantic-section--spec_grid .csi-semantic-inline-summary {
  background: #fff;
}

/* v1.6.315: inline overview media with dedupe/cap, no standalone Demo & hình ảnh section */
.csi-content-card .csi-auto-overview-media{
  margin:18px 0 20px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.csi-content-card .csi-auto-overview-media-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.csi-content-card .csi-auto-overview-media-item{
  margin:0;
  border:1px solid #dbe5f0;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}
.csi-content-card .csi-auto-overview-media-item:first-child:nth-last-child(1){
  grid-column:1/-1;
}
.csi-content-card .csi-auto-overview-media-item img{
  display:block;
  width:100%;
  max-height:420px;
  height:auto;
  object-fit:cover;
  object-position:center top;
}
@media(max-width:760px){
  .csi-content-card .csi-auto-overview-media-grid{grid-template-columns:1fr;}
}


/* v1.6.317: preserved source images rendered as a controlled product visual strip */
.csi-content-card .csi-visual-examples-strip,
.csi-product-content .csi-visual-examples-strip{
  margin:28px 0 30px;
  padding-top:2px;
}
.csi-content-card .csi-visual-examples-strip h2,
.csi-product-content .csi-visual-examples-strip h2{
  margin:0 0 14px;
}
.csi-content-card .csi-visual-examples-grid,
.csi-product-content .csi-visual-examples-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.csi-content-card .csi-visual-example,
.csi-product-content .csi-visual-example{
  margin:0;
  border:1px solid #dbe5f0;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 1px 0 rgba(15,23,42,.03);
}
.csi-content-card .csi-visual-example img,
.csi-product-content .csi-visual-example img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  object-fit:cover;
}
@media(max-width:760px){
  .csi-content-card .csi-visual-examples-grid,
  .csi-product-content .csi-visual-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:520px){
  .csi-content-card .csi-visual-examples-grid,
  .csi-product-content .csi-visual-examples-grid{grid-template-columns:1fr;}
}

/* v1.7.24: render "Ứng dụng thực tế" (use_cases) as a plain bullet list with a small teal dot,
   matching "Tính năng nổi bật" — not a 2-col card grid. */
.single-product .csi-content-card .csi-use-case-list,
.csi-content-card .csi-use-case-list{display:block!important;grid-template-columns:none!important;margin:16px 0 30px!important;padding:0 0 0 18px!important;gap:0!important;list-style:none!important}
.single-product .csi-content-card .csi-use-case-list li,
.csi-content-card .csi-use-case-list li{display:block!important;position:relative!important;float:none!important;margin:0!important;padding:5px 0 5px 16px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;list-style:none!important;color:#101830!important;font-size:15.5px!important;line-height:1.66!important;font-weight:400!important}
.single-product .csi-content-card .csi-use-case-list li::before,
.csi-content-card .csi-use-case-list li::before{content:""!important;position:absolute!important;left:0!important;top:16px!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#4f46e5!important;display:block!important;margin:0!important;float:none!important}
.single-product .csi-content-card .csi-use-case-list li::after,
.csi-content-card .csi-use-case-list li::after{content:none!important;display:none!important}

/* v1.7.29: render "Đối tượng sử dụng phù hợp" (audience) as a single-column list with a small teal
   person icon bullet, matching the feature/use-case lists -- not a 2-col card grid. */
.single-product .csi-content-card ul.csi-audience-list,
.csi-content-card ul.csi-audience-list{display:block!important;grid-template-columns:none!important;margin:16px 0 30px!important;padding:0 0 0 18px!important;gap:0!important;list-style:none!important;max-width:none!important}
.single-product .csi-content-card ul.csi-audience-list li,
.csi-content-card ul.csi-audience-list li{display:block!important;position:relative!important;float:none!important;margin:0!important;padding:5px 0 5px 16px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;transform:none!important;list-style:none!important;color:#101830!important;font-size:15.5px!important;line-height:1.66!important;font-weight:400!important}
.single-product .csi-content-card ul.csi-audience-list li:hover,
.csi-content-card ul.csi-audience-list li:hover{transform:none!important;box-shadow:none!important;background:transparent!important;border:0!important;border-color:transparent!important}
.csi-content-card ul.csi-audience-list li strong{font-weight:400!important;color:#101830!important;font-size:15.5px!important;line-height:1.66!important;display:inline!important}
.single-product .csi-content-card ul.csi-audience-list li::before,
.csi-content-card ul.csi-audience-list li::before{content:""!important;position:absolute!important;left:0!important;top:16px!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#4f46e5!important;display:block!important;margin:0!important}

/* v1.7.34: tech-spec icon↔text gap was doubled (flex gap 16px + text margin-left 16px = 32px → too far). Collapse to 14px. */
.single-product .csi-content-card .csi-tech-spec,
.csi-content-card .csi-tech-spec{gap:14px!important;column-gap:14px!important}
.single-product .csi-content-card .csi-tech-text,
.csi-content-card .csi-tech-text{margin-left:0!important}


/* v1.7.35 — Sản phẩm liên quan card grid (replaces legacy "Tham khảo thêm" link row) */
.csi-content-card .csi-related-products{margin:34px 0 4px;padding-top:0;border-top:0}
.csi-related-heading{font-size:18px;font-weight:700;color:#101830;margin:0 0 16px;letter-spacing:-.01em}
.csi-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.csi-related-card{display:flex;align-items:center;gap:13px;padding:11px;border:1px solid #e7e9f0;border-radius:13px;background:#fff;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.csi-related-card:hover{border-color:#b7e3d6;box-shadow:0 6px 18px -10px rgba(79, 70, 229,.35);transform:translateY(-1px)}
.csi-related-thumb{flex:0 0 auto;width:60px;height:60px;border-radius:10px;overflow:hidden;background:#f4f5f8;display:flex;align-items:center;justify-content:center}
.csi-related-thumb-img{width:100%;height:100%;object-fit:cover;display:block}
.csi-related-thumb-ph{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#cdeee3,#e8f7f2)}
.csi-related-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}
.csi-related-cat{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#4f46e5}
.csi-related-title{font-size:14.5px;font-weight:600;line-height:1.35;color:#101830;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.csi-related-cta{flex:0 0 auto;margin-left:10px;display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:#4338ca;white-space:nowrap}
.csi-related-cta svg{width:14px;height:14px;flex:0 0 auto}
@media(max-width:560px){.csi-related-grid{grid-template-columns:1fr}}

/* v1.7.37 — FAQ accordion refinement: indigo chip toggle + hover/open accent */
.csi-inline-faq .csi-faq-list summary{ padding-left:38px !important; transition:color .15s ease !important; }
.csi-inline-faq .csi-faq-list summary:hover{ color:#4338ca !important; }
.csi-inline-faq .csi-faq-list summary::before{
  content:"+" !important; left:0 !important;
  width:24px !important; height:24px !important; min-width:24px !important; min-height:24px !important;
  border-radius:8px !important; background:#e8f7f2 !important; color:#4f46e5 !important;
  font-size:16px !important; font-weight:500 !important;
  top:50% !important; transform:translateY(-50%) !important;
  transition:background .15s ease,color .15s ease !important;
}
.csi-inline-faq .csi-faq-list summary:hover::before{ background:#cdeee3 !important; }
.csi-inline-faq .csi-faq-list details[open] summary{ color:#4338ca !important; }
.csi-inline-faq .csi-faq-list details[open] summary::before{
  content:"−" !important; background:#4f46e5 !important; color:#fff !important;
  transform:translateY(-50%) !important; font-size:16px !important;
}
.csi-inline-faq .csi-faq-list p{ margin-left:38px !important; }

/* v1.7.38 — FAQ card-style accordion (light theme): one card per Q, toggle on right, open=indigo accent */
.csi-inline-faq .csi-faq-list{ border-top:0 !important; }
.csi-inline-faq .csi-faq-list details{
  border:1px solid #e7e9f0 !important; border-radius:12px !important; background:#fff !important;
  margin-bottom:10px !important; overflow:hidden !important;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease !important;
}
.csi-inline-faq .csi-faq-list details:last-child{ margin-bottom:0 !important; border-bottom:1px solid #e7e9f0 !important; }
.csi-inline-faq .csi-faq-list details:hover{ border-color:#b7e3d6 !important; }
.csi-inline-faq .csi-faq-list summary{ padding:15px 18px !important; min-height:0 !important; gap:14px !important; }
.csi-inline-faq .csi-faq-list summary::before{
  position:static !important; order:2 !important; margin-left:auto !important; transform:none !important;
  left:auto !important; right:auto !important; top:auto !important;
  width:auto !important; height:auto !important; min-width:0 !important; min-height:0 !important;
  background:transparent !important; color:#94a3b8 !important; border-radius:0 !important;
  font-size:20px !important; font-weight:400 !important;
}
.csi-inline-faq .csi-faq-list summary:hover::before{ background:transparent !important; color:#4f46e5 !important; }
.csi-inline-faq .csi-faq-list details[open]{
  border-color:#b7e3d6 !important; background:#e8f7f2 !important; box-shadow:0 2px 8px -5px rgba(79, 70, 229,.20) !important;
}
.csi-inline-faq .csi-faq-list details[open] summary{ color:#4338ca !important; }
.csi-inline-faq .csi-faq-list details[open] summary::before{
  content:"−" !important; background:transparent !important; color:#4f46e5 !important; transform:none !important; font-size:20px !important;
}
.csi-inline-faq .csi-faq-list p{ margin:0 !important; padding:0 18px 16px !important; max-width:none !important; }
.csi-inline-faq .csi-faq-list code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important; font-size:.88em !important;
  background:#e8f7f2 !important; color:#4338ca !important; padding:2px 6px !important; border-radius:6px !important;
}

/* v1.7.42 — lighten FAQ: collapsed = minimal hairline (no box), only OPEN = soft teal card, no shadow */
.csi-inline-faq .csi-faq-list details{
  border:0 !important; border-bottom:1px solid #edf0f4 !important; border-radius:0 !important;
  background:transparent !important; box-shadow:none !important; margin-bottom:0 !important;
}
.csi-inline-faq .csi-faq-list details:last-child{ border-bottom:0 !important; }
.csi-inline-faq .csi-faq-list details:hover{ border-color:#edf0f4 !important; }
.csi-inline-faq .csi-faq-list details[open]{
  border:1px solid #d2ebe1 !important; border-radius:12px !important;
  background:#f4faf8 !important; box-shadow:none !important; margin:6px 0 !important;
}

/* v1.7.43 — boxed FAQ cards (like reference) but LIGHT: soft border, faint fill, spaced, no shadow */
.csi-inline-faq .csi-faq-list details{
  border:1px solid #ebeef2 !important; border-bottom:1px solid #ebeef2 !important; border-radius:12px !important;
  background:#fcfdfe !important; box-shadow:none !important; margin-bottom:8px !important;
}
.csi-inline-faq .csi-faq-list details:last-child{ border-bottom:1px solid #ebeef2 !important; margin-bottom:0 !important; }
.csi-inline-faq .csi-faq-list details:hover{ border-color:#dde2e9 !important; }
.csi-inline-faq .csi-faq-list details[open]{
  border:1px solid #d2ebe1 !important; border-bottom-color:#d2ebe1 !important; background:#f4faf8 !important;
  box-shadow:none !important; margin:8px 0 !important;
}

/* v1.7.45 — body image fidelity: no upscale, no crop. Small sources framed at natural size, centered. */
.csi-content-card .csi-auto-overview-media-item img{
  width:100%!important; height:auto!important; max-height:560px!important;
  object-fit:contain!important; object-position:center!important; background:#fff!important;
}
.csi-content-card .csi-auto-overview-media-item.csi-auto-media-small{
  margin-left:auto!important; margin-right:auto!important; background:#f8fafc!important;
}

/* v1.7.50 — open FAQ: tint only the QUESTION (summary); keep the ANSWER area white, all inside the card */
.csi-inline-faq .csi-faq-list details[open]{ background:#fff !important; }
.csi-inline-faq .csi-faq-list details[open] summary{ background:#f4faf8 !important; border-bottom:1px solid #e3f1ec !important; }
.csi-inline-faq .csi-faq-list details[open] p{ padding-top:14px !important; }


/* v1.7.56 — body image lightbox */
.csi-product-content .csi-auto-overview-media-item img,
.csi-product-content .csi-auto-image-slot img,
.csi-product-content .csi-auto-section-bridge-image img{ cursor:zoom-in; }
.csi-lightbox{ position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(8,14,24,.82); opacity:0; transition:opacity .18s ease; cursor:zoom-out; }
.csi-lightbox.is-open{ opacity:1; }
.csi-lightbox img{ max-width:min(1100px,95vw); max-height:92vh; width:auto; height:auto; border-radius:10px; box-shadow:0 24px 70px rgba(0,0,0,.5); cursor:default; }
.csi-lightbox-close{ position:absolute; top:18px; right:22px; width:40px; height:40px; border:0; border-radius:50%; background:rgba(255,255,255,.14); color:#fff; font-size:26px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.csi-lightbox-close:hover{ background:rgba(255,255,255,.26); }

/* v1.8.4 — upgrade options table on base product */
.csi-upgrade-options{ margin:30px 0 8px; }
.csi-upgrade-options h2{ margin:0 0 12px; }
.csi-upgrade-table{ width:100%; }
.csi-upgrade-table td:last-child, .csi-upgrade-table th:last-child{ text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.csi-upgrade-note{ margin:10px 0 0; font-size:13.5px; color:#475569; }


/* ===== Product comments ===== */
.csi-comments{width:100%;max-width:none;margin:36px 0 0;padding:0;}
.csi-comments__inner{background:#fff;border:1px solid #e6e8f0;border-radius:16px;padding:26px 28px;}
.csi-comments__title{font-size:20px;font-weight:800;color:#1e1b4b;margin:0 0 18px;}
.csi-comments__list{list-style:none;margin:0 0 26px;padding:0;}
.csi-comments__list .comment{padding:14px 0;border-bottom:1px solid #f0f1f6;}
.csi-comments__list .children{list-style:none;margin:8px 0 0 28px;padding:0;}
.csi-comments__list .comment-author{font-weight:700;color:#312e81;font-size:14px;}
.csi-comments__list .comment-author .says{display:none;}
.csi-comments__list .comment-meta{font-size:12px;color:#8a90a8;margin-bottom:4px;}
.csi-comments__list .comment-meta a{color:#8a90a8;text-decoration:none;}
.csi-comments__list .comment-content{font-size:14px;color:#33384a;line-height:1.6;}
.csi-comments__notes{font-size:12.5px;color:#8a90a8;margin:0 0 14px;}
.csi-comments .comment-form{display:flex;flex-direction:column;gap:12px;}
.csi-comments .comment-form p{margin:0;}
.csi-comments .comment-reply-title{font-size:16px;font-weight:700;color:#1e1b4b;margin:0 0 6px;}
.csi-comments .comment-form label{display:block;font-size:13px;font-weight:600;color:#3c3a66;margin-bottom:5px;}
.csi-comments .comment-form input[type=text],.csi-comments .comment-form input[type=email],.csi-comments .comment-form input[type=url],.csi-comments .comment-form textarea{width:100%;border:1px solid #dfe1ec;border-radius:10px;padding:10px 12px;font-size:14px;color:#16263a;background:#fff;box-sizing:border-box;font-family:inherit;}
.csi-comments .comment-form input:focus,.csi-comments .comment-form textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.12);}
.csi-comments .comment-form .form-submit{margin-top:4px;}
.csi-comments__submit,.csi-comments .comment-form input[type=submit]{background:#4f46e5;color:#fff;border:0;border-radius:10px;padding:11px 24px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease;}
.csi-comments__submit:hover,.csi-comments .comment-form input[type=submit]:hover{background:#3c34b7;}
@media(min-width:640px){.csi-comments .comment-form-author,.csi-comments .comment-form-email{display:inline-block;width:calc(50% - 6px);vertical-align:top;}.csi-comments .comment-form-author{margin-right:8px;}}