/* Compact view of the app collection: many small tiles (photo, number, status, name, category); the detailed cards stay one click away. */
.app-view-switch{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:-14px 0 18px;font-size:12px;color:var(--muted)}
.app-view-switch [role=group]{display:inline-flex;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fffdf7}
.app-view-switch button{border:0;background:transparent;padding:7px 14px;font-size:12px;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:6px}
.app-view-switch button[aria-pressed=true]{background:var(--ink);color:#fff}
.app-view-switch button:focus-visible{outline-offset:-3px}

.app-grid.compact{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px}
.app-grid.compact .app-card{min-height:0;padding:0;border-radius:10px;overflow:hidden;position:relative;transition:box-shadow .15s ease,transform .15s ease}
.app-grid.compact .app-card:hover{box-shadow:0 8px 20px #173c3218;transform:translateY(-2px)}
.app-grid.compact .app-card-image{margin:0;border-radius:0}
.app-grid.compact .app-card-image img{aspect-ratio:16/10}
.app-grid.compact .card-top{position:absolute;top:6px;left:6px;right:6px;margin:0;pointer-events:none}
.app-grid.compact .number{font:700 11px Arial,Helvetica,sans-serif;color:#fff;background:#163b3bcc;border-radius:10px;padding:1px 7px}
.app-grid.compact .badge{font-size:9px;padding:2px 7px;background:#fffdf7e8}
.app-grid.compact .app-card .eyebrow{order:3;font-size:8px;letter-spacing:1px;margin:0 10px 8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-grid.compact .app-card h3{order:2;font-size:15px;line-height:1.25;letter-spacing:0;margin:9px 10px 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.app-grid.compact .app-card>p:not(.eyebrow),.app-grid.compact .app-card ul,.app-grid.compact .academy-link{display:none}
.app-grid.compact .card-link{order:4;border:0;padding:0;margin:0;position:absolute;inset:0;font-size:0;color:transparent}
.app-grid.compact .card-link span{display:none}
.app-grid.compact .card-link:focus-visible{outline:3px solid #bc6238;outline-offset:-3px;border-radius:10px}
.app-grid.compact .app-card:not(:has(.app-card-image)) h3{margin-top:38px}
@media(max-width:760px){.app-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-grid.compact .app-card{min-height:0;padding:0}.app-grid.compact .app-card h3{font-size:14px}.app-view-switch{justify-content:flex-start;margin-top:0}}
@media(prefers-reduced-motion:reduce){.app-grid.compact .app-card{transition:none}.app-grid.compact .app-card:hover{transform:none}}
@media(min-width:761px){.app-section .section-heading>div{flex:0 0 380px}}