[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; position: relative; 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"]: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-of-type { 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-of-type)::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-loop { grid-column: 1 / -1; margin-top: -6px; padding-top: 10px; border-top: 2px solid var(--track-strong); color: var(--track-strong); text-align: center; font-size: 12px; font-weight: 800; }
    .diagram-loop::before { content: "↺ "; font-size: 18px; }
    .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-of-type)::after { top: auto; right: 50%; bottom: -23px; transform: translate(50%, 50%) rotate(90deg); }
    }