.focus-card{margin:18px 0;padding:20px;border:1px solid var(--sf-night-edge-b9c6b5,#b9c6b5);border-radius:16px;background:var(--sf-night-surface-f5f2e9,#f5f2e9);color:var(--sf-night-ink-253a30,#253a30);box-shadow:0 8px 28px var(--sf-night-edge-152f2114,rgba(21,47,33,.08))}
.focus-card.is-collapsed{padding:14px 18px;animation:focus-settle .25s ease-out}
.focus-card.is-collapsed h2{font-size:20px;margin:3px 0 6px}
.focus-card.is-collapsed p{font-size:13px}
.focus-card.is-collapsed .focus-actions{margin-top:10px}
@keyframes focus-settle{from{opacity:.72;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.focus-card.is-collapsed{animation:none}}
.focus-card h2{font:normal 25px/1.2 Georgia,serif;margin:5px 0 10px}.focus-card p{margin:7px 0;line-height:1.5}.focus-card .focus-kicker{font:700 11px/1.2 system-ui;letter-spacing:.1em;color:var(--sf-night-ink-52715b,#52715b)}.focus-card .focus-note{font-size:13px;color:var(--sf-night-ink-526456,#526456)}.focus-card .focus-options,.focus-card .focus-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.focus-card button{border:1px solid var(--sf-night-edge-52715b,#52715b);border-radius:10px;min-height:44px;padding:9px 13px;background:var(--sf-night-surface-ffffff,#fff);color:var(--sf-night-ink-254332,#254332);font:600 14px/1.3 system-ui;cursor:pointer}.focus-card button.primary{background:var(--sf-night-surface-254332,#254332);color:var(--sf-night-ink-ffffff,#fff)}.focus-card button[aria-pressed=true]{background:var(--sf-night-surface-d7e6d4,#d7e6d4);border-color:var(--sf-night-edge-254332,#254332)}.focus-card button:focus-visible{outline:3px solid var(--sf-night-edge-7b9f70,#7b9f70);outline-offset:2px}.focus-card .focus-status{min-height:1.4em;font-size:13px;color:var(--sf-night-ink-724b38,#724b38)}.focus-card progress{width:100%;height:8px;margin-top:10px;accent-color:var(--sf-night-ink-52715b,#52715b)}.focus-card[aria-busy=true]{opacity:.7}
.focus-compact{display:flex;align-items:center;justify-content:space-between;gap:12px}
.focus-compact>div{min-width:0}
.focus-card.is-step-collapsed .focus-compact h2{font-size:17px;line-height:1.35;margin:4px 0 0;overflow-wrap:anywhere}
.focus-card.is-step-collapsed .focus-compact button{flex:none;min-height:40px;padding:7px 10px;font-size:12px}
.focus-card.is-step-collapsed progress{display:block;margin-top:12px}
.focus-card.is-step-collapsed .focus-status:empty{display:none}
.focus-card .focus-compact-finish{margin-top:12px}
@media(max-width:360px){.focus-card{padding:15px}.focus-card button{flex:1 1 auto}}
