@layer controls {

  /* Page-specific rebuilt overrides for for-marketing-devrel */
   .fmd-rebuilt-page {

    /* Reserved for page-specific overrides only. Shared rebuilt logic now lives in design-tokens.css + rebuilt-standard.css */

  }

}


/* v704: premium large support block for Marketing & DevRel */
.mdr-support-shell {
  margin-top: 28px;
  margin-bottom: 28px;
}

.mdr-support-frame {
  position: relative;
  overflow: hidden;
  padding: clamp(32px, 4vw, 52px);
  border-radius: 38px;
  background:
    radial-gradient(circle at top left, rgba(226,236,250,0.96), transparent 34%),
    radial-gradient(circle at 85% 14%, rgba(86,110,140,0.18), transparent 24%),
    linear-gradient(180deg, rgba(248,250,255,0.98) 0%, rgba(237,244,251,0.98) 100%);
  border: 1px solid rgba(86,110,140,0.18);
  box-shadow:
    0 28px 80px rgba(69,96,129,0.10),
    inset 0 1px 0 rgba(255,255,255,0.75);
}

.mdr-support-frame::before,
.mdr-support-frame::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

.mdr-support-frame::before {
  width: 440px;
  height: 440px;
  right: -180px;
  top: -180px;
  background: radial-gradient(circle, rgba(86,110,140,0.16) 0%, rgba(86,110,140,0) 70%);
}

.mdr-support-frame::after {
  width: 360px;
  height: 360px;
  left: -120px;
  bottom: -150px;
  background: radial-gradient(circle, rgba(226,236,250,0.9) 0%, rgba(226,236,250,0) 72%);
}

.mdr-support-topline,
.mdr-support-head,
.mdr-support-hero-grid,
.mdr-support-zones,
.mdr-support-footer {
  position: relative;
  z-index: 1;
}

.mdr-support-topline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-bottom: 18px;
}

.mdr-support-topline span,
.mdr-support-tags span,
.mdr-support-core-points span,
.mdr-support-footer-tags span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(86,110,140,0.16);
  box-shadow: 0 12px 28px rgba(86,110,140,0.08);
  font-size: 0.82rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #3b5470;
}

.mdr-support-head {
  max-width: 980px;
  margin: 0 auto 34px;
  text-align: center;
}

.mdr-support-title {
  max-width: 980px;
  margin: 0 auto 16px;
  font-size: clamp(2.5rem, 4.8vw, 4.5rem);
  line-height: 0.96;
  letter-spacing: -0.06em;
  color: #17324f;
}

.mdr-support-summary {
  max-width: 980px;
  margin: 0 auto;
  font-size: 1.08rem;
  line-height: 1.75;
  color: #38516c;
}

.mdr-support-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 22px;
}

.mdr-support-hero-grid {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(320px, 1.15fr) minmax(240px, 1fr);
  gap: 22px;
  align-items: stretch;
  margin-bottom: 24px;
}

.mdr-support-rail,
.mdr-support-zone,
.mdr-support-footer {
  border: 1px solid rgba(86,110,140,0.16);
  box-shadow:
    0 22px 55px rgba(86,110,140,0.10),
    inset 0 1px 0 rgba(255,255,255,0.55);
}

.mdr-support-rail {
  padding: 24px;
  border-radius: 28px;
  background: rgba(248,250,255,0.82);
}

.mdr-support-rail-right {
  background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(226,236,250,0.82));
}

.mdr-support-rail-label,
.mdr-support-zone-label,
.mdr-support-footer-label,
.mdr-support-core-kicker {
  font-size: 0.76rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #5a7595;
  margin-bottom: 14px;
  font-weight: 600;
}

.mdr-support-rail h3,
.mdr-support-core-panel h3,
.mdr-support-zone h3 {
  margin: 0 0 14px;
  color: #17324f;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.mdr-support-rail h3 {
  font-size: clamp(1.35rem, 2vw, 1.8rem);
}

.mdr-support-rail p,
.mdr-support-core-panel p,
.mdr-support-zone-note,
.mdr-support-footer p {
  color: #3f5974;
  line-height: 1.72;
}

.mdr-support-rail ul {
  margin: 18px 0 0;
  padding-left: 18px;
  color: #264564;
  line-height: 1.8;
}

.mdr-support-core {
  position: relative;
  min-height: 100%;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(86,110,140,0.96), rgba(49,73,98,0.96));
  padding: 28px;
  overflow: hidden;
  box-shadow: 0 32px 80px rgba(51,71,93,0.22);
}

.mdr-support-core-ring {
  position: absolute;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 50%;
}

.mdr-support-core-ring-1 {
  width: 430px;
  height: 430px;
  top: -130px;
  left: 50%;
  transform: translateX(-50%);
}

.mdr-support-core-ring-2 {
  width: 310px;
  height: 310px;
  bottom: -120px;
  right: -40px;
}

.mdr-support-core-panel {
  position: relative;
  z-index: 1;
  min-height: 100%;
  border-radius: 28px;
  padding: 28px;
  background: linear-gradient(180deg, rgba(226,236,250,0.16), rgba(248,250,255,0.10));
  border: 1px solid rgba(255,255,255,0.14);
  backdrop-filter: blur(10px);
}

.mdr-support-core-kicker,
.mdr-support-core-panel h3,
.mdr-support-core-panel p,
.mdr-support-core-points span {
  color: #f8faff;
}

.mdr-support-core-panel h3 {
  font-size: clamp(1.7rem, 2.6vw, 2.4rem);
}

.mdr-support-core-panel p {
  font-size: 1rem;
  line-height: 1.76;
  opacity: 0.96;
}

.mdr-support-core-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.mdr-support-core-points span {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.16);
  box-shadow: none;
}

.mdr-support-zones {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 10px;
}

.mdr-support-zone {
  border-radius: 26px;
  padding: 24px;
  background: rgba(255,255,255,0.80);
}

.mdr-support-zone-review,
.mdr-support-zone-policy,
.mdr-support-zone-release {
  background: linear-gradient(180deg, rgba(248,250,255,0.92), rgba(237,244,251,0.92));
}

.mdr-support-zone-scoring,
.mdr-support-zone-dashboard,
.mdr-support-zone-correction {
  background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(226,236,250,0.72));
}

.mdr-support-zone ul {
  margin: 16px 0 0;
  padding-left: 18px;
  color: #264564;
  line-height: 1.76;
  display: grid;
  gap: 6px;
}

.mdr-support-zone-note {
  margin: 16px 0 0;
  padding-top: 14px;
  border-top: 1px solid rgba(86,110,140,0.12);
}

.mdr-support-footer {
  margin-top: 18px;
  border-radius: 28px;
  padding: 24px 26px 26px;
  background: linear-gradient(135deg, rgba(29,52,77,0.96), rgba(86,110,140,0.94));
}

.mdr-support-footer-label,
.mdr-support-footer p,
.mdr-support-footer-tags span {
  color: #f8faff;
}

.mdr-support-footer p {
  max-width: 980px;
  margin: 0;
  font-size: 1.04rem;
}

.mdr-support-footer-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.mdr-support-footer-tags span {
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.14);
  box-shadow: none;
}

@media (max-width: 1100px) {
  .mdr-support-hero-grid {
    grid-template-columns: 1fr;
  }

  .mdr-support-zones {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .mdr-support-frame {
    padding: 22px;
    border-radius: 28px;
  }

  .mdr-support-title {
    font-size: clamp(2rem, 10vw, 3rem);
  }

  .mdr-support-core,
  .mdr-support-core-panel,
  .mdr-support-zone,
  .mdr-support-rail,
  .mdr-support-footer {
    border-radius: 22px;
  }
}


/* v705: flagship luxury support surface for Marketing & DevRel */
.mdr-support-shell {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mdr-support-frame.mdr-flagship-frame {
  position: relative;
  overflow: hidden;
  padding: clamp(30px, 3.4vw, 46px);
  border-radius: 40px;
  background:
    radial-gradient(circle at 10% 8%, rgba(255,255,255,0.9), transparent 18%),
    radial-gradient(circle at 85% 12%, rgba(86,110,140,0.20), transparent 22%),
    radial-gradient(circle at 18% 86%, rgba(226,236,250,0.95), transparent 24%),
    linear-gradient(180deg, rgba(248,250,255,0.99) 0%, rgba(237,244,251,0.985) 54%, rgba(231,239,250,0.98) 100%);
  border: 1px solid rgba(86,110,140,0.17);
  box-shadow:
    0 34px 100px rgba(49,72,99,0.12),
    inset 0 1px 0 rgba(255,255,255,0.9),
    inset 0 0 0 1px rgba(255,255,255,0.32);
}

.mdr-flagship-frame::before,
.mdr-flagship-frame::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

.mdr-flagship-frame::before {
  width: 560px;
  height: 560px;
  right: -220px;
  top: -220px;
  background: radial-gradient(circle, rgba(86,110,140,0.18) 0%, rgba(86,110,140,0) 72%);
}

.mdr-flagship-frame::after {
  width: 520px;
  height: 520px;
  left: -220px;
  bottom: -240px;
  background: radial-gradient(circle, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0) 76%);
}

.mdr-flagship-topline,
.mdr-flagship-head,
.mdr-flagship-command-grid,
.mdr-flagship-modules-grid,
.mdr-flagship-footer {
  position: relative;
  z-index: 1;
}

.mdr-flagship-topline {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 18px;
}

.mdr-flagship-topline span,
.mdr-flagship-core-mini-tags span,
.mdr-flagship-core-band span,
.mdr-flagship-footer-tags span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(86,110,140,0.16);
  background: rgba(255,255,255,0.78);
  box-shadow: 0 12px 28px rgba(86,110,140,0.08);
  font-size: 0.80rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #3c5571;
}

.mdr-flagship-head {
  max-width: 1040px;
  margin: 0 auto 28px;
  text-align: center;
}

.mdr-flagship-title {
  max-width: 1020px;
  margin: 0 auto 14px;
  font-size: clamp(2.7rem, 5vw, 4.95rem);
  line-height: 0.95;
  letter-spacing: -0.067em;
  color: #17324f;
}

.mdr-flagship-summary {
  max-width: 980px;
  margin: 0 auto;
  font-size: 1.08rem;
  line-height: 1.82;
  color: #3b5672;
}

.mdr-flagship-command-grid {
  display: grid;
  grid-template-columns: minmax(250px, 0.95fr) minmax(460px, 1.36fr) minmax(250px, 0.95fr);
  gap: 18px;
  align-items: stretch;
}

.mdr-flagship-rail,
.mdr-flagship-core-shell,
.mdr-flagship-module,
.mdr-flagship-footer {
  border: 1px solid rgba(86,110,140,0.16);
  box-shadow: 0 24px 62px rgba(42,62,88,0.10), inset 0 1px 0 rgba(255,255,255,0.6);
}

.mdr-flagship-rail {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 30px;
  padding: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(237,244,251,0.82) 100%);
}

.mdr-flagship-rail-right {
  background: linear-gradient(180deg, rgba(248,250,255,0.92) 0%, rgba(226,236,250,0.78) 100%);
}

.mdr-flagship-rail-kicker,
.mdr-flagship-module-kicker,
.mdr-flagship-footer-label,
.mdr-flagship-core-kicker,
.mdr-flagship-core-outcome-label,
.mdr-flagship-receives-title,
.mdr-flagship-rail-label {
  font-size: 0.76rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 700;
}

.mdr-flagship-rail-kicker,
.mdr-flagship-module-kicker,
.mdr-flagship-receives-title,
.mdr-flagship-rail-label {
  color: #5b7594;
}

.mdr-flagship-rail-intro h3,
.mdr-flagship-module h3 {
  margin: 0;
  color: #17324f;
  line-height: 1.04;
  letter-spacing: -0.045em;
}

.mdr-flagship-rail-intro h3 {
  font-size: clamp(1.45rem, 2vw, 1.95rem);
  margin-top: 8px;
}

.mdr-flagship-rail-intro p,
.mdr-flagship-rail-card span,
.mdr-flagship-practice-note,
.mdr-flagship-footer p,
.mdr-flagship-module li {
  color: #3f5974;
  line-height: 1.74;
}

.mdr-flagship-rail-stack {
  display: grid;
  gap: 12px;
}

.mdr-flagship-rail-card {
  display: grid;
  gap: 8px;
  padding: 18px 18px 16px;
  border-radius: 22px;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(86,110,140,0.12);
}

.mdr-flagship-rail-card strong {
  color: #17324f;
  line-height: 1.2;
}

.mdr-flagship-rail-card-dark {
  background: linear-gradient(180deg, rgba(86,110,140,0.10) 0%, rgba(255,255,255,0.52) 100%);
}

.mdr-flagship-core-shell {
  position: relative;
  overflow: hidden;
  border-radius: 36px;
  padding: 24px;
  background:
    radial-gradient(circle at 50% 16%, rgba(168,199,255,0.18), transparent 18%),
    radial-gradient(circle at 10% 85%, rgba(255,255,255,0.08), transparent 18%),
    linear-gradient(180deg, rgba(61,86,115,0.98) 0%, rgba(34,53,74,0.98) 100%);
}

.mdr-flagship-core-shell::before {
  content: "";
  position: absolute;
  inset: 16px;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,0.10);
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
}

.mdr-flagship-core-orbit {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.12);
}

.mdr-flagship-core-orbit-one {
  width: 520px;
  height: 520px;
  top: -160px;
  left: 50%;
  transform: translateX(-50%);
}

.mdr-flagship-core-orbit-two {
  width: 360px;
  height: 360px;
  bottom: -150px;
  right: -70px;
}

.mdr-flagship-core-orbit-three {
  width: 260px;
  height: 260px;
  left: -80px;
  top: 90px;
}

.mdr-flagship-core-panel {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 18px;
}

.mdr-flagship-core-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.mdr-flagship-core-kicker,
.mdr-flagship-core-outcome-label,
.mdr-flagship-footer-label {
  color: #dce7f7;
}

.mdr-flagship-core-mini-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.mdr-flagship-core-mini-tags span,
.mdr-flagship-core-band span,
.mdr-flagship-footer-tags span {
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.16);
  box-shadow: none;
  color: #f5f8ff;
}

.mdr-flagship-core-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 390px;
  padding: 12px 12px 8px;
}

.mdr-flagship-core-route {
  position: absolute;
  border: 1px solid rgba(185,214,255,0.18);
  border-radius: 999px;
}

.mdr-flagship-core-route-a {
  inset: 8% 15% 22% 15%;
}

.mdr-flagship-core-route-b {
  inset: 19% 9% 10% 9%;
}

.mdr-flagship-core-route-c {
  inset: 30% 20% 2% 20%;
}

.mdr-flagship-core-node {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.14);
  color: #eef4ff;
  font-size: 0.80rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.mdr-flagship-core-node-a { top: 22px; left: 48px; }
.mdr-flagship-core-node-b { top: 86px; right: 36px; }
.mdr-flagship-core-node-c { bottom: 58px; right: 46px; }
.mdr-flagship-core-node-d { bottom: 94px; left: 38px; }

.mdr-flagship-droid-core {
  width: min(100%, 380px);
  min-height: 308px;
  padding: 40px 24px 28px;
  border-radius: 36px;
  background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(212,230,255,0.10) 44%, rgba(255,255,255,0.07) 100%);
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 36px 90px rgba(11,23,38,0.34),
    inset 0 1px 0 rgba(255,255,255,0.25),
    inset 0 0 40px rgba(180,210,255,0.10);
  backdrop-filter: blur(14px);
}

.mdr-flagship-droid-core .service-map-droid-head {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(225,236,252,0.94) 100%);
  border-color: rgba(193,217,250,0.26);
}

