.retention-collections-section{padding:18px 0 4px}
.retention-collections-heading{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:14px}
.retention-collections-heading>div>span{display:block;color:#6d3ceb;font-size:.74rem;font-weight:900;letter-spacing:.065em;text-transform:uppercase}
.retention-collections-heading h2{margin:4px 0 6px;color:#2f2235;font-size:clamp(1.35rem,2.2vw,1.8rem)}
.retention-collections-heading p{margin:0;color:#6a5e71;line-height:1.55}
.retention-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.retention-collection-card{display:flex;flex-direction:column;min-height:190px;padding:18px;border:1px solid #e2d7ea;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#fbf8ff 100%);color:#2f2235;text-decoration:none;box-shadow:0 10px 26px rgba(69,37,83,.05);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.retention-collection-card:hover{transform:translateY(-2px);border-color:#cdb9df;box-shadow:0 14px 30px rgba(69,37,83,.09)}
.retention-collection-card>span{color:#6d3ceb;font-size:.7rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.retention-collection-card>strong{margin-top:6px;font-size:1.05rem}
.retention-collection-card p{margin:8px 0 14px;color:#6c6070;line-height:1.5;font-size:.9rem}
.retention-collection-card em{margin-top:auto;color:#5a36b5;font-style:normal;font-weight:850}

.collection-page{padding-bottom:64px}
.collection-hero{padding:46px 0 26px;background:linear-gradient(135deg,#f7f2fb 0%,#fff8f4 100%);border-bottom:1px solid #eadff0}
.collection-hero h1{margin:9px 0 10px;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.02;letter-spacing:-.035em;color:#2f2235}
.collection-hero> .container>p{max-width:820px;margin:0;color:#685c6e;line-height:1.65}
.collection-switcher{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.collection-switcher a{display:inline-flex;align-items:center;min-height:42px;padding:9px 13px;border:1px solid #d8cae5;border-radius:999px;background:#fff;color:#4d345e;font-size:.88rem;font-weight:800;text-decoration:none}
.collection-switcher a[aria-current="page"]{border-color:#6d3ceb;background:#6d3ceb;color:#fff}
.collection-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.collection-stats span{display:inline-flex;gap:4px;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid #e2d7ea;color:#62556a;font-size:.78rem}
.collection-stats strong{color:#3f2750}
.collection-snapshot{margin-top:11px!important;font-size:.8rem;color:#817586!important}

.collection-results{padding-top:28px}
.collection-results-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
.collection-results-heading h2{margin:0 0 5px;color:#2f2235;font-size:1.45rem}
.collection-results-heading p{margin:0;color:#726679}
.collection-results-heading>a{font-weight:850}
.collection-job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.collection-job-card{display:flex;flex-direction:column;min-width:0;min-height:255px}
.collection-category-chip{background:#f4edff;color:#603cb1}
.collection-deadline{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding:10px 11px;border-radius:12px;background:#fbf7fd;color:#6d6073;font-size:.78rem}
.collection-deadline strong{color:#4d365a}
.collection-empty{padding:32px;border:1px dashed #d8cae5;border-radius:18px;background:#fff;text-align:center}
.collection-empty strong{display:block;color:#382642;font-size:1.12rem}
.collection-empty p{max-width:620px;margin:8px auto 16px;color:#74697a}
.collection-trust-note{margin-top:24px;padding:18px 20px;border:1px solid #e7dfea;border-radius:16px;background:#fbfafc;color:#695f6d}
.collection-trust-note strong{color:#3f3047}
.collection-trust-note p{margin:5px 0 0;line-height:1.55}

@media(max-width:900px){
  .retention-collection-grid,.collection-job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .retention-collections-section{padding:12px 0 2px}
  .retention-collection-grid{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .retention-collection-card{flex:0 0 min(82vw,310px);min-height:180px;padding:16px;scroll-snap-align:start}
  .collection-hero{padding:32px 0 22px}
  .collection-switcher{display:grid;grid-template-columns:1fr}
  .collection-switcher a{justify-content:center;min-height:46px}
  .collection-results-heading{align-items:flex-start;flex-direction:column}
  .collection-job-grid{grid-template-columns:1fr}
  .collection-job-card{min-height:235px}
  .collection-deadline{align-items:flex-start;flex-direction:column;gap:2px}
}
