/* TERRE mobile and light-only rules, 19/10/2026 */
:root { color-scheme: only light; }

/* C4.1 Long display headings must not overflow narrow phones (/erga/ H1 at 360 px measured 347 px in a 328 px column) */
h1.display { overflow-wrap: break-word; hyphens: auto; }
@media (max-width: 400px) {
  h1.display { font-size: clamp(32px, 9.5vw, 44px); }
}

/* C4.2 Touch targets of at least 24 px (WCAG 2.2, 2.5.8): footer links and the language switch */
.site-footer ul a,
.site-header .lang {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding-block: 4px;
}

/* C4.3 Minimum 12 px for small labels on phones (project card tags, NDA notes, business card labels) */
@media (max-width: 760px) {
  .tag, small, .eyebrow { font-size: max(12px, 1em); }
}