:root {
  --newblack: #000000;
  --newwhite: #f1f1f1;
  --font-leak: "Yantramanav", sans-serif;
  --spacing: .25rem;
  --spacing-xs: 0.5em;
  --spacing-sm: 0.8em;
  --spacing-md: 1em;
  --spacing-lg: 2em;
  --spacing-xl: 5em;
  --font-size-xs: 0.8rem;
  --font-size-sm: 0.9rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.1rem;
  --font-size-xl: 1.5rem;
  --font-size-xl2: 2rem;
  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  --leading-relaxed: 1.625;
  --container-4xl: 56rem;
  --z-dropdown: 999;
  --z-modal: 1000;
  --z-top: 1001;
  --color-primary: var(--newgreen);
  --color-secondary: var(--newblack);
  --color-background: var(--newwhite);
  --shadow-light: 0 1px 3px rgba(0,0,0,0.1);
  --shadow-medium: 0 4px 6px rgba(0,0,0,0.15);
  --shadow-strong: 0 8px 12px rgba(0,0,0,0.2);
  --border-light: #ddd;
  --shadow-subtle: rgba(0,0,0,0.1);
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.6s ease;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl--line-height: calc(1.75 / 1.25);
}

*,:after,:before,::backdrop {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

::file-selector-button {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0
}

html {
  font-family: var(--font-leak);
}

html,: host {
  -webkit-text-size-adjust:100%;
  line-height: 1.5;
  -webkit-tap-highlight-color: transparent
}

body {
  width: 100%;
  height: 100%;
  margin: auto;
  background: var(--newwhite);
  font-family: var(--font-leak);
  color: var(--newblack);
}

a {
  text-decoration: none;
  cursor: default;
  color: var(--newblack);
}

a:hover {
  text-decoration: none;
  color: var(--newblack);
  opacity: .7;
}

p {
  margin: 0;
  text-decoration: none;
}

ol {
  padding-left: 1.1em;
  list-style-position: initial;
}

img {
  border-style: none;
}

.uppercase {
  text-transform: uppercase;
}

span {
  display: block;
}

button {
  font-family: var(--font-leak);
}

/* Headings */

h1 {
  font-size: 1.8rem;
  font-weight: var(--font-medium);
  text-transform: uppercase;
}

h2 {
  font-size: 1.3rem;
  font-weight: var(--font-medium);
  text-transform: uppercase;
}

h3 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-medium);
  text-transform: uppercase;
}

/* Hide scrollbar visually but maintain functionality */

.no-scroll-bar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.no-scroll-bar::-webkit-scrollbar {
  display: none !important;
}

.no-scroll-bar::-moz-scrollbar {
  display: none !important;
}

.no-scroll-bar::-ms-scrollbar {
  display: none !important;
}

.html-formatter--center ul,.html-formatter--center ol {
    padding-left: 1.1em;
    list-style-position: initial
}

:where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.list-disc {
    list-style-type: disc;
}

.list-inside {
    list-style-position: inside;
}

.mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
}

.ml-4 {
    margin-left: calc(var(--spacing) * 4);
}

.text-xl {
    line-height: var(--tw-leading, var(--text-xl--line-height));
}

.mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
}