.slot-hero-visual{margin:23px 0 0;max-width:760px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--ink)}
.slot-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:16/9}
.slot-library{margin:8px 0 42px}
.slot-library-heading{max-width:790px;margin-bottom:20px}
.slot-library-heading h2{margin:.35em 0 .4em}
.slot-library-heading p{color:var(--muted);max-width:680px}
.slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.slot-card{min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--paper-2);overflow:hidden}
.slot-card-image{display:block;background:var(--ink);overflow:hidden}
.slot-card-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.slot-card-copy{padding:16px 17px 18px}
.slot-card-provider{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-ink);font-weight:760}
.slot-card h3{margin:7px 0;font-size:23px}
.slot-card h3 a{color:var(--ink);text-decoration:none}
.slot-card p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.45}
.slot-card-tags{display:flex;gap:6px;flex-wrap:wrap}
.slot-card-tags span{display:inline-block;padding:3px 8px;border:1px solid var(--line);border-radius:99px;background:#f2f4ee;color:#263d50;font-size:10px;font-weight:680}
.slot-card-read{display:inline-flex;justify-content:space-between;gap:14px;width:100%;margin-top:13px;font-size:12px;font-weight:740}
.slot-index-filters{margin-top:38px;padding-top:10px;border-top:1px solid var(--line)}
.slot-filter-nav{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 24px}
.slot-filter-nav a{display:inline-flex;padding:7px 11px;border:1px solid #a9bbb3;border-radius:99px;background:#fffdf8;color:var(--ink);font-size:12px;font-weight:700;text-decoration:none}
.slot-filter-nav a:hover{border-color:var(--teal);background:#e8f0eb}
.slot-filter-group{scroll-margin-top:88px;margin:0 0 20px;padding:16px 18px;border:1px solid var(--line);border-radius:6px;background:var(--paper-2)}
.slot-filter-group h3{margin:0 0 9px;font-size:20px}
.slot-filter-group ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;margin:0;padding:0;list-style:none}
.slot-filter-group li{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid #e8e8de}
.slot-filter-group li a{font-weight:700}
.slot-filter-group li span{color:var(--muted);font-size:11px;line-height:1.4}
.slot-demo{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:22px;align-items:center;margin:22px 0 30px;padding:18px;border:1px solid var(--line);border-radius:7px;background:#e9eee8}
.slot-demo-copy h3{margin:5px 0 8px;font-size:27px}
.slot-demo-copy p{margin:0 0 12px}
.demo-load{display:inline-flex;align-items:center;min-height:44px;padding:10px 17px;border:0;border-radius:4px;background:var(--ink);color:#fff;font:700 14px/1.3 var(--sans);cursor:pointer}
.demo-load:hover{background:var(--teal-ink)}
.demo-load:focus-visible{outline:3px solid #b45a27;outline-offset:3px}
.demo-fallback{display:inline-block;margin:12px 0 0;font-size:12px;font-weight:700}
.demo-status{margin-top:9px!important;color:var(--muted);font-size:11px}
.slot-demo-art{min-width:0;overflow:hidden;border:1px solid #82948f;border-radius:5px;background:var(--ink)}
.slot-demo-art picture,.slot-demo-art img{display:block;width:100%}
.slot-demo-art img{height:auto;aspect-ratio:16/9;object-fit:cover}
.slot-demo-art iframe{display:block;width:100%;aspect-ratio:16/9;min-height:250px;border:0;background:#101820}
.slot-demo--loaded .slot-demo-art{background:#101820}
.slot-demo--loaded .demo-status{color:var(--teal-ink)}
@media(max-width:900px){.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-demo{grid-template-columns:1fr}.slot-demo-art{max-width:760px;width:100%}}
@media(max-width:600px){.slot-grid{grid-template-columns:1fr;gap:12px}.slot-card-copy{padding:14px}.slot-filter-group ul{grid-template-columns:1fr}.slot-demo{padding:13px;gap:14px}.slot-demo-copy h3{font-size:24px}.slot-hero-visual{margin-top:17px}.slot-demo-art iframe{min-height:210px}}