[data-diagram-role="group"] {
      margin-top: 22px;
      padding: 24px !important;
      border: 1px solid var(--diagram-line);
      border-radius: 18px;
      background: var(--diagram-panel);
    }
    [data-diagram-role="group"] > [data-diagram-role="card"] {
      display: grid !important;
      min-height: 132px !important;
      align-content: center !important;
      gap: 10px !important;
      padding: 20px !important;
      background: var(--diagram-paper) !important;
      box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
    }
    [data-diagram-role="group"] > [data-diagram-role="card"] > strong {
      font-size: 16px;
      line-height: 1.35;
    }
    [data-diagram-role="group"] > [data-diagram-role="card"] > p {
      margin: 0;
      font-size: 13px;
      line-height: 1.55;
    }
    [data-visual-sequence] {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      gap: 28px !important;
    }
    [data-visual-sequence] > [data-diagram-role="card"] {
      position: relative;
    }
    [data-visual-sequence] > [data-diagram-role="card"]:first-child {
      box-shadow: inset 4px 0 0 var(--track-strong), 0 10px 24px rgba(15, 23, 42, .06);
    }
    [data-visual-sequence] > [data-diagram-role="card"]:last-child {
      background: var(--diagram-success-bg) !important;
      box-shadow: inset -4px 0 0 var(--diagram-success), 0 10px 24px rgba(15, 23, 42, .06);
    }
    [data-visual-sequence] > [data-diagram-role="card"]:not(:last-child)::after {
      content: "→";
      position: absolute;
      z-index: 2;
      top: 50%;
      right: -22px;
      color: var(--track-strong);
      font-size: 24px;
      font-weight: 800;
      transform: translate(50%, -50%);
    }
    [data-visual-comparison] {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }
    [data-visual-comparison] > [data-diagram-role="card"] {
      min-height: 136px !important;
    }
    [data-visual-comparison] > [data-diagram-role="card"]:nth-child(odd) {
      box-shadow: inset 4px 0 0 var(--track-strong), 0 10px 24px rgba(15, 23, 42, .06);
    }
    [data-visual-comparison] > [data-diagram-role="card"]:nth-child(even) {
      box-shadow: inset 4px 0 0 var(--diagram-success), 0 10px 24px rgba(15, 23, 42, .06);
    }
    .diagram[data-diagram-system="v2"] .diagram-relation { gap: 36px !important; }
    .diagram[data-diagram-system="v2"] .diagram-relation__root,
    .diagram[data-diagram-system="v2"] .diagram-relation__branch {
      min-height: 120px !important;
      padding: 18px !important;
    }
    @media (max-width: 640px) {
      [data-diagram-role="group"] { margin-top: 16px; padding: 14px !important; }
      [data-diagram-role="group"] > [data-diagram-role="card"],
      .diagram[data-diagram-system="v2"] .diagram-relation__root,
      .diagram[data-diagram-system="v2"] .diagram-relation__branch {
        min-height: 92px !important;
        padding: 15px !important;
      }
      [data-visual-sequence], [data-visual-comparison] { grid-template-columns: 1fr !important; }
      [data-visual-sequence] > [data-diagram-role="card"]:not(:last-child)::after {
        top: auto;
        right: 50%;
        bottom: -23px;
        transform: translate(50%, 50%) rotate(90deg);
      }
    }