.ws-page .dg-intro{padding-block:44px 28px}.ws-page .dg-intro .eyebrow{margin-bottom:12px}.ws-page .dg-intro h1{font-size:clamp(28px,3vw,40px);font-weight:750;line-height:1.3;margin:0 0 16px;letter-spacing:-.03em}.ws-page .dg-description{max-width:800px;color:var(--muted);font-size:16px;line-height:1.9}.ws-page .dg-disclosure{margin-top:14px;color:var(--muted);font-size:12px;line-height:1.8}.ws-page .dg-list{padding-bottom:64px}
.ws-page .dg-filters{display:flex;gap:10px;overflow-x:auto;max-width:100%;padding:4px 2px 14px;margin:0 0 14px;overscroll-behavior-inline:contain;scrollbar-width:thin}.ws-page .dg-filters[hidden],.ws-page .dg-card[hidden]{display:none}.ws-page .dg-filters button{flex:none;min-height:44px;padding:9px 20px;white-space:nowrap;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--muted);font:inherit;font-size:14px;cursor:pointer;transition:color .22s,background-color .22s,border-color .22s}.ws-page .dg-filters button:hover{color:var(--primary);border-color:#9cbbef}.ws-page .dg-filters button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}
.ws-page .dg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}.ws-page .dg-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;color:inherit;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.ws-page .dg-cover{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--surface);border-bottom:1px solid var(--border)}.ws-page .dg-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .22s ease}.ws-page .dg-card-body{display:flex;flex-direction:column;flex:1;padding:22px}.ws-page .dg-category{align-self:flex-start;color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:10px}.ws-page .dg-card h2{font-size:18px;line-height:1.55;font-weight:650;letter-spacing:-.01em;margin:0 0 20px;overflow-wrap:anywhere}.ws-page .dg-demo{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--primary);font-size:14px;font-weight:600;line-height:1.6}.ws-page .dg-demo>span[aria-hidden]{display:inline-block;transition:transform .22s ease}
@media(hover:hover){.ws-page .dg-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(15,44,78,.10);border-color:#9cbbef}.ws-page .dg-card:hover .dg-cover img{transform:scale(1.035)}.ws-page .dg-card:hover .dg-demo>span[aria-hidden]{transform:translateX(4px)}}
.ws-page .dg-card:focus-visible,.ws-page .dg-filters button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.ws-page .dg-empty{padding:48px 28px;text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.ws-page .dg-empty h2{font-size:20px;font-weight:650;margin-bottom:12px}.ws-page .dg-empty p{font-size:14px;line-height:1.8;color:var(--muted)}.ws-page .dg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:999px){.ws-page .dg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media(max-width:639px){.ws-page .dg-grid{grid-template-columns:1fr;gap:22px}.ws-page .dg-intro{padding-block:30px 24px}.ws-page .dg-description{font-size:14px}.ws-page .dg-list{padding-bottom:40px}.ws-page .dg-card-body{padding:20px}.ws-page .dg-filters button{padding-inline:16px}.ws-page .dg-empty{padding:36px 22px}}
@media(prefers-reduced-motion:reduce){.ws-page .dg-card,.ws-page .dg-cover img,.ws-page .dg-demo>span,.ws-page .dg-filters button{transition:none}.ws-page .dg-card:hover,.ws-page .dg-card:hover .dg-cover img,.ws-page .dg-card:hover .dg-demo>span[aria-hidden]{transform:none}}