.snp-products{box-sizing:border-box;margin:28px 0;padding:22px;border:1px solid #dce3e8;border-radius:14px;background:#f8fafc;color:#162c38;font:16px/1.5 system-ui,sans-serif}.snp-products h2{font:700 21px/1.3 system-ui,sans-serif;margin:0 0 8px;color:#162c38}.snp-disclosure{font-size:12px!important;line-height:1.5;margin:0 0 18px!important;color:#52636e}.snp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.snp-card{min-width:0;border:1px solid #e0e6e9;border-radius:10px;background:white;overflow:hidden}.snp-card a{display:flex;flex-direction:column;height:100%;padding:14px;box-sizing:border-box;text-decoration:none!important;color:#162c38!important}.snp-card img{display:block;width:100%;height:150px;object-fit:contain;margin:0 auto 14px;background:white}.snp-title{font-size:14px;line-height:1.45;font-weight:600;overflow-wrap:anywhere;margin-bottom:16px}.snp-button{display:block;margin-top:auto;padding:9px 10px;border-radius:7px;background:#ffcf32;color:#1c2730;text-align:center;font-size:13px;font-weight:700}.snp-card a:hover .snp-button{background:#f4bd00}.snp-card a:focus-visible,.snp-close:focus-visible{outline:3px solid #126ab3;outline-offset:3px}.snp-side{clear:both}.snp-side.snp-rail{position:fixed;right:18px;top:110px;width:220px;max-height:calc(100vh - 140px);overflow-y:auto;z-index:20}.snp-rail .snp-products{margin:0;padding:12px}.snp-rail .snp-grid{grid-template-columns:1fr}.snp-rail .snp-products h2{font-size:16px}.snp-rail .snp-card img{height:95px}.snp-exit{box-sizing:border-box;width:min(900px,94vw);max-height:85vh;overflow:auto;border:0;border-radius:16px;padding:25px 18px 12px;color:#162c38;background:white;box-shadow:0 24px 80px #0005}.snp-exit::backdrop{background:#102936aa}.snp-exit .snp-products{margin:16px 0 0}.snp-close{position:absolute;right:8px;top:4px;border:0;background:transparent;color:#162c38;font:30px/1 system-ui;cursor:pointer;width:40px;height:36px}.snp-exit:not([open]){display:none}@media(max-width:480px){.snp-grid{grid-template-columns:1fr 1fr;gap:8px}.snp-products{padding:12px}.snp-card a{padding:10px}.snp-card img{height:110px}}@media print{.snp-products,.snp-side,.snp-exit{display:none!important}}
.snp-layout-list .snp-grid{grid-template-columns:1fr}.snp-layout-list .snp-card a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center}.snp-layout-list .snp-card img{grid-row:span 2;height:100px;margin:0}.snp-layout-list .snp-title{margin:0}.snp-layout-list .snp-button{margin:0}.snp-layout-list .snp-card a:not(:has(img)){grid-template-columns:1fr}.snp-rail .snp-layout-list .snp-card a{display:flex}.snp-grid:has(>.snp-card:only-child){grid-template-columns:1fr}
/* Honor the selected count on wide content areas, then adapt to smaller screens. */
.snp-grid{grid-template-columns:repeat(var(--snp-columns,3),minmax(0,1fr))}.snp-layout-list .snp-grid{grid-template-columns:1fr}.snp-card .snp-title{overflow-wrap:anywhere}.snp-card img{aspect-ratio:4/3}.snp-exit .snp-close{z-index:1}@media(max-width:760px){.snp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.snp-grid{grid-template-columns:1fr}}