.triad{position:relative;width:100%;max-width:480px;margin-inline:auto;aspect-ratio:1 / 1}.triad__edges{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.triad__edge-group{animation:triad-edge-pulse 5s ease-in-out infinite}.triad__edge{stroke:var(--color-border);stroke-width:1.5;stroke-linecap:round}@keyframes triad-edge-pulse{0%,to{opacity:.5}50%{opacity:.85}}.triad__pulse{fill:#9dcfca;filter:drop-shadow(0 0 6px rgba(157,207,202,.7))}.triad:hover .triad__edge-group,.triad:focus-within .triad__edge-group{animation-play-state:paused}.triad:hover .triad__pulse,.triad:focus-within .triad__pulse{animation-play-state:paused}.triad__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:6px;pointer-events:none;text-align:center}.triad__center-disc{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);box-shadow:0 4px 14px #0006,inset 0 0 0 4px var(--color-bg-page);animation:triad-center-breathe 4.5s ease-in-out infinite}@keyframes triad-center-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.triad:hover .triad__center-disc,.triad:focus-within .triad__center-disc{animation-play-state:paused}.triad__center-label{font-size:.875rem;font-weight:600;color:var(--color-text-heading);letter-spacing:-.005em}.triad__center-sub{font-size:.75rem;color:var(--color-text-tertiary);letter-spacing:.02em}.triad__node{appearance:none;background:transparent;border:0;cursor:pointer;position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:6px;padding:8px;text-align:center}.triad__node:focus{outline:none}.triad__node:focus-visible{outline:2px solid var(--color-text-heading);outline-offset:4px;border-radius:var(--radius-md)}.triad__node-disc{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);box-shadow:0 6px 18px #00000073,inset 0 0 0 4px var(--color-bg-page);transition:transform .28s cubic-bezier(.34,1.56,.64,1),border-color .2s ease,color .2s ease,box-shadow .2s ease}.triad__node:hover .triad__node-disc,.triad__node:focus-visible .triad__node-disc{transform:scale(1.1);border-color:var(--color-border);color:var(--color-text-heading);box-shadow:0 12px 28px #0000008c,inset 0 0 0 4px var(--color-bg-page)}.triad__node:active .triad__node-disc{transform:scale(1.04);transition-duration:.12s}.triad__node-name{font-size:.8125rem;font-weight:600;color:var(--color-text-heading);letter-spacing:-.005em;white-space:nowrap}.triad__node-tag{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);font-weight:600}.triad__node-card{position:absolute;top:calc(100% + 12px);left:50%;width:240px;padding:14px 16px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:0 16px 32px -8px #0009;display:grid;gap:6px;text-align:left;opacity:0;pointer-events:none;transform:translate(-50%,-8px) scale(.98);transform-origin:50% 0%;transition:opacity .22s ease,transform .28s cubic-bezier(.34,1.56,.64,1);z-index:5}.triad__node:hover .triad__node-card,.triad__node:focus-visible .triad__node-card{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1)}.triad__node-card:before{content:"";position:absolute;bottom:100%;left:50%;width:10px;height:10px;transform:translate(-50%,55%) rotate(45deg);background:var(--color-bg-card);border-left:1px solid var(--color-border-subtle);border-top:1px solid var(--color-border-subtle)}.triad__node:first-of-type .triad__node-card{top:auto;bottom:calc(100% + 12px);transform-origin:50% 100%;transform:translate(-50%,8px) scale(.98)}.triad__node:first-of-type:hover .triad__node-card,.triad__node:first-of-type:focus-visible .triad__node-card{transform:translate(-50%) scale(1)}.triad__node:first-of-type .triad__node-card:before{top:100%;bottom:auto;transform:translate(-50%,-55%) rotate(45deg);border-left:0;border-top:0;border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.triad__node-card-title{font-size:.875rem;font-weight:600;color:var(--color-text-heading);letter-spacing:-.005em;display:block}.triad__node-card-body{font-size:.8125rem;color:var(--color-text-body);line-height:1.5;display:block}@media (prefers-reduced-motion: reduce){.triad__edge-group,.triad__center-disc,.triad__pulse animateMotion{animation:none}.triad__pulse{display:none}.triad__node:hover .triad__node-disc,.triad__node:focus-visible .triad__node-disc{transform:none}.triad__node-card,.triad__node:hover .triad__node-card,.triad__node:focus-visible .triad__node-card{transition:opacity 80ms linear;transform:translate(-50%) scale(1)}.triad__node:first-of-type .triad__node-card,.triad__node:first-of-type:hover .triad__node-card,.triad__node:first-of-type:focus-visible .triad__node-card{transform:translate(-50%) scale(1)}}