/* tangble — main.css
   Shared across all site pages.
   Tailwind CDN handles utilities; this file covers
   things Tailwind can't (svh units, optical sizing, CSS vars). */

:root {
  --background: #FCFCFC;
  --foreground: #171717;
  --muted-foreground: #737373;
  --border: #E5E5E5;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  font-optical-sizing: auto;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

/* Remove default <summary> marker across all browsers */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}