/* s-flat.css : linked LAST. Square edges everywhere, hairlines instead of soft shadows.
   Exceptions: the custom cursor dot, the live-status dot and the analogue clock face.
   The :not(#flat) part raises specificity so no earlier class rule can round a corner. */
:root { --r-pill: 0; --r-card: 0; }
html body *:not(#flat),
html body *:not(#flat)::before,
html body *:not(#flat)::after { border-radius: 0; }
html body :is(.site-dot, .home-status__face, #clock-face, .m-cursor, .m-cursor__canvas):not(#flat),
html body .site-dot:not(#flat)::after { border-radius: 50%; }
html body :is(.m-cursor__label):not(#flat) { border-radius: 0; }
html body :is([class*="card"], [class*="paper"], [class*="receipt"], [class*="slide"], [class*="btn"], [class*="chip"], [class*="pill"], [class*="tag"], dialog, figure, img, video):not(#flat) { box-shadow: none; }

/* shared nav height token for sections that clear the fixed bar */
:root { --nav-h: var(--header-h, 56px); }
/* descriptions under media read as normal sentences, not uppercase labels */
.home-subaio p { text-transform: none; }

/* touch: small controls keep their look but get a 44px hit area (padding, never ::after: the CTA uses ::after for its underline sweep) */
@media (pointer: coarse), (max-width: 1023px) {
  .home-footer nav a, .home-footer__mail a { display: inline-block; padding-block: 10px; margin-block: -10px; }
  .hg-use, .receipt a { position: relative; }
  .hg-use::before, .receipt a::before { content: ''; position: absolute; left: -4px; right: -4px; top: 50%; height: 44px; transform: translateY(-50%); }
}

/* record-player discs in the studies slider are circles again (flat reset must not square them) */
html body .home-slide__disc:not(#flat),
html body .home-slide__disc:not(#flat)::after { border-radius: 50%; }