/* Liquid capsule surfaces reuse the existing category colors and fixed hit areas. */
body[data-page="region02"] .md-support-system .md-brochure-card__qms > span {
  position: relative;
  isolation: isolate;
  border-color: rgba(255,255,255,.65);
  border-left-color: var(--qms-area-color, #2f8eb6);
  background-color: color-mix(in srgb, var(--qms-area-color, #2f8eb6) 18%, transparent);
  background-image: linear-gradient(155deg, rgba(255,255,255,.94), rgba(255,255,255,.64) 42%, rgba(238,247,252,.42) 70%, rgba(255,255,255,.76));
  box-shadow: inset 0 1px 1px rgba(255,255,255,.9), inset 0 -1px 2px rgba(1,54,65,.12);
  backdrop-filter: blur(7px) saturate(1.25);
  -webkit-backdrop-filter: blur(7px) saturate(1.25);
  color: var(--pp-ink, #013641);
}
body[data-page="region02"] .md-support-system .md-card-topic-toggle {
  isolation: isolate;
  color: var(--pp-ink, #013641);
}
body[data-page="region02"] .md-support-system .md-card-topic-toggle::before {
  inset: 8px 12px;
  border: 1px solid rgba(255,255,255,.86);
  animation: md-topic-idle-pulse 3s ease-in-out infinite;
  background: linear-gradient(150deg, rgba(255,255,255,.96), rgba(238,247,252,.58) 45%, rgba(78,171,216,.32) 72%, rgba(255,255,255,.74));
  box-shadow: inset 0 1px 2px rgba(255,255,255,1), inset 0 -2px 3px rgba(1,54,65,.15), 0 2px 7px rgba(1,54,65,.14);
  backdrop-filter: blur(8px) saturate(1.35);
  -webkit-backdrop-filter: blur(8px) saturate(1.35);
  transition: transform 300ms ease, border-radius 300ms ease;
}
body[data-page="region02"] .md-support-system .md-card-topic-toggle::after {
  content: '';
  position: absolute;
  top: 10px;
  left: 27%;
  width: 46%;
  height: 6px;
  animation: md-topic-idle-pulse 3s ease-in-out infinite;
  border-radius: 50%;
  background: linear-gradient(rgba(255,255,255,.86), rgba(255,255,255,0));
  pointer-events: none;
}
body[data-page="region02"] .md-support-system .md-card-topic-toggle > span { z-index: 1; font-size: 18px; animation: md-topic-idle-pulse 3s ease-in-out infinite; }
body[data-page="region02"] .md-support-system .md-card-topic-toggle:is(:hover,:focus-visible)::before {
  background: linear-gradient(150deg, rgba(255,255,255,.98), rgba(238,247,252,.7) 45%, rgba(78,171,216,.42) 72%, rgba(255,255,255,.8));
}
@media (hover: hover) {
  body[data-page="region02"] .md-support-system .md-card-topic-toggle:hover::before {
    animation: md-topic-liquid-flow 3.6s ease-in-out infinite;
  }
  body[data-page="region02"] .md-support-system .md-card-topic-toggle:hover::after {
    animation: md-topic-liquid-sheen 3.6s ease-in-out infinite;
  }
  body[data-page="region02"] .md-support-system .md-card-topic-toggle:hover > span {
    animation: md-topic-liquid-dots 3.6s ease-in-out infinite;
  }
}
@media (max-width: 640px), (pointer: coarse) {
  body[data-page="region02"] .md-support-system .md-card-topic-toggle::before { inset:12px 16px; }
  body[data-page="region02"] .md-support-system .md-card-topic-toggle::after { top:14px; }
}
@keyframes md-topic-idle-pulse {
  0%,100% { opacity:1; }
  50% { opacity:.45; }
}
@keyframes md-topic-liquid-flow {
  0%,100% { transform: scale(1); border-radius: 52% 48% 49% 51% / 55% 52% 48% 45%; opacity: 1; }
  35% { transform: scale(1.06,.9); border-radius: 45% 55% 54% 46% / 49% 44% 56% 51%; opacity: .8; }
  70% { transform: scale(.96,1.04); border-radius: 55% 45% 46% 54% / 48% 56% 44% 52%; opacity: 1; }
}
@keyframes md-topic-liquid-sheen {
  0%,100% { transform: translateX(-2px) scaleX(.95); opacity: .85; }
  50% { transform: translateX(2px) scaleX(1.05); opacity: .45; }
}
@keyframes md-topic-liquid-dots {
  0%,100% { opacity: 1; transform: scale(1); }
  50% { opacity: .68; transform: scale(.94); }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="region02"] .md-support-system .md-card-topic-toggle::before,
  body[data-page="region02"] .md-support-system .md-card-topic-toggle::after,
  body[data-page="region02"] .md-support-system .md-card-topic-toggle > span {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1;
  }
}

/* Reuse the overview's eight sector paths and icon mapping in each card. */
body[data-page="region02"] .md-support-system .has-qms-flow .md-brochure-card__qms[hidden] {display:none;}
body[data-page="region02"] .md-support-system .md-card-support-heading {width:100%;min-height:0;padding-right:0;box-sizing:border-box;}
body[data-page="region02"] .md-support-system .has-qms-flow .md-card-support-heading h2 {font-size:18px;line-height:1.4;}
body[data-page="region02"] .md-support-system .has-qms-flow .md-brochure-card__topics {margin-top:var(--pp-space-2,8px);}
/* Standards: native vertical slot, three rows, no scrollbar or separate popup. */
body[data-page="region02"] .md-brochure-card .md-standards-slot {
  display:block;height:108px;min-height:108px;max-height:108px;box-sizing:border-box;
  padding:36px 0;margin:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;
  scroll-padding-block:36px;scrollbar-width:none;overscroll-behavior-y:contain;
  list-style:none;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);
}
body[data-page="region02"] .md-brochure-card .md-standards-slot::-webkit-scrollbar {display:none;}
body[data-page="region02"] .md-brochure-card .md-standards-slot > li {
  display:flex;align-items:center;justify-content:center;text-align:center;height:36px;min-height:36px;margin:0;padding:0 6px;
  font-size:15px;line-height:1.15;scroll-snap-align:center;scroll-snap-stop:always;
  transform:scale(.72);transform-origin:center center;opacity:.38;
  transition:transform .18s ease,opacity .18s ease;
}
body[data-page="region02"] .md-brochure-card .md-standards-slot > li::before {display:none;}
body[data-page="region02"] .md-brochure-card .md-standards-slot > li.is-slot-neighbor {transform:scale(.8);opacity:.58;}
body[data-page="region02"] .md-brochure-card .md-standards-slot > li.is-slot-current {transform:scale(1);opacity:1;}
body[data-page="region02"] .md-brochure-card .md-brochure-card__topics-hint {display:block;width:100%;margin:6px 0 0;text-align:center;font-size:10px;opacity:.7;}
@media(prefers-reduced-motion:reduce){body[data-page="region02"] .md-brochure-card .md-standards-slot > li {transition:none;}}

body[data-page="region02"] .md-support-system .has-qms-flow .md-brochure-card__visual {width:100%;min-height:320px;height:auto;aspect-ratio:auto;padding:24px 18px 72px;}
body[data-page="region02"] .md-support-system .md-card-support-heading {flex-shrink:0;}
body[data-page="region02"] .md-brochure-card .md-standards-slot {flex:0 0 108px;}
body[data-page="region02"] .md-brochure-card .md-brochure-card__topics-hint {flex-shrink:0;}

body[data-page="region02"] .md-support-system .has-qms-flow .md-brochure-card__photo {inset:0;height:100%;aspect-ratio:auto;}
body[data-page="region02"] .md-support-system .has-qms-flow .md-brochure-card__photo img {width:100%;height:100%;object-fit:cover;}
body[data-page="region02"] .md-brochure-card .md-standards-slot a {display:inline-flex;align-items:center;justify-content:center;min-height:34px;max-width:100%;}

/* Keep the consultation control inside the photo with a little more bottom space. */
body[data-page="region02"] .md-support-system .has-qms-flow .md-card-consult:not([open]) summary,
body[data-page="region02"] .md-support-system .has-qms-flow .md-card-consult[open] summary {top:-66px;}

/* Keep each label on one line, wrapping complete capsules within narrow cards. */
body[data-page="region02"] .md-support-system .md-card-support-flow {display:flex;flex-wrap:wrap;gap:var(--pp-space-1,4px);flex-shrink:0;width:100%;max-width:100%;min-width:0;min-height:28px;margin:var(--pp-space-3,12px) 0 var(--pp-space-2,8px);padding:0;list-style:none;}
body[data-page="region02"] .md-support-system .md-card-support-flow > li {display:flex;align-items:center;gap:calc(var(--pp-space-1,4px) / 2);flex:0 0 auto;margin:0;padding:0;line-height:1;}
body[data-page="region02"] .md-support-system .md-card-support-flow > li::before {content:none;}
body[data-page="region02"] .md-support-system .md-card-support-flow > li + li::before {content:none;}
body[data-page="region02"] .md-card-support-flow__capsule {display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:28px;padding:var(--pp-space-1,4px);border-radius:var(--pp-radius-pill,999px);background:var(--pp-qms-flow-color);color:var(--pp-ink);font-size:9px;font-weight:700;line-height:1.3;white-space:nowrap;text-shadow:none;box-sizing:border-box;}
body[data-page="region02"] .md-card-support-flow__capsule i {font-size:16px;line-height:1;}