.jag-arch .arch-layout{display:grid;gap:24px;align-items:stretch}@media(max-width: 768px){.jag-arch .arch-layout{grid-template-columns:1fr !important}}.jag-arch .arch-layout__diagram{display:flex;flex-direction:column}.jag-arch .arch-layout__sidebar{border:1.5px solid var(--jag-line-2, #dce0e8);border-radius:16px;overflow:hidden;padding:0;margin-top:14px}.jag-arch .arch-layout__sidebar .block-editor-inner-blocks,.jag-arch .arch-layout__sidebar .block-editor-block-list__layout{min-height:80px}.jag-arch{--jag-ink: #0b0d12;--jag-ink-2: #3a3f4a;--jag-ink-3: #6a7180;--jag-line: #e7eaf0;--jag-line-2: #dce0e8;--jag-cream: #eef0f3;--jag-red: #d22439;--jag-jai-a: #5300ce;--jag-jai-b: #e22b83;--jag-grad: linear-gradient(90deg, #5300ce 0%, #e22b83 100%);--jag-ease: cubic-bezier(.4, 0, .2, 1);box-sizing:border-box;color:var(--jag-ink);font-size:16px;line-height:1.55;margin:0;padding:0;background:#fff}.jag-arch *,.jag-arch *::before,.jag-arch *::after{box-sizing:border-box}.jag-arch img,.jag-arch svg{display:block;max-width:100%}.jag-arch a{color:inherit;text-decoration:none}.jag-arch a:hover{text-decoration:none}.jag-arch .arch-diagram{background:rgba(0,0,0,0);border:0;border-radius:16px;padding:32px 18px 18px;position:relative;margin-top:14px;display:flex;flex-direction:column;gap:10px}.jag-arch .arch-diagram::before,.jag-arch .arch-diagram::after{content:"";position:absolute;inset:0;border:1.5px solid var(--jag-ink-3);border-radius:16px;pointer-events:none}.jag-arch .arch-diagram::before{clip-path:polygon(0 0, calc(50% - 70px) 0, calc(50% - 70px) 10px, 0 10px)}.jag-arch .arch-diagram::after{clip-path:polygon(calc(50% + 70px) 0, 100% 0, 100% 100%, 0 100%, 0 10px, calc(50% + 70px) 10px)}.jag-arch .arch-diagram .tier-label{position:absolute;top:0;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,0);padding:4px 18px;font-size:14px;font-weight:700;letter-spacing:-0.005em;color:var(--jag-ink);margin:0;white-space:nowrap}.jag-arch .arch-tier{border-radius:12px;padding:16px 8px 14px;color:#fff;display:flex;flex-direction:column;gap:10px;text-align:center;position:relative}.jag-arch .arch-tier .tier-name{font-size:14px;font-weight:700;letter-spacing:-0.005em;color:#fff}.jag-arch .arch-tier .tier-items{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:14px}.jag-arch .arch-tier .tier-items a{padding:11px 22px;border-radius:999px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:13px;font-weight:600;letter-spacing:-0.005em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .18s var(--jag-ease),border-color .18s var(--jag-ease);text-align:center;line-height:1.3;white-space:nowrap}.jag-arch .arch-tier .tier-items a:hover{background:hsla(0,0%,100%,.22);border-color:hsla(0,0%,100%,.28)}.jag-arch .arch-tier.supplier{background:#c4c5c8}.jag-arch .arch-tier.supplier .tier-name{color:#3f434f}.jag-arch .arch-tier.s2c{background:#6a7180}.jag-arch .arch-tier.p2p{background:#3f434f}.jag-arch .arch-tier.ai{background:var(--jag-grad);padding:14px 20px}.jag-arch .arch-tier.ai .tier-name{color:#fff;font-size:14px}.jag-arch a.arch-tier-btn{text-decoration:none;cursor:pointer;transition:transform .18s var(--jag-ease),box-shadow .18s var(--jag-ease),filter .18s var(--jag-ease)}.jag-arch a.arch-tier-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px -8px rgba(0,0,0,.25);filter:brightness(1.03)}.jag-arch a.tier-name-link{text-decoration:none;color:inherit;display:inline-block;align-self:center;padding:6px 14px;border-radius:999px;border:1px solid rgba(0,0,0,0);transition:background .18s var(--jag-ease),border-color .18s var(--jag-ease)}.jag-arch a.tier-name-link:hover{background:hsla(0,0%,100%,.22);border-color:hsla(0,0%,100%,.28);text-decoration:none}
