.family-participation{--fp-text:#493d32;--fp-soft:#72604d;--fp-accent:#80603a;--fp-border:#e8dccb;--fp-tint:#f4ecdf;border:1px solid var(--fp-border);background:radial-gradient(ellipse at top right,var(--fp-tint),transparent 65%),#fffdf8;color:var(--fp-text);border-radius:24px;margin:24px 0 64px;padding:clamp(24px,4vw,48px);scroll-margin-top:90px;box-shadow:0 16px 45px #5740230b}.family-participation--rainbow{--fp-text:#264766;--fp-soft:#4e6883;--fp-accent:#536b9c;--fp-border:#d9e7f7;--fp-tint:#f0ecff;background:radial-gradient(at 100% 0,#fff0ed,#0000 55%),radial-gradient(at 0 100%,#e9f6ff,#0000 65%),#fffdfb;border-radius:30px}.family-participation-intro{text-align:center;max-width:680px;margin:0 auto 30px}.family-participation-eyebrow{color:var(--fp-soft);letter-spacing:1.3px;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;display:inline-flex}.family-participation h2{font-family:var(--font-serif),Georgia,serif;text-wrap:balance;margin:16px 0;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.2}.family-participation p{color:var(--fp-soft);font-size:14px;line-height:1.85}.family-participation-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.family-participation-options article{border:1px solid var(--fp-border);background:#ffffffcf;border-radius:18px;flex-direction:column;align-items:flex-start;padding:26px;display:flex}.family-participation-icon{background:var(--fp-tint);border:1px solid var(--fp-border);width:48px;height:48px;color:var(--fp-accent);border-radius:50%;place-items:center;display:grid}.family-participation--rainbow .family-participation-options article:first-child .family-participation-icon{color:#ae5868;background:#fff0f2}.family-participation--rainbow .family-participation-eyebrow svg{animation:6s ease-in-out infinite family-star}@keyframes family-star{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.family-participation h3{font-family:var(--font-serif),Georgia,serif;margin:18px 0 0;font-size:23px;font-weight:500}.family-participation-options p{flex:1;margin:12px 0 22px}.family-participation button{border:1px solid var(--fp-accent);background:var(--fp-accent);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.family-participation-options article:nth-child(2) button{color:var(--fp-accent);background:#fff}.family-participation button:hover{filter:brightness(.93)}.family-participation button:disabled{opacity:.6;cursor:wait}.family-participation button:focus-visible,.family-participation a:focus-visible{outline:3px solid var(--fp-accent);outline-offset:4px}.family-participation small{color:var(--fp-soft);letter-spacing:.7px;align-self:center;margin-top:13px;font-size:11px}.family-participation-note{color:var(--fp-soft);margin:22px 0 0;line-height:1.8;font-size:12px!important}.family-participation-access{border:1px solid var(--fp-border);background:#fff;border-radius:14px;margin-top:20px;padding:18px 22px}.family-participation-access p{margin:0 0 12px}.family-participation-access a{color:var(--fp-accent);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}#leg-write-memory,#leg-record-voice,#vt-write-memory,#vt-record-voice{scroll-margin-top:110px}#leg-record-voice:focus,#vt-record-voice:focus{outline-offset:5px;outline:2px solid #536b9c}.family-hero-link{color:#fff;text-underline-offset:5px;background:#34232b66;border-radius:99px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:18px auto 0;padding:7px 12px;font-size:13px;text-decoration:underline;display:flex}@media (max-width:640px){.family-participation{border-radius:20px;margin-bottom:40px;padding:24px 18px}.family-participation-options{grid-template-columns:1fr;gap:14px}.family-participation-options article{padding:22px}}@media (prefers-reduced-motion:reduce){.family-participation--rainbow .family-participation-eyebrow svg{animation:none}}