.mdr-flagship-droid-core .service-map-droid-eye {
  background: linear-gradient(180deg, #8fb4e5 0%, #4f7398 100%);
  box-shadow: 0 0 0 6px rgba(157,191,235,0.18), 0 0 28px rgba(147,189,245,0.28);
}

.mdr-flagship-droid-core .service-map-droid-antenna {
  background: rgba(211,229,255,0.56);
}

.mdr-flagship-droid-core .service-map-droid-antenna::before {
  background: #eef5ff;
  border-color: rgba(180,206,239,0.34);
  box-shadow: 0 0 0 6px rgba(174,206,248,0.12);
}

.mdr-flagship-droid-core .service-map-core-kicker,
.mdr-flagship-droid-core .service-map-core-title,
.mdr-flagship-droid-core .service-map-core-text {
  color: #f8fbff;
}

.mdr-flagship-droid-core .service-map-core-title {
  font-size: clamp(2rem, 3vw, 2.4rem);
}

.mdr-flagship-droid-core .service-map-core-text {
  opacity: 0.96;
}

.mdr-flagship-core-band {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mdr-flagship-core-outcome-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.mdr-flagship-core-outcome-card {
  padding: 16px 16px 14px;
  border-radius: 20px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.10);
}

.mdr-flagship-core-outcome-card strong {
  color: #f3f8ff;
  line-height: 1.5;
}

.mdr-flagship-modules-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.mdr-flagship-module {
  display: grid;
  align-content: start;
  gap: 16px;
  border-radius: 30px;
  padding: 24px 24px 22px;
  background: linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(241,246,253,0.88) 100%);
}

.mdr-flagship-module-wide {
  grid-column: span 2;
}

.mdr-flagship-module-full {
  grid-column: 1 / -1;
}

.mdr-flagship-module-top {
  display: grid;
  gap: 8px;
}

.mdr-flagship-module h3 {
  font-size: clamp(1.42rem, 2vw, 1.95rem);
}

.mdr-flagship-module-body {
  display: grid;
  gap: 14px;
}

.mdr-flagship-module-body-two-col,
.mdr-flagship-module-body-team {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.mdr-flagship-module ul {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 6px;
}

.mdr-flagship-practice-note {
  margin: 0;
  padding-top: 14px;
  border-top: 1px solid rgba(86,110,140,0.12);
}

.mdr-flagship-practice-note strong {
  display: block;
  margin-bottom: 6px;
  color: #17324f;
}

.mdr-flagship-module-review,
.mdr-flagship-module-policy,
.mdr-flagship-module-release {
  background: linear-gradient(180deg, rgba(248,250,255,0.98) 0%, rgba(237,244,251,0.92) 100%);
}

.mdr-flagship-module-scoring,
.mdr-flagship-module-dashboard,
.mdr-flagship-module-correction,
.mdr-flagship-module-team {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(226,236,250,0.84) 100%);
}

.mdr-flagship-footer {
  margin-top: 18px;
  border-radius: 30px;
  padding: 24px 26px 26px;
  background: linear-gradient(135deg, rgba(28,47,68,0.98), rgba(76,104,136,0.96));
}

.mdr-flagship-footer p {
  max-width: 1040px;
  margin: 0;
  color: #edf4ff;
  font-size: 1.03rem;
}

.mdr-flagship-footer-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

@media (max-width: 1180px) {
  .mdr-flagship-command-grid {
    grid-template-columns: 1fr;
  }

  .mdr-flagship-modules-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mdr-flagship-module-wide {
    grid-column: span 2;
  }
}

@media (max-width: 760px) {
  .mdr-support-frame.mdr-flagship-frame {
    padding: 22px;
    border-radius: 28px;
  }

  .mdr-flagship-title {
    font-size: clamp(2rem, 11vw, 3.15rem);
  }

  .mdr-flagship-core-topline,
  .mdr-flagship-module-body-two-col,
  .mdr-flagship-module-body-team,
  .mdr-flagship-core-outcome-grid {
    grid-template-columns: 1fr;
    flex-direction: column;
  }

  .mdr-flagship-modules-grid {
    grid-template-columns: 1fr;
  }

  .mdr-flagship-module-wide,
  .mdr-flagship-module-full {
    grid-column: auto;
  }

  .mdr-flagship-core-visual {
    min-height: 340px;
  }

  .mdr-flagship-core-node {
    position: static;
    margin: 0 auto;
  }

  .mdr-flagship-core-visual {
    display: grid;
    gap: 10px;
    justify-items: center;
  }

  .mdr-flagship-core-route {
    display: none;
  }

  .mdr-flagship-rail,
  .mdr-flagship-core-shell,
  .mdr-flagship-module,
  .mdr-flagship-footer {
    border-radius: 24px;
  }
}


/* v706: optimize flagship module geometry and eliminate dead space */
.mdr-flagship-modules-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.56fr) minmax(380px, 1.08fr);
  gap: 18px;
  margin-top: 18px;
  align-items: start;
}

.mdr-flagship-modules-main,
.mdr-flagship-modules-side {
  display: grid;
  gap: 18px;
  align-content: start;
}

.mdr-flagship-mini-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

.mdr-flagship-modules-main .mdr-flagship-module,
.mdr-flagship-modules-side .mdr-flagship-module {
  min-height: 0;
  height: auto;
}

.mdr-flagship-modules-side .mdr-flagship-module-team .mdr-flagship-module-body-team {
  grid-template-columns: 1fr;
}

@media (max-width: 1180px) {
  .mdr-flagship-modules-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .mdr-flagship-mini-row,
  .mdr-flagship-modules-side .mdr-flagship-module-team .mdr-flagship-module-body-team {
    grid-template-columns: 1fr;
  }
}


/* v706.1: give the right support column more width so tall cards do not collapse the composition */
.mdr-flagship-modules-side .mdr-flagship-module h3 {
  font-size: clamp(1.34rem, 1.7vw, 1.76rem);
}


/* v707: new system layer + detailed layer before AI block */
.mdr-system-layer-shell,
.mdr-detail-layer-shell { margin-top: 28px; margin-bottom: 28px; }

