/* Shared page styling. The approved diagrams and their motion are untouched. */
body.iso-signature .iso-page {
  --iso-ui-heading:#134d3b;
  --iso-ui-ink:#244e3b;
  --iso-ui-copy:#536b5e;
  --iso-ui-accent:#168e65;
  --iso-ui-line:#d5e8dd;
  --iso-ui-frame-line:#cbe3d5;
  --iso-ui-card:linear-gradient(145deg,#fff 12%,#f5fbf7);
  --iso-ui-frame:linear-gradient(145deg,#f8fcfa 0%,#edf8f2 100%);
  --iso-ui-card-shadow:inset 0 2px 0 #fff,0 3px 0 -1px #d7e8de,0 17px 30px -22px rgba(22,83,50,.24);
  --iso-ui-frame-shadow:inset 0 2px 0 rgba(255,255,255,.95),0 4px 0 -2px #d9eae0,0 28px 56px -39px rgba(22,83,50,.28);
  --iso-ui-radius:24px;
  --iso-ui-small-radius:16px;
  background:#f7fbf9;
}

/* Use the same quiet section field without changing any diagram geometry. */
body.iso-signature .iso-page > :is(#consulting,#quality-improvement,#verification,#documents) {
  background:#f7fbf9 !important;
  padding-top:clamp(72px,7vw,112px) !important;
  padding-bottom:clamp(72px,7vw,112px) !important;
}
body.iso-signature .iso-page > :is(#consulting,#quality-improvement,#verification,#documents)::before {
  background:linear-gradient(180deg,#f7fbf9,#f0f8f4 52%,#f7fbf9) !important;
}
body.iso-signature .iso-page :is(#consulting-web-title,#quality-web-title,#performance-web-title,#system-web-title) {
  color:var(--iso-ui-heading) !important;
  font-size:clamp(36px,3.8vw,56px) !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:-.035em !important;
  text-shadow:none !important;
}

/* Shared surfaces: outer frames, content cards and compact supporting cards. */
body.iso-signature .iso-page :is(#consulting,#verification,#documents) :is(.iso-consulting-web,.iso-performance-web,.iso-system-web) {
  border-color:var(--iso-ui-frame-line) !important;
  border-radius:36px !important;
  background:var(--iso-ui-frame) !important;
  box-shadow:var(--iso-ui-frame-shadow) !important;
}
body.iso-signature .iso-page #quality-improvement .iso-quality-cycle-card {
  border-color:var(--iso-ui-frame-line) !important;
  border-radius:var(--iso-ui-radius) !important;
  box-shadow:var(--iso-ui-frame-shadow) !important;
}
body.iso-signature .iso-page :is(#quality-improvement,#verification,#documents) :is(.iso-quality-table,.iso-quality-execution,.iso-performance-matrix section,.iso-system-card) {
  border-color:var(--iso-ui-line) !important;
  border-radius:var(--iso-ui-radius) !important;
  background:var(--iso-ui-card) !important;
  box-shadow:var(--iso-ui-card-shadow) !important;
}
body.iso-signature .iso-page #consulting .iso-consulting-steps li,
body.iso-signature .iso-page #verification .iso-performance-input li {
  border-color:var(--iso-ui-line) !important;
  border-radius:var(--iso-ui-small-radius) !important;
  background:var(--iso-ui-card) !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 0 -1px #dbece1,0 10px 20px -16px rgba(22,83,50,.24) !important;
}
body.iso-signature .iso-page #verification .iso-performance-input {
  border-color:var(--iso-ui-line) !important;
  border-radius:var(--iso-ui-radius) !important;
  background:var(--iso-ui-frame) !important;
  box-shadow:var(--iso-ui-card-shadow) !important;
}
body.iso-signature .iso-page #verification .iso-performance-value,
body.iso-signature .iso-page #documents .iso-system-chain {
  border-color:var(--iso-ui-line) !important;
  border-radius:var(--iso-ui-radius) !important;
  background:#fff !important;
  box-shadow:var(--iso-ui-card-shadow) !important;
}

