/* Друга фаза: компоненте само за прве две целине УЧИМ. */
.connections{margin:20px 0;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--cream)}
.connection-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.connection-columns>div{display:flex;flex-direction:column;gap:12px;min-width:0}
.connection-source,.connection-target{font:inherit;min-height:48px;padding:12px 14px;text-align:left;border:2px solid var(--border);border-radius:10px;background:var(--surface);color:var(--secondary-brown);overflow-wrap:anywhere;transition:border-color .15s,box-shadow .15s}
.connection-source{touch-action:none;user-select:none;cursor:grab}.connection-source.selected,.connection-source.is-dragging{border-color:var(--primary-brown);background:var(--active);box-shadow:var(--shadow-sm)}
.connection-target{border-style:dashed}.connection-target:hover{border-color:var(--primary-brown)}.connection-source:disabled{opacity:.6;cursor:default}.connection-target:disabled{opacity:1;border-style:solid}
.connected-item{display:block;border-top:1px solid var(--border);margin-top:10px;padding-top:10px;color:var(--primary-brown)}
.connection-status{min-height:1.5em;margin:12px 0 0}.connections button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.word.confirmed{box-shadow:inset 0 -4px var(--orange-accent)}
@media(max-width:560px){.connections{padding:10px}.connection-columns{gap:10px}.connection-source,.connection-target{padding:10px;font-size:.95rem}.connection-columns:has(.connection-source:nth-child(3)){grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.connections *{transition:none}}