.connection-panel,.next-thoughtful-step{padding:clamp(20px,4vw,36px);margin:0 0 28px;border:1px solid #ccb5e5;border-radius:24px;background:linear-gradient(140deg,#f8efff,#fff9f3);box-shadow:0 12px 30px #48205b0d;overflow-wrap:anywhere}
.connection-panel h2,.next-thoughtful-step h2{margin:8px 0 12px;line-height:1.2}.connection-panel p,.next-thoughtful-step p{max-width:65ch;line-height:1.65}
.connection-actions,.connection-grid{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.connection-grid>article{flex:1 1 200px;padding:18px;border:1px solid #d9cae5;border-radius:16px;background:#fff}
.connection-panel button,.connection-actions button,.next-thoughtful-step button{min-height:44px;white-space:normal;max-width:100%}.connection-panel details{margin-top:20px}.connection-panel summary{padding:12px 0;cursor:pointer}.connection-panel button:focus-visible,.connection-actions button:focus-visible,.next-thoughtful-step button:focus-visible{outline:3px solid #623189;outline-offset:4px}
@media(max-width:480px){.connection-actions>button,.next-thoughtful-step>.primary{width:100%}.connection-panel,.next-thoughtful-step{padding:20px 16px;border-radius:18px}}

.next-thoughtful-step>.outline{margin:10px 0 0 10px}@media(max-width:800px){.sidebar>.connection-nav{display:none}.next-thoughtful-step>.outline{margin:12px 0 0;width:100%}}