/* Page « La suite NBA » — préfixe .su-. Le registre des apps et des SaaS du groupe, en cartes de verre. */
.su { display: flex; flex-direction: column; gap: var(--s-6); }
.su-section { display: flex; flex-direction: column; gap: var(--s-4); }
.su-section__head h2 { font: 600 var(--fs-xl)/1.2 var(--font-display); }
.su-section__head p { color: var(--muted); font-size: var(--fs-sm); margin-top: 4px; }
.su-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: var(--s-4); }
.su-card { padding: var(--s-5); display: flex; flex-direction: column; gap: var(--s-3); border-radius: var(--r-lg); }
.su-card__head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); }
.su-card__name { font: 600 1.25rem/1.1 var(--font-varsity); color: var(--wine); letter-spacing: -0.025em; }
:root[data-theme='dark'] .su-card__name { color: var(--gold-bright); }
.su-card__summary { color: var(--text-2); font-size: var(--fs-sm); }
.su-card__facts { margin: 0; display: flex; flex-direction: column; gap: 6px; font-size: var(--fs-sm); }
.su-card__facts div { display: flex; justify-content: space-between; gap: var(--s-3); padding-top: 6px; border-top: 1px solid var(--line); }
.su-card__facts dt { color: var(--muted); }
.su-card__facts dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.su-card__facts a { color: var(--gold-bright); }
.su-card__notes { font-size: var(--fs-xs); color: var(--text-2); padding: 8px 10px; border-radius: var(--r-sm); background: var(--glass-control); box-shadow: var(--glass-inset); }
.su-card__foot { font-size: var(--fs-xs); color: var(--muted); margin-top: auto; }
/* Les derniers changements d'une app, inscrits à chaque mise en ligne. */
.su-card__changes { display: grid; gap: 6px; }
.su-card__changes-title { font: 600 var(--fs-xs)/1 var(--font-accent); letter-spacing: 0.01em; color: var(--gold-bright); }
.su-card__changes ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; }
.su-card__changes li { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; font-size: var(--fs-sm); line-height: 1.35; color: var(--text); }
.su-card__when { font-size: var(--fs-xs); color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; padding-top: 2px; }
.su-card__by { grid-column: 2; font-size: var(--fs-xs); color: var(--muted); }