/* Block: argos/legacy-feature */
.legacy-feature { background: var(--card); overflow: hidden; }
.legacy-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 8vw; align-items: center; }
.legacy-copy p:not(.kicker) { color: var(--muted); }
.legacy-copy .text-link { margin-top: 14px; }

/* Illustration (template-parts/illustrations/legacy-systems.php) */
.legacy-visual { position: relative; min-height: 520px; }
.system-window { position: absolute; width: 72%; height: 300px; border: 1px solid var(--line); border-radius: 17px; overflow: hidden; background: var(--field); box-shadow: 0 28px 70px rgba(22,18,32,.12); }
.system-old { left: 0; top: 0; transform: rotate(-5deg); filter: saturate(.65); }
.system-new { right: 0; bottom: 0; transform: rotate(4deg); border-color: rgba(97,24,215,.3); }
.window-bar { height: 42px; padding: 0 14px; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid var(--line); }
.window-bar span { width: 7px; height: 7px; border-radius: 50%; background: #c7c2ca; }
.window-bar b { margin-left: auto; color: var(--muted); font-size: .62rem; }
.legacy-rows { padding: 24px; }
.legacy-rows i { display: block; height: 22px; margin-bottom: 12px; border: 1px solid var(--line); background: repeating-linear-gradient(90deg, #efebe3 0 42px, transparent 42px 58px); }
.warning-tag, .ready-tag { position: absolute; left: 22px; bottom: 22px; padding: 8px 11px; border-radius: 999px; font-size: .65rem; font-weight: 900; }
.warning-tag { color: #7a3c00; background: #ffdeb9; }
.ready-tag { color: #075f54; background: var(--mint-soft); }
.modern-panels { height: 180px; padding: 22px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 10px; }
.modern-panels i { border-radius: 8px; background: #ece7f3; }
.modern-panels i:first-child { grid-row: span 2; background: linear-gradient(155deg, rgba(97,24,215,.18), rgba(29,214,190,.24)); }
.system-bridge { position: absolute; z-index: 3; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-5deg); width: 155px; padding: 10px; border-radius: 14px; background: var(--ink); box-shadow: 0 18px 50px rgba(17,16,21,.3); }
.system-bridge span { display: block; padding: 6px 7px; color: rgba(255,255,255,.65); border-bottom: 1px solid rgba(255,255,255,.1); font-size: .6rem; text-transform: uppercase; letter-spacing: .1em; }
.system-bridge span:last-child { border: 0; color: var(--mint); }

@media (max-width: 1050px) {
  .legacy-grid { grid-template-columns: 1fr; }
  .legacy-visual { width: min(100%, 680px); margin-inline: auto; }
}

@media (max-width: 760px) {
  .legacy-grid { gap: 42px; }
  .legacy-visual { min-height: 440px; }
  .system-window { width: 84%; height: 260px; }
}

@media (max-width: 430px) {
  .legacy-visual { min-height: 370px; }
  .system-window { height: 220px; }
  .system-bridge { width: 115px; }
}