.recovery-section { margin: 0; min-width: 0; color: #e8edf2; }
.recovery-section-header { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:24px; margin-bottom:10px; }
.recovery-section-header h2 { display:flex; align-items:center; gap:4px; margin:0; font-size:18px; line-height:1.25; font-weight:600; }
.recovery-section-header h2 svg { width:24px; height:24px; flex:none; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.recovery-section-icon { width:24px; height:24px; flex:none; object-fit:contain; }
.recovery-view-all { color:#e8edf2; font-size:12px; line-height:1; font-weight:600; text-decoration:none; white-space:nowrap; }
.recovery-card-grid { --columns:3; display:grid; grid-template-columns:repeat(var(--columns),minmax(0,1fr)); gap:10px 8px; width:100%; margin:0 auto; }
.recovery-card { min-width:0; margin:0; overflow:hidden; border-radius:6px; }
.recovery-card[hidden] { display:none!important; }
.recovery-card-art { overflow:hidden; border-radius:6px; aspect-ratio:4/3; background:rgba(232,237,242,.06); }
.recovery-card-art img { display:block; width:100%; height:100%; object-fit:cover; border-radius:6px; }
.recovery-users { display:flex; align-items:center; gap:4px; height:18px; box-sizing:border-box; padding:4px 0; font-size:10px; line-height:10px; color:rgba(232,237,242,.85); white-space:nowrap; }
.recovery-users i { display:inline-block; width:6px; height:6px; flex:none; border-radius:50%; background:#0f0; box-shadow:0 0 4px rgba(0,255,0,.4); }
.recovery-card--provider .recovery-card-art { display:flex; align-items:center; justify-content:center; aspect-ratio:auto; height:60px; padding:10px 12px; box-sizing:border-box; background:rgba(232,237,242,.08); }
.recovery-card--provider .recovery-card-art img { width:68px; height:26px; max-width:100%; object-fit:contain; border-radius:0; }
.recovery-provider-link { display:block; }
.recovery-more { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:44px; margin:0; padding:0; background:none; border:0; color:inherit; font:inherit; text-decoration:none; cursor:pointer; }
.recovery-more > span { flex:1; height:1px; background:rgba(232,237,242,.1); }
.recovery-more > b { font-size:13px; line-height:1; font-weight:600; letter-spacing:.6px; color:rgba(232,237,242,.5); white-space:nowrap; transition:color .15s; }
.recovery-more:hover > b { color:rgba(232,237,242,.85); }
.recovery-more[hidden] { display:none!important; }
.recovery-more:focus-visible,.recovery-view-all:focus-visible { outline:2px solid #ffb900; outline-offset:3px; }
.recovery-section.is-expanding .recovery-card:not([hidden]) { animation:recovery-reveal .45s cubic-bezier(.331,0,0,1); }
@keyframes recovery-reveal { from{opacity:.15;transform:translateY(-5px)} to{opacity:1;transform:none} }
@media(min-width:480px){ .recovery-card-grid{--columns:4} }
@media(min-width:768px){ .recovery-card-grid{--columns:5} }
@media(min-width:1024px){ .recovery-card-grid{--columns:6} }
@media(min-width:1280px){ .recovery-card-grid{--columns:7} }
@media(min-width:1536px){ .recovery-card-grid{--columns:8} }
@media(prefers-reduced-motion:reduce){ .recovery-section.is-expanding .recovery-card:not([hidden]){animation:none} }