.ssa-section{padding-block:46px}
.ssa-grid{display:grid;gap:18px;margin-top:26px}
.ssa-grid-collection{grid-template-columns:repeat(3,minmax(0,1fr))}
.ssa-grid-application{grid-template-columns:repeat(2,minmax(0,1fr))}
.ssa-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #d7e2df;border-radius:8px;background:#fff}
.ssa-media{margin:0;background:#edf3f1;overflow:hidden}
.ssa-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.ssa-copy{display:flex;flex:1;flex-direction:column;padding:18px}
.ssa-meta-line{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:space-between;margin-bottom:8px}
.ssa-category{color:#176b4e;font-size:11px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.ssa-status{padding:3px 8px;border-radius:999px;background:#e8f4ef;color:#176b4e;font-size:10.5px;font-weight:750}
.ssa-card-needs-confirmation .ssa-status{background:#fff3e6;color:#8a4b0f}
.ssa-copy h3{margin:0;color:#173c48;font-size:20px;line-height:1.28}
.ssa-code{margin:3px 0 12px;color:#60737a;font-size:12px;font-weight:700;letter-spacing:.04em}
.ssa-description{margin:0 0 15px;color:#425961;font-size:13.5px;line-height:1.58}
.ssa-specs{margin:0 0 14px;border-top:1px solid #e3ebe8}
.ssa-specs>div{display:grid;grid-template-columns:minmax(92px,.7fr) minmax(0,1.3fr);gap:10px;padding:7px 0;border-bottom:1px solid #e3ebe8}
.ssa-specs dt{color:#66777d;font-size:11px}
.ssa-specs dd{margin:0;color:#263f49;font-size:12px;font-weight:650;overflow-wrap:anywhere}
.ssa-use{margin:0 0 13px;padding:12px 13px;border-radius:6px;background:#f3f8f5;color:#334f58}
.ssa-use strong{font-size:11px;color:#176b4e;text-transform:uppercase;letter-spacing:.045em}
.ssa-use p{margin:4px 0 0;font-size:12px;line-height:1.5}
.ssa-note{margin:0 0 13px;padding:11px 12px;border-left:3px solid #c47a2d;background:#fff7ed;color:#6c4317}
.ssa-note strong{font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.ssa-note p{margin:3px 0 0;font-size:12px;line-height:1.45}
.ssa-boundary{margin:auto 0 12px;color:#78878c;font-size:10.5px;line-height:1.45}
.ssa-actions{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.ssa-actions .sinjo-button{padding:9px 13px;font-size:12px}
.ssa-text-link{color:#176b4e;font-size:12px;font-weight:750;text-decoration:none}
.ssa-controls{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr) auto;gap:10px 14px;align-items:end;margin:20px 0 0;padding:14px 16px;border:1px solid #d9e5e0;border-radius:7px;background:#f8fbfa}
.ssa-controls label{grid-column:1/-1;color:#405860;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.ssa-controls select{min-height:42px;padding:8px 34px 8px 11px;border:1px solid #b9c8c4;border-radius:4px;background:#fff;color:#19313a;font:inherit}
.ssa-count{align-self:center;color:#66787e;font-size:12px}
.ssa-view-more{display:block;min-height:44px;margin:20px auto 0;padding:9px 18px;border:1px solid #177245;border-radius:4px;background:#fff;color:#0d623b;font-weight:800;cursor:pointer}
.ssa-card[hidden]{display:none!important}
@media(max-width:640px){
  .ssa-controls{grid-template-columns:1fr}
  .ssa-controls label{grid-column:auto}
  .ssa-count{order:3}
}

@media(max-width:1000px){.ssa-grid-collection,.ssa-grid-application{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ssa-section{padding-block:36px}.ssa-grid-collection,.ssa-grid-application{grid-template-columns:1fr}.ssa-copy{padding:16px}.ssa-specs>div{grid-template-columns:1fr;gap:2px}.ssa-actions{align-items:flex-start;flex-direction:column}.ssa-actions .sinjo-button{width:100%;text-align:center}}