.scrims-page { max-width: 1100px; margin: 0 auto; padding: 1.4rem 1rem 3rem; }
.scrims-hero { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-end; margin-bottom: 1.2rem; flex-wrap: wrap; }
.scrims-kicker { color: #3ee0c5; letter-spacing: .22em; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.scrims-hero h1 { margin: .2rem 0; color: #fff; font-size: clamp(1.8rem, 4vw, 2.6rem); }
.scrims-hero p { margin: 0; color: #b7c0c8; max-width: 38rem; }
.scrims-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: .85rem; }
.scrim-tile { display: flex; flex-direction: column; gap: .7rem; padding: 1rem; border-radius: 16px; color: inherit; background: linear-gradient(180deg, rgba(62,224,197,.08), rgba(10,12,16,.95)); border: 1px solid rgba(62,224,197,.28); }
.scrim-tile a { color: inherit; text-decoration: none; }
.scrim-tile__top { display: flex; gap: .7rem; align-items: center; }
.scrim-tile__logo { width: 52px; height: 52px; border-radius: 12px; object-fit: cover; background: #12161c; }
.scrim-tile h2 { margin: 0; color: #fff; font-size: 1.05rem; }
.scrim-tile__meta { color: #9aa6b2; font-size: .82rem; }
.scrim-pill { display: inline-flex; align-items: center; border-radius: 999px; padding: .15rem .55rem; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; background: rgba(62,224,197,.15); color: #9ff3e4; }
.scrim-pill--live { background: rgba(255,70,70,.18); color: #ffb4b4; }
.scrim-pill--registration { background: rgba(255,176,32,.16); color: #ffd27a; }
.scrims-empty { color: #8b97a3; padding: 1.2rem 0; }
.scrims-section { margin-top: 1.6rem; }
.scrims-section h3 { color: #fff; margin: 0 0 .7rem; }