/* Three text levels, applied only to the reading panels around the artwork. */
body.iso-signature .iso-page #quality-improvement .iso-quality-table h3,
body.iso-signature .iso-page #verification .iso-performance-matrix h3,
body.iso-signature .iso-page #documents .iso-system-card h3 {
  color:var(--iso-ui-heading) !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
}
body.iso-signature .iso-page #consulting .iso-consulting-steps strong,
body.iso-signature .iso-page #verification .iso-performance-input li > span,
body.iso-signature .iso-page #quality-improvement .iso-quality-table li strong {
  color:var(--iso-ui-ink) !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.55 !important;
  letter-spacing:0 !important;
}
body.iso-signature .iso-page #consulting .iso-consulting-steps small,
body.iso-signature .iso-page #verification .iso-performance-input small,
body.iso-signature .iso-page #verification .iso-performance-matrix li span,
body.iso-signature .iso-page #verification .iso-performance-value > span,
body.iso-signature .iso-page #quality-improvement .iso-quality-table li > span,
body.iso-signature .iso-page #quality-improvement .iso-quality-execution small,
body.iso-signature .iso-page #documents .iso-system-chain span {
  color:var(--iso-ui-copy) !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.7 !important;
}
body.iso-signature .iso-page #documents .iso-system-card p {
  color:var(--iso-ui-copy) !important;
  line-height:1.8 !important;
}
body.iso-signature .iso-page #quality-improvement .iso-quality-table > header > span,
body.iso-signature .iso-page #verification .iso-performance-matrix header i {
  border:1px solid var(--iso-ui-line) !important;
  background:#e7f5ed !important;
  color:#286d4d !important;
  font-size:11px !important;
  font-weight:500 !important;
}

/* Keep the consulting selection and each module's existing animations. */
body.iso-signature .iso-page #consulting .iso-consulting-steps li.is-active {
  border-color:#a8d8bf !important;
  background:linear-gradient(145deg,#effaf4,#d7f0e3) !important;
  box-shadow:inset 0 1px 0 #fff,0 3px 0 -1px #c9e6d6,0 14px 24px -18px rgba(22,110,68,.3) !important;
}
body.iso-signature .iso-page #consulting .iso-consulting-steps li:focus-visible {
  outline:2px solid var(--iso-ui-accent) !important;
  outline-offset:3px;
}
@media (hover:hover) and (pointer:fine) {
  body.iso-signature .iso-page #consulting .iso-consulting-steps li:hover,
  body.iso-signature .iso-page #verification .iso-performance-input li:hover,
  body.iso-signature .iso-page #verification .iso-performance-matrix section:hover,
  body.iso-signature .iso-page #documents .iso-system-card:hover {
    border-color:#b8dbc8 !important;
    box-shadow:inset 0 2px 0 #fff,0 3px 0 -1px #cde5d6,0 20px 32px -22px rgba(22,83,50,.3) !important;
  }
}
@media (max-width:650px) {
  body.iso-signature .iso-page { --iso-ui-radius:20px;--iso-ui-small-radius:14px; }
  body.iso-signature .iso-page :is(#consulting-web-title,#quality-web-title,#performance-web-title,#system-web-title) {
    font-size:clamp(29px,7vw,38px) !important;
    line-height:1.25 !important;
  }
  body.iso-signature .iso-page :is(#consulting,#verification,#documents) :is(.iso-consulting-web,.iso-performance-web,.iso-system-web) {
    border-radius:26px !important;
  }
}

/* Subtle typographic depth: stronger for display text, quieter for card labels. */
body.iso-signature .iso-page :is(#consulting-web-title,#quality-web-title,#performance-web-title,#system-web-title) {
  text-shadow:
    0 1px 0 #b8d5c6,
    0 2px 0 rgba(44,102,74,.2),
    0 5px 9px rgba(28,82,53,.11) !important;
}
body.iso-signature .iso-page #consulting .iso-consulting-ring-core strong,
body.iso-signature .iso-page #quality-improvement .iso-quality-cycle-core b {
  text-shadow:
    0 1px 0 rgba(237,255,246,.85),
    0 2px 1px rgba(31,95,66,.16),
    0 4px 7px rgba(27,91,60,.1) !important;
}
body.iso-signature .iso-page #verification .iso-performance-core strong {
  text-shadow:
    0 1px 0 rgba(10,65,44,.48),
    0 2px 1px rgba(8,55,37,.24),
    0 4px 7px rgba(0,47,29,.15) !important;
}
body.iso-signature .iso-page #quality-improvement .iso-quality-table h3,
body.iso-signature .iso-page #quality-improvement .iso-quality-cycle-card-head strong,
body.iso-signature .iso-page #quality-improvement .iso-quality-execution-copy > strong,
body.iso-signature .iso-page #verification .iso-performance-matrix h3,
body.iso-signature .iso-page #documents .iso-system-card h3 {
  text-shadow:0 1px 0 #fff,0 2px 3px rgba(33,85,56,.1) !important;
}
body.iso-signature .iso-page #consulting .iso-consulting-steps strong,
body.iso-signature .iso-page #verification .iso-performance-input li > span {
  text-shadow:0 1px 0 rgba(255,255,255,.9) !important;
}
/* Supporting copy stays flat, including small text nested inside a title span. */
body.iso-signature .iso-page #consulting .iso-consulting-steps small,
body.iso-signature .iso-page #verification .iso-performance-input small {
  text-shadow:none !important;
}
@media (max-width:650px) {
  body.iso-signature .iso-page :is(#consulting-web-title,#quality-web-title,#performance-web-title,#system-web-title) {
    text-shadow:0 1px 0 #c7dfd2,0 3px 5px rgba(28,82,53,.1) !important;
  }
}