.mdr-system-layer-frame {
  position: relative; overflow: hidden; padding: clamp(30px,3.3vw,44px); border-radius: 40px;
  background: linear-gradient(180deg, rgba(245,249,255,0.98) 0%, rgba(228,238,251,0.96) 100%);
  border: 1px solid rgba(86,110,140,0.16); box-shadow: 0 34px 92px rgba(43,64,90,0.12), inset 0 1px 0 rgba(255,255,255,0.75);
}
.mdr-system-layer-frame::before { content:""; position:absolute; inset:auto -140px -180px auto; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle, rgba(86,110,140,0.18), transparent 70%); }
.mdr-system-layer-head,.mdr-system-layer-command,.mdr-detail-layer-head,.mdr-detail-grid { position:relative; z-index:1; }
.mdr-system-layer-head { text-align:center; max-width:1080px; margin:0 auto 26px; }
.mdr-system-layer-title { max-width:1100px; margin:0 auto 14px; font-size:clamp(2.7rem,4.9vw,4.9rem); line-height:0.95; letter-spacing:-0.065em; color:#17324f; }
.mdr-system-layer-summary { max-width:980px; margin:0 auto; color:#3d5773; line-height:1.8; }
.mdr-system-layer-tags { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:18px; }
.mdr-system-layer-tags span,.mdr-system-core-badges span,.mdr-detail-kicker { display:inline-flex; align-items:center; justify-content:center; padding:8px 14px; border-radius:999px; border:1px solid rgba(86,110,140,0.16); background:rgba(255,255,255,0.8); font-size:0.8rem; letter-spacing:0.09em; text-transform:uppercase; color:#46627f; }
.mdr-system-layer-command { display:grid; grid-template-columns:minmax(250px,0.9fr) minmax(480px,1.36fr) minmax(250px,0.9fr); gap:18px; align-items:stretch; }
.mdr-system-side,.mdr-system-core-board { border-radius:32px; border:1px solid rgba(86,110,140,0.14); box-shadow:0 24px 60px rgba(43,64,90,0.10), inset 0 1px 0 rgba(255,255,255,0.55); }
.mdr-system-side { padding:24px; background:linear-gradient(180deg, rgba(255,255,255,0.92), rgba(238,245,252,0.86)); display:grid; gap:14px; }
.mdr-system-side h3 { margin:0; color:#17324f; font-size:clamp(1.4rem,2vw,1.9rem); line-height:1.05; letter-spacing:-0.04em; }
.mdr-system-side p, .mdr-system-side-cards article span { color:#425d78; line-height:1.72; }
.mdr-system-side-kicker,.mdr-system-core-kicker,.mdr-detail-card strong,.mdr-detail-layer-title + p strong { font-size:0.76rem; letter-spacing:0.16em; text-transform:uppercase; font-weight:700; color:#607b99; }
.mdr-system-side-cards { display:grid; gap:12px; }
.mdr-system-side-cards article { display:grid; gap:8px; padding:16px 16px 14px; border-radius:22px; background:rgba(255,255,255,0.72); border:1px solid rgba(86,110,140,0.12); }
.mdr-system-side-cards article b { color:#17324f; }
.mdr-system-core-board { position:relative; overflow:hidden; padding:24px; background:linear-gradient(180deg, rgba(47,69,94,0.98), rgba(27,42,60,0.98)); }
.mdr-system-core-board::before { content:""; position:absolute; inset:16px; border-radius:26px; border:1px solid rgba(255,255,255,0.10); background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)); }
.mdr-system-core-topline,.mdr-system-stage-row,.mdr-system-core-visual { position:relative; z-index:1; }
.mdr-system-core-topline { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.mdr-system-core-kicker { color:#dfeafa; }
.mdr-system-core-badges { display:flex; flex-wrap:wrap; gap:8px; }
.mdr-system-core-badges span { background:rgba(255,255,255,0.10); border-color:rgba(255,255,255,0.16); color:#f4f8ff; }
.mdr-system-stage-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:18px; }
.mdr-system-stage-pill { display:grid; gap:4px; padding:14px 14px 12px; border-radius:20px; background:rgba(255,255,255,0.09); border:1px solid rgba(255,255,255,0.12); text-align:center; }
.mdr-system-stage-pill b { color:#eaf3ff; font-size:0.82rem; letter-spacing:0.12em; text-transform:uppercase; }
.mdr-system-stage-pill span { color:#f5f8ff; line-height:1.45; }
.mdr-system-core-visual { position:relative; min-height:400px; display:flex; align-items:center; justify-content:center; margin:18px 0; }
.mdr-system-axis { position:absolute; background:rgba(196,219,255,0.18); }
.mdr-system-axis-h { width:72%; height:1px; }
.mdr-system-axis-v { width:1px; height:72%; }
.mdr-system-node { position:absolute; display:grid; gap:4px; width:170px; padding:10px 12px; border-radius:18px; background:rgba(255,255,255,0.10); border:1px solid rgba(255,255,255,0.14); text-align:center; backdrop-filter:blur(10px); }
.mdr-system-node b { color:#dceaff; font-size:0.78rem; letter-spacing:0.12em; text-transform:uppercase; }
.mdr-system-node span { color:#f5f8ff; line-height:1.4; }
.mdr-system-node-a { top:30px; left:26px; } .mdr-system-node-b { top:46px; right:28px; } .mdr-system-node-c { bottom:58px; left:40px; } .mdr-system-node-d { bottom:34px; right:32px; }
.mdr-system-droid-core { width:min(100%,360px); min-height:300px; padding:38px 24px 28px; border-radius:34px; background:linear-gradient(180deg, rgba(255,255,255,0.16), rgba(220,236,255,0.08)); border:1px solid rgba(255,255,255,0.16); box-shadow:0 34px 80px rgba(8,18,31,0.36), inset 0 1px 0 rgba(255,255,255,0.20); backdrop-filter:blur(14px); }
.mdr-system-droid-core .service-map-droid-head { background:linear-gradient(180deg,#fbfdff,#dfeafb); border-color:rgba(190,214,245,0.26); }
.mdr-system-droid-core .service-map-droid-eye { background:linear-gradient(180deg,#95b8e6,#4f7398); box-shadow:0 0 0 6px rgba(157,191,235,0.16), 0 0 26px rgba(147,189,245,0.26); }
.mdr-system-droid-core .service-map-droid-antenna { background:rgba(211,229,255,0.52); }
.mdr-system-droid-core .service-map-droid-antenna::before { background:#eef5ff; border-color:rgba(180,206,239,0.34); box-shadow:0 0 0 6px rgba(174,206,248,0.12); }
.mdr-system-droid-core .service-map-core-kicker,.mdr-system-droid-core .service-map-core-title,.mdr-system-droid-core .service-map-core-text { color:#f6fbff; }
.mdr-detail-layer-frame { padding:clamp(28px,3vw,40px); border-radius:38px; background:linear-gradient(180deg, rgba(248,250,255,0.98), rgba(236,244,251,0.96)); border:1px solid rgba(86,110,140,0.14); box-shadow:0 28px 80px rgba(43,64,90,0.10), inset 0 1px 0 rgba(255,255,255,0.7); }
.mdr-detail-layer-head { max-width:980px; margin:0 auto 24px; text-align:center; }
.mdr-detail-layer-title { margin:0 auto 12px; color:#17324f; font-size:clamp(2.2rem,4vw,3.7rem); line-height:0.98; letter-spacing:-0.055em; }
.mdr-detail-layer-summary { color:#425d78; line-height:1.78; }
.mdr-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.mdr-detail-card { display:grid; align-content:start; gap:14px; padding:24px; border-radius:30px; background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(226,236,250,0.82)); border:1px solid rgba(86,110,140,0.14); box-shadow:0 22px 56px rgba(43,64,90,0.08), inset 0 1px 0 rgba(255,255,255,0.6); }
.mdr-detail-card h3 { margin:0; color:#17324f; font-size:clamp(1.4rem,2vw,1.9rem); line-height:1.05; letter-spacing:-0.04em; }
.mdr-detail-card ul { margin:0; padding-left:18px; display:grid; gap:6px; color:#425d78; line-height:1.7; }
.mdr-detail-card p { margin:0; padding-top:12px; border-top:1px solid rgba(86,110,140,0.12); color:#425d78; line-height:1.7; }
.mdr-detail-card p strong { display:block; margin-bottom:6px; color:#17324f; font-size:inherit; letter-spacing:normal; text-transform:none; }
.mdr-detail-card-wide { grid-column:span 2; }
.mdr-detail-card-full { grid-column:1 / -1; }
.mdr-detail-two-col { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
@media (max-width: 1180px) {
  .mdr-system-layer-command, .mdr-detail-grid { grid-template-columns:1fr; }
  .mdr-detail-card-wide, .mdr-detail-card-full { grid-column:auto; }
}
@media (max-width: 760px) {
  .mdr-system-layer-frame, .mdr-detail-layer-frame { padding:22px; border-radius:28px; }
  .mdr-system-layer-title { font-size:clamp(2rem,10vw,3rem); }
  .mdr-system-core-topline, .mdr-detail-two-col { grid-template-columns:1fr; display:grid; }
  .mdr-system-core-badges { justify-content:flex-start; }
  .mdr-system-stage-row { grid-template-columns:1fr; }
  .mdr-system-core-visual { min-height:340px; display:grid; gap:10px; justify-items:center; }
  .mdr-system-node { position:static; width:100%; max-width:260px; }
  .mdr-system-axis { display:none; }
}


/* v708: replace inserted block with fully new operating surface architecture */
.mdr-operating-surface-shell { margin: 28px 0; }
.mdr-operating-surface-frame {
  position: relative; overflow: hidden; padding: clamp(30px, 3.4vw, 46px); border-radius: 42px;
  background: linear-gradient(180deg, rgba(247,250,255,0.98), rgba(231,239,250,0.96));
  border: 1px solid rgba(86,110,140,0.16);
  box-shadow: 0 34px 96px rgba(43,64,90,0.12), inset 0 1px 0 rgba(255,255,255,0.78);
}
.mdr-operating-surface-frame::before { content:''; position:absolute; inset:-120px auto auto -120px; width:380px; height:380px; border-radius:50%; background:radial-gradient(circle, rgba(86,110,140,0.12), transparent 72%); }
.mdr-operating-surface-frame::after { content:''; position:absolute; inset:auto -140px -180px auto; width:460px; height:460px; border-radius:50%; background:radial-gradient(circle, rgba(86,110,140,0.16), transparent 72%); }
.mdr-operating-surface-head,.mdr-operating-topology,.mdr-operating-bands { position:relative; z-index:1; }
.mdr-operating-surface-head { max-width:1080px; margin:0 auto 26px; text-align:center; }
.mdr-operating-surface-title { margin:0 auto 14px; max-width:1120px; color:#17324f; font-size:clamp(2.65rem, 4.9vw, 4.85rem); line-height:0.95; letter-spacing:-0.068em; }
.mdr-operating-surface-summary { max-width:980px; margin:0 auto; color:#415d79; line-height:1.84; }
.mdr-operating-surface-tags,.mdr-operating-core-tags { display:flex; flex-wrap:wrap; gap:10px; }
.mdr-operating-surface-tags { justify-content:center; margin-top:18px; }
.mdr-operating-surface-tags span,.mdr-operating-core-tags span,.mdr-operating-zone-label,.mdr-operating-band-kicker,.mdr-operating-practice-label {
  display:inline-flex; align-items:center; justify-content:center; padding:8px 14px; border-radius:999px; border:1px solid rgba(86,110,140,0.14); background:rgba(255,255,255,0.82); font-size:0.79rem; letter-spacing:0.1em; text-transform:uppercase; color:#55708d;
}
.mdr-operating-topology { display:grid; grid-template-columns:minmax(250px,0.88fr) minmax(520px,1.45fr) minmax(250px,0.88fr); gap:18px; align-items:stretch; }
.mdr-operating-left-zone,.mdr-operating-right-zone,.mdr-operating-center-zone { border-radius:34px; }
.mdr-operating-left-zone,.mdr-operating-right-zone { padding:24px; background:linear-gradient(180deg, rgba(255,255,255,0.92), rgba(237,244,251,0.88)); border:1px solid rgba(86,110,140,0.12); box-shadow:0 24px 64px rgba(43,64,90,0.09), inset 0 1px 0 rgba(255,255,255,0.7); display:grid; align-content:start; gap:14px; }
.mdr-operating-left-zone h3,.mdr-operating-right-zone h3,.mdr-operating-band h3 { margin:0; color:#17324f; font-size:clamp(1.44rem, 2vw, 1.96rem); line-height:1.05; letter-spacing:-0.04em; }
.mdr-operating-left-zone p,.mdr-operating-right-zone p,.mdr-operating-band p,.mdr-operating-mini-stack article span { color:#425d78; line-height:1.74; }
.mdr-operating-mini-stack { display:grid; gap:12px; }
.mdr-operating-mini-stack article { display:grid; gap:7px; padding:16px; border-radius:22px; background:rgba(255,255,255,0.75); border:1px solid rgba(86,110,140,0.10); }
.mdr-operating-mini-stack article strong { color:#17324f; }
.mdr-operating-center-zone { position:relative; overflow:hidden; padding:24px; background:linear-gradient(180deg, rgba(40,60,84,0.99), rgba(22,36,54,0.99)); border:1px solid rgba(79,110,146,0.26); box-shadow:0 32px 86px rgba(12,22,35,0.28), inset 0 1px 0 rgba(255,255,255,0.10); }
.mdr-operating-center-zone::before { content:''; position:absolute; inset:14px; border-radius:28px; border:1px solid rgba(255,255,255,0.10); background:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)); }
.mdr-operating-core-topline,.mdr-operating-sequence-row,.mdr-operating-core-field,.mdr-operating-outcome-strip { position:relative; z-index:1; }
.mdr-operating-core-topline { display:flex; justify-content:space-between; align-items:center; gap:14px; }
.mdr-operating-core-kicker { color:#deebfb; font-size:0.79rem; letter-spacing:0.16em; text-transform:uppercase; font-weight:700; }
.mdr-operating-core-tags span { background:rgba(255,255,255,0.10); border-color:rgba(255,255,255,0.12); color:#f3f8ff; }
.mdr-operating-sequence-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:18px; }
.mdr-operating-sequence-item,.mdr-operating-outcome-strip > div { display:grid; gap:4px; padding:14px; border-radius:20px; background:rgba(255,255,255,0.09); border:1px solid rgba(255,255,255,0.10); text-align:center; }
.mdr-operating-sequence-item b,.mdr-operating-node b,.mdr-operating-outcome-strip strong { color:#e6f1ff; font-size:0.8rem; letter-spacing:0.12em; text-transform:uppercase; }
.mdr-operating-sequence-item span,.mdr-operating-node span,.mdr-operating-outcome-strip span { color:#f6fbff; line-height:1.42; }
.mdr-operating-core-field { position:relative; min-height:420px; display:flex; align-items:center; justify-content:center; margin:18px 0; }
.mdr-operating-axis { position:absolute; background:rgba(204,224,255,0.16); }
.mdr-operating-axis-h { width:76%; height:1px; } .mdr-operating-axis-v { width:1px; height:74%; }
.mdr-operating-node { position:absolute; display:grid; gap:4px; width:178px; padding:12px 12px 11px; border-radius:18px; background:rgba(255,255,255,0.10); border:1px solid rgba(255,255,255,0.14); text-align:center; }
.mdr-operating-node-a { top:36px; left:32px; } .mdr-operating-node-b { top:52px; right:32px; } .mdr-operating-node-c { bottom:62px; left:44px; } .mdr-operating-node-d { bottom:36px; right:32px; }
.mdr-operating-droid-core { width:min(100%, 370px); min-height:312px; padding:40px 24px 28px; border-radius:36px; background:linear-gradient(180deg, rgba(255,255,255,0.16), rgba(217,233,255,0.08)); border:1px solid rgba(255,255,255,0.14); box-shadow:0 36px 88px rgba(8,18,31,0.36), inset 0 1px 0 rgba(255,255,255,0.18); backdrop-filter:blur(14px); }
.mdr-operating-droid-core .service-map-droid-head { background:linear-gradient(180deg,#fbfdff,#deebfb); border-color:rgba(190,214,245,0.24); }
.mdr-operating-droid-core .service-map-droid-eye { background:linear-gradient(180deg,#9bbde9,#52779d); box-shadow:0 0 0 6px rgba(157,191,235,0.16), 0 0 28px rgba(147,189,245,0.28); }
.mdr-operating-droid-core .service-map-droid-antenna { background:rgba(211,229,255,0.54); }
.mdr-operating-droid-core .service-map-droid-antenna::before { background:#eef5ff; border-color:rgba(180,206,239,0.34); box-shadow:0 0 0 6px rgba(174,206,248,0.12); }
.mdr-operating-droid-core .service-map-core-kicker,.mdr-operating-droid-core .service-map-core-title,.mdr-operating-droid-core .service-map-core-text { color:#f7fbff; }
.mdr-operating-outcome-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.mdr-operating-bands { display:grid; gap:18px; margin-top:18px; }
.mdr-operating-band { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,0.72fr); gap:18px; padding:24px; border-radius:32px; background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(233,241,250,0.84)); border:1px solid rgba(86,110,140,0.13); box-shadow:0 24px 66px rgba(43,64,90,0.09), inset 0 1px 0 rgba(255,255,255,0.7); }
.mdr-operating-band-left,.mdr-operating-band-right { display:grid; gap:12px; align-content:start; }
.mdr-operating-band-right { padding-left:18px; border-left:1px solid rgba(86,110,140,0.12); }
.mdr-operating-band-final { background:linear-gradient(180deg, rgba(86,110,140,0.98), rgba(65,89,116,0.98)); }
.mdr-operating-band-final h3,.mdr-operating-band-final p,.mdr-operating-band-final .mdr-operating-band-kicker,.mdr-operating-band-final .mdr-operating-practice-label { color:#f5f8ff; border-color:rgba(255,255,255,0.16); background:rgba(255,255,255,0.08); }
.mdr-operating-band-final .mdr-operating-band-right { border-left-color:rgba(255,255,255,0.14); }
@media (max-width: 1180px) {
  .mdr-operating-topology,.mdr-operating-band { grid-template-columns:1fr; }
  .mdr-operating-band-right { padding-left:0; border-left:none; border-top:1px solid rgba(86,110,140,0.12); padding-top:12px; }
}
@media (max-width: 760px) {
  .mdr-operating-surface-frame { padding:22px; border-radius:28px; }
  .mdr-operating-surface-title { font-size:clamp(2rem, 10vw, 3rem); }
  .mdr-operating-sequence-row,.mdr-operating-outcome-strip { grid-template-columns:1fr; }
  .mdr-operating-core-topline { display:grid; }
  .mdr-operating-core-field { min-height:340px; display:grid; gap:10px; justify-items:center; }
  .mdr-operating-axis { display:none; }
  .mdr-operating-node { position:static; width:100%; max-width:260px; }
}


/* v711: new two-block architecture after hero on DevRel page */
.mdr-system-layer2-shell,.mdr-working-layer2-shell { width:min(var(--container), calc(100% - 48px)); margin:28px auto; }
.mdr-system-layer2-frame,.mdr-working-layer2-frame {
  position: relative; overflow:hidden; padding: clamp(30px, 3.2vw, 44px); border-radius: 42px;
  background: linear-gradient(180deg, rgba(247,250,255,0.98), rgba(233,241,250,0.96));
  border: 1px solid rgba(86,110,140,0.14);
  box-shadow: 0 28px 82px rgba(43,64,90,0.10), inset 0 1px 0 rgba(255,255,255,0.84);
  display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:18px;
}
.mdr-working-layer2-frame::before,.mdr-working-layer2-frame::after { content:''; position:absolute; border-radius:50%; }
.mdr-working-layer2-frame::before { width:420px; height:420px; left:-120px; top:-160px; background:radial-gradient(circle, rgba(86,110,140,0.14), transparent 72%); }
.mdr-working-layer2-frame::after { width:560px; height:560px; right:-180px; bottom:-220px; background:radial-gradient(circle, rgba(86,110,140,0.14), transparent 72%); }
.mdr-working-layer2-head { grid-column:1 / -1; max-width:980px; margin:0 auto 8px; text-align:center; }
.mdr-working-layer2-title { margin:0 auto 14px; max-width:1080px; color:#17324f; font-size:clamp(2.3rem, 4.4vw, 4.2rem); line-height:0.96; letter-spacing:-0.06em; }
.mdr-working-layer2-summary { max-width:920px; margin:0 auto; color:#425d78; line-height:1.82; }
.mdr-working-layer2-tier { display:contents; }
.mdr-working-layer2-module {
  position:relative; overflow:hidden; display:flex; flex-direction:column; gap:12px; min-height: 500px;
  padding:24px; border-radius:30px; border:1px solid rgba(86,110,140,0.12);
  box-shadow:0 22px 60px rgba(43,64,90,0.10), inset 0 1px 0 rgba(255,255,255,0.50);
}
.mdr-working-layer2-module::before { content:''; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg, rgba(86,110,140,0.96), rgba(161,192,232,0.96)); }
.mdr-working-layer2-module h3 { color:#17324f; }
.mdr-working-layer2-module ul { margin:0; padding-left:1.08rem; display:grid; gap:7px; color:#425d78; line-height:1.64; }
.mdr-working-layer2-practice,.mdr-working-layer2-practice-panel { display:grid; gap:8px; padding:16px 18px; border-radius:22px; margin-top:auto; background:rgba(255,255,255,0.34); border:1px solid rgba(86,110,140,0.14); backdrop-filter: blur(6px); }
.mdr-working-layer2-practice strong,.mdr-working-layer2-practice-panel strong { color:#17324f; font-size:0.88rem; letter-spacing:0.08em; text-transform:uppercase; }
.mdr-working-layer2-practice span,.mdr-working-layer2-practice-panel span { color:#425d78; line-height:1.68; }
.mdr-working-layer2-oversight-grid { display:grid; grid-template-columns:1fr; gap:14px; height:100%; }
.mdr-working-layer2-practice-panel { align-content:start; }

.mdr-working-layer2-module-review {
  background:linear-gradient(180deg, rgba(248,251,255,0.98), rgba(232,241,252,0.94));
}
.mdr-working-layer2-module-scoring {
  background:linear-gradient(180deg, rgba(224,236,251,0.98), rgba(205,223,246,0.95));
}
.mdr-working-layer2-module-oversight {
  background:linear-gradient(180deg, rgba(76,98,126,0.98), rgba(46,66,91,0.99));
  border-color:rgba(200,221,248,0.14);
}
.mdr-working-layer2-module-policy {
  background:linear-gradient(180deg, rgba(243,247,254,0.98), rgba(226,236,248,0.94));
}
.mdr-working-layer2-module-correction {
  background:linear-gradient(180deg, rgba(214,229,247,0.98), rgba(194,215,239,0.94));
}
.mdr-working-layer2-module-readiness {
  background:linear-gradient(180deg, rgba(95,121,154,0.98), rgba(64,87,117,0.99));
  border-color:rgba(206,225,248,0.16);
}
.mdr-working-layer2-module-team {
  background:linear-gradient(180deg, rgba(237,244,252,0.99), rgba(219,231,246,0.96));
}
.mdr-working-layer2-module-oversight h3,
.mdr-working-layer2-module-oversight ul,
.mdr-working-layer2-module-oversight .mdr-working-layer2-practice-panel span,
.mdr-working-layer2-module-oversight .mdr-working-layer2-practice-panel strong,
.mdr-working-layer2-module-oversight .mdr-working-layer2-kicker,
.mdr-working-layer2-module-oversight .mdr-working-layer2-receives-title,
.mdr-working-layer2-module-readiness h3,
.mdr-working-layer2-module-readiness ul,
.mdr-working-layer2-module-readiness .mdr-working-layer2-practice span,
.mdr-working-layer2-module-readiness .mdr-working-layer2-practice strong,
.mdr-working-layer2-module-readiness .mdr-working-layer2-kicker,
.mdr-working-layer2-module-readiness .mdr-working-layer2-receives-title { color:#f6f9ff; }
.mdr-working-layer2-module-oversight .mdr-working-layer2-practice-panel,
.mdr-working-layer2-module-readiness .mdr-working-layer2-practice,
.mdr-working-layer2-module-oversight .mdr-working-layer2-kicker,
.mdr-working-layer2-module-oversight .mdr-working-layer2-receives-title,
.mdr-working-layer2-module-readiness .mdr-working-layer2-kicker,
.mdr-working-layer2-module-readiness .mdr-working-layer2-receives-title {
  background:rgba(255,255,255,0.09); border-color:rgba(255,255,255,0.16);
}
.mdr-working-layer2-module-team h3,
.mdr-working-layer2-module-team ul,
.mdr-working-layer2-module-team .mdr-working-layer2-practice span,
.mdr-working-layer2-module-team .mdr-working-layer2-practice strong,
.mdr-working-layer2-module-team .mdr-working-layer2-kicker,
.mdr-working-layer2-module-team .mdr-working-layer2-receives-title { color:#17324f; }
.mdr-working-layer2-module-team .mdr-working-layer2-kicker,
.mdr-working-layer2-module-team .mdr-working-layer2-receives-title,
.mdr-working-layer2-module-team .mdr-working-layer2-practice { background:rgba(255,255,255,0.52); border-color:rgba(86,110,140,0.14); }

@media (max-width: 1180px) {
  .mdr-flagship-command-grid {
    grid-template-columns: 1fr;
  }

  .mdr-flagship-modules-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mdr-flagship-module-wide {
    grid-column: span 2;
  }
}

@media (max-width: 760px) {
  .mdr-support-frame.mdr-flagship-frame {
    padding: 22px;
    border-radius: 28px;
  }

  .mdr-flagship-title {
    font-size: clamp(2rem, 11vw, 3.15rem);
  }

  .mdr-flagship-core-topline,
  .mdr-flagship-module-body-two-col,
  .mdr-flagship-module-body-team,
  .mdr-flagship-core-outcome-grid {
    grid-template-columns: 1fr;
    flex-direction: column;
  }

  .mdr-flagship-modules-grid {
    grid-template-columns: 1fr;
  }

  .mdr-flagship-module-wide,
  .mdr-flagship-module-full {
    grid-column: auto;
  }

  .mdr-flagship-core-visual {
    min-height: 340px;
  }

  .mdr-flagship-core-node {
    position: static;
    margin: 0 auto;
  }

  .mdr-flagship-core-visual {
    display: grid;
    gap: 10px;
    justify-items: center;
  }

  .mdr-flagship-core-route {
    display: none;
  }

  .mdr-flagship-rail,
  .mdr-flagship-core-shell,
  .mdr-flagship-module,
  .mdr-flagship-footer {
    border-radius: 24px;
  }
}


/* v706: optimize flagship module geometry and eliminate dead space */
.mdr-flagship-modules-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.56fr) minmax(380px, 1.08fr);
  gap: 18px;
  margin-top: 18px;
  align-items: start;
}

.mdr-flagship-modules-main,
.mdr-flagship-modules-side {
  display: grid;
  gap: 18px;
  align-content: start;
}

.mdr-flagship-mini-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

.mdr-flagship-modules-main .mdr-flagship-module,
.mdr-flagship-modules-side .mdr-flagship-module {
  min-height: 0;
  height: auto;
}

.mdr-flagship-modules-side .mdr-flagship-module-team .mdr-flagship-module-body-team {
  grid-template-columns: 1fr;
}

@media (max-width: 1180px) {
  .mdr-flagship-modules-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .mdr-flagship-mini-row,
  .mdr-flagship-modules-side .mdr-flagship-module-team .mdr-flagship-module-body-team {
    grid-template-columns: 1fr;
  }
}


/* v706.1: give the right support column more width so tall cards do not collapse the composition */
.mdr-flagship-modules-side .mdr-flagship-module h3 {
  font-size: clamp(1.34rem, 1.7vw, 1.76rem);
}


/* v707: new system layer + detailed layer before AI block */
.mdr-system-layer-shell,
.mdr-detail-layer-shell { margin-top: 28px; margin-bottom: 28px; }

.mdr-system-layer-frame {
  position: relative; overflow: hidden; padding: clamp(30px,3.3vw,44px); border-radius: 40px;
  background: linear-gradient(180deg, rgba(245,249,255,0.98) 0%, rgba(228,238,251,0.96) 100%);
  border: 1px solid rgba(86,110,140,0.16); box-shadow: 0 34px 92px rgba(43,64,90,0.12), inset 0 1px 0 rgba(255,255,255,0.75);
}
.mdr-system-layer-frame::before { content:""; position:absolute; inset:auto -140px -180px auto; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle, rgba(86,110,140,0.18), transparent 70%); }
.mdr-system-layer-head,.mdr-system-layer-command,.mdr-detail-layer-head,.mdr-detail-grid { position:relative; z-index:1; }
.mdr-system-layer-head { text-align:center; max-width:1080px; margin:0 auto 26px; }
.mdr-system-layer-title { max-width:1100px; margin:0 auto 14px; font-size:clamp(2.7rem,4.9vw,4.9rem); line-height:0.95; letter-spacing:-0.065em; color:#17324f; }
.mdr-system-layer-summary { max-width:980px; margin:0 auto; color:#3d5773; line-height:1.8; }
.mdr-system-layer-tags { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:18px; }
.mdr-system-layer-tags span,.mdr-system-core-badges span,.mdr-detail-kicker { display:inline-flex; align-items:center; justify-content:center; padding:8px 14px; border-radius:999px; border:1px solid rgba(86,110,140,0.16); background:rgba(255,255,255,0.8); font-size:0.8rem; letter-spacing:0.09em; text-transform:uppercase; color:#46627f; }
.mdr-system-layer-command { display:grid; grid-template-columns:minmax(250px,0.9fr) minmax(480px,1.36fr) minmax(250px,0.9fr); gap:18px; align-items:stretch; }
.mdr-system-side,.mdr-system-core-board { border-radius:32px; border:1px solid rgba(86,110,140,0.14); box-shadow:0 24px 60px rgba(43,64,90,0.10), inset 0 1px 0 rgba(255,255,255,0.55); }
.mdr-system-side { padding:24px; background:linear-gradient(180deg, rgba(255,255,255,0.92), rgba(238,245,252,0.86)); display:grid; gap:14px; }
.mdr-system-side h3 { margin:0; color:#17324f; font-size:clamp(1.4rem,2vw,1.9rem); line-height:1.05; letter-spacing:-0.04em; }
.mdr-system-side p, .mdr-system-side-cards article span { color:#425d78; line-height:1.72; }
.mdr-system-side-kicker,.mdr-system-core-kicker,.mdr-detail-card strong,.mdr-detail-layer-title + p strong { font-size:0.76rem; letter-spacing:0.16em; text-transform:uppercase; font-weight:700; color:#607b99; }
.mdr-system-side-cards { display:grid; gap:12px; }
.mdr-system-side-cards article { display:grid; gap:8px; padding:16px 16px 14px; border-radius:22px; background:rgba(255,255,255,0.72); border:1px solid rgba(86,110,140,0.12); }
.mdr-system-side-cards article b { color:#17324f; }
.mdr-system-core-board { position:relative; overflow:hidden; padding:24px; background:linear-gradient(180deg, rgba(47,69,94,0.98), rgba(27,42,60,0.98)); }
.mdr-system-core-board::before { content:""; position:absolute; inset:16px; border-radius:26px; border:1px solid rgba(255,255,255,0.10); background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)); }
.mdr-system-core-topline,.mdr-system-stage-row,.mdr-system-core-visual { position:relative; z-index:1; }
.mdr-system-core-topline { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.mdr-system-core-kicker { color:#dfeafa; }
.mdr-system-core-badges { display:flex; flex-wrap:wrap; gap:8px; }
.mdr-system-core-badges span { background:rgba(255,255,255,0.10); border-color:rgba(255,255,255,0.16); color:#f4f8ff; }
.mdr-system-stage-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:18px; }
.mdr-system-stage-pill { display:grid; gap:4px; padding:14px 14px 12px; border-radius:20px; background:rgba(255,255,255,0.09); border:1px solid rgba(255,255,255,0.12); text-align:center; }
.mdr-system-stage-pill b { color:#eaf3ff; font-size:0.82rem; letter-spacing:0.12em; text-transform:uppercase; }
.mdr-system-stage-pill span { color:#f5f8ff; line-height:1.45; }
.mdr-system-core-visual { position:relative; min-height:400px; display:flex; align-items:center; justify-content:center; margin:18px 0; }
.mdr-system-axis { position:absolute; background:rgba(196,219,255,0.18); }
.mdr-system-axis-h { width:72%; height:1px; }
.mdr-system-axis-v { width:1px; height:72%; }
.mdr-system-node { position:absolute; display:grid; gap:4px; width:170px; padding:10px 12px; border-radius:18px; background:rgba(255,255,255,0.10); border:1px solid rgba(255,255,255,0.14); text-align:center; backdrop-filter:blur(10px); }
.mdr-system-node b { color:#dceaff; font-size:0.78rem; letter-spacing:0.12em; text-transform:uppercase; }
.mdr-system-node span { color:#f5f8ff; line-height:1.4; }
.mdr-system-node-a { top:30px; left:26px; } .mdr-system-node-b { top:46px; right:28px; } .mdr-system-node-c { bottom:58px; left:40px; } .mdr-system-node-d { bottom:34px; right:32px; }
.mdr-system-droid-core { width:min(100%,360px); min-height:300px; padding:38px 24px 28px; border-radius:34px; background:linear-gradient(180deg, rgba(255,255,255,0.16), rgba(220,236,255,0.08)); border:1px solid rgba(255,255,255,0.16); box-shadow:0 34px 80px rgba(8,18,31,0.36), inset 0 1px 0 rgba(255,255,255,0.20); backdrop-filter:blur(14px); }
.mdr-system-droid-core .service-map-droid-head { background:linear-gradient(180deg,#fbfdff,#dfeafb); border-color:rgba(190,214,245,0.26); }
.mdr-system-droid-core .service-map-droid-eye { background:linear-gradient(180deg,#95b8e6,#4f7398); box-shadow:0 0 0 6px rgba(157,191,235,0.16), 0 0 26px rgba(147,189,245,0.26); }
.mdr-system-droid-core .service-map-droid-antenna { background:rgba(211,229,255,0.52); }
.mdr-system-droid-core .service-map-droid-antenna::before { background:#eef5ff; border-color:rgba(180,206,239,0.34); box-shadow:0 0 0 6px rgba(174,206,248,0.12); }
.mdr-system-droid-core .service-map-core-kicker,.mdr-system-droid-core .service-map-core-title,.mdr-system-droid-core .service-map-core-text { color:#f6fbff; }
.mdr-detail-layer-frame { padding:clamp(28px,3vw,40px); border-radius:38px; background:linear-gradient(180deg, rgba(248,250,255,0.98), rgba(236,244,251,0.96)); border:1px solid rgba(86,110,140,0.14); box-shadow:0 28px 80px rgba(43,64,90,0.10), inset 0 1px 0 rgba(255,255,255,0.7); }
.mdr-detail-layer-head { max-width:980px; margin:0 auto 24px; text-align:center; }
.mdr-detail-layer-title { margin:0 auto 12px; color:#17324f; font-size:clamp(2.2rem,4vw,3.7rem); line-height:0.98; letter-spacing:-0.055em; }
.mdr-detail-layer-summary { color:#425d78; line-height:1.78; }
.mdr-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.mdr-detail-card { display:grid; align-content:start; gap:14px; padding:24px; border-radius:30px; background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(226,236,250,0.82)); border:1px solid rgba(86,110,140,0.14); box-shadow:0 22px 56px rgba(43,64,90,0.08), inset 0 1px 0 rgba(255,255,255,0.6); }
.mdr-detail-card h3 { margin:0; color:#17324f; font-size:clamp(1.4rem,2vw,1.9rem); line-height:1.05; letter-spacing:-0.04em; }
.mdr-detail-card ul { margin:0; padding-left:18px; display:grid; gap:6px; color:#425d78; line-height:1.7; }
.mdr-detail-card p { margin:0; padding-top:12px; border-top:1px solid rgba(86,110,140,0.12); color:#425d78; line-height:1.7; }
.mdr-detail-card p strong { display:block; margin-bottom:6px; color:#17324f; font-size:inherit; letter-spacing:normal; text-transform:none; }
.mdr-detail-card-wide { grid-column:span 2; }
.mdr-detail-card-full { grid-column:1 / -1; }
.mdr-detail-two-col { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
@media (max-width: 1180px) {
  .mdr-system-layer-command, .mdr-detail-grid { grid-template-columns:1fr; }
  .mdr-detail-card-wide, .mdr-detail-card-full { grid-column:auto; }
}
@media (max-width: 760px) {
  .mdr-system-layer-frame, .mdr-detail-layer-frame { padding:22px; border-radius:28px; }
  .mdr-system-layer-title { font-size:clamp(2rem,10vw,3rem); }
  .mdr-system-core-topline, .mdr-detail-two-col { grid-template-columns:1fr; display:grid; }
  .mdr-system-core-badges { justify-content:flex-start; }
  .mdr-system-stage-row { grid-template-columns:1fr; }
  .mdr-system-core-visual { min-height:340px; display:grid; gap:10px; justify-items:center; }
  .mdr-system-node { position:static; width:100%; max-width:260px; }
  .mdr-system-axis { display:none; }
}


/* v708: replace inserted block with fully new operating surface architecture */
.mdr-operating-surface-shell { margin: 28px 0; }
.mdr-operating-surface-frame {
  position: relative; overflow: hidden; padding: clamp(30px, 3.4vw, 46px); border-radius: 42px;
  background: linear-gradient(180deg, rgba(247,250,255,0.98), rgba(231,239,250,0.96));
  border: 1px solid rgba(86,110,140,0.16);
  box-shadow: 0 34px 96px rgba(43,64,90,0.12), inset 0 1px 0 rgba(255,255,255,0.78);
}
.mdr-operating-surface-frame::before { content:''; position:absolute; inset:-120px auto auto -120px; width:380px; height:380px; border-radius:50%; background:radial-gradient(circle, rgba(86,110,140,0.12), transparent 72%); }
.mdr-operating-surface-frame::after { content:''; position:absolute; inset:auto -140px -180px auto; width:460px; height:460px; border-radius:50%; background:radial-gradient(circle, rgba(86,110,140,0.16), transparent 72%); }
.mdr-operating-surface-head,.mdr-operating-topology,.mdr-operating-bands { position:relative; z-index:1; }
.mdr-operating-surface-head { max-width:1080px; margin:0 auto 26px; text-align:center; }
.mdr-operating-surface-title { margin:0 auto 14px; max-width:1120px; color:#17324f; font-size:clamp(2.65rem, 4.9vw, 4.85rem); line-height:0.95; letter-spacing:-0.068em; }
.mdr-operating-surface-summary { max-width:980px; margin:0 auto; color:#415d79; line-height:1.84; }
.mdr-operating-surface-tags,.mdr-operating-core-tags { display:flex; flex-wrap:wrap; gap:10px; }
.mdr-operating-surface-tags { justify-content:center; margin-top:18px; }
.mdr-operating-surface-tags span,.mdr-operating-core-tags span,.mdr-operating-zone-label,.mdr-operating-band-kicker,.mdr-operating-practice-label {
  display:inline-flex; align-items:center; justify-content:center; padding:8px 14px; border-radius:999px; border:1px solid rgba(86,110,140,0.14); background:rgba(255,255,255,0.82); font-size:0.79rem; letter-spacing:0.1em; text-transform:uppercase; color:#55708d;
}
.mdr-operating-topology { display:grid; grid-template-columns:minmax(250px,0.88fr) minmax(520px,1.45fr) minmax(250px,0.88fr); gap:18px; align-items:stretch; }
.mdr-operating-left-zone,.mdr-operating-right-zone,.mdr-operating-center-zone { border-radius:34px; }
.mdr-operating-left-zone,.mdr-operating-right-zone { padding:24px; background:linear-gradient(180deg, rgba(255,255,255,0.92), rgba(237,244,251,0.88)); border:1px solid rgba(86,110,140,0.12); box-shadow:0 24px 64px rgba(43,64,90,0.09), inset 0 1px 0 rgba(255,255,255,0.7); display:grid; align-content:start; gap:14px; }
.mdr-operating-left-zone h3,.mdr-operating-right-zone h3,.mdr-operating-band h3 { margin:0; color:#17324f; font-size:clamp(1.44rem, 2vw, 1.96rem); line-height:1.05; letter-spacing:-0.04em; }
.mdr-operating-left-zone p,.mdr-operating-right-zone p,.mdr-operating-band p,.mdr-operating-mini-stack article span { color:#425d78; line-height:1.74; }
.mdr-operating-mini-stack { display:grid; gap:12px; }
.mdr-operating-mini-stack article { display:grid; gap:7px; padding:16px; border-radius:22px; background:rgba(255,255,255,0.75); border:1px solid rgba(86,110,140,0.10); }
.mdr-operating-mini-stack article strong { color:#17324f; }
.mdr-operating-center-zone { position:relative; overflow:hidden; padding:24px; background:linear-gradient(180deg, rgba(40,60,84,0.99), rgba(22,36,54,0.99)); border:1px solid rgba(79,110,146,0.26); box-shadow:0 32px 86px rgba(12,22,35,0.28), inset 0 1px 0 rgba(255,255,255,0.10); }
.mdr-operating-center-zone::before { content:''; position:absolute; inset:14px; border-radius:28px; border:1px solid rgba(255,255,255,0.10); background:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)); }
.mdr-operating-core-topline,.mdr-operating-sequence-row,.mdr-operating-core-field,.mdr-operating-outcome-strip { position:relative; z-index:1; }
.mdr-operating-core-topline { display:flex; justify-content:space-between; align-items:center; gap:14px; }
.mdr-operating-core-kicker { color:#deebfb; font-size:0.79rem; letter-spacing:0.16em; text-transform:uppercase; font-weight:700; }
.mdr-operating-core-tags span { background:rgba(255,255,255,0.10); border-color:rgba(255,255,255,0.12); color:#f3f8ff; }
.mdr-operating-sequence-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:18px; }
.mdr-operating-sequence-item,.mdr-operating-outcome-strip > div { display:grid; gap:4px; padding:14px; border-radius:20px; background:rgba(255,255,255,0.09); border:1px solid rgba(255,255,255,0.10); text-align:center; }
.mdr-operating-sequence-item b,.mdr-operating-node b,.mdr-operating-outcome-strip strong { color:#e6f1ff; font-size:0.8rem; letter-spacing:0.12em; text-transform:uppercase; }
.mdr-operating-sequence-item span,.mdr-operating-node span,.mdr-operating-outcome-strip span { color:#f6fbff; line-height:1.42; }
.mdr-operating-core-field { position:relative; min-height:420px; display:flex; align-items:center; justify-content:center; margin:18px 0; }
.mdr-operating-axis { position:absolute; background:rgba(204,224,255,0.16); }
.mdr-operating-axis-h { width:76%; height:1px; } .mdr-operating-axis-v { width:1px; height:74%; }
.mdr-operating-node { position:absolute; display:grid; gap:4px; width:178px; padding:12px 12px 11px; border-radius:18px; background:rgba(255,255,255,0.10); border:1px solid rgba(255,255,255,0.14); text-align:center; }
.mdr-operating-node-a { top:36px; left:32px; } .mdr-operating-node-b { top:52px; right:32px; } .mdr-operating-node-c { bottom:62px; left:44px; } .mdr-operating-node-d { bottom:36px; right:32px; }
.mdr-operating-droid-core { width:min(100%, 370px); min-height:312px; padding:40px 24px 28px; border-radius:36px; background:linear-gradient(180deg, rgba(255,255,255,0.16), rgba(217,233,255,0.08)); border:1px solid rgba(255,255,255,0.14); box-shadow:0 36px 88px rgba(8,18,31,0.36), inset 0 1px 0 rgba(255,255,255,0.18); backdrop-filter:blur(14px); }
.mdr-operating-droid-core .service-map-droid-head { background:linear-gradient(180deg,#fbfdff,#deebfb); border-color:rgba(190,214,245,0.24); }
.mdr-operating-droid-core .service-map-droid-eye { background:linear-gradient(180deg,#9bbde9,#52779d); box-shadow:0 0 0 6px rgba(157,191,235,0.16), 0 0 28px rgba(147,189,245,0.28); }
.mdr-operating-droid-core .service-map-droid-antenna { background:rgba(211,229,255,0.54); }
.mdr-operating-droid-core .service-map-droid-antenna::before { background:#eef5ff; border-color:rgba(180,206,239,0.34); box-shadow:0 0 0 6px rgba(174,206,248,0.12); }
.mdr-operating-droid-core .service-map-core-kicker,.mdr-operating-droid-core .service-map-core-title,.mdr-operating-droid-core .service-map-core-text { color:#f7fbff; }
.mdr-operating-outcome-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.mdr-operating-bands { display:grid; gap:18px; margin-top:18px; }
.mdr-operating-band { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,0.72fr); gap:18px; padding:24px; border-radius:32px; background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(233,241,250,0.84)); border:1px solid rgba(86,110,140,0.13); box-shadow:0 24px 66px rgba(43,64,90,0.09), inset 0 1px 0 rgba(255,255,255,0.7); }
.mdr-operating-band-left,.mdr-operating-band-right { display:grid; gap:12px; align-content:start; }
.mdr-operating-band-right { padding-left:18px; border-left:1px solid rgba(86,110,140,0.12); }
.mdr-operating-band-final { background:linear-gradient(180deg, rgba(86,110,140,0.98), rgba(65,89,116,0.98)); }
.mdr-operating-band-final h3,.mdr-operating-band-final p,.mdr-operating-band-final .mdr-operating-band-kicker,.mdr-operating-band-final .mdr-operating-practice-label { color:#f5f8ff; border-color:rgba(255,255,255,0.16); background:rgba(255,255,255,0.08); }
.mdr-operating-band-final .mdr-operating-band-right { border-left-color:rgba(255,255,255,0.14); }
@media (max-width: 1180px) {
  .mdr-operating-topology,.mdr-operating-band { grid-template-columns:1fr; }
  .mdr-operating-band-right { padding-left:0; border-left:none; border-top:1px solid rgba(86,110,140,0.12); padding-top:12px; }
}
@media (max-width: 760px) {
  .mdr-operating-surface-frame { padding:22px; border-radius:28px; }
  .mdr-operating-surface-title { font-size:clamp(2rem, 10vw, 3rem); }
  .mdr-operating-sequence-row,.mdr-operating-outcome-strip { grid-template-columns:1fr; }
  .mdr-operating-core-topline { display:grid; }
  .mdr-operating-core-field { min-height:340px; display:grid; gap:10px; justify-items:center; }
  .mdr-operating-axis { display:none; }
  .mdr-operating-node { position:static; width:100%; max-width:260px; }
}


/* v711: new two-block architecture after hero on DevRel page */
.mdr-system-layer2-shell,.mdr-working-layer2-shell { width:min(var(--container), calc(100% - 48px)); margin:28px auto; }
.mdr-system-layer2-frame,.mdr-working-layer2-frame { width:100%; }
.mdr-system-layer2-frame {
  position: relative; overflow: hidden; padding: clamp(30px, 3.3vw, 44px); border-radius: 42px;
  background: linear-gradient(180deg, rgba(28,44,66,0.985), rgba(17,29,46,0.992));
  border: 1px solid rgba(127,163,208,0.18);
  box-shadow: 0 34px 98px rgba(9,17,29,0.34), inset 0 1px 0 rgba(255,255,255,0.08);
}
.mdr-system-layer2-frame::before,.mdr-system-layer2-frame::after { content:''; position:absolute; border-radius:50%; pointer-events:none; }
.mdr-system-layer2-frame::before { width:460px; height:460px; top:-180px; left:-100px; background:radial-gradient(circle, rgba(132,172,224,0.18), transparent 72%); }
.mdr-system-layer2-frame::after { width:580px; height:580px; right:-180px; bottom:-260px; background:radial-gradient(circle, rgba(74,111,158,0.22), transparent 72%); }
.mdr-system-layer2-head,.mdr-system-layer2-grid,.mdr-working-layer2-head,.mdr-working-layer2-tier { position:relative; z-index:1; }
.mdr-system-layer2-head { max-width:1100px; margin:0 auto 24px; text-align:center; }
.mdr-system-layer2-title { margin:0 auto 14px; max-width:1140px; color:#f3f8ff; font-size:clamp(2.5rem, 4.7vw, 4.65rem); line-height:0.95; letter-spacing:-0.066em; }
.mdr-system-layer2-summary { max-width:980px; margin:0 auto; color:rgba(230,239,251,0.86); line-height:1.82; }
.mdr-system-layer2-tags { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:18px; }
.mdr-system-layer2-tags span,.mdr-system-layer2-rail-label,.mdr-working-layer2-kicker,.mdr-working-layer2-receives-title {
  display:inline-flex; align-items:center; justify-content:center; padding:8px 14px; border-radius:999px; border:1px solid rgba(177,205,241,0.16); background:rgba(255,255,255,0.08); color:#f3f8ff; font-size:0.79rem; letter-spacing:0.1em; text-transform:uppercase;
}
.mdr-system-layer2-grid { display:grid; grid-template-columns:minmax(250px,0.88fr) minmax(540px,1.5fr) minmax(250px,0.88fr); gap:18px; align-items:stretch; }
.mdr-system-layer2-rail { display:grid; gap:14px; align-content:start; padding:22px; border-radius:30px; background:linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04)); border:1px solid rgba(171,198,234,0.12); box-shadow:inset 0 1px 0 rgba(255,255,255,0.07); }
.mdr-system-layer2-rail article { display:grid; gap:8px; padding:16px; border-radius:22px; background:rgba(255,255,255,0.06); border:1px solid rgba(171,198,234,0.10); }
.mdr-system-layer2-rail-right { grid-template-rows:auto repeat(4, 1fr); }
.mdr-system-layer2-rail-right article { height:100%; align-content:start; }

.mdr-system-layer2-rail h3,.mdr-working-layer2-module h3 { margin:0; font-size:clamp(1.26rem, 1.7vw, 1.75rem); line-height:1.08; letter-spacing:-0.04em; }
.mdr-system-layer2-rail h3 { color:#f5f9ff; }
.mdr-system-layer2-rail p { margin:0; color:rgba(225,236,251,0.80); line-height:1.68; }
.mdr-system-layer2-core { position:relative; overflow:hidden; padding:24px; border-radius:34px; background:linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.05)); border:1px solid rgba(177,205,241,0.14); box-shadow:0 28px 72px rgba(8,18,31,0.24), inset 0 1px 0 rgba(255,255,255,0.08); }
.mdr-system-layer2-core::before { content:''; position:absolute; inset:16px; border-radius:26px; border:1px solid rgba(255,255,255,0.08); }
.mdr-system-layer2-algorithm-row,.mdr-system-layer2-chamber,.mdr-system-layer2-outcome-strip { position:relative; z-index:1; }
.mdr-system-layer2-algorithm-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.mdr-system-layer2-step,.mdr-system-layer2-outcome-strip > div { display:grid; gap:5px; padding:14px; border-radius:18px; background:rgba(255,255,255,0.08); border:1px solid rgba(177,205,241,0.12); text-align:center; }
.mdr-system-layer2-step b,.mdr-system-layer2-node b,.mdr-system-layer2-outcome-strip strong { color:#f7fbff; font-size:0.78rem; letter-spacing:0.12em; text-transform:uppercase; }
.mdr-system-layer2-step span,.mdr-system-layer2-node span,.mdr-system-layer2-outcome-strip span { color:rgba(238,245,255,0.92); line-height:1.45; }
.mdr-system-layer2-chamber { position:relative; min-height:430px; display:flex; align-items:center; justify-content:center; margin:18px 0; }
.mdr-system-layer2-axis { position:absolute; background:rgba(193,216,248,0.18); }
.mdr-system-layer2-axis-h { width:78%; height:1px; } .mdr-system-layer2-axis-v { width:1px; height:74%; }
.mdr-system-layer2-node { position:absolute; width:168px; display:grid; gap:6px; padding:12px 12px; border-radius:18px; background:rgba(255,255,255,0.08); border:1px solid rgba(177,205,241,0.12); text-align:center; }
.mdr-system-layer2-node-tl { top:18px; left:12px; } .mdr-system-layer2-node-tr { top:18px; right:12px; } .mdr-system-layer2-node-bl { bottom:18px; left:12px; } .mdr-system-layer2-node-br { bottom:18px; right:12px; }
.mdr-system-layer2-droid { width:min(100%, 218px); min-height:148px; padding:18px 16px 14px; border-radius:26px; background:transparent; border:none; box-shadow:none; backdrop-filter:none; transform:translateY(-40px); }
.mdr-system-layer2-droid .service-map-droid-head { width:88px; height:68px; margin:0 auto 12px; background:linear-gradient(180deg,#fbfdff,#deebfb); border-color:rgba(190,214,245,0.28); }
.mdr-system-layer2-droid .service-map-droid-eye { width:14px; height:14px; background:linear-gradient(180deg,#9abde8,#557aa0); box-shadow:0 0 0 4px rgba(157,191,235,0.14), 0 0 20px rgba(147,189,245,0.22); }
.mdr-system-layer2-droid .service-map-droid-antenna { height:24px; top:6px; background:rgba(211,229,255,0.54); }
.mdr-system-layer2-droid .service-map-droid-antenna::before { width:16px; height:16px; background:#eef5ff; border-color:rgba(180,206,239,0.34); box-shadow:0 0 0 4px rgba(174,206,248,0.10); }
.mdr-system-layer2-droid .service-map-core-kicker,.mdr-system-layer2-droid .service-map-core-title,.mdr-system-layer2-droid .service-map-core-text { color:#f7fbff; }
.mdr-system-layer2-droid .service-map-core-copy { gap:0; }
.mdr-system-layer2-droid .service-map-core-kicker { font-size:0.72rem; letter-spacing:0.18em; }
.mdr-system-layer2-droid .service-map-core-title,.mdr-system-layer2-droid .service-map-core-text { display:none; }
.mdr-system-layer2-outcome-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }

.mdr-working-layer2-frame {
  position: relative; overflow:hidden; padding: clamp(30px, 3.2vw, 44px); border-radius: 42px;
  background: linear-gradient(180deg, rgba(248,250,255,0.985), rgba(231,239,250,0.95));
  border: 1px solid rgba(86,110,140,0.14);
  box-shadow: 0 30px 84px rgba(43,64,90,0.10), inset 0 1px 0 rgba(255,255,255,0.78);
}
.mdr-working-layer2-frame::before,.mdr-working-layer2-frame::after { content:''; position:absolute; border-radius:50%; }
.mdr-working-layer2-frame::before { width:380px; height:380px; left:-120px; top:-140px; background:radial-gradient(circle, rgba(86,110,140,0.12), transparent 72%); }
.mdr-working-layer2-frame::after { width:520px; height:520px; right:-180px; bottom:-220px; background:radial-gradient(circle, rgba(86,110,140,0.14), transparent 72%); }
.mdr-working-layer2-head { max-width:980px; margin:0 auto 22px; text-align:center; }
.mdr-working-layer2-title { margin:0 auto 14px; max-width:1080px; color:#17324f; font-size:clamp(2.3rem, 4.4vw, 4.2rem); line-height:0.96; letter-spacing:-0.06em; }
.mdr-working-layer2-summary { max-width:920px; margin:0 auto; color:#425d78; line-height:1.82; }
.mdr-working-layer2-tier { display:grid; gap:18px; margin-top:18px; }
.mdr-working-layer2-tier-one,.mdr-working-layer2-tier-three { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.mdr-working-layer2-tier-four { grid-template-columns:minmax(0,1.5fr) minmax(300px,0.82fr); }
.mdr-working-layer2-module { display:grid; gap:12px; align-content:start; padding:24px; border-radius:30px; background:linear-gradient(180deg, rgba(255,255,255,0.97), rgba(237,244,251,0.88)); border:1px solid rgba(86,110,140,0.12); box-shadow:0 22px 60px rgba(43,64,90,0.08), inset 0 1px 0 rgba(255,255,255,0.7); }
.mdr-working-layer2-module h3 { color:#17324f; }
.mdr-working-layer2-module ul { margin:0; padding-left:1.08rem; display:grid; gap:7px; color:#425d78; line-height:1.66; }
.mdr-working-layer2-practice,.mdr-working-layer2-practice-panel { display:grid; gap:8px; padding:16px 18px; border-radius:22px; background:rgba(86,110,140,0.08); border:1px solid rgba(86,110,140,0.10); }
.mdr-working-layer2-practice strong,.mdr-working-layer2-practice-panel strong { color:#17324f; font-size:0.88rem; letter-spacing:0.08em; text-transform:uppercase; }
.mdr-working-layer2-practice span,.mdr-working-layer2-practice-panel span { color:#425d78; line-height:1.68; }
.mdr-working-layer2-oversight-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,0.72fr); gap:18px; }
.mdr-working-layer2-practice-panel { align-content:start; }
.mdr-working-layer2-module-team { background:linear-gradient(180deg, rgba(86,110,140,0.98), rgba(69,90,117,0.98)); }
.mdr-working-layer2-module-team h3,.mdr-working-layer2-module-team ul,.mdr-working-layer2-module-team .mdr-working-layer2-practice span,.mdr-working-layer2-module-team .mdr-working-layer2-practice strong,.mdr-working-layer2-module-team .mdr-working-layer2-kicker,.mdr-working-layer2-module-team .mdr-working-layer2-receives-title { color:#f6f9ff; }
.mdr-working-layer2-module-team .mdr-working-layer2-kicker,.mdr-working-layer2-module-team .mdr-working-layer2-receives-title,.mdr-working-layer2-module-team .mdr-working-layer2-practice { background:rgba(255,255,255,0.09); border-color:rgba(255,255,255,0.14); }

@media (max-width: 1180px) {
  .mdr-system-layer2-grid,.mdr-working-layer2-frame,.mdr-working-layer2-oversight-grid { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
  .mdr-system-layer2-frame,.mdr-working-layer2-frame { padding:22px; border-radius:28px; }
  .mdr-system-layer2-title { font-size:clamp(2rem, 10vw, 3.1rem); }
  .mdr-working-layer2-title { font-size:clamp(1.95rem, 9vw, 3rem); }
  .mdr-system-layer2-algorithm-row,.mdr-system-layer2-outcome-strip { grid-template-columns:1fr; }
  .mdr-system-layer2-chamber { min-height:340px; display:grid; gap:10px; justify-items:center; }
  .mdr-system-layer2-axis { display:none; }
  .mdr-system-layer2-node { position:static; width:100%; max-width:260px; }
}


/* v719: restore first DevRel system block after working-layer redesign */
#for-marketing-devrel--system-layer .mdr-system-layer2-frame { display:block; }
#for-marketing-devrel--system-layer .mdr-system-layer2-head,
#for-marketing-devrel--system-layer .mdr-system-layer2-grid,
#for-marketing-devrel--system-layer .mdr-system-layer2-core { position:relative; z-index:1; }
#for-marketing-devrel--system-layer .mdr-system-layer2-grid { display:grid; grid-template-columns:minmax(250px,0.88fr) minmax(540px,1.5fr) minmax(250px,0.88fr); gap:18px; align-items:stretch; }
#for-marketing-devrel--system-layer .mdr-system-layer2-node { width:168px; padding:12px 12px; }
#for-marketing-devrel--system-layer .mdr-system-layer2-node-tl { top:18px; left:12px; }
#for-marketing-devrel--system-layer .mdr-system-layer2-node-tr { top:18px; right:12px; }
#for-marketing-devrel--system-layer .mdr-system-layer2-node-bl { bottom:18px; left:12px; }
#for-marketing-devrel--system-layer .mdr-system-layer2-node-br { bottom:18px; right:12px; }
#for-marketing-devrel--system-layer .mdr-system-layer2-droid { width:min(100%, 218px); min-height:148px; padding:18px 16px 14px; background:transparent; border:none; box-shadow:none; backdrop-filter:none; transform:translateY(-40px); }
#for-marketing-devrel--system-layer .mdr-system-layer2-rail-right { grid-template-rows:auto repeat(4, 1fr); }
#for-marketing-devrel--system-layer .mdr-system-layer2-rail-right article { height:100%; align-content:start; }
@media (max-width:1180px) {
  #for-marketing-devrel--system-layer .mdr-system-layer2-grid { grid-template-columns:1fr; }
}


/* v720: rebuilt Detailed Working Layer as centered droid + surrounding layers + dashboard path */
.mdr-working-architecture-shell { width:min(var(--container), calc(100% - 48px)); margin:28px auto; }
.mdr-working-architecture-frame {
  position:relative; overflow:hidden; width:100%; padding:clamp(30px, 3.4vw, 46px); border-radius:44px;
  background:linear-gradient(180deg, rgba(18,30,47,0.992), rgba(11,20,33,0.998));
  border:1px solid rgba(146,182,226,0.18);
  box-shadow:0 36px 98px rgba(8,16,28,0.34), inset 0 1px 0 rgba(255,255,255,0.08);
}
.mdr-working-architecture-frame::before,.mdr-working-architecture-frame::after { content:''; position:absolute; border-radius:50%; pointer-events:none; }
.mdr-working-architecture-frame::before { width:500px; height:500px; left:-150px; top:-160px; background:radial-gradient(circle, rgba(86,110,140,0.18), transparent 72%); }
.mdr-working-architecture-frame::after { width:640px; height:640px; right:-220px; bottom:-260px; background:radial-gradient(circle, rgba(142,186,240,0.16), transparent 72%); }
.mdr-working-architecture-head,.mdr-working-architecture-surface { position:relative; z-index:1; }
.mdr-working-architecture-head { max-width:1040px; margin:0 auto 26px; text-align:center; }
.mdr-working-architecture-title { margin:0 auto 14px; max-width:1120px; color:#f3f8ff; font-size:clamp(2.3rem, 4.7vw, 4.7rem); line-height:0.95; letter-spacing:-0.065em; }
.mdr-working-architecture-summary { max-width:980px; margin:0 auto; color:rgba(229,238,250,0.82); line-height:1.82; }
.mdr-working-architecture-surface { display:grid; gap:24px; }
.mdr-working-architecture-topology {
  position:relative; display:grid; grid-template-columns:minmax(250px,1fr) minmax(270px,0.94fr) minmax(250px,1fr); gap:24px; align-items:center;
  padding:26px; border-radius:36px; background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
  border:1px solid rgba(177,205,241,0.12); box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
}
.mdr-working-architecture-topology::before { content:''; position:absolute; left:50%; top:56px; bottom:56px; width:1px; background:linear-gradient(180deg, transparent, rgba(188,214,248,0.18), transparent); transform:translateX(-50%); }
.mdr-working-architecture-column { display:grid; gap:16px; }
.mdr-working-architecture-node {
  position:relative; overflow:hidden; display:grid; gap:9px; min-height:156px; padding:18px 18px 16px; border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));
  border:1px solid rgba(177,205,241,0.14); box-shadow:0 18px 42px rgba(7,15,25,0.18), inset 0 1px 0 rgba(255,255,255,0.06);
}
.mdr-working-architecture-node::before { content:''; position:absolute; inset:0 0 auto 0; height:3px; background:linear-gradient(90deg, rgba(169,204,246,0.96), rgba(86,110,140,0.98)); }
.mdr-working-architecture-node-label,.mdr-working-architecture-panel-label {
  display:inline-flex; align-items:center; justify-content:center; width:max-content; padding:8px 14px; border-radius:999px;
  background:rgba(255,255,255,0.09); border:1px solid rgba(177,205,241,0.14); color:#f3f8ff; font-size:0.76rem; letter-spacing:0.11em; text-transform:uppercase;
}
.mdr-working-architecture-node h3,.mdr-working-architecture-dashboard h3,.mdr-working-architecture-day h3 { margin:0; color:#f4f8ff; font-size:clamp(1.22rem, 1.6vw, 1.58rem); line-height:1.08; letter-spacing:-0.04em; }
.mdr-working-architecture-node p,.mdr-working-architecture-dashboard p,.mdr-working-architecture-day p,.mdr-working-architecture-mini-card span { margin:0; color:rgba(229,238,250,0.82); line-height:1.7; }
.mdr-working-architecture-core { position:relative; min-height:540px; display:flex; align-items:center; justify-content:center; }
.mdr-working-architecture-ring { position:absolute; width:84%; aspect-ratio:1/1; border-radius:50%; border:1px solid rgba(182,208,243,0.18); box-shadow:0 0 0 18px rgba(255,255,255,0.02), 0 0 120px rgba(105,146,199,0.10); }
.mdr-working-architecture-ring-secondary { width:64%; border-style:dashed; opacity:0.75; }
.mdr-working-architecture-droid { width:min(100%, 284px); min-height:214px; padding:26px 20px 18px; border-radius:32px; background:transparent; border:none; box-shadow:none; backdrop-filter:none; }
.mdr-working-architecture-droid .service-map-droid-head { width:116px; height:90px; margin:0 auto 16px; background:linear-gradient(180deg,#fbfdff,#deebfb); border-color:rgba(190,214,245,0.28); }
.mdr-working-architecture-droid .service-map-droid-eye { width:16px; height:16px; background:linear-gradient(180deg,#9abde8,#557aa0); box-shadow:0 0 0 5px rgba(157,191,235,0.14), 0 0 24px rgba(147,189,245,0.22); }
.mdr-working-architecture-droid .service-map-droid-antenna { height:28px; top:6px; background:rgba(211,229,255,0.54); }
.mdr-working-architecture-droid .service-map-droid-antenna::before { width:16px; height:16px; background:#eef5ff; border-color:rgba(180,206,239,0.34); box-shadow:0 0 0 4px rgba(174,206,248,0.10); }
.mdr-working-architecture-droid .service-map-core-copy { gap:0; }
.mdr-working-architecture-droid .service-map-core-kicker { color:#f5f9ff; font-size:0.76rem; letter-spacing:0.18em; }
.mdr-working-architecture-droid .service-map-core-title,.mdr-working-architecture-droid .service-map-core-text { display:none; }
.mdr-working-architecture-path { position:relative; width:2px; height:72px; margin:0 auto; background:linear-gradient(180deg, rgba(171,201,240,0), rgba(171,201,240,0.78), rgba(171,201,240,0)); }
.mdr-working-architecture-path::before { content:''; position:absolute; left:50%; bottom:-2px; width:12px; height:12px; border-right:2px solid rgba(171,201,240,0.8); border-bottom:2px solid rgba(171,201,240,0.8); transform:translateX(-50%) rotate(45deg); }
.mdr-working-architecture-dashboard,
.mdr-working-architecture-day {
  position:relative; overflow:hidden; padding:28px; border-radius:32px; border:1px solid rgba(177,205,241,0.14);
  box-shadow:0 22px 58px rgba(8,16,28,0.20), inset 0 1px 0 rgba(255,255,255,0.06);
}
.mdr-working-architecture-dashboard { background:linear-gradient(180deg, rgba(86,110,140,0.98), rgba(63,86,115,0.99)); }
.mdr-working-architecture-dashboard-grid { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(320px,0.82fr); gap:20px; align-items:start; }
.mdr-working-architecture-dashboard-cards { display:grid; gap:12px; }
.mdr-working-architecture-mini-card { display:grid; gap:6px; padding:14px 16px; border-radius:20px; background:rgba(255,255,255,0.10); border:1px solid rgba(255,255,255,0.14); }
.mdr-working-architecture-mini-card strong { color:#f4f8ff; font-size:0.95rem; letter-spacing:0.02em; }
.mdr-working-architecture-day { background:linear-gradient(180deg, rgba(227,238,251,0.99), rgba(207,223,244,0.99)); }
.mdr-working-architecture-day h3,.mdr-working-architecture-day p { color:#17324f; }
.mdr-working-architecture-day .mdr-working-architecture-panel-label { color:#17324f; background:rgba(255,255,255,0.52); border-color:rgba(86,110,140,0.16); }
.mdr-working-architecture-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.mdr-working-architecture-tags span { display:inline-flex; align-items:center; padding:9px 14px; border-radius:999px; background:rgba(255,255,255,0.58); border:1px solid rgba(86,110,140,0.14); color:#17324f; font-size:0.78rem; letter-spacing:0.05em; }

@media (max-width: 1180px) {
  .mdr-working-architecture-topology,.mdr-working-architecture-dashboard-grid { grid-template-columns:1fr; }
  .mdr-working-architecture-core { min-height:360px; order:-1; }
}
@media (max-width: 760px) {
  .mdr-working-architecture-shell { width:min(var(--container), calc(100% - 24px)); }
  .mdr-working-architecture-frame { padding:22px; border-radius:28px; }
  .mdr-working-architecture-title { font-size:clamp(1.95rem, 9vw, 3rem); }
  .mdr-working-architecture-topology { padding:18px; }
  .mdr-working-architecture-node { min-height:auto; }
}


/* v720: Detailed Working Layer rebuilt as 6 equal cards with centered DroidAI Working Layer */
.mdr-working-grid-shell { width:min(var(--container), calc(100% - 48px)); margin:28px auto; }
.mdr-working-grid-frame {
  position:relative; overflow:hidden; width:100%; padding:clamp(30px, 3.4vw, 46px); border-radius:42px;
  background:linear-gradient(180deg, rgba(16,27,43,0.992), rgba(11,20,33,0.998));
  border:1px solid rgba(146,182,226,0.18);
  box-shadow:0 36px 98px rgba(8,16,28,0.34), inset 0 1px 0 rgba(255,255,255,0.08);
}
.mdr-working-grid-frame::before,.mdr-working-grid-frame::after { content:''; position:absolute; border-radius:50%; pointer-events:none; }
.mdr-working-grid-frame::before { width:480px; height:480px; left:-150px; top:-160px; background:radial-gradient(circle, rgba(86,110,140,0.20), transparent 72%); }
.mdr-working-grid-frame::after { width:620px; height:620px; right:-220px; bottom:-260px; background:radial-gradient(circle, rgba(142,186,240,0.14), transparent 72%); }
.mdr-working-grid-head,.mdr-working-grid-topology { position:relative; z-index:1; }
.mdr-working-grid-head { max-width:1040px; margin:0 auto 26px; text-align:center; }
.mdr-working-grid-title { margin:0 auto 14px; max-width:1120px; color:#f3f8ff; font-size:clamp(2.3rem, 4.7vw, 4.7rem); line-height:0.95; letter-spacing:-0.065em; }
.mdr-working-grid-summary { max-width:980px; margin:0 auto; color:rgba(229,238,250,0.82); line-height:1.82; }
.mdr-working-grid-topology {
  position:relative; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px;
}
.mdr-working-grid-topology::before,
.mdr-working-grid-topology::after { content:''; position:absolute; left:50%; transform:translateX(-50%); width:calc(66.666% - 12px); pointer-events:none; }
.mdr-working-grid-topology::before { top:calc(25% - 1px); height:2px; background:linear-gradient(90deg, rgba(171,201,240,0.18), rgba(171,201,240,0.72), rgba(171,201,240,0.18)); }
.mdr-working-grid-topology::after { top:calc(50% - 1px); height:calc(50% + 18px); border-left:2px solid rgba(171,201,240,0.66); }
.mdr-working-grid-card {
  position:relative; overflow:hidden; min-height:280px; padding:22px; border-radius:28px; display:grid; align-content:start; gap:12px;
  background:linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));
  border:1px solid rgba(177,205,241,0.14); box-shadow:0 20px 50px rgba(7,15,25,0.18), inset 0 1px 0 rgba(255,255,255,0.05);
}
.mdr-working-grid-card::before { content:''; position:absolute; inset:0 0 auto 0; height:3px; background:linear-gradient(90deg, rgba(169,204,246,0.96), rgba(86,110,140,0.98)); }
.mdr-working-grid-card h3 { margin:0; color:#f4f8ff; font-size:clamp(1.22rem, 1.55vw, 1.52rem); line-height:1.08; letter-spacing:-0.04em; }
.mdr-working-grid-card p { margin:0; color:rgba(229,238,250,0.82); line-height:1.72; }
.mdr-working-grid-kicker {
  display:inline-flex; align-items:center; justify-content:center; width:max-content; padding:8px 14px; border-radius:999px;
  background:rgba(255,255,255,0.09); border:1px solid rgba(177,205,241,0.14); color:#f3f8ff; font-size:0.76rem; letter-spacing:0.11em; text-transform:uppercase;
}
.mdr-working-grid-card-core {
  align-content:center; justify-items:center; text-align:center; background:linear-gradient(180deg, rgba(79,104,137,0.82), rgba(51,72,98,0.88));
}
.mdr-working-grid-droid { width:min(100%, 180px); min-height:142px; padding:12px 12px 2px; border-radius:24px; background:transparent; border:none; box-shadow:none; }
.mdr-working-grid-droid .service-map-droid-head { width:98px; height:76px; margin:0 auto 12px; background:linear-gradient(180deg,#fbfdff,#deebfb); border-color:rgba(190,214,245,0.28); }
.mdr-working-grid-droid .service-map-droid-eye { width:14px; height:14px; background:linear-gradient(180deg,#9abde8,#557aa0); box-shadow:0 0 0 4px rgba(157,191,235,0.14), 0 0 20px rgba(147,189,245,0.22); }
.mdr-working-grid-droid .service-map-droid-antenna { height:24px; top:0; background:rgba(211,229,255,0.54); }
.mdr-working-grid-droid .service-map-droid-antenna::before { width:14px; height:14px; background:#eef5ff; border-color:rgba(180,206,239,0.34); box-shadow:0 0 0 4px rgba(174,206,248,0.10); }
.mdr-working-grid-card-dashboard { background:linear-gradient(180deg, rgba(86,110,140,0.98), rgba(63,86,115,0.99)); }
.mdr-working-grid-card-day { background:linear-gradient(180deg, rgba(227,238,251,0.98), rgba(207,223,244,0.98)); }
.mdr-working-grid-card-day h3,.mdr-working-grid-card-day p,.mdr-working-grid-card-day .mdr-working-grid-kicker { color:#17324f; }
.mdr-working-grid-card-day .mdr-working-grid-kicker { background:rgba(255,255,255,0.56); border-color:rgba(86,110,140,0.16); }
.mdr-working-grid-card-review,
.mdr-working-grid-card-policy,
.mdr-working-grid-card-scoring { background:linear-gradient(180deg, rgba(255,255,255,0.11), rgba(255,255,255,0.05)); }

@media (max-width: 1180px) {
  .mdr-working-grid-topology { grid-template-columns:1fr; }
  .mdr-working-grid-topology::before,.mdr-working-grid-topology::after { display:none; }
}
@media (max-width: 760px) {
  .mdr-working-grid-shell { width:min(var(--container), calc(100% - 24px)); }
  .mdr-working-grid-frame { padding:22px; border-radius:28px; }
  .mdr-working-grid-title { font-size:clamp(1.95rem, 9vw, 3rem); }
  .mdr-working-grid-card { min-height:auto; }
}


/* v721: complete Detailed Working Layer with path to dashboard and day-to-day panels */
.mdr-working-grid-path { position:relative; width:2px; height:68px; margin:18px auto; background:linear-gradient(180deg, rgba(171,201,240,0), rgba(171,201,240,0.78), rgba(171,201,240,0)); }
.mdr-working-grid-path::before { content:''; position:absolute; left:50%; bottom:-2px; width:12px; height:12px; border-right:2px solid rgba(171,201,240,0.8); border-bottom:2px solid rgba(171,201,240,0.8); transform:translateX(-50%) rotate(45deg); }
.mdr-working-grid-wide-panel { position:relative; overflow:hidden; padding:26px; border-radius:30px; display:grid; gap:12px; border:1px solid rgba(177,205,241,0.14); box-shadow:0 20px 50px rgba(7,15,25,0.18), inset 0 1px 0 rgba(255,255,255,0.05); }
.mdr-working-grid-wide-panel h3 { margin:0; font-size:clamp(1.34rem, 1.8vw, 1.78rem); line-height:1.06; letter-spacing:-0.045em; }
.mdr-working-grid-wide-panel p { margin:0; line-height:1.78; }
.mdr-working-grid-wide-panel-dashboard { background:linear-gradient(180deg, rgba(86,110,140,0.98), rgba(63,86,115,0.99)); }
.mdr-working-grid-wide-panel-dashboard h3,.mdr-working-grid-wide-panel-dashboard p { color:#f4f8ff; }
.mdr-working-grid-wide-panel-day { background:linear-gradient(180deg, rgba(227,238,251,0.98), rgba(207,223,244,0.98)); }
.mdr-working-grid-wide-panel-day h3,.mdr-working-grid-wide-panel-day p,.mdr-working-grid-wide-panel-day .mdr-working-grid-kicker { color:#17324f; }
.mdr-working-grid-wide-panel-day .mdr-working-grid-kicker { background:rgba(255,255,255,0.56); border-color:rgba(86,110,140,0.16); }


/* v722: precise topology corrections for Detailed Working Layer */
.mdr-working-grid-topology {
  position:relative; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px;
}
.mdr-working-grid-topology > * { position:relative; z-index:2; }
.mdr-working-grid-topology::before {
  content:''; position:absolute; left:16.666%; right:16.666%; top:calc(25% - 1px); height:2px;
  background:linear-gradient(90deg, rgba(171,201,240,0.22), rgba(171,201,240,0.76), rgba(171,201,240,0.22)); z-index:1;
}
.mdr-working-grid-topology::after {
  content:''; position:absolute; left:50%; top:calc(25%); bottom:calc(25%); width:2px; transform:translateX(-50%);
  background:linear-gradient(180deg, rgba(171,201,240,0.20), rgba(171,201,240,0.80), rgba(171,201,240,0.20)); z-index:1;
}
.mdr-working-grid-card { min-height:280px; }
.mdr-working-grid-path { position:relative; width:2px; height:68px; margin:18px auto; background:linear-gradient(180deg, rgba(171,201,240,0), rgba(171,201,240,0.78), rgba(171,201,240,0)); }
.mdr-working-grid-path::before { content:''; position:absolute; left:50%; bottom:-2px; width:12px; height:12px; border-right:2px solid rgba(171,201,240,0.8); border-bottom:2px solid rgba(171,201,240,0.8); transform:translateX(-50%) rotate(45deg); }
.mdr-working-grid-wide-panel { width:100%; position:relative; overflow:hidden; padding:26px; border-radius:30px; display:grid; gap:12px; border:1px solid rgba(177,205,241,0.14); box-shadow:0 20px 50px rgba(7,15,25,0.18), inset 0 1px 0 rgba(255,255,255,0.05); }
.mdr-working-grid-wide-panel h3 { margin:0; font-size:clamp(1.34rem, 1.8vw, 1.78rem); line-height:1.06; letter-spacing:-0.045em; }
.mdr-working-grid-wide-panel p { margin:0; line-height:1.78; max-width:none; }
.mdr-working-grid-wide-panel-dashboard { background:linear-gradient(180deg, rgba(86,110,140,0.98), rgba(63,86,115,0.99)); }
.mdr-working-grid-wide-panel-dashboard h3,.mdr-working-grid-wide-panel-dashboard p { color:#f4f8ff; }
.mdr-working-grid-wide-panel-day { background:linear-gradient(180deg, rgba(227,238,251,0.98), rgba(207,223,244,0.98)); }
.mdr-working-grid-wide-panel-day h3,.mdr-working-grid-wide-panel-day p,.mdr-working-grid-wide-panel-day .mdr-working-grid-kicker { color:#17324f; }
.mdr-working-grid-wide-panel-day .mdr-working-grid-kicker { background:rgba(255,255,255,0.56); border-color:rgba(86,110,140,0.16); }
@media (max-width: 1180px) {
  .mdr-working-grid-topology { grid-template-columns:1fr; }
  .mdr-working-grid-topology::before, .mdr-working-grid-topology::after { display:none; }
}


/* v723: new premium system flow surface after first two blocks */
.mdr-system-flow-shell { width:min(var(--container), calc(100% - 48px)); margin:28px auto; }
.mdr-system-flow-frame {
  position:relative; overflow:hidden; width:100%; padding:clamp(30px, 3.6vw, 50px); border-radius:44px;
  background:linear-gradient(180deg, rgba(12,22,36,0.992), rgba(8,16,28,0.998));
  border:1px solid rgba(146,182,226,0.18);
  box-shadow:0 40px 110px rgba(7,15,26,0.34), inset 0 1px 0 rgba(255,255,255,0.08);
}
.mdr-system-flow-frame::before,.mdr-system-flow-frame::after { content:''; position:absolute; border-radius:50%; pointer-events:none; }
.mdr-system-flow-frame::before { width:620px; height:620px; left:-200px; top:-240px; background:radial-gradient(circle, rgba(86,110,140,0.22), transparent 72%); }
.mdr-system-flow-frame::after { width:760px; height:760px; right:-280px; bottom:-320px; background:radial-gradient(circle, rgba(142,186,240,0.16), transparent 74%); }
.mdr-system-flow-head,.mdr-system-flow-architecture,.mdr-system-flow-arrow,.mdr-system-wide-panel { position:relative; z-index:1; }
.mdr-system-flow-head { max-width:1020px; margin:0 auto 28px; text-align:center; }
.mdr-system-flow-title { margin:0 auto 14px; max-width:1120px; color:#f3f8ff; font-size:clamp(2.3rem, 4.6vw, 4.8rem); line-height:0.95; letter-spacing:-0.065em; }
.mdr-system-flow-summary { max-width:980px; margin:0 auto; color:rgba(229,238,250,0.82); line-height:1.82; }
.mdr-system-flow-architecture {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(320px, 0.95fr) minmax(0,1fr); gap:18px; align-items:stretch;
}
.mdr-system-flow-column { display:grid; gap:18px; position:relative; }
.mdr-system-flow-column-left::after,
.mdr-system-flow-column-right::after {
  content:''; position:absolute; top:50%; width:54px; height:2px; background:linear-gradient(90deg, rgba(171,201,240,0.16), rgba(171,201,240,0.74));
}
.mdr-system-flow-column-left::after { right:-36px; }
.mdr-system-flow-column-right::after { left:-36px; transform:scaleX(-1); }
.mdr-system-node, .mdr-system-core-card, .mdr-system-wide-panel {
  position:relative; overflow:hidden; border-radius:28px; border:1px solid rgba(177,205,241,0.14); box-shadow:0 20px 50px rgba(7,15,25,0.18), inset 0 1px 0 rgba(255,255,255,0.05);
}
.mdr-system-node {
  min-height:224px; padding:24px; display:grid; align-content:start; gap:12px; background:linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));
}
.mdr-system-node::before, .mdr-system-core-card::before, .mdr-system-wide-panel::before {
  content:''; position:absolute; inset:0 0 auto 0; height:3px; background:linear-gradient(90deg, rgba(169,204,246,0.96), rgba(86,110,140,0.98));
}
.mdr-system-node-kicker {
  display:inline-flex; align-items:center; justify-content:center; width:max-content; padding:8px 14px; border-radius:999px; background:rgba(255,255,255,0.09); border:1px solid rgba(177,205,241,0.14); color:#f3f8ff; font-size:0.76rem; letter-spacing:0.11em; text-transform:uppercase;
}
.mdr-system-node h3, .mdr-system-core-card h3, .mdr-system-wide-head h3 { margin:0; color:#f4f8ff; font-size:clamp(1.3rem, 1.7vw, 1.92rem); line-height:1.05; letter-spacing:-0.045em; }
.mdr-system-node p, .mdr-system-core-card p, .mdr-system-wide-panel p { margin:0; color:rgba(229,238,250,0.84); line-height:1.76; }
.mdr-system-core-card {
  min-height:466px; padding:28px; display:grid; justify-items:center; align-content:center; gap:14px; text-align:center; background:linear-gradient(180deg, rgba(76,101,133,0.84), rgba(47,67,91,0.90));
}
.mdr-system-flow-core { position:relative; }
.mdr-system-flow-core::after {
  content:''; position:absolute; left:50%; bottom:-72px; width:2px; height:72px; transform:translateX(-50%); background:linear-gradient(180deg, rgba(171,201,240,0.16), rgba(171,201,240,0.80));
}
.mdr-system-flow-droid { width:min(100%, 190px); min-height:148px; padding:12px 12px 2px; border-radius:24px; background:transparent; border:none; box-shadow:none; }
.mdr-system-flow-droid .service-map-droid-head { width:104px; height:80px; margin:0 auto 12px; background:linear-gradient(180deg,#fbfdff,#deebfb); border-color:rgba(190,214,245,0.28); }
.mdr-system-flow-droid .service-map-droid-eye { width:14px; height:14px; background:linear-gradient(180deg,#9abde8,#557aa0); box-shadow:0 0 0 4px rgba(157,191,235,0.14), 0 0 20px rgba(147,189,245,0.22); }
.mdr-system-flow-droid .service-map-droid-antenna { height:24px; top:0; background:rgba(211,229,255,0.54); }
.mdr-system-flow-droid .service-map-droid-antenna::before { width:14px; height:14px; background:#eef5ff; border-color:rgba(180,206,239,0.34); box-shadow:0 0 0 4px rgba(174,206,248,0.10); }
.mdr-system-flow-arrow {
  position:relative; width:2px; height:74px; margin:18px auto; background:linear-gradient(180deg, rgba(171,201,240,0), rgba(171,201,240,0.82), rgba(171,201,240,0));
}
.mdr-system-flow-arrow::before {
  content:''; position:absolute; left:50%; bottom:-2px; width:12px; height:12px; border-right:2px solid rgba(171,201,240,0.84); border-bottom:2px solid rgba(171,201,240,0.84); transform:translateX(-50%) rotate(45deg);
}
.mdr-system-wide-panel { padding:28px; background:linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05)); }
.mdr-system-wide-panel-dashboard { background:linear-gradient(180deg, rgba(86,110,140,0.98), rgba(63,86,115,0.99)); }
.mdr-system-wide-head { display:grid; gap:12px; margin-bottom:18px; }
.mdr-system-wide-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; }
.mdr-system-wide-item { display:grid; gap:8px; padding:18px; border-radius:20px; background:rgba(255,255,255,0.08); border:1px solid rgba(177,205,241,0.12); }
.mdr-system-wide-item strong { color:#f4f8ff; font-size:1rem; line-height:1.2; }
.mdr-system-wide-item span { color:rgba(229,238,250,0.82); line-height:1.6; }
.mdr-system-wide-panel-day { background:linear-gradient(180deg, rgba(227,238,251,0.98), rgba(207,223,244,0.98)); }
.mdr-system-wide-panel-day .mdr-system-node-kicker, .mdr-system-wide-panel-day h3, .mdr-system-wide-panel-day p, .mdr-system-wide-panel-day .mdr-system-day-strip span { color:#17324f; }
.mdr-system-wide-panel-day .mdr-system-node-kicker { background:rgba(255,255,255,0.58); border-color:rgba(86,110,140,0.16); }
.mdr-system-day-strip { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:18px; }
.mdr-system-day-strip span { padding:10px 14px; border-radius:999px; background:rgba(255,255,255,0.46); border:1px solid rgba(86,110,140,0.14); font-size:0.92rem; letter-spacing:0.01em; }
.mdr-system-day-copy { max-width:none; }
@media (max-width: 1180px) {
  .mdr-system-flow-architecture { grid-template-columns:1fr; }
  .mdr-system-flow-column-left::after, .mdr-system-flow-column-right::after, .mdr-system-flow-core::after { display:none; }
  .mdr-system-wide-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 760px) {
  .mdr-system-flow-shell { width:min(var(--container), calc(100% - 24px)); }
  .mdr-system-flow-frame { padding:22px; border-radius:28px; }
  .mdr-system-flow-title { font-size:clamp(2rem, 9vw, 3rem); }
  .mdr-system-node, .mdr-system-core-card { min-height:auto; }
  .mdr-system-wide-grid { grid-template-columns:1fr; }
}


/* v724: corrected visual arrangement for premium system flow surface */
.mdr-system-flow-architecture {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px, 0.96fr) minmax(0,1fr);
  grid-template-areas:
    "review . scoring"
    ". core ."
    "policy . release";
  gap:18px 22px;
  max-width:1120px;
  margin:0 auto;
  align-items:center;
}
.mdr-system-node-review { grid-area:review; }
.mdr-system-node-scoring { grid-area:scoring; }
.mdr-system-flow-core { grid-area:core; position:relative; }
.mdr-system-node-policy { grid-area:policy; }
.mdr-system-node-release { grid-area:release; }
.mdr-system-flow-architecture::before {
  content:''; position:absolute; left:50%; top:106px; bottom:106px; width:2px; transform:translateX(-50%);
  background:linear-gradient(180deg, rgba(171,201,240,0), rgba(171,201,240,0.62), rgba(171,201,240,0));
}
.mdr-system-flow-architecture::after {
  content:''; position:absolute; left:50%; top:50%; width:2px; height:86px; transform:translate(-50%,-50%);
  background:linear-gradient(180deg, rgba(171,201,240,0), rgba(171,201,240,0.82), rgba(171,201,240,0));
}
.mdr-system-node {
  min-height:208px; max-width:320px; width:100%; justify-self:center;
  padding:22px 20px; display:grid; align-content:start; gap:10px;
}
.mdr-system-node h3 { font-size:clamp(1.05rem, 1.35vw, 1.45rem); line-height:1.06; max-width:16ch; }
.mdr-system-node p { font-size:0.96rem; line-height:1.68; max-width:28ch; }
.mdr-system-core-card {
  min-height:320px; max-width:360px; margin:0 auto; padding:24px 24px 20px; gap:12px;
}
.mdr-system-core-card h3 { font-size:clamp(1.45rem, 2vw, 2.2rem); max-width:12ch; }
.mdr-system-core-card p { max-width:29ch; }
.mdr-system-flow-core::before,
.mdr-system-flow-core::after,
.mdr-system-node-review::after,
.mdr-system-node-scoring::after,
.mdr-system-node-policy::after,
.mdr-system-node-release::after {
  content:''; position:absolute; top:50%; height:2px; background:linear-gradient(90deg, rgba(171,201,240,0.14), rgba(171,201,240,0.74));
}
.mdr-system-node-review::after,
.mdr-system-node-policy::after { right:-46px; width:64px; }
.mdr-system-node-scoring::after,
.mdr-system-node-release::after { left:-46px; width:64px; transform:scaleX(-1); }
.mdr-system-flow-core::before { left:-62px; width:62px; }
.mdr-system-flow-core::after { right:-62px; width:62px; }
.mdr-system-flow-column-left::after,
.mdr-system-flow-column-right::after { display:none !important; }
.mdr-system-flow-core > .mdr-system-core-card::after {
  content:''; position:absolute; left:50%; top:-44px; width:2px; height:44px; transform:translateX(-50%);
  background:linear-gradient(180deg, rgba(171,201,240,0), rgba(171,201,240,0.76));
}
.mdr-system-flow-core > .mdr-system-core-card::before {
  content:''; position:absolute; left:50%; bottom:-44px; width:2px; height:44px; transform:translateX(-50%);
  background:linear-gradient(180deg, rgba(171,201,240,0.76), rgba(171,201,240,0));
}
.mdr-system-flow-arrow { margin:12px auto 18px; }
@media (max-width: 1180px) {
  .mdr-system-flow-architecture {
    grid-template-columns:1fr; grid-template-areas:"review" "scoring" "core" "policy" "release"; max-width:none;
  }
  .mdr-system-flow-architecture::before, .mdr-system-flow-architecture::after,
  .mdr-system-node-review::after, .mdr-system-node-scoring::after,
  .mdr-system-node-policy::after, .mdr-system-node-release::after,
  .mdr-system-flow-core::before, .mdr-system-flow-core::after,
  .mdr-system-flow-core > .mdr-system-core-card::after,
  .mdr-system-flow-core > .mdr-system-core-card::before { display:none; }
  .mdr-system-node, .mdr-system-core-card { max-width:none; }
}


/* v726: symmetric compaction of system flow side cards */
.mdr-system-flow-architecture {
  grid-template-columns:minmax(320px, 368px) minmax(260px, 312px) minmax(320px, 368px);
  grid-template-areas:
    "review . scoring"
    ". core ."
    "policy . release";
  gap:14px 16px;
  max-width:1080px;
  justify-content:center;
}
.mdr-system-node {
  min-height:166px;
  max-width:368px;
  padding:18px 20px 16px;
  gap:8px;
  border-radius:24px;
}
.mdr-system-node h3 {
  font-size:clamp(1rem, 1.2vw, 1.28rem);
  line-height:1.02;
  max-width:15ch;
}
.mdr-system-node p {
  font-size:0.92rem;
  line-height:1.56;
  max-width:30ch;
}
.mdr-system-core-card {
  min-height:238px;
  max-width:312px;
  padding:18px 16px 14px;
  gap:10px;
  border-radius:26px;
}
.mdr-system-flow-droid { width:min(100%, 156px); min-height:122px; }
.mdr-system-flow-droid .service-map-droid-head { width:88px; height:68px; margin:0 auto 10px; }
.mdr-system-node-kicker { padding:7px 12px; font-size:0.72rem; }
.mdr-system-node-review::after,
.mdr-system-node-policy::after,
.mdr-system-node-scoring::after,
.mdr-system-node-release::after { width:48px; }
.mdr-system-node-review::after,
.mdr-system-node-policy::after { right:-32px; }
.mdr-system-node-scoring::after,
.mdr-system-node-release::after { left:-32px; }
.mdr-system-flow-core::before,
.mdr-system-flow-core::after { width:44px; }
.mdr-system-flow-core::before { left:-44px; }
.mdr-system-flow-core::after { right:-44px; }
.mdr-system-flow-architecture::before { top:84px; bottom:84px; }
.mdr-system-flow-architecture::after { height:58px; }


/* v727: pull side cards symmetrically toward the core and reduce droid panel */
.mdr-system-node-review,
.mdr-system-node-scoring { transform: translateY(34px); }
.mdr-system-node-policy,
.mdr-system-node-release { transform: translateY(-34px); }
.mdr-system-core-card {
  min-height:204px;
  max-width:258px;
  padding:16px 14px 12px;
  border-radius:24px;
}
.mdr-system-flow-droid { width:min(100%, 132px); min-height:100px; }
.mdr-system-flow-droid .service-map-droid-head { width:74px; height:58px; margin:0 auto 8px; }
.mdr-system-flow-architecture::before { top:102px; bottom:102px; }
.mdr-system-flow-architecture::after { height:42px; }


/* v728: new block background and shorter connectors */
.mdr-system-flow-frame {
  background:linear-gradient(180deg, rgba(30,48,71,0.985), rgba(30,48,71,0.995));
}
.mdr-system-flow-frame::before {
  background:radial-gradient(circle, rgba(116,150,198,0.18), transparent 72%);
}
.mdr-system-flow-frame::after {
  background:radial-gradient(circle, rgba(168,196,232,0.12), transparent 74%);
}
.mdr-system-flow-architecture {
  grid-template-columns:minmax(312px, 352px) minmax(220px, 250px) minmax(312px, 352px);
  gap:14px 10px;
  max-width:980px;
}
.mdr-system-node-review::after,
.mdr-system-node-policy::after,
.mdr-system-node-scoring::after,
.mdr-system-node-release::after {
  width:24px;
}
.mdr-system-node-review::after,
.mdr-system-node-policy::after { right:-16px; }
.mdr-system-node-scoring::after,
.mdr-system-node-release::after { left:-16px; }
.mdr-system-flow-core::before,
.mdr-system-flow-core::after { width:22px; }
.mdr-system-flow-core::before { left:-22px; }
.mdr-system-flow-core::after { right:-22px; }
.mdr-system-flow-arrow { height:54px; margin:12px auto; }


/* v729: center alignment for dashboard and day-to-day panels */
.mdr-system-wide-panel-dashboard,
.mdr-system-wide-panel-day,
.mdr-system-wide-head,
.mdr-system-wide-item,
.mdr-system-day-strip,
.mdr-system-day-copy {
  text-align:center;
}
.mdr-system-wide-head {
  justify-items:center;
}
.mdr-system-wide-grid {
  align-items:stretch;
}
.mdr-system-wide-item {
  justify-items:center;
}
.mdr-system-wide-item span {
  display:block;
  max-width:24ch;
  margin:0 auto;
}
.mdr-system-day-strip {
  justify-content:center;
}
.mdr-system-day-copy {
  max-width:74ch;
  margin:0 auto;
}


/* v730: core explanatory text above droid */
.mdr-system-core-card {
  align-content:start;
  justify-items:center;
  text-align:center;
}
.mdr-system-core-card h3 {
  margin:0;
  font-size:clamp(1rem, 1.15vw, 1.28rem);
  line-height:1.06;
  max-width:16ch;
}
.mdr-system-core-card p {
  margin:0;
  font-size:0.88rem;
  line-height:1.5;
  max-width:26ch;
}


/* v732: Detailed Working Layer background changed to #1f3148 */
.mdr-working-grid-frame {
  background:linear-gradient(180deg, rgba(31,49,72,0.985), rgba(31,49,72,0.995));
}


/* v733: Detailed Working Layer uses premium blue gradient around #1f3148 */
.mdr-working-grid-frame {
  background:linear-gradient(180deg, rgba(31,49,72,0.985) 0%, rgba(38,60,88,0.995) 52%, rgba(28,45,67,0.995) 100%);
}


/* v734: move coordinate grid so it originates from the center droid in Detailed Working Layer */
.mdr-working-grid-topology::before {
  top:calc(74% - 1px);
  left:16.666%;
  right:16.666%;
  background:linear-gradient(90deg, rgba(171,201,240,0.18), rgba(171,201,240,0.84), rgba(171,201,240,0.18));
}
.mdr-working-grid-topology::after {
  top:calc(50% - 8px);
  bottom:calc(26% + 2px);
  background:linear-gradient(180deg, rgba(171,201,240,0), rgba(171,201,240,0.84), rgba(171,201,240,0.18));
}
.mdr-working-grid-card-core::before,
.mdr-working-grid-card-core::after {
  content:'';
  position:absolute;
  pointer-events:none;
  z-index:0;
}
.mdr-working-grid-card-core::before {
  left:50%;
  top:54%;
  width:calc(200% + 36px);
  height:2px;
  transform:translateX(-50%);
  background:linear-gradient(90deg, rgba(171,201,240,0.18), rgba(171,201,240,0.84), rgba(171,201,240,0.18));
}
.mdr-working-grid-card-core::after {
  left:50%;
  top:54%;
  width:2px;
  height:calc(100% + 92px);
  transform:translateX(-50%);
  background:linear-gradient(180deg, rgba(171,201,240,0.84), rgba(171,201,240,0.42), rgba(171,201,240,0));
}
.mdr-working-grid-card-core > * { position:relative; z-index:1; }
@media (max-width: 1180px) {
  .mdr-working-grid-card-core::before,
  .mdr-working-grid-card-core::after { display:none; }
}


/* v735: Detailed Working Layer wide panels replaced with System Flow Surface panel design */
.mdr-working-grid-wide-panel.mdr-system-wide-panel {
  padding:28px;
  display:grid;
  gap:18px;
}
.mdr-working-grid-wide-panel.mdr-system-wide-panel .mdr-system-wide-head {
  margin-bottom:0;
}
.mdr-working-grid-wide-panel.mdr-system-wide-panel .mdr-system-wide-grid {
  grid-template-columns:repeat(4, minmax(0,1fr));
}
@media (max-width: 1180px) {
  .mdr-working-grid-wide-panel.mdr-system-wide-panel .mdr-system-wide-grid {
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width: 760px) {
  .mdr-working-grid-wide-panel.mdr-system-wide-panel .mdr-system-wide-grid {
    grid-template-columns:1fr;
  }
}


/* v736: corrected coordinate axes in Detailed Working Layer */
.mdr-working-grid-topology::after {
  display:none;
}
.mdr-working-grid-topology::before {
  top:calc(75% - 1px);
  left:16.666%;
  right:16.666%;
}
.mdr-working-grid-card-core::before {
  top:66%;
  width:calc(200% + 18px);
}
.mdr-working-grid-card-core::after {
  top:66%;
  height:calc(100% + 68px);
}


/* v737: rebuild Detailed Working Layer axes as clean gutter connectors */
.mdr-working-grid-topology::before,
.mdr-working-grid-topology::after,
.mdr-working-grid-card-core::before,
.mdr-working-grid-card-core::after {
  display:none;
}
.mdr-working-grid-card-review,
.mdr-working-grid-card-policy,
.mdr-working-grid-card-scoring,
.mdr-working-grid-card-decision,
.mdr-working-grid-card-core,
.mdr-working-grid-card-release {
  position:relative;
}
.mdr-working-grid-card-review::after,
.mdr-working-grid-card-scoring::after {
  content:'';
  position:absolute;
  top:50%;
  right:-14px;
  width:14px;
  height:2px;
  transform:translateY(-50%);
  background:linear-gradient(90deg, rgba(171,201,240,0.2), rgba(171,201,240,0.84));
  pointer-events:none;
}
.mdr-working-grid-card-policy::before,
.mdr-working-grid-card-decision::before {
  content:'';
  position:absolute;
  top:50%;
  left:-14px;
  width:14px;
  height:2px;
  transform:translateY(-50%);
  background:linear-gradient(90deg, rgba(171,201,240,0.84), rgba(171,201,240,0.2));
  pointer-events:none;
}
.mdr-working-grid-card-core::after {
  content:'';
  position:absolute;
  left:50%;
  bottom:-14px;
  width:2px;
  height:14px;
  transform:translateX(-50%);
  background:linear-gradient(180deg, rgba(171,201,240,0.84), rgba(171,201,240,0.2));
  pointer-events:none;
}
.mdr-working-grid-card-release::before {
  content:'';
  position:absolute;
  left:50%;
  top:-14px;
  width:2px;
  height:14px;
  transform:translateX(-50%);
  background:linear-gradient(180deg, rgba(171,201,240,0.84), rgba(171,201,240,0.2));
  pointer-events:none;
}
@media (max-width: 1180px) {
  .mdr-working-grid-card-review::after,
  .mdr-working-grid-card-scoring::after,
  .mdr-working-grid-card-policy::before,
  .mdr-working-grid-card-decision::before,
  .mdr-working-grid-card-core::after,
  .mdr-working-grid-card-release::before {
    display:none;
  }
}


/* v738: set Operating Intelligence Layer kicker background */
.mdr-system-layer2-droid .service-map-core-kicker {
  background:#21344b;
  border:1px solid #21344b;
  border-radius:999px;
  padding:10px 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(9,18,31,0.18);
}