.mat-page{padding:80px 0 120px}.mat-page .section-header{margin-bottom:64px}.mat-page .section-header p{max-width:640px}.mat-category{margin-bottom:72px}.mat-category__title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:12px;font-size:13px;font-weight:600}.mat-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.mat-subheading{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-size:12px;font-weight:700}.mat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.mat-card:hover{box-shadow:var(--shadow-card);border-color:#4da6e073}.mat-card__preview{background:#0a1428;justify-content:center;align-items:center;min-height:160px;padding:36px 28px;display:flex;position:relative}.mat-card__preview--checkerboard{background-color:#0d1630;background-image:linear-gradient(45deg,#111c35 25%,#0000 25%),linear-gradient(-45deg,#111c35 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#111c35 75%),linear-gradient(-45deg,#0000 75%,#111c35 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.mat-card__preview--checkerboard-light{background-color:#f0f0f0;background-image:linear-gradient(45deg,#e2e2e2 25%,#0000 25%),linear-gradient(-45deg,#e2e2e2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e2e2 75%),linear-gradient(-45deg,#0000 75%,#e2e2e2 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.mat-card__preview img,.mat-card__preview svg{object-fit:contain;max-width:100%;max-height:100px}.mat-card__zip-icon{flex-direction:column;align-items:center;gap:8px;display:flex}.mat-card__zip-icon svg{width:48px;height:48px;color:var(--gold)}.mat-card__zip-icon span{letter-spacing:.1em;color:var(--gold);text-transform:uppercase;font-size:11px;font-weight:700}.mat-card__body{flex-direction:column;flex:1;gap:6px;padding:20px 22px 22px;display:flex}.mat-card__name{color:var(--white);font-size:15px;font-weight:600;line-height:1.3}.mat-card__desc{color:var(--text-muted);flex:1;margin-bottom:4px;font-size:13px;line-height:1.5}.mat-card__meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.mat-card__badge{letter-spacing:.06em;text-transform:uppercase;background:var(--blue-dim);color:var(--blue);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.mat-card__badge--zip{color:var(--gold);background:#f5b8001f}.mat-card__downloads{gap:8px;display:flex}.mat-card__download{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--white);background:0 0;justify-content:center;align-self:flex-start;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.mat-card__downloads .mat-card__download{flex:1;align-self:stretch}.mat-card__download:hover{background:var(--blue-dim);border-color:var(--blue);color:var(--blue)}.mat-card__download--primary{background:var(--gold);border-color:var(--gold);color:#0d1b3e;font-weight:600}.mat-card__download--primary:hover{color:#0d1b3e;background:#d9a400;border-color:#d9a400}.mat-card__download svg{flex-shrink:0;width:15px;height:15px}.mat-card--wide{grid-column:1/-1;max-width:640px}.mat-card__preview--image{background:#0a1428;min-height:200px;padding:0}.mat-card__preview--image img{object-fit:cover;width:100%;height:auto;max-height:none;display:block}.mat-note{background:var(--blue-dim);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);align-items:flex-start;gap:14px;margin-top:48px;padding:20px 24px;font-size:14px;line-height:1.6;display:flex}.mat-note svg{width:18px;height:18px;stroke:var(--blue);flex-shrink:0;margin-top:2px}.mat-note a{color:var(--blue);text-decoration:underline}