/* DEMO / PICO */

/* Typography */
:host, :root {
  --pico-color: initial !important;
  --pico-font-family: var(--font-body) !important;
  --pico-font-size: initial !important;
}
h1, h2, h3 {
  --pico-color: initial !important;
  --pico-font-size: initial !important;
  margin: 0;
}
:where(ol, ul) li {
  --pico-typography-spacing-vertical: 0;
}

/* Remove breakpoints for stage width */
.container {
  padding-inline: 3% !important;
  max-width: 100% !important;
}
@media (min-width: 1920px) {
  .container {
    padding-inline: 0 !important;
  }
}

/* nav */
nav ul {
  display: block;
}
nav li {
  display: block;
}
nav ol:last-of-type, nav ul:last-of-type {
  margin: 0;
}

/* Misc */
article {
  padding-inline: 0;
  box-shadow: none;
}
aside li {
  padding: 0;
}


/********************************************************
 CHECK
 ********************************************************/
 
 /* Remove breakpoints for stage width */

/*
@media (min-width: 576px) {
  .container {
    max-width: 1855px !important;
    padding-right: var(--pico-spacing) !important;
    padding-left: var(--pico-spacing) !important;
  }
}
*/

/* Typography */

 /*
@media (min-width: 1536px) {
  :host, :root {
    --pico-font-size: 131.25%;
  }
}
:root {
  --pico-typography-spacing-vertical: 0;
  --pico-typography-spacing-top: 0;
}
h2, h3, h4, h5, h6 {
  --pico-font-size: 1.25em;
}
 :where(article, address, blockquote, dl, figure, form, ol, p, pre, table, ul) ~ :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
}
p {
  margin-bottom: 0;
}
p + p {
  --pico-typography-spacing-vertical: 1em;
  margin-top: var(--pico-typography-spacing-vertical);
}
li > p {
  --pico-typography-spacing-vertical: 0;
}
*/

/* misc */
/*
nav ul {
  display: block;
}
nav li {
  padding-block: calc(0.25 * var(--padding));
}
nav > ul > li {
  padding-block: var(--padding);
}
:where(nav li)::before {
  display: none;
}
*/