.engagement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.engagement-card{display:block;border-radius:24px;background:#eee8f8;padding:26px;border:1px solid #e3d9ef;transition:transform .15s}.engagement-card:nth-child(2){background:#e6f1fa}.engagement-card:nth-child(3){background:#eef3e1}.engagement-card:nth-child(4){background:#ffecdf}.engagement-card:hover{transform:translateY(-3px)}.engagement-card h3{font-size:25px;margin:18px 0 12px}.engagement-card p{line-height:1.7}.engagement-number{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fffc;color:#6b5298;font-size:14px;font-weight:700}.engagement-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.engagement-steps section{padding:22px;background:#f5f0fa;border-radius:20px;min-width:0}.engagement-steps label{margin:16px 0}.engagement-steps h3{margin:18px 0}.engagement-preview:not(:empty){padding:20px;background:#edf5fa;border-radius:16px}.capsule-prompt{padding:25px;background:linear-gradient(135deg,#e9e2f8,#fff0df);border-radius:20px;margin-bottom:24px}.capsule-prompt .btn{margin:8px 8px 0 0}.returning-family{margin:26px auto;padding:28px;border:1px solid #dcd3eb;border-radius:24px;background:linear-gradient(120deg,#e7f3fa,#f3eafa);max-width:1240px;width:calc(100% - 32px);box-sizing:border-box}.returning-family[hidden]{display:none}.returning-family h2{font-size:30px;margin:10px 0}.returning-family .engagement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.returning-family a{padding:15px;background:#fff9;border-radius:14px;display:block}.engagement-memory{border-left:4px solid #c4a7d9;padding:20px;background:#faf5fc;margin:18px 0;border-radius:0 18px 18px 0}.engagement-memory p{white-space:pre-wrap}.rotation-day{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid #e5deec}.engagement-section h2{font-size:clamp(28px,3vw,42px);margin:15px 0 25px}.connected-panel>label{display:grid;gap:8px;margin:18px 0}.connected-panel>label input,.connected-panel>label select{min-height:46px;width:100%;box-sizing:border-box}.engagement-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:900px){.engagement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.engagement-steps{grid-template-columns:1fr}}
@media(max-width:700px){.engagement-grid,.returning-family .engagement-grid{grid-template-columns:1fr}.returning-family{padding:22px 18px}.engagement-card{padding:24px}.engagement-steps section{padding:18px}.rotation-day{flex-direction:column;gap:5px}}
@media print{.engagement-steps,.engagement-actions,#reset-form,#rotation-form,#favourite-form,#capsule-next,#capsule-use,.returning-family,.engagement-section{display:none!important}body.print-capsule main .connected-wrap>*{display:none!important}body.print-capsule main .connected-wrap>.connected-panel:has(#capsule-monthly){display:block!important}body.print-capsule #capsule-monthly{display:block!important}.engagement-memory{break-inside:avoid}.connected-panel>label{display:none!important}}