/* Side Projects (home + All Projects) and the All Projects group labels.
   Served as /assets/zds/side-projects.css on the two launcher pages. Site tokens and site breakpoints only. */

/* Home: Side Projects is a plain .sec (the site's own 160/96, 112/72, 72/56 rhythm); only the anchor offset is added. */
#side-projects.sec--side { scroll-margin-top: 100px; }

/* All Projects: group labels sit right above their grids. */
.ap-group { margin: 0 0 24px; font-size: 24px; line-height: 32px; font-weight: 600; color: var(--ink); }
#side-projects.ap-side { padding-block: 0 96px; }
/* All Projects' body is white but ends on the grey Design System section: the footer sits on that grey too. */
.page-all-projects .footer { background: var(--bg); }

/* Robot Lab card: one cover per language, picked like the site's dual spans. */
.card__media .lab-cover--zh { display: none; }
html[data-locale="zh"] .card__media .lab-cover--en { display: none; }
html[data-locale="zh"] .card__media .lab-cover--zh { display: block; }

/* Lock badge: a small pill on the card image, the gate's lock in site tokens. */

@media (max-width: 809.98px) {
  #side-projects.ap-side { padding-block: 0 56px; }
  .ap-group { margin-bottom: 16px; font-size: 20px; line-height: 28px; }
}