.social-expansion-nav{display:flex;flex-wrap:wrap;gap:.65rem;margin:0 0 1.2rem;padding:.7rem;border:1px solid #d5ded3;border-radius:1.2rem;background:#f6f4eb}
.social-expansion-nav button{flex:1 1 12rem;min-height:48px;white-space:normal}
.social-expansion-nav button[aria-pressed=true],.social-expansion button[aria-pressed=true]{background:#d9e8db;color:#244638;border:2px solid #496c56}
.social-expansion{--social-ink:#2e473c;color:var(--social-ink);max-width:1040px;margin:auto;text-align:start}
.social-expansion *{box-sizing:border-box}
.social-expansion h3,.social-expansion h4{line-height:1.5;overflow-wrap:anywhere}
.social-expansion p{line-height:1.7;margin:.65rem 0}
.social-expansion label{display:block;font-weight:650;margin:.7rem 0 .4rem}
.social-expansion select,.social-expansion textarea{width:100%;max-width:100%;font:inherit;color:inherit;border:1px solid #9fac9c;background:#fffdf7;border-radius:.7rem;padding:.7rem;min-height:48px}
.social-expansion textarea{resize:vertical;min-height:5rem}
.social-expansion button{font:inherit;min-height:48px;max-width:100%;padding:.65rem 1rem;border:1px solid #a7b4a0;border-radius:.8rem;line-height:1.5;background:#fffdf7;color:var(--social-ink);cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.social-expansion button:disabled{opacity:.5;cursor:default}
.social-expansion button:focus-visible,.social-expansion select:focus-visible,.social-expansion textarea:focus-visible,.social-expansion-nav button:focus-visible{outline:3px solid #536f9d;outline-offset:4px}
.social-expansion .social-primary{background:#385c49;color:#fffdf7}
.social-topics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end}
.social-scene{margin:1.2rem 0;border:1px solid #e0dac8;border-radius:1.2rem;overflow:hidden;background:#f6efdf}
.social-scene img{width:100%;max-height:420px;object-fit:contain;display:block}
.social-scene figcaption{padding:.75rem 1rem}
.social-story-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.3rem;align-items:start}
.social-story-layout .social-scene{margin-top:0}
.social-prompt{font-size:1.2rem;line-height:1.65;margin:0 0 .8rem}
.social-expansion fieldset{margin:1rem 0;padding:0;border:0;min-width:0}
.social-expansion legend{font-weight:700;margin-bottom:.6rem}
.social-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.social-options button{text-align:start}
.social-options button::before{content:'○';display:inline-block;margin-inline-end:.55rem;opacity:.7}
.social-options button[aria-pressed=true]::before{content:'●'}
.social-record{background:#f4f2e8;border-radius:1rem;padding:.8rem 1rem;margin:1rem 0;overflow-wrap:anywhere}
.social-record h4{margin:0 0 .5rem}
.social-record ul{padding-inline-start:1.4rem;margin:.4rem 0}
.social-actions,.social-roles,.social-plan-controls{display:flex;flex-wrap:wrap;gap:.6rem;margin:.8rem 0}
.social-actions button,.social-roles button{flex:1 1 8rem}
.social-expansion details{padding:1rem;margin-top:1rem;background:#f7f5ee;border-radius:1rem}
.social-expansion summary{cursor:pointer;font-weight:650;min-height:30px}
.social-muted{font-size:.9rem;color:#536052}
.social-card-cover{min-height:240px;display:grid;place-items:center;border:1px solid #bbc6b1;border-radius:1.2rem;background:linear-gradient(120deg,#e4eddf,#f3e7cf);font-size:2.5rem;padding:2rem;text-align:center}
.social-plan-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:1rem 0;gap:.8rem}
.social-plan-step{border:1px solid #c7cdbc;border-radius:1rem;padding:.65rem;background:#fffdf7;min-width:0}
.social-plan-step.is-current{border:3px solid #496c56;padding:calc(.65rem - 2px)}
.social-plan-picture{height:130px;display:grid;place-items:center;overflow:hidden;border-radius:.65rem;background:#f8f4e9}
.social-plan-picture svg,.social-plan-picture img{height:100%;width:100%;object-fit:contain}
.social-plan-step .social-plan-controls{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}
.social-plan-step .social-plan-controls button{padding:.4rem;font-size:.88rem}
.social-plan-step .social-plan-controls button:last-child{grid-column:1/-1}
.social-plan-step h4{font-size:1rem;margin:.55rem 0}
.social-plan-step .social-show{width:100%}
.social-plan-caption{min-height:2.2em;font-size:.9rem;font-weight:650}
.social-routine-message{padding:1rem;border:1px solid #c7cdbc;border-radius:1rem}
.social-step-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}
.social-note-editor{margin:1rem 0}
.social-expansion [hidden]{display:none!important}
@media(max-width:700px){.social-story-layout,.social-topics{grid-template-columns:1fr}.social-plan-list{grid-template-columns:repeat(2,minmax(0,1fr))}.social-scene img{max-height:300px}.social-prompt{font-size:1.1rem}}
@media(max-width:390px){.social-options,.social-plan-list{grid-template-columns:1fr}.social-expansion button{padding:.65rem}.social-step-nav{gap:.4rem}.social-plan-picture{height:180px}}
@media(prefers-reduced-motion:reduce){.social-expansion *{scroll-behavior:auto;transition:none!important;animation:none!important}}